/* Persistent icon rail. Labels reveal without shifting the page or icons. */
.workspace-sidebar nav button{display:flex;align-items:center;gap:12px}
.navigation-icon{width:22px;height:22px;flex:0 0 22px}
.navigation-label{min-width:0;line-height:1.4}
@media(min-width:681px){
 .workspace main,.workspace main:has(.mail-client){margin-left:64px;max-width:none}
 .workspace footer{margin-left:64px}
 .workspace-sidebar{width:64px;transform:none;padding:24px 8px;overflow-x:hidden;scrollbar-width:none;transition:width .18s ease,box-shadow .18s ease}
 .workspace-sidebar::after{display:none}
 .workspace-sidebar:hover,.workspace-sidebar:focus-within,.menu-open .workspace-sidebar{width:264px;box-shadow:12px 0 30px #17263224}
 .workspace-sidebar nav button{width:248px;min-height:46px;padding:10px 13px;margin:0;border-radius:8px}
 .workspace-sidebar nav button.active{background:#e0eaff;color:#174da9}
 .workspace-sidebar .navigation-label,.workspace-sidebar>.workspace-caption,.workspace-sidebar>.workspace-context,.workspace-sidebar>select,.workspace-sidebar details>summary,.workspace-sidebar>.sidebar-note{visibility:hidden}
 .workspace-sidebar>.workspace-caption,.workspace-sidebar>.workspace-context,.workspace-sidebar>select,.workspace-sidebar>.sidebar-note{width:240px}
 .workspace-sidebar details{margin-bottom:12px}
 .workspace-sidebar details>summary{height:30px;white-space:nowrap}
 .workspace-sidebar:hover .navigation-label,.workspace-sidebar:focus-within .navigation-label,.menu-open .workspace-sidebar .navigation-label,
 .workspace-sidebar:hover>.workspace-caption,.workspace-sidebar:focus-within>.workspace-caption,.menu-open .workspace-sidebar>.workspace-caption,
 .workspace-sidebar:hover>.workspace-context,.workspace-sidebar:focus-within>.workspace-context,.menu-open .workspace-sidebar>.workspace-context,
 .workspace-sidebar:hover>select,.workspace-sidebar:focus-within>select,.menu-open .workspace-sidebar>select,
 .workspace-sidebar:hover details>summary,.workspace-sidebar:focus-within details>summary,.menu-open .workspace-sidebar details>summary,
 .workspace-sidebar:hover>.sidebar-note,.workspace-sidebar:focus-within>.sidebar-note,.menu-open .workspace-sidebar>.sidebar-note{visibility:visible}
 .workspace-sidebar:not(:hover):not(:focus-within) details>nav{display:flex}
 .workspace .menu-toggle{display:block;margin:0}
}
@media(prefers-reduced-motion:reduce){.workspace-sidebar{transition:none}}