/* Adjacent surfaces: major selection joins the child rail; child joins main. */
:root{--cm-major-width:224px;--cm-sub-width:202px;--cm-major-bg:var(--site-white);--cm-child-bg:var(--site-hover);--cm-workspace-bg:var(--site-paper);--cm-navigation-radius:10px;--cm-nav-inset:12px;--cm-nav-heading-height:64px;--cm-nav-section-font:14px;--cm-nav-section-leading:1.4;--cm-nav-section-gap:8px;--cm-nav-section-space:24px;--cm-nav-button-height:34px;--cm-nav-major-indent:30px}
.manager{grid-template-columns:calc(var(--cm-major-width) + var(--cm-sub-width)) minmax(0,1fr)}
.navigation-shell{display:grid;grid-template-columns:var(--cm-major-width) var(--cm-sub-width);grid-template-rows:minmax(0,1fr) auto;position:sticky;top:0;height:100dvh;min-width:0}
.navigation-shell .rail{position:static;height:100%;min-height:0;padding:24px var(--cm-nav-inset);min-width:0;border:0;box-shadow:inset -1px 0 var(--site-line);overflow:auto;scrollbar-width:thin;scrollbar-color:var(--site-line) transparent;background:var(--cm-major-bg)}
.navigation-shell .rail nav{display:block;margin:28px calc(-1 * var(--cm-nav-inset)) 0 0;overflow:visible}
.navigation-shell .manager-brand{display:block;padding-left:8px;height:var(--cm-nav-heading-height);flex:0 0 var(--cm-nav-heading-height)}.navigation-shell .manager-brand img{max-width:100%;width:172px}
.nav-group{display:grid;gap:3px;margin:0 0 var(--cm-nav-section-space)}.nav-group h2{font:700 var(--cm-nav-section-font)/var(--cm-nav-section-leading) 'Segoe UI',Arial,sans-serif;text-transform:uppercase;letter-spacing:.04em;color:var(--site-muted);margin:0 12px calc(var(--cm-nav-section-gap) - 3px)}
.navigation-shell nav button{display:flex;align-items:center;width:100%;min-height:var(--cm-nav-button-height);padding:6px 14px;border:1px solid transparent;border-right:0;border-radius:var(--cm-navigation-radius) 0 0 var(--cm-navigation-radius);font-size:13px;line-height:1.45;text-align:left;background:transparent;white-space:normal;overflow-wrap:break-word;margin:0;box-shadow:none}
.navigation-shell .major-rail nav button{font-size:12px;font-weight:400;padding-left:var(--cm-nav-major-indent)}
.navigation-shell nav button:hover{background:var(--site-paper)}
.navigation-shell .major-rail button[aria-current=true]{background:var(--cm-child-bg);border-color:var(--site-line);font-weight:400;box-shadow:none}
.navigation-shell .submodule-rail{background:var(--cm-child-bg)}
#submodule-heading{font-size:17px;font-weight:600;line-height:1.45;letter-spacing:0;margin:0 12px;height:var(--cm-nav-heading-height);min-height:var(--cm-nav-heading-height);flex:0 0 var(--cm-nav-heading-height);overflow-wrap:break-word}
.navigation-shell .submodule-rail nav{display:grid;gap:3px;margin-top:28px;padding-top:calc(var(--cm-nav-section-font) * var(--cm-nav-section-leading) + var(--cm-nav-section-gap));padding-bottom:var(--cm-nav-section-space)}
.navigation-shell .submodule-rail button[aria-current=page]{background:var(--cm-workspace-bg);border-color:var(--site-line);font-weight:600;box-shadow:none}
.nav-empty{font-size:13px;color:var(--site-muted);margin:16px 14px}
.manager>main{background:var(--cm-workspace-bg);padding-left:clamp(20px,2.3vw,44px);padding-right:clamp(20px,2.3vw,44px)}
/* Short views fill the viewport; long views keep the footer after the content. */
@media screen{.manager>main{display:flex;flex-direction:column;min-height:100dvh}.manager>main>*{flex-shrink:0}.manager>main>.tab-panel{flex:1 0 auto}.manager>main>.manager-footer{margin-top:30px}}
.navigation-context{font-size:12px;line-height:1.5;color:var(--site-muted);margin:22px 0 0;min-height:36px;overflow-wrap:anywhere}
.workspace-top~.view-note{margin-top:12px}
.coming-soon{padding:48px 24px}.coming-soon h2{font-size:24px;letter-spacing:0}.coming-soon p{color:var(--site-muted)}
.overview-list{margin:28px 0}.overview-list h3{margin-bottom:16px}
.tab-header{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:16px 24px;margin-bottom:16px}
#corporate-workspace .tab-header #view-description{margin:0;min-height:3.4em;line-height:1.7;max-width:none}
.tab-header .workspace-toolbar{margin:0;justify-content:flex-end;align-items:flex-start;min-width:0;gap:8px 12px}
.tab-header .workspace-toolbar .search{margin-left:0;flex:1 1 180px;max-width:none}.tab-header .workspace-toolbar .search input{flex:1}
.tab-header #view-actions{flex:0 1 auto;order:-1;justify-content:flex-end}.tab-header #view-actions>button{flex:0 1 auto}
.tab-header:has(#view-description:empty),.tab-header:has(#toolbar[hidden]){grid-template-columns:minmax(0,1fr)}
.tab-header:has(#view-description:empty):has(#toolbar[hidden]){display:none}
@media(max-width:800px){.tab-header{grid-template-columns:minmax(0,1fr)}}
.message-body{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7}.recipient-picker h3{font-size:16px;margin:16px 0}.recipient-picker .selection-tools select{max-width:none}.recipient-picker .member-selection{font-size:13px}.recipient-picker .member-selection>span{overflow-wrap:anywhere}
#navigation-toggle{max-width:100%;text-align:left;margin-bottom:22px;background:var(--cm-child-bg);font-size:13px}
#navigation-drawer{padding:0;width:min(520px,calc(100% - 20px));max-height:calc(100dvh - 20px);overflow:hidden}
#navigation-drawer>header{padding:12px 16px;background:var(--cm-major-bg);align-items:center;border-bottom:1px solid var(--site-line)}
#navigation-drawer>header h2{font-size:18px;margin:0;letter-spacing:0}
@media(min-width:1001px) and (max-width:1250px){:root{--cm-major-width:192px;--cm-sub-width:178px}.navigation-shell nav button{font-size:12px;padding-left:12px}.manager>main{padding-left:20px;padding-right:20px}}
@media(max-width:1000px){:root{--cm-nav-button-height:35px}.manager{display:block}.manager>main{padding:20px 16px}.navigation-shell{position:static;height:min(740px,calc(100dvh - 90px));width:100%;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.navigation-shell .rail{padding:20px 8px}.navigation-shell .rail nav{margin-right:-8px;margin-top:22px}.navigation-shell nav button{font-size:12px;padding:6px 10px}.navigation-shell .manager-brand{padding-left:4px}.nav-group h2{margin-left:10px}#submodule-heading{font-size:15px;margin:0 8px}.navigation-shell .rail nav button[aria-current]{border-radius:var(--cm-navigation-radius) 0 0 var(--cm-navigation-radius)}.navigation-context{margin-top:18px;min-height:36px}#company-heading{font-size:clamp(27px,4vw,38px)}}
@media(max-width:380px){.navigation-shell{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}.nav-group h2{letter-spacing:0;margin-left:6px;margin-right:0}}
@media print{.navigation-shell,#navigation-toggle,#navigation-drawer,.navigation-context{display:none!important}.manager{display:block}.manager>main{padding:0}}