/* The footer is outside the conversation scroll area. The quota opens above it. */
.dashboard-page .app-sidebar{height:100dvh;min-height:0;overflow:visible}
.app-sidebar>.app-brand,.app-sidebar>.app-space-caption,.app-sidebar>.app-navigation,.app-sidebar>.workspace-account{flex-shrink:0}
.dashboard-page .app-sidebar .app-brand{margin-bottom:19px}.dashboard-page .app-sidebar .app-space-caption{margin-bottom:13px}
.sidebar-conversations{display:flex;flex-direction:column;min-height:0;flex:1;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}
.dashboard-page .sidebar-conversations .agent-contacts{flex:none;overflow:visible;min-height:0;padding-bottom:12px}
.workspace-account{position:relative;flex-shrink:0;margin-top:auto;padding:10px 4px 0;border-top:1px solid var(--border-subtle);min-width:0;z-index:90}
.workspace-account [hidden]{display:none!important}
.portal-page .workspace-account .workspace-user-menu{display:block;width:100%;position:relative;margin:0}
.portal-page .workspace-account .workspace-user-menu>summary.workspace-user{display:flex;align-items:center;gap:10px;width:100%;min-height:56px;padding:9px 8px;border:0;border-radius:9px;list-style:none;cursor:pointer;background:transparent;box-shadow:none}
.portal-page .workspace-user-menu>summary.workspace-user::-webkit-details-marker{display:none}.portal-page .workspace-user-menu>summary.workspace-user::after{display:none}
.portal-page .workspace-account .workspace-user:hover,.portal-page .workspace-user-menu[open]>summary.workspace-user{background:#e9ecef}
.workspace-user .app-avatar{width:32px;height:32px;flex-shrink:0;background:#e6e8eb;color:#66717e}.workspace-user .app-avatar svg{width:18px;height:18px}
.workspace-user-copy{min-width:0;display:grid;gap:3px;flex:1}.workspace-user-copy strong{font-size:12px;line-height:1.5;font-weight:500;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-user-copy small{font-size:10px;line-height:1.5;color:var(--text-tertiary)}
.workspace-user-more{width:17px;height:17px;flex:none;color:var(--text-tertiary)}
.portal-page .workspace-account .workspace-user-menu>.action-menu-panel{position:absolute;top:auto;bottom:calc(100% + 9px);left:0;right:auto;min-width:216px;width:100%;max-width:calc(100vw - 32px);max-height:var(--account-menu-max-height,calc(100dvh - 100px));overflow:auto;padding:7px;border:1px solid var(--border-default);border-radius:12px;background:#fff;box-shadow:0 10px 36px #17202d16;z-index:100}
.portal-page .workspace-user-menu>.action-menu-panel :is(button,a){display:flex;align-items:center;min-height:38px;width:100%;margin:0;padding:9px 11px;border:0;border-radius:6px;background:none;text-align:left;font:inherit;font-size:12px;line-height:1.6;text-decoration:none;color:var(--text-secondary);cursor:pointer}
.portal-page .workspace-user-menu>.action-menu-panel :is(button,a):hover{background:var(--surface-subtle);color:var(--text-primary)}
.account-total-quota{padding:11px 11px 16px;margin-bottom:5px;border-bottom:1px solid var(--border-subtle)}
.account-total-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:12px;color:var(--text-secondary);margin-bottom:12px}.account-total-heading strong{font-size:19px;line-height:1.4;font-weight:500;letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--text-primary)}
.account-total-track{display:block;height:4px;border-radius:4px;background:#e9ecef;overflow:hidden}.account-total-track>span{display:block;height:100%;border-radius:inherit;background:#677b72}.account-total-track.is-low>span{background:#ae806a}.account-total-quota p{font-size:11px;line-height:1.6;color:var(--text-tertiary);margin:9px 0 0}
.portal-page .workspace-user-menu>.action-menu-panel>[data-signout]{margin-top:5px;border-top:1px solid var(--border-subtle);border-radius:0 0 6px 6px;padding-top:12px}
.mobile-navigation-footer .workspace-account{width:100%;border:0;padding:0;margin:0}.mobile-navigation-footer{display:block;padding-inline:16px;border-color:var(--border-subtle)}
@media(max-height:680px) and (min-width:761px){.dashboard-page .app-sidebar{padding-top:15px;padding-bottom:10px}.app-sidebar .app-space-caption>span{display:none}.dashboard-page .app-sidebar .app-brand{margin-bottom:12px}.dashboard-page .app-sidebar .app-space-caption{margin-bottom:6px}.dashboard-page .agent-sidebar-heading{padding-top:12px;padding-bottom:7px}}

/* Compact account popovers use the shared viewport placement, including modal drawers. */
.portal-page .workspace-account .workspace-user-menu>.action-menu-panel{box-sizing:border-box;min-width:0;width:304px;max-width:calc(100vw - 20px);overscroll-behavior:contain}
.portal-page .workspace-account .workspace-user-menu>.action-menu-panel :is(button,a){white-space:normal;overflow-wrap:break-word;word-break:normal}
@media(max-width:760px){.mobile-navigation-footer .workspace-account .workspace-user-menu>.action-menu-panel{width:min(304px,calc(100vw - 32px));max-height:min(460px,calc(100dvh - 100px))}.mobile-navigation-footer .account-total-quota{padding:9px 10px 12px}.mobile-navigation-footer .account-total-heading{font-size:12px;margin-bottom:9px}.mobile-navigation-footer .account-total-heading strong{font-size:18px}.portal-page .mobile-navigation-footer .workspace-user-menu>.action-menu-panel :is(button,a){min-height:38px;padding:8px 10px;font-size:13px;line-height:20px}}
