/* One navigation band; view headings only remain where they add context. */
.desktop-sidebar-toggle {display:grid;place-items:center;flex:none;width:34px;height:34px;padding:7px;border:0;border-radius:6px;background:transparent;color:var(--text-secondary);cursor:pointer}
.desktop-sidebar-toggle svg {width:20px;height:20px}
.desktop-sidebar-toggle:hover {background:var(--surface-hover);color:var(--text-primary)}
.desktop-sidebar-toggle:focus-visible {outline:2px solid var(--text-secondary);outline-offset:3px}
.sidebar-collapsed .app-layout {grid-template-columns:minmax(0,1fr)}
.sidebar-collapsed .app-sidebar {display:none}
.sidebar-collapsed .desktop-sidebar-toggle svg {transform:scaleX(-1)}
.dashboard-page {--workspace-header-height:54px}
/* The shell owns the navigation layer, above view-local sticky editor bars. */
.dashboard-page .app-topbar {position:sticky;top:0;z-index:20;height:var(--workspace-header-height);min-height:54px;gap:14px;padding:0 24px;justify-content:flex-start}
body.portal-page.dashboard-page .app-topbar {border-bottom:0}
.dashboard-page .app-topbar-right {margin-left:auto;gap:12px;flex:none}
.dashboard-page .app-topbar .workspace-data-navigation {flex:1;min-width:0;align-self:stretch;align-items:stretch;gap:2px;margin:0;padding:0;border:0;overflow:visible}
.dashboard-page .app-topbar .workspace-data-navigation>button {min-height:44px;padding:0 12px;font-size:13px;border-radius:0}
.dashboard-page .app-topbar .workspace-data-navigation>button[aria-current="page"]:after {bottom:0;left:12px;right:12px}
.dashboard-page .app-topbar .workspace-more {position:relative;margin-left:8px;padding:0;align-self:center}
.dashboard-page .app-topbar .workspace-more>summary {min-height:34px;padding:7px 8px;font-size:12px;gap:8px}
.dashboard-page .app-topbar .workspace-more>div {position:absolute;top:calc(100% + 8px);right:0}
.dashboard-page:not(.agent-conversation-open):not(.marketing-messages-open) .dashboard-main {max-width:none;padding:14px 18px 24px}
.dashboard-page #view-marketing {max-width:none}
.dashboard-page[data-workspace-view="market"]:not([data-workspace-section="new"]) .dashboard-title {margin-bottom:12px;justify-content:flex-end;gap:12px}
.dashboard-page[data-workspace-view="market"]:not([data-workspace-section="new"]) .dashboard-title>div:first-child {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.dashboard-page .dashboard-note {margin-top:20px}
@media (min-width:761px) and (max-width:1250px) {
 .dashboard-page .app-topbar {padding-inline:18px;gap:8px}
 .dashboard-page .app-topbar .workspace-data-navigation>button {padding-inline:9px;font-size:12px}
 .dashboard-page .app-topbar [data-account-name] {display:none}
 .dashboard-page .app-topbar .workspace-more>summary {font-size:0;gap:0;width:32px;justify-content:center}
 .dashboard-page .app-topbar .workspace-more>summary:after {width:6px;height:6px}
 .dashboard-page .app-topbar-right {gap:6px}
 .dashboard-page:not(.agent-conversation-open):not(.marketing-messages-open) .dashboard-main {padding:14px 16px 24px}
}
@media (min-width:761px) and (max-width:1000px) {
 .dashboard-page .workspace-messages-button>span {display:none}
}
/* A full-width tab row keeps five destinations usable beside the desktop sidebar. */
@media (min-width:761px) and (max-width:1100px) {
 .dashboard-page:not(.agent-conversation-open) {--workspace-header-height:100px}
 .dashboard-page:not(.agent-conversation-open) .app-topbar {height:auto;min-height:100px;flex-wrap:wrap;gap:0 10px;padding-top:6px;align-content:flex-start}
 .dashboard-page:not(.agent-conversation-open) .app-topbar .workspace-data-navigation {order:5;flex-basis:100%;height:44px;margin-top:6px}
 .dashboard-page:not(.agent-conversation-open) .app-topbar .workspace-data-navigation>button {flex:1;padding-inline:8px;font-size:13px}
}
@media (max-width:760px) {
 .desktop-sidebar-toggle {display:none}
 .dashboard-page {--workspace-header-height:100px}
 .dashboard-page .app-topbar {height:auto;min-height:54px;flex-wrap:wrap;gap:0 10px;padding:6px max(14px,env(safe-area-inset-right)) 0 max(14px,env(safe-area-inset-left));padding-top:max(6px,env(safe-area-inset-top))}
 .dashboard-page .app-topbar .app-topbar-right {display:flex;gap:6px;margin-left:auto}
 .dashboard-page .app-topbar .app-topbar-right>:not(.workspace-messages-button):not(.app-user):not(.account-menu):not(.product-help-trigger) {display:none}
 .dashboard-page .app-topbar .app-user [data-account-name] {display:none}
 .dashboard-page .app-topbar .workspace-data-navigation {order:5;flex-basis:100%;gap:0;height:44px;min-width:0;margin-top:4px}
 .dashboard-page .app-topbar .workspace-data-navigation>button {flex:1;padding:0 5px;min-width:0;font-size:13px;min-height:44px;white-space:nowrap}
 .dashboard-page .app-topbar .workspace-more {display:none}
 .dashboard-page .app-topbar .mobile-workbench-button {display:none}
 .dashboard-page.agent-conversation-open {--workspace-header-height:54px}
 .dashboard-page.agent-conversation-open .app-topbar {padding-bottom:6px}
 .dashboard-page.agent-conversation-open .mobile-workbench-button {display:flex;border:0;background:transparent}
 .dashboard-page .app-topbar .workspace-data-navigation>button[aria-current="page"]:after {left:15px;right:15px}
 .dashboard-page:not(.agent-conversation-open):not(.marketing-messages-open) .dashboard-main {padding:12px max(12px,env(safe-area-inset-right)) 24px max(12px,env(safe-area-inset-left))}
}
@media (max-width:380px) {
 .dashboard-page .app-topbar .workspace-data-navigation>button {font-size:12px;padding-inline:3px}
 .dashboard-page .app-topbar .workspace-data-navigation>button[aria-current="page"]:after {left:7px;right:7px}
}

/* Business navigation uses section captions and a single level of links. */
body.portal-page.dashboard-page .business-navigation{display:flex;flex-direction:column;gap:0;min-width:0;width:100%;flex:0 0 auto}
body.portal-page.dashboard-page :is(.business-navigation-section,.business-navigation-group){min-width:0;width:100%;flex:0 0 auto}
body.portal-page.dashboard-page .business-navigation-caption{margin:17px 0 5px;padding:0 10px;font:inherit;font-size:12px;font-weight:500;line-height:18px;letter-spacing:0;color:var(--text-tertiary,#8c8f94)}
body.portal-page.dashboard-page .business-navigation-section>.business-navigation-caption{margin-top:9px}
body.portal-page.dashboard-page :is(.business-navigation-base,.business-navigation-tools){display:flex;flex-direction:column;gap:2px;list-style:none;margin:0;padding:0;min-width:0;width:100%}
body.portal-page.dashboard-page .business-navigation-tools>li{margin:0;padding:0;min-width:0;flex:none}
body.portal-page.dashboard-page :is(.business-navigation-base>button,.business-navigation-tool){display:flex;align-items:center;gap:10px;flex:none;width:100%;min-width:0;min-height:32px;padding:6px 10px;border:0;border-radius:8px;background:transparent;font:inherit;font-size:14px;line-height:20px;color:var(--text-secondary,#666);cursor:pointer;text-align:left}
body.portal-page.dashboard-page :is(.business-navigation-base>button,.business-navigation-tool)>svg{width:13px;height:13px;flex:none}
body.portal-page.dashboard-page :is(.business-navigation-base>button,.business-navigation-tool):hover{background:var(--surface-hover,#f0f1f3);color:var(--text-primary,#222)}
body.portal-page.dashboard-page :is(.business-navigation-base>button,.business-navigation-tool)[aria-current="page"]{background:var(--surface-selected,#eceef1);color:var(--text-primary,#222);font-weight:550}
body.portal-page.dashboard-page :is(.business-navigation-base>button,.business-navigation-tool):focus-visible{outline:2px solid var(--text-secondary,#666);outline-offset:-2px}
body.portal-page.dashboard-page .app-sidebar [data-workspace-navigation]{min-height:0;overflow-y:auto;overscroll-behavior-y:contain;flex:1;scrollbar-width:thin}
body.portal-page.dashboard-page[data-experience="personal"] .app-sidebar .personal-workbench-navigation{display:flex;flex-direction:column;align-items:stretch;gap:0;margin:0;padding:0;border:0}
.portal-page.dashboard-page[data-experience="personal"].workbench-open .sidebar-conversations{display:none}
body.portal-page.dashboard-page .app-sidebar .sidebar-capabilities{display:flex;flex-direction:column;flex:none;gap:2px;margin-top:6px}
body.portal-page.dashboard-page .app-sidebar .sidebar-capabilities>button{min-height:32px;padding:6px 10px;font-size:14px;line-height:20px;gap:10px}
body.portal-page.dashboard-page .app-sidebar .sidebar-capabilities>button>svg{width:13px;height:13px;flex:none}
@media(min-width:761px){
 body.portal-page.dashboard-page[data-experience="team"] .app-sidebar:has(>[data-workspace-navigation]:not([hidden])) .workspace-panel-heading{position:relative;height:0;min-height:0;margin:0;padding:0;overflow:visible}
 body.portal-page.dashboard-page[data-experience="team"] .app-sidebar:has(>[data-workspace-navigation]:not([hidden])) [data-shell-title]{display:none}
 body.portal-page.dashboard-page[data-experience="team"] .app-sidebar:has(>[data-workspace-navigation]:not([hidden])) [data-shell-close]{position:absolute;top:0;right:0;z-index:2}
 body.portal-page.dashboard-page[data-experience="team"] .app-sidebar [data-business-nav-caption="business"]{padding-right:38px}
}
@media(max-width:760px){
 body.portal-page.dashboard-page .mobile-business-navigation{display:flex;flex-direction:column;align-items:stretch;gap:0}
 body.portal-page.dashboard-page .mobile-business-navigation>[data-mobile-business-navigation]{display:flex;flex-direction:column;align-items:stretch;gap:0;min-width:0;width:100%}
 body.portal-page.dashboard-page .mobile-business-navigation>.business-navigation-section,body.portal-page.dashboard-page .mobile-business-navigation .business-navigation{width:100%;margin:0}
 body.portal-page.dashboard-page :is(.mobile-business-navigation,.mobile-capability-navigation) .business-navigation-caption{margin-top:16px}
 body.portal-page.dashboard-page .mobile-business-navigation :is(.business-navigation-base>button,.business-navigation-tool){min-height:42px;padding-block:11px}
 body.portal-page.dashboard-page .mobile-capability-navigation{display:flex;flex-direction:column;gap:2px;margin-top:14px;padding-top:8px}
 body.portal-page.dashboard-page .mobile-capability-navigation>button{width:100%;min-height:42px;text-align:left;padding:11px 10px;border:0;border-radius:8px;background:transparent;font:inherit;font-size:14px;line-height:20px;color:var(--text-secondary,#666)}
 body.portal-page.dashboard-page .mobile-capability-navigation>button[aria-current="page"]{background:var(--surface-selected,#eceef1);color:var(--text-primary,#222)}
}
.portal-page.dashboard-page .app-sidebar{min-height:0;max-height:100dvh;box-sizing:border-box}
.portal-page.dashboard-page .app-sidebar>[data-workspace-navigation]{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior-y:contain;scroll-padding-bottom:18px;padding-bottom:18px}
.portal-page.dashboard-page .app-sidebar>.sidebar-conversations{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior-y:contain;scroll-padding-block:12px}
.portal-page.dashboard-page .app-sidebar>.workspace-account{flex:none}

/* Ordering uses the conversation row; its only trailing control is the menu. */
.portal-page.dashboard-page .agent-contact-row[data-directory-order-item]:not(.is-editing),.portal-page.dashboard-page .mobile-contact-row[data-directory-order-item]:not(.is-editing){grid-template-columns:32px minmax(0,1fr) 32px;gap:6px}
.portal-page.dashboard-page .team-contact-row[data-directory-order-item]{display:block;position:relative;min-width:0}
[data-directory-order-item].is-directory-dragging{opacity:.48;user-select:none}
[data-directory-order-item].is-directory-drop-before:before,[data-directory-order-item].is-directory-drop-after:after{content:'';position:absolute;z-index:4;left:5px;right:5px;height:2px;border-radius:2px;background:#8c929b;pointer-events:none}
[data-directory-order-item].is-directory-drop-before:before{top:0}[data-directory-order-item].is-directory-drop-after:after{bottom:0}
.directory-order-ghost{position:fixed;top:0;left:0;z-index:2000;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:9px 13px;border:1px solid #dcdfe3;border-radius:9px;background:#fff;color:#505660;box-shadow:0 8px 24px #17202d14;font-size:13px;line-height:20px;pointer-events:none;user-select:none}
.is-directory-sorting{cursor:grabbing}.is-directory-sorting [data-directory-order-item]{-webkit-touch-callout:none}

/* Quiet depth on chat surfaces, without moving text or changing composer geometry. */
body.portal-page.dashboard-page #view-agents .agent-composer,body.portal-page.dashboard-page #view-teams .agent-composer,body.portal-page.dashboard-page #view-home.home-conversation .today-composer{border-color:#d3d3da;border-radius:20px;box-shadow:0 0 0 4px #f5f5f7;transition:box-shadow var(--motion-hover) var(--motion-ease),border-color var(--motion-hover) var(--motion-ease)}
body.portal-page.dashboard-page #view-agents .agent-composer:focus-within,body.portal-page.dashboard-page #view-teams .agent-composer:focus-within,body.portal-page.dashboard-page #view-home.home-conversation .today-composer:focus-within{border-color:#aaaab5;box-shadow:0 0 0 4px #f1f1f4}
@media(max-width:760px){.portal-page.dashboard-page .mobile-contact-row[data-directory-order-item]:not(.is-editing){grid-template-columns:40px minmax(0,1fr) 32px;gap:8px}}
@media(prefers-reduced-motion:reduce){body.portal-page.dashboard-page #view-agents .agent-composer,body.portal-page.dashboard-page #view-teams .agent-composer,body.portal-page.dashboard-page #view-home.home-conversation .today-composer{transition:none}}

/* Compact desktop navigation keeps related destinations together. */
@media(min-width:761px){
 .portal-page.dashboard-page .app-sidebar .workspace-data-navigation,.portal-page.dashboard-page[data-experience="personal"] .app-sidebar .personal-workbench-navigation{gap:2px}
 .portal-page.dashboard-page .app-sidebar .agent-sidebar-heading{padding:10px 8px 5px;font-size:12px}
 .portal-page.dashboard-page .app-sidebar .agent-contacts{gap:2px}
 .portal-page.dashboard-page .app-sidebar :is(.agent-contact-row,.team-contact){padding:5px 7px;min-height:48px}
 .portal-page.dashboard-page .app-sidebar .agent-contact-row .agent-contact{padding:0;min-height:36px}
 .portal-page.dashboard-page .app-sidebar .agent-contact-copy{gap:2px}
 .portal-page.dashboard-page .app-sidebar :is(.agent-contact-copy,.team-contact-copy) strong{line-height:20px}
 .portal-page.dashboard-page .app-sidebar :is(.agent-contact-copy,.team-contact-copy) small{line-height:16px}
 .portal-page.dashboard-page .app-sidebar .agent-avatar-button{width:32px;height:32px;min-width:32px;min-height:32px}
 .portal-page.dashboard-page .app-sidebar .team-contact{gap:8px}
 .portal-page.dashboard-page .app-sidebar .team-contact-copy{gap:2px}
}

/* Business pages keep their own selection; the Agent shortcut is not a parent tab. */
body.portal-page.dashboard-page[data-experience="personal"] .sidebar-workbench>button:not([aria-current="page"]):not(:hover) {
 background:transparent; color:var(--text-secondary);
}

/* 0857: personal message control contains a label, so it is not a square icon. */
body.portal-page.dashboard-page[data-experience="personal"] .app-topbar .workspace-messages-button {
 display:inline-flex; align-items:center; justify-content:center; flex:0 0 auto;
 width:auto!important; min-width:36px!important;
 padding:0 8px!important; gap:6px!important; white-space:nowrap; line-height:1;
}
body.portal-page.dashboard-page[data-experience="personal"] .app-topbar .workspace-messages-button>span { flex:none; white-space:nowrap; }
body.portal-page.dashboard-page[data-experience="personal"] .app-topbar .workspace-messages-button>b {
 position:static; display:inline-grid; place-items:center; flex:none;
 min-width:17px; height:17px; padding:0 4px; border:0; line-height:17px; font-size:10px;
}
body.portal-page.dashboard-page[data-experience="personal"]:is(.agent-header-merged,.team-header-merged) .app-topbar .workspace-messages-button {
 width:var(--ui-size-icon,36px)!important; min-width:var(--ui-size-icon,36px)!important;
 padding:0!important; gap:0!important;
}
body.portal-page.dashboard-page[data-experience="personal"]:is(.agent-header-merged,.team-header-merged) .app-topbar .workspace-messages-button>span { display:none; }
body.portal-page.dashboard-page[data-experience="personal"]:is(.agent-header-merged,.team-header-merged) .app-topbar .workspace-messages-button>b {
 position:absolute; right:0; top:0; min-width:15px; height:15px; padding:0 3px; border:2px solid #fff; line-height:11px; font-size:9px;
}
@media(max-width:1000px) {
 body.portal-page.dashboard-page[data-experience="personal"] .app-topbar .workspace-messages-button {
  width:var(--ui-size-icon,36px)!important; min-width:var(--ui-size-icon,36px)!important;
  padding:0!important; gap:0!important;
 }
 body.portal-page.dashboard-page[data-experience="personal"] .app-topbar .workspace-messages-button>span { display:none; }
 body.portal-page.dashboard-page[data-experience="personal"] .app-topbar .workspace-messages-button>b {
  position:absolute; right:0; top:0; min-width:15px; height:15px; padding:0 3px; border:2px solid #fff; line-height:11px; font-size:9px;
 }
}