@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 700;
  font-stretch: normal;
  font-display: swap;
  src: url(./assets/archivo-0.woff) format('woff');
}
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 800;
  font-stretch: normal;
  font-display: swap;
  src: url(./assets/archivo-1.woff) format('woff');
}
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 900;
  font-stretch: normal;
  font-display: swap;
  src: url(./assets/archivo-2.woff) format('woff');
}

@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
  font-display: swap;
  src: url(./assets/ibm-plex-sans-0.woff) format('woff');
}
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 500;
  font-stretch: normal;
  font-display: swap;
  src: url(./assets/ibm-plex-sans-1.woff) format('woff');
}
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: normal;
  font-display: swap;
  src: url(./assets/ibm-plex-sans-2.woff) format('woff');
}

@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(./assets/ibm-plex-mono-0.woff) format('woff');
}

/* Bruno’s visual proposal: isolated presentation layer, V0.4.2 logic preserved. */
:root{--navy:#16203A;--blue:#D7262E;--muted:#5B6579;--border:#DCE1E9;--surface:#fff;--focus:#D7262E;font-family:"IBM Plex Sans",system-ui,sans-serif;color:#16203A;background:#F4F6F9}
body{background:#F4F6F9;color:#16203A}h1,h2,h3,.brand strong{font-family:Archivo,system-ui,sans-serif}h1{font-weight:800;letter-spacing:-.025em;font-size:clamp(1.8rem,3vw,2.3rem)}h2,h3{font-weight:700}.pagehead p{font-size:16px}.topbar{background:#F4F6F9;color:#16203A;border-bottom:1px solid var(--border);min-height:82px}.brand,.account-link{color:#16203A}.brand strong{font-size:26px;font-weight:900}.brand span{color:#D7262E;font-weight:600;letter-spacing:3px}.avatar{background:#FCE6E6;color:#D7262E}.auth-header-label{color:var(--muted)}.previewbar{background:#fff;color:var(--muted);border-color:var(--border)}.test-label b{background:#FBEFD9;color:#B87100}.workspace{display:block!important}.sidebar{display:flex!important;position:sticky;top:0;z-index:8;gap:4px;padding:0 24px;background:#F4F6F9;border:0;border-bottom:1px solid var(--border);overflow-x:auto;align-items:stretch}.side-link{flex:0 0 auto;border-radius:0;border-bottom:3px solid transparent;padding:12px 15px;margin:0;min-height:52px;gap:8px;font-size:14px;white-space:nowrap}.side-link .icon{width:19px;height:19px}.side-link.active{background:transparent;color:#16203A;border-bottom-color:#D7262E}.side-link:last-child{margin:0 0 0 auto}.main{max-width:1280px;padding:28px 24px 40px}.dashboard{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.module-tile,.module-tile.blue,.module-tile.green,.module-tile.orange,.module-tile.purple,.module-tile.red,.module-tile.slate{background:#fff;color:#16203A;border:1px solid var(--border);border-radius:12px;min-height:180px;padding:24px;text-align:left;align-items:flex-start;justify-content:flex-start}.module-tile p{color:var(--muted);font-size:14px;max-width:100%}.module-tile h2{font-size:20px;margin:0 0 8px}.module-tile .tile-icon{color:#D7262E;background:#FCE6E6;border-radius:10px;padding:10px;width:46px;height:46px;margin-bottom:18px}.module-tile .tile-arrow{top:26px;right:22px;color:var(--muted);width:19px}.module-tile:hover{transform:translateY(-2px);border-color:#b8c1cf}.panel,.auth-card,.dl-roster-card{border-radius:12px;box-shadow:none}.button{border-radius:8px}.button.primary{background:#D7262E;border-color:#D7262E}.status-badge{border-radius:99px;background:#EEF1F6;color:#5B6579}.status-badge.active{background:#E1F3E8;color:#22874A}.dl-totals strong,.dl-facts dd,.clock strong{font-family:"IBM Plex Mono",monospace}.dl-totals>div{background:#fff;border-color:var(--border);border-radius:12px}.dl-cash{background:#16203A}.staff-table th{background:#EEF1F6}.staff-table tr:nth-child(even){background:#F8F9FC}.notice{background:#EEF1F6;color:#5B6579}.toast{background:#16203A}
/* Keep all operational cell colors and dimensions intact. */
body.planning-focus{background:#F4F6F9;color:#16203A}.classic-planning{--classic-font:"IBM Plex Sans",system-ui,sans-serif;--classic-blue:#D7262E;--classic-separator:#DCE1E9;--classic-secondary:#5B6579;background:#F4F6F9;color:#16203A}.classic-navbar{background:#F4F6F9;border-bottom:1px solid #DCE1E9;padding-top:calc(env(safe-area-inset-top) + 14px);padding-bottom:14px}.classic-navbar h1{font-family:Archivo,system-ui,sans-serif;font-size:20px;font-weight:800}.classic-period>a{color:#16203A;background:#EEF1F6;border-radius:8px}.classic-chip{border-radius:8px;box-shadow:none;border:1px solid #DCE1E9}.classic-chip.sel{border-color:#16203A;color:#16203A;box-shadow:inset 0 0 0 1px #16203A}.classic-btn{border:1px solid #DCE1E9;box-shadow:none;border-radius:8px;color:#16203A}.classic-btn.publish{background:#D7262E;color:#fff;border-color:#D7262E}.classic-card{border:1px solid #DCE1E9;border-radius:12px;box-shadow:none}.classic-tabbar{background:#fff;border-color:#DCE1E9}.classic-tabbar .on{color:#16203A;box-shadow:inset 0 -3px #D7262E}.classic-tabbar button,.classic-tabbar a{min-height:58px;font-size:13px}.classic-sheet-title{font-family:Archivo,system-ui,sans-serif}
@media(max-width:699px){.dashboard{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.module-tile{padding:18px;min-height:186px}.module-tile h2{font-size:17px}.module-tile p{font-size:12px}.module-tile .tile-arrow{top:22px;right:14px}.main{padding:24px 16px 102px}.sidebar{position:fixed;top:auto;bottom:0;left:0;right:0;z-index:30;border-top:1px solid var(--border);background:#fff;padding:0 6px env(safe-area-inset-bottom);gap:0}.side-link{flex:0 0 80px;flex-direction:column;justify-content:center;gap:5px;font-size:11px;min-height:68px;padding:8px 6px;white-space:normal;text-align:center;border-bottom-width:3px}.side-link:last-child{margin:0}.topbar{min-height:76px;padding:14px 18px}.classic-navbar h1{font-size:17px}.classic-tabbar button,.classic-tabbar a{font-size:12px}.toast{bottom:90px}}
@media(orientation:landscape) and (max-height:600px){.classic-navbar{padding-top:4px;padding-bottom:4px}.classic-tabbar button,.classic-tabbar a{min-height:42px}.classic-navbar h1{font-size:17px}}
@media print{.sidebar{display:none!important}}

.planning-focus .sidebar{display:none!important}

@media(max-width:699px){.sidebar{position:sticky;top:0;bottom:auto;border-top:0;border-bottom:1px solid var(--border)}.main{padding-bottom:32px}.side-link{flex-basis:82px}.planning-focus .sidebar{display:none!important}}

.clock{color:var(--muted);border-color:#dce1e9}.clock strong{color:#16203a}