/* Closed navigation leaves no rail or navigation icons. */
.brand-compact{display:none}
.sf-brand,.brand{display:flex!important;align-items:center;gap:10px}
.portal-brand-icon{width:36px;height:36px;object-fit:contain;flex:none}
.nav-toggle{position:absolute;z-index:110;top:92px;right:-18px;width:36px;height:36px;padding:0;display:inline-flex;align-items:center;justify-content:center;background:var(--surface);color:var(--ink);border:1px solid var(--control-line);border-radius:12px;cursor:pointer;box-shadow:var(--shadow)}
.nav-toggle span{display:none}
.nav-toggle:hover{background:var(--surface-raised);color:var(--green)}
.nav-toggle:focus-visible{outline:3px solid var(--green);outline-offset:4px}
.nav-collapsed :is(.sf-sidebar,.sidebar){width:0!important;min-width:0!important;height:0!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
.nav-collapsed :is(.sf-sidebar,.sidebar)>:not(.nav-toggle){display:none!important}
.nav-collapsed .nav-toggle{position:fixed;top:20px;left:24px;right:auto;bottom:auto;width:auto;min-width:88px;height:42px;padding:0 14px;gap:7px}
.nav-collapsed .nav-toggle span{display:inline}
.nav-collapsed .nav-toggle i{transform:rotate(180deg)}
@media(min-width:801px){
 .nav-collapsed .app-shell,.nav-collapsed .wide-page{grid-template-columns:0 minmax(0,1fr)}
 .nav-collapsed .workspace{padding-top:86px}
 .nav-collapsed body.fp-simple.fp-app-body #fp-content-shell{margin-left:0!important;width:100%!important;padding-top:86px!important}
 .nav-collapsed .fp-simple .fp-global-footer{margin-left:0}
}
@media(min-width:1101px){.nav-collapsed .app-shell:not(.wide-page){grid-template-columns:0 minmax(0,1fr) 350px}}
@media(max-width:800px){
 .nav-toggle{position:fixed;top:auto;bottom:calc(84px + env(safe-area-inset-bottom));right:16px;width:auto;height:40px;min-width:82px;padding:0 12px;gap:6px;font-size:13px}
 .nav-toggle span{display:inline}
 .nav-collapsed .nav-toggle{top:12px;left:16px}
 .nav-collapsed .workspace,.nav-collapsed .fp-simple.fp-app-body #fp-content-shell{padding-top:76px!important}
 .app-shell{padding-bottom:115px}
 .nav-collapsed .app-shell{padding-bottom:24px}
 .fp-simple.fp-app-body #fp-content-shell{padding-bottom:126px!important}
 .nav-collapsed .fp-simple.fp-app-body #fp-content-shell{padding-bottom:24px!important}
 .nav-collapsed .fp-simple .fp-global-footer{margin-bottom:24px}
}
@media(prefers-reduced-motion:reduce){.nav-toggle{transition:none}}

.sf-brand,.app-shell .brand{gap:10px!important;white-space:nowrap;font-size:22px!important}.portal-brand-icon{object-fit:contain;flex-shrink:0}
@media(max-width:800px){.sf-sidebar .sf-brand,.app-shell .sidebar .brand{display:none!important}}

/* Compact workspace navigation. The collapsed state still has no icon rail. */
@media(min-width:801px){
 html:not(.nav-collapsed) body.fp-simple.fp-app-body .sf-sidebar{width:228px;padding:30px 16px 22px}
 body.fp-simple .sf-sidebar .sf-brand{font-size:19px!important;letter-spacing:-.7px;margin-left:10px;gap:8px!important}
 body.fp-simple .sf-sidebar .portal-brand-icon{width:30px;height:30px}
 body.fp-simple .sf-sidebar .sf-nav{margin-top:36px;gap:7px}
 body.fp-simple .sf-sidebar .sf-nav a{font-size:14px;min-height:46px;padding:11px 14px;gap:13px;border-radius:10px}
 body.fp-simple .sf-sidebar .sf-nav a i{font-size:17px;width:21px}
 html:not(.nav-collapsed) body.fp-simple.fp-app-body #fp-content-shell{margin-left:228px!important;width:calc(100% - 228px)!important}
 body.fp-simple .fp-global-footer{margin-left:228px}
 .sf-sidebar .nav-toggle{top:83px;width:30px;height:30px;right:-15px;border-radius:9px;box-shadow:none}
}
html[data-theme] body.fp-simple .sf-nav a[aria-current=page]{box-shadow:none!important;font-weight:600}
.sf-nav a,.cp-home-shortcuts a,.cc-contract-open,.cm-booking-row{transition:background-color .15s,color .15s}
@media(prefers-reduced-motion:reduce){.sf-nav a,.cp-home-shortcuts a,.cc-contract-open,.cm-booking-row{transition:none}}
