/* Persistent capability rail and optional business panel. */
.dashboard-page{--rail-width:64px;--workspace-header-height:64px;background:#fff}
.dashboard-page .app-layout{display:grid;grid-template-columns:var(--rail-width) 232px minmax(0,1fr);background:#fff;min-height:100dvh}
.dashboard-page.sidebar-collapsed .app-layout{grid-template-columns:var(--rail-width) minmax(0,1fr)}
.workspace-rail{position:sticky;top:0;z-index:30;height:100dvh;min-height:0;display:flex;flex-direction:column;align-items:center;background:var(--surface-subtle);border-right:1px solid var(--border-default);padding:17px 7px 12px;gap:18px}
.workspace-rail .rail-brand{display:flex;flex-direction:column;align-items:center;gap:0;margin:0;padding:0;color:#181b21;text-decoration:none;font-size:16px;font-weight:650;letter-spacing:-.04em;line-height:1.2}
.rail-brand img{width:31px;height:31px;object-fit:contain}
.rail-destinations{display:flex;flex:1;min-height:0;overflow-y:auto;scrollbar-width:none;flex-direction:column;gap:6px;width:100%}
.workspace-rail .rail-link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;flex:none;width:100%;min-height:58px;padding:8px 1px;border:0;border-radius:12px;background:transparent;color:#666d77;font:inherit;font-size:13px;line-height:1.2;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s}
.rail-link svg{width:22px;height:22px;flex:none}.workspace-rail .rail-link:hover,.workspace-rail .rail-link.is-open{background:#eef0f2;color:#171b22}.workspace-rail .rail-link[aria-current="page"]{background:#e9ebee;color:#11151b}
.rail-link:focus-visible,.rail-brand:focus-visible{outline:2px solid #3d4653;outline-offset:2px}.rail-settings{margin-top:auto}
.dashboard-page .app-sidebar{width:232px;padding:20px 12px 14px;background:#fafbfc;border-right:1px solid #e9eaed;height:100dvh;z-index:24;overflow:visible}
.dashboard-page.sidebar-collapsed .app-sidebar{display:none}.workspace-panel-heading{display:flex;align-items:center;justify-content:space-between;padding:0 7px 18px;flex:none}.workspace-panel-heading h2{font-size:18px;line-height:1.4;margin:0;font-weight:600;color:#20242c}.workspace-panel-heading button{width:30px;height:30px}.workspace-panel-heading svg{width:18px;height:18px}
.dashboard-page .app-sidebar .workspace-data-navigation{display:flex;flex-direction:column;gap:3px;flex:none;align-items:stretch;margin:0 0 18px;padding:0 0 16px;border:0;border-bottom:1px solid #e9eaed}
.dashboard-page .app-sidebar .workspace-data-navigation>button{display:flex;align-items:center;justify-content:flex-start;gap:12px;min-height:42px;padding:10px 12px;border:0;border-radius:9px;background:transparent;color:#5a616c;font-size:14px;line-height:1.5;font-weight:400}
.dashboard-page .app-sidebar .workspace-data-navigation>button svg{width:19px;height:19px;flex:none}.dashboard-page .app-sidebar .workspace-data-navigation>button:hover{background:#f0f1f3;color:#20242b}.dashboard-page .app-sidebar .workspace-data-navigation>button[aria-current="page"]{background:#eceef1;color:#151a22;font-weight:550}.dashboard-page .app-sidebar .workspace-data-navigation>button:after{display:none}
.dashboard-page .agent-sidebar-heading{font-size:13px;padding:14px 8px 8px;color:#69717d}.dashboard-page .agent-sidebar-heading button{border:0;background:transparent;box-shadow:none}.dashboard-page .agent-contact{padding:10px 8px}.dashboard-page .agent-contact strong{font-size:14px}.dashboard-page .agent-contact small{font-size:12px}.dashboard-page .team-sidebar{border:0}.dashboard-page .sidebar-conversations{gap:3px}
.dashboard-page .app-topbar{height:64px;min-height:64px;padding:0 30px;gap:14px;border-bottom:1px solid #eef0f2;background:#fff;flex-wrap:nowrap;align-content:normal}
.dashboard-page .topbar-brand{display:flex;align-items:center;flex:none}.topbar-brand .brand-logo{width:88px;height:auto}.dashboard-page .app-topbar-right{display:flex;align-items:center;gap:15px;margin-left:auto}.dashboard-page .workspace-messages-button{position:relative;min-width:36px;width:36px;height:36px;padding:7px;border:0;background:transparent;border-radius:9px}.workspace-messages-button svg{width:21px;height:21px}.dashboard-page .workspace-messages-button b{position:absolute;right:2px;top:1px;min-width:15px;height:15px;padding:0 3px;background:#e86e43;border:2px solid #fff;color:#fff;border-radius:8px;font-size:9px;line-height:11px}
.dashboard-page .app-topbar .workspace-account{margin:0;padding:0;border:0}.dashboard-page .app-topbar .workspace-user{padding:0;min-height:36px;background:transparent;border:0;width:36px;justify-content:center}.dashboard-page .app-topbar .workspace-user-copy,.dashboard-page .app-topbar .workspace-user-more{display:none}.dashboard-page .app-topbar .app-avatar{width:35px;height:35px;background:#eff1f4;color:#626c7b}.dashboard-page .app-topbar .workspace-user-menu>.action-menu-panel{top:calc(100% + 12px);bottom:auto;left:auto;right:0;width:250px;z-index:50}
.dashboard-page .dashboard-main{background:#fff}.dashboard-page:not(.agent-conversation-open):not(.marketing-messages-open) .dashboard-main{max-width:none;padding:22px 28px 32px}.dashboard-page .desktop-sidebar-toggle{display:grid}.dashboard-page .mobile-workbench-button{display:none!important}.dashboard-page .app-mobile-brand{display:none}
@media(min-width:761px) and (max-height:750px){.workspace-rail{padding-top:12px;gap:12px}.workspace-rail .rail-link{min-height:51px;gap:4px}.rail-destinations{gap:2px}}
@media(min-width:761px) and (max-width:1100px){.dashboard-page .app-topbar{height:64px;min-height:64px;padding:0 22px;flex-wrap:nowrap}.dashboard-page .workspace-user-copy{display:none}}
@media(max-width:760px){
 .workspace-rail,.dashboard-page .app-sidebar{display:none}.dashboard-page .app-layout,.dashboard-page.sidebar-collapsed .app-layout{display:block;min-height:100dvh}.dashboard-page{--workspace-header-height:60px}.dashboard-page .app-topbar{height:60px;min-height:60px;gap:12px;padding:8px max(16px,env(safe-area-inset-right)) 8px max(16px,env(safe-area-inset-left));padding-top:max(8px,env(safe-area-inset-top));flex-wrap:nowrap}.dashboard-page .desktop-sidebar-toggle{display:none}.dashboard-page .topbar-brand .brand-logo{width:78px}.dashboard-page .app-topbar-right{gap:9px}.dashboard-page .app-topbar .workspace-user-menu>.action-menu-panel{position:fixed;top:65px;right:12px;bottom:auto;left:auto;max-width:calc(100vw - 24px)}.dashboard-page:not(.agent-conversation-open):not(.marketing-messages-open) .dashboard-main{padding:20px 18px 30px}.dashboard-page.agent-conversation-open{--workspace-header-height:60px}.dashboard-page.agent-conversation-open .app-topbar{height:60px;min-height:60px}.mobile-business-navigation nav{display:grid;grid-template-columns:1fr 1fr;gap:5px}.mobile-business-navigation button{min-height:44px;text-align:left;font-size:14px}.dashboard-page .mobile-navigation-heading .mobile-navigation-brand{font-size:20px}
}
@media(prefers-reduced-motion:reduce){.rail-link{transition:none}}

.topbar-brand .brand-mark{width:29px;height:29px;object-fit:contain}.topbar-brand .toai-brand-word{font-size:21px;font-weight:650;letter-spacing:-.055em;color:#20232a;line-height:1}.dashboard-page .topbar-brand{gap:6px;text-decoration:none}

/* Icon rail; one secondary panel at a time. */
.workspace-rail{padding:16px 8px 12px;gap:22px}.workspace-rail .rail-brand{height:38px;justify-content:center}.workspace-rail .rail-link{min-height:44px;height:44px;border-radius:10px;padding:10px;gap:0}.workspace-rail .rail-link>span{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;clip-path:inset(50%)}.workspace-rail .rail-link svg{width:21px;height:21px}.rail-destinations{gap:9px}.dashboard-page .app-sidebar{padding:21px 12px 14px}.dashboard-page .app-sidebar .workspace-data-navigation{border:0;margin:0;padding:0;gap:5px}.dashboard-page .app-sidebar .workspace-data-navigation>button{min-height:42px}.dashboard-page .workspace-panel-heading{padding-bottom:24px}.dashboard-page .app-sidebar [data-shell-conversations]{flex:1;min-height:0;overflow:auto}.dashboard-page .app-sidebar [data-shell-conversations] .team-sidebar{margin-bottom:22px}.dashboard-page .app-sidebar .agent-sidebar-heading{padding-top:0}.dashboard-page .app-sidebar .agent-contact small{display:none}.dashboard-page .app-sidebar .agent-contact{min-height:48px}.dashboard-page .app-topbar{padding-left:24px;padding-right:24px}.dashboard-page .workspace-user-menu>.action-menu-panel{font-size:14px}

.mobile-pane-tabs{display:flex;gap:8px;margin:0 0 20px}.mobile-pane-tabs button{flex:1;border:0;background:#f5f5f5;border-radius:9px;padding:10px;color:#737373;font-size:14px}.mobile-pane-tabs button[aria-selected="true"]{background:#eaeaea;color:#262626}.dashboard-page .mobile-business-navigation{padding:0;border:0;margin:0}.dashboard-page .mobile-business-navigation nav{gap:6px}.dashboard-page .mobile-agent-list small{display:none}
.portal-page.dashboard-page .app-sidebar>[data-workspace-navigation]{flex:1 1 auto;min-height:0;overflow-y:auto;margin:0;padding-bottom:18px;overscroll-behavior-y:contain;scroll-padding-bottom:18px}
.portal-page.dashboard-page .app-sidebar>[data-shell-conversations]{flex:1 1 auto;min-height:0;overflow-y:auto}
.portal-page.dashboard-page .workspace-panel-heading{flex:none}

/* Icon artwork is quieter while the rail retains its 44px targets. */
.portal-page.dashboard-page .workspace-rail .rail-link svg{width:17px;height:17px}
@media(min-width:761px){
 .portal-page.dashboard-page .app-sidebar .workspace-data-navigation{gap:2px}
 .portal-page.dashboard-page .app-sidebar .workspace-data-navigation>button{min-height:36px;padding:8px 10px;gap:10px}
 .portal-page.dashboard-page .app-sidebar .workspace-data-navigation>button svg{width:13px;height:13px}
 .portal-page.dashboard-page .workspace-panel-heading{padding-bottom:16px}
 .portal-page.dashboard-page .app-sidebar [data-shell-conversations] .team-sidebar{margin-bottom:12px}
 .portal-page.dashboard-page .app-sidebar .agent-sidebar-heading{padding-top:8px;padding-bottom:5px}
 .portal-page.dashboard-page .app-sidebar .agent-contact{min-height:36px}
}