@import url('/dashboard-v3-theme.css');
/* Deliberately scoped: no dashboard/card/modal content restyling. */
body.workspace-shell-enabled{--ws-sidebar:208px;background:#f3f6fb}.workspace-shell-enabled>main{width:auto;max-width:1800px;margin:0 0 0 var(--ws-sidebar);padding:95px 28px 28px;min-width:0}.ws-sidebar{position:fixed;inset:0 auto 0 0;width:var(--ws-sidebar);z-index:75;display:flex;flex-direction:column;gap:0;padding:25px 17px;background:var(--nav);color:#a7bdc1;overflow:auto}.ws-brand{display:flex;align-items:center;gap:9px;padding:0 5px;text-decoration:none;color:#fff;font-size:27px;font-weight:800;letter-spacing:-1px}.ws-brand img{width:35px;height:35px}.ws-brand small{display:block;font-size:8px;letter-spacing:3px;color:#93abae;font-weight:500;margin-top:2px}.ws-team{display:flex;align-items:center;gap:9px;padding:13px 10px;margin:25px 0;background:#ffffff08;border:1px solid #ffffff12;border-radius:10px;font-size:12px;color:#e4eeee}.ws-team>b{display:grid;place-items:center;width:28px;height:28px;border:1px solid #ffffff29;border-radius:7px}.ws-team small{display:block;color:#8ea5a9;font-size:10px;margin-top:4px}.ws-nav-label{font-size:8px;letter-spacing:1.6px;padding:0 12px;margin:0 0 9px;color:#80999f}.ws-sidebar .app-nav{display:flex;flex-direction:column;align-items:stretch;gap:4px;flex-wrap:nowrap;margin:0;width:100%;overflow:visible;padding:0}.ws-sidebar .app-nav .ws-nav-item{display:flex;align-items:center;gap:11px;border-radius:9px;min-height:41px;padding:10px 12px;font-size:13px;font-weight:500;text-align:left;color:#adc1c5;background:transparent;white-space:normal;width:100%;border:1px solid transparent}.ws-nav-item>.icon{width:17px;height:17px;flex:none}.ws-nav-item:hover{background:#ffffff09!important;color:#fff!important}.ws-sidebar .app-nav .ws-nav-item.active{background:#34534f;color:#f0f8ed;border-color:#ffffff0b}.ws-nav-text{min-width:0;line-height:1.4}.ws-sidebar-note{margin-top:auto;padding:23px 12px 0;color:#8aaba9;font-size:11px;line-height:1.9}.ws-sidebar-note strong{font-weight:600;color:#d3e2d5}.workspace-shell-enabled>.top{position:fixed;inset:0 0 auto var(--ws-sidebar);height:67px;margin:0;padding:0 28px;display:flex;flex-direction:row;align-items:center;gap:14px;background:#ffffffed;border-bottom:1px solid #e3e9e3;z-index:70;backdrop-filter:blur(12px)}.ws-top-left{display:flex;align-items:center;gap:10px;flex:1}.ws-breadcrumb{font-size:11px;color:#91a09b;white-space:nowrap}.ws-breadcrumb i{font-style:normal;color:#b8c3bc;margin:0 9px}.ws-breadcrumb strong{font-weight:600;color:#36564f}.ws-icon-button{display:none;background:#eef3e8;color:#66816e;border:1px solid #e3e9dd;border-radius:8px;padding:8px}.ws-icon-button .icon{width:17px;height:17px}.ws-dashboard-choices{display:flex;align-items:center;gap:3px;padding:4px;border:1px solid #e4e9e0;border-radius:10px;background:#f4f7f0}.ws-dashboard-choices a,.ws-dashboard-choices button{display:flex;gap:6px;align-items:center;font-size:11px;color:#7a8b78;border:0;background:transparent;padding:8px 11px;border-radius:7px;font-weight:500;white-space:nowrap;text-decoration:none}.ws-dashboard-choices a.selected{background:#fff;color:#345b4c;box-shadow:0 2px 6px #2237210d;font-weight:750}.ws-dashboard-choices small{font-size:8px;background:#e6eddc;padding:2px 4px;border-radius:3px}.ws-account{display:flex;align-items:center;gap:9px;margin-left:auto}.ws-account>strong{font-size:12px;color:#36534a;font-weight:600;white-space:nowrap}.ws-avatar{display:grid;place-items:center;border-radius:50%;width:29px;height:29px;background:#e2e9d7;color:#4b704c;font-size:11px}.ws-account button{font-size:11px;background:transparent;color:#788d7b;border:1px solid #e4e9e1;padding:7px 9px;border-radius:7px;white-space:nowrap}.ws-account #notificationOpen{background:#f5f8f1;position:relative;font-size:11px}.ws-account #notificationBadge{font-size:9px;min-width:16px;border-radius:8px;position:absolute;top:-6px;right:-5px}.ws-account [hidden],.ws-dashboard-choices [hidden],.ws-backdrop[hidden]{display:none!important}.ws-backdrop{position:fixed;inset:0;background:#172c3580;z-index:74;border:0;border-radius:0;backdrop-filter:blur(2px)}.workspace-shell-enabled:not(.ws-authenticated) .ws-sidebar-note{margin-top:20px}.workspace-shell-enabled .floating-actions{z-index:65}
@media(min-width:1700px){body.workspace-shell-enabled{--ws-sidebar:226px}.workspace-shell-enabled>main{padding-inline:40px}.workspace-shell-enabled>.top{padding-inline:40px}}
@media(max-width:1120px){body.workspace-shell-enabled{--ws-sidebar:180px}.ws-sidebar{padding-inline:12px}.workspace-shell-enabled>.top{padding-inline:18px;gap:9px}.ws-breadcrumb{display:none}.ws-top-left{flex:0}.ws-dashboard-choices a,.ws-dashboard-choices button{padding:8px;font-size:10px}.workspace-shell-enabled>main{padding-inline:20px}.ws-account{gap:6px}}
@media(max-width:760px){body.workspace-shell-enabled{--ws-sidebar:0px}.ws-sidebar{width:208px;transform:translateX(-100%);transition:transform .2s;box-shadow:12px 0 40px #10252d30}.ws-sidebar.open{transform:translateX(0)}.workspace-shell-enabled>.top{height:64px;padding:0 12px;gap:8px;flex-wrap:nowrap}.ws-icon-button{display:inline-flex}.ws-account>.ws-avatar,.ws-account>strong,#wsNotificationSlot{display:none}.ws-dashboard-choices{gap:1px;padding:3px}.ws-dashboard-choices a,.ws-dashboard-choices button{font-size:10px;padding:7px 6px}.ws-dashboard-choices small{display:none}.ws-account button{font-size:10px;padding:7px}.workspace-shell-enabled>main{margin-left:0;padding:82px 14px 20px}.ws-sidebar .app-nav{overflow:visible;flex-wrap:nowrap;flex-direction:column}.workspace-shell-enabled:not(.ws-authenticated)>.top .ws-dashboard-choices{margin-inline:auto}}
body.workspace-shell-enabled:has(#loginView:not(.hidden))>main,body.workspace-shell-enabled:has(#registerView:not(.hidden))>main{padding-top:95px;min-height:100vh}body.workspace-shell-enabled:has(#loginView:not(.hidden))>.top,body.workspace-shell-enabled:has(#registerView:not(.hidden))>.top{width:auto;margin:0!important;padding-inline:28px!important}.workspace-shell-enabled:not(.ws-authenticated) #wsNotificationSlot{display:none}.workspace-shell-enabled :is(section,.card)[id]{scroll-margin-top:85px}
@media(max-width:760px){body.workspace-shell-enabled:has(#loginView:not(.hidden))>main,body.workspace-shell-enabled:has(#registerView:not(.hidden))>main{padding:82px 14px 20px}body.workspace-shell-enabled:has(#loginView:not(.hidden))>.top,body.workspace-shell-enabled:has(#registerView:not(.hidden))>.top{padding-inline:12px!important}}
body.workspace-shell-enabled>main{width:calc(100% - var(--ws-sidebar));max-width:1800px;margin-left:var(--ws-sidebar)}
#wsSidebar .app-nav .ws-nav-item{background:transparent!important;color:#adc1c5!important;border-color:transparent!important}#wsSidebar .app-nav .ws-nav-item.active{background:#34534f!important;color:#f0f8ed!important;border-color:#ffffff0b!important}#wsSidebar .app-nav .ws-nav-item:hover{background:#ffffff09!important;color:#fff!important}#wsSidebar .app-nav #briefingOpen,#wsSidebar .app-nav #attendanceOpen,#wsSidebar .app-nav #projectOpen,#wsSidebar .app-nav #scheduleOpen{display:flex!important}
@media(prefers-reduced-motion:reduce){.ws-sidebar{transition:none}}
/* Authenticated content and navigation targets must clear the fixed chrome.
   The old .workspace-host rule had a 12px anchor offset, hiding its heading. */
body.workspace-shell-enabled.ws-authenticated>main{padding-top:calc(var(--ws-topbar-height,67px) + 24px)}
body.workspace-shell-enabled.ws-authenticated :is(.workspace-host,section,.card)[id]{scroll-margin-top:calc(var(--ws-topbar-height,67px) + 16px)}
/* Fixed chrome spans the available viewport; legacy .top caps must not apply. */
body.workspace-shell-enabled>header.top{width:auto;max-width:none;min-width:0}
@media(min-width:761px){
  body.workspace-shell-enabled .ws-icon-button{display:inline-flex}
  body.workspace-shell-enabled.ws-rail-collapsed{--ws-sidebar:72px}
  .ws-rail-collapsed .ws-sidebar{padding-inline:12px}
  .ws-rail-collapsed .ws-brand{padding:0;justify-content:center}
  .ws-rail-collapsed .ws-brand>span,.ws-rail-collapsed .ws-team,.ws-rail-collapsed .ws-nav-label,.ws-rail-collapsed .ws-sidebar-note{display:none}
  .ws-rail-collapsed #wsNavigation{margin-top:28px}
  .ws-rail-collapsed #wsSidebar .app-nav .ws-nav-item{justify-content:center;padding:11px;min-height:44px}
  .ws-rail-collapsed .ws-nav-text{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
}
