/* Existing operational controls, arranged as a responsive side menu. */
main:has(#workspace:not([hidden])){max-width:1600px}
#workspace{display:grid;grid-template-columns:250px minmax(0,1fr);gap:32px;align-items:start}
#workspace-content{min-width:0}
#workspace-navigation{display:flex;flex-direction:column;flex-wrap:nowrap;gap:5px;margin:0;padding:18px 12px;background:white;border:1px solid var(--border);border-radius:12px;position:sticky;top:20px;max-height:calc(100dvh - 40px);overflow:auto}
#workspace-navigation .sidebar-label{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);padding:0 12px;margin:0 0 12px}
#workspace-navigation .tab{display:block;width:100%;text-align:left;white-space:normal;line-height:1.45;font-size:14px;padding:12px;border:0;border-left:3px solid transparent;border-radius:6px;color:var(--navy)}
#workspace-navigation .tab.active{background:#e7f0ed;color:#153d3b;border-left-color:#28745a;font-weight:700}
#workspace-navigation .tab:hover{background:#f0f5f3;filter:none}
#workspace-navigation .tab:focus-visible{outline:3px solid #d59727;outline-offset:-3px}
#workspace-menu-toggle{display:none}
#workspace-content .title-row{flex-wrap:wrap}
#workspace-content .schedule-fields{grid-template-columns:repeat(3,minmax(0,1fr))}
#workspace-content input,#workspace-content select{max-width:100%}
@media(max-width:1100px) and (min-width:901px){#workspace{grid-template-columns:225px minmax(0,1fr);gap:22px}#workspace-content .metrics{grid-template-columns:repeat(2,minmax(0,1fr))}#workspace-content .split{grid-template-columns:1fr}}
@media(max-width:900px){
 #workspace{display:block}
 #workspace-menu-toggle{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;margin-bottom:20px;background:white;color:var(--navy);border:1px solid var(--border)}
 #workspace-navigation{position:static;max-height:none;margin-bottom:24px}
 #workspace-content .schedule-fields{grid-template-columns:minmax(0,1fr)}
}
@media print{
 body.printing-report #workspace-navigation,body.printing-report #workspace-menu-toggle{display:none!important}
 body.printing-report #workspace>#workspace-content{display:block!important;padding:0;margin:0}
 body.printing-report #workspace-content>:not(#reports){display:none!important}
}
@media(max-width:900px){#workspace-content .date-control>div{flex-wrap:wrap}#workspace-content .date-control .calendar-field{width:auto;flex:1 1 180px}#workspace-content #day{min-width:130px}}