/* A portrait, name and one menu; controls never sit inside another button. */
.agent-contacts .agent-contact-row,.mobile-agent-list .mobile-contact-row{display:grid;grid-template-columns:32px minmax(0,1fr) 32px;align-items:center;gap:6px;padding:6px 7px;border:0;border-radius:9px;min-width:0;position:relative;flex-shrink:0}
.agent-contacts .agent-contact-row.is-current,.mobile-agent-list .mobile-contact-row.is-current{border:0;background:#fff;box-shadow:0 1px 4px #17202d04}
.agent-contacts .agent-contact-row:hover,.mobile-agent-list .mobile-contact-row:hover{background:#eef0f2}
.agent-contacts .agent-contact-row.is-current:hover,.mobile-agent-list .mobile-contact-row.is-current:hover{background:#fff}
.agent-contacts .agent-contact-row .agent-contact,.mobile-agent-list .mobile-contact-row .mobile-contact{min-width:0;min-height:45px;width:100%;padding:0;border:0;border-radius:4px;background:transparent;box-shadow:none;overflow:hidden;text-align:left;cursor:pointer}
.agent-contacts .agent-contact-copy,.mobile-agent-list .mobile-contact-copy{display:flex;flex-direction:column;width:100%;min-width:0;gap:4px}
.agent-contacts .agent-contact-copy strong{font-size:13px;font-weight:500;line-height:1.6}
.agent-contacts .agent-contact-copy small{font-size:12px;line-height:18px;color:#6b6b6b}
.agent-contacts .agent-contact-copy [data-agent-preview],.mobile-agent-list .mobile-contact-copy [data-agent-preview]{display:block;max-width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.dashboard-page .app-sidebar .agent-contact-copy [data-agent-preview]:not(:empty){display:block;font-size:12px;line-height:18px}
.agent-contacts .agent-contact-copy small:empty,.mobile-agent-list .mobile-contact-copy small:empty{display:none}
.agent-avatar-button{position:relative;display:grid;place-items:center;width:36px;height:36px;min-width:36px;min-height:36px;margin:0;padding:0;border:0;border-radius:10px;background:transparent;cursor:pointer;transition:transform .16s ease}
.agent-avatar-button:hover{transform:translateY(-1px)}
.agent-avatar-button:disabled{cursor:default;transform:none;opacity:.65}
.agent-avatar-button svg{pointer-events:none}
.agent-contact-row.is-working>.agent-avatar-button::after,.mobile-contact-row.is-working>.agent-avatar-button::after{content:'';position:absolute;right:-1px;bottom:-1px;width:7px;height:7px;border-radius:50%;background:#a3b7a9;border:2px solid var(--surface-subtle)}
.agent-directory-menu{align-self:center;position:relative;min-width:0}
.agent-directory-menu>summary{display:grid;place-items:center;width:24px;height:32px;min-height:32px;padding:0;border:0;border-radius:6px;background:transparent;list-style:none;font-size:17px;letter-spacing:1px;font-weight:600;color:var(--text-tertiary);opacity:0;cursor:pointer}
.agent-directory-menu>summary::-webkit-details-marker{display:none}.agent-directory-menu>summary::after{display:none}
.agent-contact-row:is(:hover,:focus-within,.is-current) .agent-directory-menu>summary,.mobile-contact-row .agent-directory-menu>summary,.agent-directory-menu[open]>summary{opacity:1}
.agent-directory-menu>summary:hover,.agent-directory-menu[open]>summary{background:#e4e7eb;color:var(--text-primary)}
.agent-directory-menu>.action-menu-panel{position:absolute;top:0;bottom:auto;right:calc(100% + 5px);left:auto;width:154px;min-width:154px;z-index:10;background:#fff;border:1px solid var(--border-default);border-radius:9px;padding:5px;box-shadow:0 8px 26px #17202d14}
.agent-directory-menu .action-menu-panel button{position:static;display:block;width:100%;min-height:36px;height:auto;padding:8px 10px;margin:0;transform:none;opacity:1;border:0;border-radius:5px;font-size:12px;line-height:1.6;color:var(--text-secondary);background:transparent;text-align:left;cursor:pointer}
.agent-directory-menu .action-menu-panel button:hover{background:var(--surface-subtle)}
.agent-directory-menu .action-menu-panel button:disabled{opacity:.4;cursor:default}.agent-directory-menu [data-agent-delete],.agent-directory-menu [data-mobile-agent-delete]{color:#a66e60!important}
.agent-inline-name{display:grid;grid-template-columns:minmax(0,1fr);gap:5px;align-items:center;min-width:0;padding:0;margin:0}
.agent-inline-name .agent-name-input{width:100%;min-width:0;height:32px;min-height:32px;padding:5px 7px;border:1px solid #bcc8d0;border-radius:6px;outline:0;background:#fff;box-shadow:none;color:var(--text-primary);font:inherit;font-size:12px;line-height:1.6}
.agent-name-input:focus{border-color:#8d9eae;box-shadow:none;outline:0}.agent-name-input[aria-invalid="true"]{border-color:#c5a393}
.agent-name-actions{display:flex;justify-content:flex-end;gap:3px}.agent-name-actions button{display:grid;place-items:center;width:26px;height:25px;padding:5px;border:0;border-radius:5px;background:transparent;color:var(--text-tertiary);cursor:pointer}.agent-name-actions button:first-child{background:#e6ece8;color:#4f6b5a}.agent-name-actions button:hover{background:#e1e5e8}.agent-name-actions button:disabled{opacity:.4}.agent-name-actions svg{width:15px;height:15px}
.agent-name-error{font-size:10px;line-height:1.65;color:#9d6b56;margin:0;overflow-wrap:anywhere}.agent-contact-row.is-editing,.mobile-contact-row.is-editing{align-items:start;background:#f0f2f4}
.agent-contact-row.is-editing .agent-avatar-button,.agent-contact-row.is-editing .agent-directory-menu,.mobile-contact-row.is-editing .agent-avatar-button,.mobile-contact-row.is-editing .agent-directory-menu{margin-top:2px}
.agent-contacts [hidden],.mobile-agent-list [hidden]{display:none!important}
.agent-directory-menu :is(summary,button):focus-visible,.agent-avatar-button:focus-visible,.agent-contact:focus-visible,.mobile-contact:focus-visible{outline:2px solid var(--field-keyboard,#8d9eae);outline-offset:3px}
.agent-appearance-dialog{width:min(460px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;overscroll-behavior:contain;padding:24px;border:1px solid var(--border-subtle);border-radius:20px}.agent-appearance-dialog .dialog-heading h2{font-size:16px;line-height:1.6;overflow-wrap:anywhere}
.agent-appearance-preview{display:grid;place-items:center;min-height:112px;padding:12px 0 20px}.agent-appearance-preview>svg{width:80px;height:80px}
.agent-appearance-dialog fieldset{padding:0;margin:0 0 20px;border:0;min-width:0}.agent-appearance-dialog legend{font-size:14px;line-height:1.7;color:var(--text-secondary);margin-bottom:10px;padding:0}
.appearance-styles>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.appearance-style{display:grid;justify-items:center;gap:7px;min-width:0;min-height:86px;padding:11px 8px 9px;border:1px solid var(--border-subtle);border-radius:12px;background:#fff;color:var(--text-secondary);font:inherit;font-size:14px;line-height:1.5;cursor:pointer}.appearance-style svg{width:38px;height:38px;pointer-events:none}.appearance-style:hover{background:var(--surface-subtle)}.appearance-style[aria-pressed="true"]{border-color:#8b929c;background:#f6f6f7;color:var(--text-primary)}
.appearance-colors>div{display:flex;flex-wrap:wrap;gap:10px}.appearance-color{display:grid;place-items:center;position:relative;width:38px;height:38px;min-width:38px;min-height:38px;padding:8px;border:4px solid #fff;border-radius:50%;background:var(--avatar-color);box-shadow:0 0 0 1px transparent;cursor:pointer}.appearance-color[aria-pressed="true"]{box-shadow:0 0 0 1px #8c99a8}.appearance-color svg{width:15px;height:15px;opacity:0;color:#fff}.appearance-color[aria-pressed="true"] svg{opacity:1}
.agent-appearance-dialog :is(.appearance-style,.appearance-color):focus-visible{outline:2px solid var(--field-keyboard,#8d9eae);outline-offset:3px}.agent-appearance-dialog .dialog-actions{padding-top:4px}
@media(max-width:760px){.mobile-agent-list .mobile-contact-row{grid-template-columns:40px minmax(0,1fr) 32px;gap:11px;padding:10px 8px;min-height:64px}.mobile-agent-list .agent-avatar-button{width:40px;height:40px;min-width:40px;min-height:40px}.mobile-agent-list .mobile-contact-copy strong{font-size:14px}.mobile-agent-list .mobile-contact-copy small{font-size:12px}.mobile-agent-list .agent-directory-menu>summary{width:32px;height:40px;opacity:1}.mobile-agent-list .agent-directory-menu .action-menu-panel button{min-height:44px;font-size:13px}.mobile-agent-list .agent-name-input{font-size:16px;height:40px}.mobile-agent-list .agent-name-actions button{width:34px;height:32px}.agent-appearance-dialog{padding:20px}.appearance-color{width:44px;height:44px;min-width:44px;min-height:44px;border-width:6px}.appearance-colors>div{gap:6px}.agent-appearance-dialog .dialog-actions button{min-height:44px}}
@media(prefers-reduced-motion:reduce){.agent-avatar-button{transition:none}.agent-avatar-button:hover{transform:none}}



/* Sidebar controls are quiet inline affordances, not framed toolbar buttons. */
.portal-page .agent-directory-menu.action-menu>summary{display:grid;place-items:center;width:24px;min-width:24px;height:32px;min-height:32px;padding:0;border:0;border-radius:6px;background:transparent;box-shadow:none;font-size:18px;line-height:1;color:var(--text-tertiary)}
.portal-page .agent-directory-menu.action-menu>summary::after{display:none}
.portal-page .agent-directory-menu.action-menu>summary:hover,.portal-page .agent-directory-menu.action-menu[open]>summary{background:#e5e8ec;color:var(--text-secondary)}
.portal-page .agent-directory-menu.action-menu[open]>.action-menu-panel{width:180px;min-width:180px;max-width:calc(100vw - 20px);overflow:auto;overscroll-behavior:contain;box-sizing:border-box}
.portal-page .agent-directory-menu.action-menu>.action-menu-panel>button{white-space:nowrap;overflow-wrap:normal;word-break:normal}
.dashboard-page .agent-sidebar-heading button{display:grid;place-items:center;width:28px;min-width:28px;height:28px;min-height:28px;margin:0;padding:0;border:0;background:transparent;box-shadow:none;color:var(--text-tertiary)}
.dashboard-page .agent-sidebar-heading button:hover:not(:disabled){background:#e6e9ed;border-color:transparent;color:var(--text-primary)}
@media(max-width:760px){.portal-page .mobile-contact-row .agent-directory-menu.action-menu>summary{width:32px;min-width:32px;height:40px;min-height:40px}}