450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--ink:var(--text-primary);--muted:var(--text-secondary);--line:var(--border-subtle);--green:var(--accent);--paper:var(--bg-app);--amber:var(--warning-text);--red:var(--danger-text)}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px var(--font-ui),sans-serif}button,input,select{font:inherit}button,select{cursor:pointer}button{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid var(--border-control);outline-offset:3px}button{border:1px solid var(--line);background:var(--bg-surface);border-radius:8px;padding:10px 14px;font-weight:550}button:hover{background:var(--bg-surface)}button.primary{background:var(--green);border-color:var(--green);color:var(--on-accent)}button.primary:hover{background:var(--accent)}button:disabled{opacity:.5;cursor:not-allowed}button.soft{background:var(--bg-app);border-color:var(--border-subtle);color:var(--text-secondary)}button.ghost{background:transparent;border-color:transparent}button.danger{color:var(--danger-text)}input,select{border:1px solid var(--line);border-radius:7px;padding:10px 11px;background:var(--bg-surface);color:var(--ink);width:100%}a{color:var(--green)}svg{width:19px;height:19px;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.shell{display:grid;grid-template-columns:226px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--bg-app);border-right:1px solid var(--border-subtle);padding:30px 19px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;width:226px}.brand{display:flex;align-items:center;gap:10px;font:800 25px var(--font-ui);letter-spacing:-1.2px;padding:0 12px}.brandmark{background:var(--green);color:var(--on-accent);border-radius:11px;padding:7px;display:flex;transform:rotate(-7deg)}.brandmark svg{width:23px;height:23px}.brand small{color:var(--text-secondary)}.workspace{margin:34px 0 25px;background:var(--bg-app);padding:13px;border:1px solid var(--border-subtle);border-radius:9px;display:flex;gap:10px;align-items:center}.workspace span:first-child{background:var(--bg-surface);border-radius:7px;padding:8px}.workspace b{display:block;font-size:13px}.workspace small{color:var(--muted);font-size:11px}.navlabel{font-size:10px;letter-spacing:1.6px;font-weight:700;color:var(--text-secondary);padding:8px 13px}nav button{display:flex;align-items:center;width:100%;gap:12px;text-align:left;margin:4px 0;border:0;background:transparent;padding:13px;font-weight:500;color:var(--text-secondary)}nav button.active{background:var(--bg-surface);box-shadow:0 2px 7px var(--overlay-shadow);color:var(--text-secondary);font-weight:700}nav button .count{margin-left:auto;font-size:10px;background:var(--bg-app);padding:2px 6px;border-radius:5px}.sidebottom{margin-top:auto}.sidehint{font-size:12px;line-height:1.6;background:var(--bg-app);border-radius:9px;padding:14px;margin:20px 2px;color:var(--text-secondary)}.sidehint b{display:block;color:var(--text-secondary);margin-bottom:5px}.profile{border-top:1px solid var(--border-subtle);padding:20px 5px 0;display:flex;gap:10px;align-items:center}.avatar{width:34px;height:34px;border-radius:50%;background:var(--bg-app);display:grid;place-items:center;font-weight:700;font-size:11px}.profile b{font-size:12px}.profile small{display:block;color:var(--text-secondary);font-size:10px;margin-top:3px}.main{grid-column:2;min-width:0}.topbar{height:74px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 36px;background:var(--bg-surface)}.crumb{font-size:12px;color:var(--text-secondary);display:flex;gap:12px;align-items:center}.crumb b{font-weight:500;color:var(--text-primary)}.topright{display:flex;align-items:center;gap:14px}.prototag{font-size:10px;letter-spacing:1px;color:var(--text-secondary);background:var(--bg-app);padding:6px 9px;border-radius:5px}.role{width:190px;padding:8px;font-size:12px}.body{max-width:1740px;padding:34px 36px 26px;margin:auto}.heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:26px}.eyebrow{font-size:10px;letter-spacing:1.8px;color:var(--text-secondary);text-transform:uppercase;margin-bottom:9px;font-weight:700}h1{font:750 30px var(--font-ui);letter-spacing:-1.1px;margin:0 0 9px}h2{font:700 19px var(--font-ui);margin:0 0 8px;letter-spacing:-.5px}h3{font:700 14px var(--font-ui);margin:0}.sub{color:var(--muted);font-size:12px;line-height:1.6}.actions{display:flex;gap:9px;align-items:center}.actions button{font-size:12px}.actions svg{width:15px;height:15px;margin-right:6px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:25px}.stat{background:var(--bg-surface);border:1px solid var(--line);border-radius:12px;padding:18px 20px;position:relative;overflow:hidden}.stat label{font-size:11px;color:var(--text-secondary);display:block;margin-bottom:13px}.stat .num{font:750 29px var(--font-ui);letter-spacing:-1px}.stat .num small{font:500 11px var(--font-ui);color:var(--text-secondary);letter-spacing:0;margin-left:5px}.stat .foot{font-size:10px;color:var(--text-secondary);margin-top:10px}.stat .miniicon{position:absolute;right:18px;top:16px;color:var(--text-secondary);background:var(--bg-surface);border-radius:8px;padding:6px}.stat .miniicon svg{width:15px;height:15px}.stat .meter{height:4px;background:var(--bg-app);border-radius:6px;margin-top:14px;overflow:hidden}.stat .meter span{display:block;height:100%;background:var(--accent)}.calendar{background:var(--bg-surface);border:1px solid var(--line);border-radius:13px;overflow:hidden}.toolbar{display:flex;align-items:center;justify-content:space-between;padding:19px 20px;border-bottom:1px solid var(--line);gap:12px}.week{display:flex;align-items:center;gap:10px}.week strong{font:700 15px var(--font-ui);white-space:nowrap}.arrows{display:flex;gap:4px}.arrows button{padding:6px;border-color:var(--line);width:29px;height:29px;display:grid;place-items:center}.arrows svg{width:13px;height:13px}.weeknumber{background:var(--bg-app);font-size:10px;padding:5px 7px;border-radius:5px;color:var(--text-secondary)}.controls{display:flex;gap:8px;align-items:center}.controls select{font-size:11px;max-width:140px;padding:8px}.seg{display:flex;background:var(--bg-app);padding:3px;border-radius:7px}.seg button{padding:5px 10px;border:0;background:transparent;border-radius:5px;font-size:10px;color:var(--text-secondary)}.seg button.selected{background:var(--bg-surface);box-shadow:0 1px 4px var(--overlay-shadow);color:var(--success-text)}.statusline{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:12px 20px;font-size:10px;color:var(--text-secondary);gap:10px}.statusline b{font-weight:500;color:var(--text-secondary)}.dot{width:6px;height:6px;background:var(--accent);border-radius:50%;display:inline-block;margin-right:5px}.gridwrap{overflow-x:auto}.calgrid{min-width:860px;display:grid;grid-template-columns:78px repeat(7,minmax(100px,1fr))}.dayhead{padding:15px 7px;text-align:center;border-right:1px solid var(--border-subtle);border-bottom:1px solid var(--line);background:var(--bg-surface);color:var(--text-secondary);font-size:10px}.dayhead strong{display:block;color:var(--text-primary);font-size:17px;margin-top:5px;font-weight:600}.dayhead.today strong{display:inline-grid;place-items:center;background:var(--accent);color:var(--on-accent);width:30px;height:30px;border-radius:50%;margin-top:0}.dayhead.weekend{background:var(--bg-app)}.slotlabel{display:flex;align-items:center;justify-content:center;flex-direction:column;border-right:1px solid var(--line);border-bottom:1px solid var(--line);font-size:11px;color:var(--text-primary);gap:6px;background:var(--bg-surface)}.slotlabel small{font-size:9px;color:var(--text-secondary)}.cell{padding:8px 6px;border-right:1px solid var(--border-subtle);border-bottom:1px solid var(--line);min-height:119px}.cell.weekend{background:var(--bg-surface)}.slotcard{width:100%;height:100%;border:1px solid var(--border-subtle);border-left:3px solid var(--border-control);background:var(--bg-app);border-radius:7px;padding:10px 9px;text-align:left;display:block;position:relative;transition:transform .12s,box-shadow .12s}.slotcard:hover{background:var(--bg-app);transform:translateY(-2px);box-shadow:0 4px 12px var(--overlay-shadow)}.slotcard.partial{background:var(--warning-soft);border-color:var(--warning-border);border-left-color:var(--warning)}.slotcard.over{background:var(--warning-soft);border-color:var(--warning-border);border-left-color:var(--warning)}.slotcard.empty{background:var(--bg-app);border-color:var(--border-subtle);border-left-color:var(--border-subtle)}.slotcard .slotname{font-size:9px;color:var(--text-secondary);display:flex;justify-content:space-between;margin-bottom:11px;font-weight:500}.slotcard .volume{font-size:14px;font-weight:700;letter-spacing:-.4px;white-space:nowrap}.slotcard .volume small{font-size:9px;color:var(--text-secondary);font-weight:400;letter-spacing:0}.slotcard .bar{height:3px;background:var(--accent-soft);border-radius:4px;margin:9px 0;overflow:hidden}.slotcard .bar span{display:block;height:100%;background:var(--accent)}.slotcard.partial .bar{background:var(--warning-soft)}.slotcard.partial .bar span{background:var(--warning)}.slotcard.over .bar span{background:var(--warning)}.slotcard .cardfoot{display:flex;justify-content:space-between;align-items:center;font-size:8px;color:var(--text-secondary)}.cardfoot .badge{font-size:8px;background:var(--overlay-scrim);border-radius:3px;padding:2px 4px;color:var(--text-secondary)}.legend{display:flex;gap:20px;padding:16px 20px;font-size:10px;color:var(--text-secondary);align-items:center}.legend i{display:inline-block;width:7px;height:7px;border-radius:2px;margin-right:6px;background:var(--accent)}.legend i.yellow{background:var(--warning)}.legend i.red{background:var(--warning)}.legend i.gray{background:var(--accent)}.bottomrow{display:grid;grid-template-columns:1.3fr 1fr;gap:18px;margin-top:22px}.panel{background:var(--bg-surface);border:1px solid var(--line);border-radius:12px;padding:21px}.panelhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.panelhead h3{font-size:13px}.panelhead button{font-size:10px;padding:5px 0;color:var(--text-secondary)}.event{display:flex;gap:12px;margin:15px 0;font-size:11px;line-height:1.6}.eventicon{background:var(--bg-app);padding:7px;border-radius:7px;align-self:flex-start;color:var(--text-secondary)}.eventicon svg{width:14px;height:14px}.event small{display:block;color:var(--text-secondary);font-size:9px}.event b{font-weight:600}.supplierrow{display:flex;align-items:center;gap:11px;font-size:11px;padding:10px 0}.supplierrow .avatar{width:28px;height:28px;background:var(--bg-app);color:var(--text-secondary);font-size:9px;border-radius:8px}.supplierrow strong{font-size:11px;margin-left:auto}.supplierrow span small{display:block;font-size:9px;color:var(--text-secondary);margin-top:3px}.tinybar{width:70px;background:var(--bg-app);height:4px;border-radius:4px;overflow:hidden}.tinybar span{display:block;height:100%;background:var(--accent)}footer{display:flex;justify-content:space-between;color:var(--text-secondary);font-size:9px;margin-top:24px;line-height:1.8}footer button{font-size:9px;padding:0;color:var(--text-secondary)}.table{width:100%;border-collapse:collapse}.table th{text-align:left;font-size:10px;letter-spacing:.7px;text-transform:uppercase;color:var(--text-secondary);background:var(--bg-app);font-weight:500}.table td,.table th{padding:16px;border-bottom:1px solid var(--line)}.table td{font-size:12px}.pill{font-size:10px;padding:5px 8px;background:var(--bg-app);border-radius:5px;color:var(--text-secondary)}.note{padding:16px 19px;background:var(--bg-app);border:1px solid var(--border-subtle);border-radius:9px;color:var(--text-secondary);line-height:1.8;font-size:12px;margin-bottom:20px}.emptymsg{text-align:center;color:var(--text-secondary);padding:40px}#shade{position:fixed;inset:0;background:var(--overlay-scrim);backdrop-filter:blur(2px);z-index:10}#drawer{position:fixed;right:0;top:0;bottom:0;width:min(520px,100vw);background:var(--bg-surface);z-index:11;overflow:auto;box-shadow:-10px 0 40px var(--overlay-shadow);padding:30px}.drawerhead{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:23px}.drawerhead h2{font-size:23px}.drawerhead button{padding:5px 9px;font-size:20px}.drawerinfo{display:flex;gap:10px;font-size:11px;margin-top:12px}.section{padding:22px 0;border-top:1px solid var(--line)}.section h3{margin-bottom:15px}.numbers{display:flex;justify-content:space-between;background:var(--bg-app);padding:17px;border-radius:9px;margin-bottom:17px}.numbers small{display:block;color:var(--text-secondary);font-size:10px;margin-bottom:5px}.numbers b{font-size:19px}.field{margin-bottom:15px}.field label{display:block;font-size:11px;color:var(--text-secondary);margin-bottom:6px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.alloc{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border-subtle);font-size:12px}.alloc small{display:block;color:var(--text-secondary);font-size:10px;margin-top:4px}.alloc button{font-size:10px;padding:6px 8px}.drawerbuttons{display:flex;gap:8px;margin-top:18px}.error{color:var(--danger-text);font-size:12px;line-height:1.7}.help{font-size:11px;color:var(--text-secondary);line-height:1.7}.hidden,[hidden]{display:none!important}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--success);color:var(--on-accent);padding:14px 23px;border-radius:10px;box-shadow:0 6px 25px var(--overlay-shadow);font-size:12px;opacity:0;pointer-events:none;transition:opacity .2s;z-index:30;max-width:90vw}#toast.show{opacity:1}.listrow{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--line);gap:12px}.listrow button{font-size:11px}.switchhelp{font-size:11px;background:var(--warning-soft);border:1px solid var(--warning-border);border-radius:8px;padding:12px;color:var(--warning-text);margin-bottom:18px}.mobilebrand{display:none}.sourcecard{font-size:12px;line-height:1.9}.sourcecard p{margin:10px 0}.introline{font-size:12px;line-height:1.8;color:var(--text-secondary);margin:0 0 20px}.check{display:flex;align-items:center;gap:10px}.check input{width:auto}.localnote{font-size:10px;color:var(--text-secondary);padding:15px 20px;border-top:1px solid var(--line);background:var(--bg-surface)}
@media(min-width:1500px){.slotcard .volume{font-size:17px}.cell{min-height:128px}.slotcard .cardfoot{font-size:10px}}@media(max-width:1180px){.sidebar{width:190px;padding:25px 13px}.shell{grid-template-columns:190px 1fr}.body{padding:25px 22px}.topbar{padding:0 22px}.stats{gap:10px}.stat{padding:16px}.stat .num{font-size:24px}.toolbar{flex-wrap:wrap}.weeknumber{display:none}.heading .actions{max-width:280px;flex-wrap:wrap;justify-content:flex-end}.tinybar{display:none}}@media(max-width:800px){.shell{display:block}.sidebar{position:static;width:100%;padding:14px 17px;display:block;border-bottom:1px solid var(--line)}.brand{font-size:22px}.brandmark{padding:5px}.workspace,.sidebottom,.navlabel{display:none}.sidebar nav{display:flex;margin-top:12px;gap:5px;overflow:auto}.sidebar nav button{width:auto;white-space:nowrap;padding:9px;font-size:11px;margin:0}.sidebar nav svg{width:15px;height:15px}.sidebar nav .count{display:none}.topbar{height:55px;padding:0 17px}.crumb{display:none}.topright{width:100%;justify-content:space-between}.role{width:190px}.body{padding:25px 16px}.heading{align-items:flex-start}.heading .actions{max-width:140px}.heading .actions .secondary{display:none}h1{font-size:25px}.stats{grid-template-columns:1fr 1fr}.stat .num{font-size:25px}.bottomrow{grid-template-columns:1fr}.week strong{font-size:12px}.toolbar{padding:14px;gap:13px}.controls{width:100%;justify-content:space-between}.controls select{max-width:125px}.statusline{padding:12px 14px;flex-wrap:wrap}.legend{gap:12px;flex-wrap:wrap;font-size:9px}.tablewrap{overflow:auto}.table{min-width:600px}.panel{padding:17px}footer{gap:12px}.formgrid{grid-template-columns:1fr}.heading .actions button{font-size:10px;padding:9px}.heading .sub{max-width:215px}}
/* Updated blue workspace and neutral capacity calendar. */
.brandmark{background:var(--accent)}.brand{color:var(--text-primary)}.sidebar nav button.active{color:var(--text-secondary)}.navlabel{color:var(--text-secondary)}.sidebar nav button{color:var(--text-secondary)}.sidehint{color:var(--text-secondary)}.sidehint b{color:var(--text-secondary)}.workspace{color:var(--text-secondary)}.workspace small{color:var(--text-secondary)}.crumb b{color:var(--text-secondary)}.prototag{background:var(--bg-app);color:var(--text-secondary)}.role{width:245px}.eyebrow{color:var(--text-secondary)}.sub{color:var(--text-secondary)}.body{max-width:1900px;padding:25px 28px}.stat label{color:var(--text-secondary)}.stat .foot{color:var(--text-secondary)}.stat .num small{color:var(--text-secondary)}.storebanner{display:flex;align-items:center;gap:14px;border:1px solid var(--border-subtle);border-left:5px solid var(--accent);background:var(--bg-app);padding:13px 17px;border-radius:9px;margin-bottom:25px}.storeicon{padding:10px;background:var(--bg-app);color:var(--text-secondary);border-radius:8px}.storetext{flex:1}.storebanner .caption{font-size:9px;letter-spacing:1.7px;color:var(--text-secondary);margin-bottom:3px}.storebanner strong{font:800 21px var(--font-ui);color:var(--text-primary)}.storebanner .domain{font-size:11px;color:var(--text-secondary);margin-left:11px}.storehint{font-size:10px;color:var(--text-secondary);margin-top:4px}.storebanner select{width:195px;font-size:11px}.actions button{font-size:11px}.badge{font-size:9px;border-radius:5px;padding:5px 7px;background:var(--bg-app);color:var(--text-secondary)}.period{display:flex;align-items:center;gap:10px}.period b{font:700 14px var(--font-ui);color:var(--text-secondary)}.controls{display:flex;gap:9px}.seg{background:var(--bg-app)}.seg button.active{background:var(--bg-surface);color:var(--text-secondary);box-shadow:0 1px 4px var(--overlay-shadow)}.statusline{color:var(--text-secondary)}.statusline strong{font-weight:500;color:var(--text-secondary)}.statusline button{font-size:10px}.dot{background:var(--accent)}.arrows button:first-child svg{transform:rotate(180deg)}.weeklayout{display:grid;grid-template-columns:minmax(0,1fr) 185px}.weekgrid{min-width:842px;display:grid;grid-template-columns:65px repeat(7,minmax(111px,1fr))}.dayhead{background:var(--bg-surface)!important;text-align:left;padding:14px 8px;border-right:1px solid var(--border-subtle)}.dayname{font-size:8px;text-transform:uppercase;letter-spacing:.4px;color:var(--text-secondary);margin-bottom:5px}.date{display:block;font:700 15px var(--font-ui);color:var(--text-secondary);margin-bottom:10px}.dailycap{font-weight:700;font-size:12px;white-space:nowrap;color:var(--text-primary);letter-spacing:-.25px}.dailycap small{font-size:9px;font-weight:400;color:var(--text-secondary);letter-spacing:0}.bar{height:3px;background:var(--bg-app);border-radius:4px;overflow:hidden;margin:8px 0 6px}.bar span{display:block;height:100%;background:var(--accent)}.coverage{font-size:8px;color:var(--text-secondary)}.breakdown{padding-top:7px;margin-top:9px;border-top:1px solid var(--border-subtle);font-size:8px;color:var(--text-secondary);line-height:1.8}.breakdown span{display:block}.breakdown b{font-weight:500;color:var(--text-secondary)}.axis{display:flex;flex-direction:column;gap:5px;justify-content:center;align-items:center;border-bottom:1px solid var(--line);border-right:1px solid var(--line);font-size:10px;color:var(--text-secondary);background:var(--bg-surface)}.axis small{font-size:8px;color:var(--text-secondary)}.cell,.cell.weekend{background:var(--bg-surface)!important;min-height:103px}.windowcard{width:100%;height:100%;background:var(--bg-surface);border:1px solid var(--border-subtle);border-left:2px solid var(--border-subtle);border-radius:6px;padding:10px 8px;text-align:left;transition:transform .1s,box-shadow .1s}.windowcard:hover{background:var(--bg-surface);transform:translateY(-1px);box-shadow:0 3px 10px var(--overlay-shadow)}.time{font-size:8px;color:var(--text-secondary);display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.time svg{width:10px;height:10px}.volume{font-size:12px;font-weight:700;white-space:nowrap;letter-spacing:-.3px;color:var(--text-primary)}.volume small{font-size:9px;font-weight:400;color:var(--text-secondary);letter-spacing:0}.windowcard .coverage{display:flex;justify-content:space-between;font-size:8px;gap:3px}.overlabel{font-size:8px;color:var(--warning-text)}.weeksummary{background:var(--bg-surface);border-left:1px solid var(--line);padding:20px 16px}.weeksummary .eyebrow{font-size:8px;letter-spacing:1px}.weeksummary h3{font-size:13px;margin-bottom:15px;color:var(--text-secondary)}.sumlabel{font-size:10px;color:var(--text-secondary);margin-bottom:8px}.sumvalue{font:800 23px var(--font-ui);letter-spacing:-.6px;color:var(--text-primary)}.sumvalue small{display:block;font:500 11px var(--font-ui);letter-spacing:0;color:var(--text-secondary);margin:6px 0}.sumsection{border-top:1px solid var(--line);padding-top:17px;margin-top:17px}.weeklysplit{display:flex;justify-content:space-between;gap:8px;margin:11px 0 6px;font-size:10px}.weeklysplit span{color:var(--text-secondary)}.weeklysplit b{font-size:12px;color:var(--text-secondary)}.summarymini{font-size:8px;color:var(--text-secondary);line-height:1.7}.footnote{border-top:1px solid var(--line);padding:12px 18px;font-size:9px;line-height:1.8;color:var(--text-secondary)}.monthscroll{overflow-x:auto}.monthgrid{min-width:875px}.monthlabels,.monthrow{display:grid;grid-template-columns:repeat(7,minmax(98px,1fr)) 185px}.monthlabels div{text-align:center;padding:12px 7px;border-bottom:1px solid var(--line);font-size:9px;color:var(--text-secondary)}.monthday{border-radius:0;border:0;border-bottom:1px solid var(--line);border-right:1px solid var(--border-subtle);min-height:135px;padding:13px 9px;background:var(--bg-surface);text-align:left}.monthday:hover,.monthday.chosen{background:var(--bg-surface);box-shadow:inset 0 -3px var(--border-subtle)}.monthday.outside{opacity:.45}.dnum{display:flex;justify-content:space-between;font:700 12px var(--font-ui);color:var(--text-secondary);margin-bottom:10px}.dnum svg{width:11px;height:11px}.monthday .dailycap{font-size:11px}.emptyday{color:var(--text-secondary);font-size:9px;margin-top:20px}.monthrow>.weeksummary{padding:12px;border-bottom:1px solid var(--line)}.weeksummary.mini h3{font-size:11px;margin-bottom:8px}.weeksummary.mini .sumvalue{font-size:17px}.weeksummary.mini .sumvalue small{display:inline;font-size:9px}.weeksummary.mini .sumsection{margin-top:8px;padding-top:5px}.weeksummary.mini .weeklysplit{margin:5px 0}.weeksummary.mini .weeklysplit b{font-size:10px}.weeksummary.mini .sumlabel{font-size:9px;margin-bottom:5px}.expandweek{border-top:3px solid var(--border-subtle);border-bottom:3px solid var(--border-subtle)}.expandtitle{display:flex;justify-content:space-between;align-items:center;background:var(--bg-surface);padding:12px 17px;font-size:11px;color:var(--text-secondary)}.expandtitle button{font-size:10px}.help{color:var(--text-secondary);font-size:10px;line-height:1.8;margin:10px 0}.note{color:var(--text-secondary);background:var(--bg-surface);border-color:var(--border-subtle);font-size:11px}.note.warn{background:var(--warning-soft);border-color:var(--warning-border);color:var(--warning-text)}.panelhead{gap:12px}.panelhead button{font-size:10px}.row{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid var(--border-subtle);font-size:11px}.row:last-child{border-bottom:0}.row b{font-size:12px}.row small{display:block;color:var(--text-secondary);font-size:9px;line-height:1.8;margin-top:5px}.row button{padding:7px 10px;font-size:10px}.row .actions{justify-content:flex-end}.event{font-size:11px;line-height:1.8;border-bottom:1px solid var(--border-subtle);padding-bottom:10px}.event small{color:var(--text-secondary)}.event .avatar{width:28px;height:28px;flex-shrink:0}.event .avatar svg{width:14px;height:14px}.settingsnav{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:17px}.settingsnav button{font-size:11px}.settingsnav button.active{color:var(--text-secondary);background:var(--accent);border-color:var(--accent)}.modelwarning{font-size:9px;padding:10px 13px;border:1px solid var(--line);background:var(--bg-surface);border-radius:7px;color:var(--text-secondary);margin-bottom:17px}.settingsgrid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.table th{color:var(--text-secondary);background:var(--bg-surface)}.table td{font-size:11px}.table th,.table td{padding:14px 11px}.rolesmall{display:block;font-size:9px;color:var(--text-secondary);margin-top:5px}.table td button{font-size:10px;padding:6px 9px}.empty{padding:35px 17px;text-align:center;font-size:11px;color:var(--text-secondary);line-height:1.8}#drawer{width:min(560px,100vw);padding:27px}#shade{z-index:20;background:var(--overlay-scrim)}#drawer{z-index:21}#toast{background:var(--accent)}.drawerhead h2{font-size:22px}.drawerstore{font-size:10px;color:var(--text-secondary);padding:11px 13px;background:var(--bg-app);border-left:4px solid var(--accent);border-radius:7px;margin-bottom:20px}.drawerstore b{font-size:13px;color:var(--text-secondary);margin-left:6px}.field label{font-size:11px;color:var(--text-secondary)}.field input,.field select{border-color:var(--border-subtle);color:var(--text-primary)}.metricrow{display:flex;justify-content:space-between;gap:13px;padding:16px;border:1px solid var(--border-subtle);border-radius:8px}.metricrow label{font-size:9px;color:var(--text-secondary);display:block;margin-bottom:7px}.metricrow strong{font:700 20px var(--font-ui);color:var(--text-primary)}.metricrow small{font-size:10px}.calc{padding:14px;background:var(--bg-surface);border:1px dashed var(--border-subtle);border-radius:8px;line-height:1.9;color:var(--text-secondary);font-size:11px;margin:13px 0}.calc b{color:var(--text-secondary)}.checks{padding:9px 13px;border:1px solid var(--line);border-radius:7px}.checkrow{display:flex;gap:9px;align-items:center;font-size:11px;color:var(--text-secondary);padding:7px 0;margin:0}.checkrow input{width:auto;accent-color:var(--accent)}.checkrow label{margin:0}.review{border:1px solid var(--line);border-radius:7px;max-height:330px;overflow:auto;margin:15px 0}.review .table{font-size:10px;min-width:0}.review .table td,.review .table th{font-size:10px;padding:9px}.source{font-size:12px;line-height:1.9;max-width:950px}.source p{margin:13px 0}.source h3{margin-bottom:13px}.firmtoggle{margin-bottom:10px}.formgrid{gap:12px}.formgrid .field{min-width:0}.sourcecard a{color:var(--text-secondary)}footer{color:var(--text-secondary)}footer button{color:var(--text-secondary)}.profile small{color:var(--text-secondary)}.brandmark{background:var(--accent)}.sidebar .sidehint{background:var(--bg-app);border-color:var(--border-subtle)}.sidebar .workspace{background:var(--bg-app)}.sidebar .workspace small{color:var(--text-secondary)}
@media(min-width:1550px){.volume,.dailycap{font-size:14px}.time,.breakdown{font-size:9px}.cell{min-height:110px}.dayhead{padding:15px 10px}}
@media(max-width:1250px){.weeklayout{grid-template-columns:minmax(0,1fr) 160px}.weeksummary{padding:18px 12px}.sumvalue{font-size:20px}}
@media(max-width:850px){.weeklayout{display:flex;flex-direction:column}.weeksummary{border-top:1px solid var(--line);border-left:0;display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:16px}.weeksummary .sumsection{border:0;margin:0;padding:0}.weeksummary .sumsection:last-child{grid-column:1/-1}.weeksummary .weeklysplit{max-width:330px}.weeksummary.mini{display:block;border-left:1px solid var(--line)}.weeksummary.mini .sumsection{margin-top:7px;padding-top:5px}.monthlabels,.monthrow{grid-template-columns:repeat(7,minmax(98px,1fr)) 150px}.monthgrid{min-width:840px}.storebanner{padding:12px;gap:10px}.storebanner .storeicon,.storehint{display:none}.storebanner strong{font-size:18px}.storebanner .domain{display:block;margin:3px 0}.storebanner select{width:150px;font-size:10px}.body{padding:20px 15px}.role{width:215px;font-size:10px}.heading .actions{max-width:160px}.heading .actions button{font-size:9px;padding:8px 9px}.heading .actions .export{display:none}.settingsgrid{grid-template-columns:1fr}.toolbar{padding:13px}.controls{justify-content:space-between;width:100%}.controls select{max-width:160px}.table{min-width:540px}.review .table{min-width:0}.panelhead h2{font-size:18px}.storebanner .caption{font-size:8px}.sumvalue small{display:inline}.weeksummary h3{font-size:12px}.metricrow strong{font-size:18px}.sidebottom{display:none}.period b{font-size:12px}}
@media(max-width:420px){.formgrid{grid-template-columns:1fr}.storebanner select{width:115px}.role{width:194px}.prototag{font-size:8px}.heading .actions{max-width:130px}.heading .actions svg{display:none}.metricrow{padding:12px}.metricrow strong{font-size:16px}}
@media(min-width:851px) and (max-width:1549px){.weekgrid{min-width:765px;grid-template-columns:65px repeat(7,minmax(100px,1fr))}.dayhead{padding:13px 6px}.cell{padding:7px 5px}.windowcard{padding:10px 6px}.dailycap{font-size:11px}.dailycap small{font-size:8px}.breakdown{font-size:8px}}
/* Context remains visible while calendar content scrolls. */
.storebanner{position:sticky;top:0;z-index:9;box-shadow:0 5px 18px var(--overlay-shadow);isolation:isolate;background:var(--bg-app)}.storebanner .caption{color:var(--text-secondary)}.storebanner strong{font-size:22px}.storebanner .storetext{min-width:0}.storebanner .domain{color:var(--text-secondary)}.sidebar nav button{font-size:11px}.companyfilter{display:flex;align-items:center;gap:14px;flex-wrap:wrap;background:var(--bg-surface);border:1px solid var(--line);border-radius:9px;padding:14px 17px;margin-bottom:19px}.companyfilter label{font-size:11px;font-weight:600;color:var(--text-secondary);margin:0}.companyfilter select{max-width:280px;font-size:12px}.companyfilter .help{margin:0}.skuvalue{white-space:normal}.skuvalue>small{font-size:8px;color:var(--text-secondary);letter-spacing:0;font-weight:400;margin-left:3px}.blockcount{font-family:var(--font-ui),sans-serif;font-size:9px;font-weight:500;color:var(--text-secondary);letter-spacing:0;white-space:nowrap}.num .skuvalue>.blockcount{display:block;margin-top:6px;font-size:11px}.demandline{display:block!important;font-size:10px!important;color:var(--text-secondary);line-height:1.5;margin-top:4px}.dayhead .dailycap{white-space:normal}.dayhead .demandline{font-size:9px!important}.dayhead .blockcount{font-size:8px}.windowcard .volume{white-space:normal}.windowcard .blockcount{font-size:8px}.windowcard .time{line-height:1.7;font-size:8px;margin-bottom:7px}.windowcard{min-height:109px}.breakdown b{display:block;line-height:1.7}.breakdown .skuvalue{display:inline!important}.breakdown .blockcount{display:inline!important;font-size:8px}.breakdown>span{margin-top:3px}.weeksummary .sumvalue .skuvalue>small{display:inline;font-size:9px;margin-left:3px}.weeksummary .demandline>.skuvalue{font-size:11px}.weeksummary .blockcount{font-size:9px}.weeklysplit b{text-align:right}.weeklysplit .skuvalue{font-size:11px}.weeklysplit .skuvalue>small{font-size:8px}.weeklysplit .blockcount{display:block;font-size:8px}.weeklysplit{align-items:flex-start}.displaycheck{margin-top:19px;line-height:1.8;font-size:12px}.displaycheck input{width:17px;height:17px;flex-shrink:0}.drawerbar{position:sticky;top:-27px;z-index:3;background:var(--bg-surface);padding:27px 0 8px;margin-top:-27px}.drawerbar .drawerhead{margin-bottom:12px}.drawerbar .drawerstore{margin-bottom:5px;box-shadow:0 3px 10px var(--overlay-shadow)}.drawerbar:has(.drawerstore){border-bottom:1px solid var(--border-subtle);margin-bottom:18px}.drawerbar h2{font-size:20px}.formgrid .checkrow{align-self:center}.calendar .footnote{color:var(--text-secondary)}.stat .num{font-size:25px}.stat .foot .skuvalue>small{font-size:9px}.stat .foot .blockcount{font-size:9px}
@media(max-width:850px){.storebanner{top:0;padding:11px 12px;min-height:73px}.storebanner strong{font-size:19px}.storebanner .domain{display:inline;margin-left:9px;font-size:10px}.companyfilter{gap:10px;padding:13px}.companyfilter select{max-width:none;width:100%}.companyfilter .help{font-size:9px}.drawerbar{top:-27px}.monthday .breakdown{font-size:8px}.weeksummary .sumvalue .demandline{display:block!important}.windowcard{min-height:110px}}
/* Month-first planning, legible summaries and independent settings. */
.calendar{color:var(--text-primary)}.calendar .date,.calendar .dnum,.calendar .volume,.calendar .dailycap,.calendar .sumvalue{color:var(--text-primary)}.calendar .dayname,.calendar .coverage,.calendar .summarymini,.calendar .time,.calendar .breakdown,.calendar .sumlabel,.calendar .weeklysplit span,.calendar .footnote,.calendar .emptyday,.calendar .axis small{color:var(--text-primary)}.calendar .skuvalue>small,.calendar .coveragepair>small,.calendar .blockcount{color:var(--text-primary)}.calendar .dayhead,.calendar .monthday{background:var(--bg-app)!important}.calendar .weeksummary{background:var(--bg-app)!important;border-left-color:var(--border-subtle)}.calendar .weeksummary .eyebrow{color:var(--text-primary)}.calendar .weeksummary h3{color:var(--text-primary)}.calendar .weeksummary .sumsection{border-top-color:var(--border-subtle)}.calendar .cell.night{background:var(--bg-app)!important}.calendar .axis.night{background:var(--bg-app)}.calendar .windowcard.night{background:var(--bg-app);border-color:var(--border-subtle);border-left-color:var(--border-control)}.calendar .windowcard.night:hover{background:var(--bg-app)}.monthgrid.has-focus>.monthrow.mutedweek{opacity:.25;transition:opacity .16s}.monthgrid.has-focus>.monthrow.mutedweek:hover{opacity:.6}.monthgrid.has-focus>.monthlabels{opacity:.65}.monthday.chosen{box-shadow:inset 0 -3px var(--border-subtle);background:var(--bg-app)!important}.expandweek{border-color:var(--accent)}.expandtitle{color:var(--text-primary);background:var(--bg-app)}.coveragepair{font-weight:700;font-size:inherit;color:inherit;white-space:normal}.coveragepair>small{font-weight:500;font-size:9px;white-space:nowrap}.coveragepair .blockcount{font-weight:600}.sumvalue .coveragepair{font-size:18px;line-height:1.6;display:block}.sumvalue .coveragepair .blockcount{font-size:10px}.weeklysplit{display:block;margin:12px 0}.weeklysplit>span{display:block;margin-bottom:4px}.weeklysplit>b{text-align:left;display:block;font-size:12px}.weeklysplit .blockcount{display:inline}.weeksummary.mini .coveragepair{font-size:12px;line-height:1.65}.weeksummary.mini .weeklysplit{margin:8px 0}.weeksummary.mini .weeklysplit .coveragepair{font-size:9px}.dailycap .coveragepair{font-size:11px;line-height:1.7}.breakdown .coveragepair{font-size:8px;line-height:1.7}.windowcard .coveragepair{font-size:11px;line-height:1.65}.windowcard .coveragepair .blockcount{font-size:9px}.windowcard .time{font-size:9px}.windowcard .coverage{font-size:9px}.axis small{line-height:1.6;text-align:center;overflow-wrap:anywhere}.stat .num .coveragepair{font-size:20px;line-height:1.5}.stat .num{overflow-wrap:anywhere}.stat .num .blockcount{font-size:11px}.stat .num>span:only-child{max-width:100%}.panelhead{flex-wrap:wrap;align-items:flex-start}.panelhead>h2,.panelhead>h3,.panelhead>div{min-width:0;flex:1 1 170px}.panelhead>button{flex:0 0 auto;max-width:100%;white-space:normal;overflow-wrap:break-word;line-height:1.45;height:auto;min-height:39px;font-size:12px;padding:10px 14px}.panelhead>button.primary{background:var(--accent);color:var(--text-secondary);border-color:var(--accent)}.settingsnav button{line-height:1.45;min-height:38px;white-space:normal;font-size:11px;color:var(--text-primary)}.settingsnav button.active{color:var(--on-accent)}.settingsgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.row .actions{flex:0 1 auto;flex-wrap:wrap}.row>span{min-width:0;overflow-wrap:anywhere}.row .actions button{white-space:normal;line-height:1.4;min-height:34px}.archivefilter{display:flex;align-items:center;gap:12px;margin:8px 0 18px}.archivefilter label{margin:0;color:var(--text-secondary)}.archivefilter select{max-width:220px;font-size:11px}.settingsstorefilter{max-width:420px;margin-bottom:23px}.settingsstorefilter label{color:var(--text-primary);font-size:12px}.productivitypanel{max-width:830px}.productivitypanel h2{margin-bottom:23px}.monthsetting{display:flex;align-items:center;gap:12px;max-width:430px;margin:17px 0}.monthsetting .field{flex:1;margin:0}.monthsetting button{align-self:flex-end;min-height:40px;padding:8px 15px;font-size:18px}.productivityvalue{border:1px solid var(--border-subtle);border-radius:9px;padding:20px;margin:20px 0;background:var(--bg-surface);max-width:430px}.productivityvalue label{display:block;margin-bottom:12px;color:var(--text-secondary)}.productivityvalue strong{font:800 29px var(--font-ui);color:var(--text-primary)}.partnerheader{position:sticky;top:0;z-index:10;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(220px,1fr);gap:25px;background:var(--bg-app);border:1px solid var(--border-subtle);border-left:5px solid var(--accent);border-radius:9px;padding:16px 19px;margin-bottom:25px;box-shadow:0 5px 15px var(--overlay-shadow)}.partnerprimary .caption{font-size:9px;font-weight:700;letter-spacing:1.6px;color:var(--text-secondary);margin-bottom:8px}.partnerpicker{position:relative;min-width:0}.partnerpicker>summary{font:750 17px var(--font-ui);cursor:pointer;color:var(--text-primary);list-style:inside;line-height:1.6;overflow-wrap:anywhere}.partneroptions{position:absolute;top:calc(100% + 10px);left:0;width:min(450px,80vw);max-height:370px;overflow:auto;padding:17px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:9px;box-shadow:0 10px 35px var(--overlay-shadow);z-index:20}.partneroptions .checkrow{font-size:12px;line-height:1.6;display:flex;align-items:flex-start;color:var(--text-primary)}.partneroptions .checkrow input{margin-top:3px;flex:0 0 auto}.partneroptions .actions{margin-bottom:12px}.partneroptions .actions button{font-size:10px}.partneroptions>.primary{margin-top:12px}.partnersecondary label{font-size:10px;color:var(--text-secondary);margin-bottom:8px}.partnersecondary select{font-size:12px}.changespanel{margin-top:22px}.changespanel .table{min-width:770px}.delta{font-weight:700;white-space:nowrap}.positive{color:var(--success-text)!important}.negative{color:var(--danger-text)!important}.pagination{display:flex;justify-content:flex-end;align-items:center;gap:15px;padding-top:17px;font-size:11px;color:var(--text-secondary)}.pagination button{font-size:11px}.reasonnav{margin:22px 0}.settingsdrawer{position:static;padding-top:27px}.calc{color:var(--text-primary);background:var(--bg-surface);border-color:var(--border-subtle)}.calctimes{color:var(--text-secondary);font-size:13px;font-weight:600;margin-bottom:12px}.calcmetrics{margin:0;display:block}.calcmetrics>div{display:flex;justify-content:space-between;gap:15px;padding:5px 0;font-size:12px}.calcmetrics dt,.calcmetrics dd{margin:0}.calcmetrics dt{color:var(--text-secondary)}.calcmetrics dd{font-weight:700;color:var(--text-primary);text-align:right}.calcmetrics>.expected{border-top:1px solid var(--border-subtle);margin-top:9px;padding-top:12px}.calcmetrics>.expected dd{font-size:14px}.lengthpreview{margin-top:12px;padding-top:12px;border-top:1px solid var(--border-subtle);line-height:1.8;color:var(--text-primary)}.pagination button:disabled{cursor:not-allowed}.archivefilter select:focus-visible,.settingsstorefilter select:focus-visible{outline:3px solid var(--border-subtle)}
@media(max-width:850px){.settingsgrid{grid-template-columns:1fr}.partnerheader{grid-template-columns:1fr;gap:12px;padding:12px 14px}.partnerpicker>summary{font-size:16px}.partnersecondary{display:flex;gap:12px;align-items:center}.partnersecondary label{margin:0;min-width:75px}.partnersecondary select{flex:1;min-width:0;font-size:10px}.panelhead>button{font-size:11px;min-height:39px}.archivefilter{align-items:flex-start;flex-direction:column;gap:7px}.archivefilter select{max-width:100%}.monthsetting{max-width:100%}.calcmetrics>div{font-size:11px}.dailycap .coveragepair{font-size:10px}.weeksummary.mini .coveragepair{font-size:11px}.partneroptions{width:min(450px,85vw)}.stat .num .coveragepair{font-size:17px}}
/* Stable calendar card positions and compact partner controls. */
.windowcard{display:grid!important;grid-template-rows:27px 36px 4px minmax(20px,auto);align-content:start;gap:8px;min-height:123px;height:100%;padding:10px!important}.windowcard .time{align-self:start;line-height:1.5;margin:0!important}.windowcard .volume{align-self:center;line-height:1.4;margin:0!important}.windowcard .bar{margin:0!important;height:4px}.windowcard .barplaceholder{height:4px}.windowcard .cardbottom{display:flex;gap:6px;align-items:start;justify-content:space-between;flex-wrap:wrap;line-height:1.5}.windowcard .cardbottom .blockcount{font-size:10px!important;color:var(--text-primary)}.windowcard .coverage{margin:0!important;font-size:9px!important}.windowcard .coveragepair{line-height:1.4}.windowcard .volume .skuvalue{font-size:11px}.breakdown .breakpart{margin-top:9px}.breakdown .breaktitle{display:flex;justify-content:space-between;gap:5px;align-items:baseline}.breakdown .breaktitle .blockcount{font-weight:600;font-size:9px;white-space:nowrap}.breakdown .breakpart>b{display:block;margin-top:3px;font-size:9px}.calendar .dayhead.weekend,.calendar .monthday.weekend{background:var(--bg-app)!important;box-shadow:inset 0 3px var(--border-subtle)}.calendar .dayhead.holiday,.calendar .monthday.holiday{background:var(--bg-app)!important;box-shadow:inset 0 3px var(--border-subtle)}.calendar .monthday.chosen{outline:2px solid var(--accent);outline-offset:-2px}.masterlabel{font-size:11px;font-weight:600;color:var(--text-primary);margin:10px 0 5px}.stat .num .coveragepair{font-size:18px}.stat .num{margin-top:3px}.stat .foot{line-height:1.65}.commitmentrow{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:11px 0!important;align-items:center}.commitmentrow>span>b{font-size:12px}.commitmentrow>span>small{font-size:9px;margin-top:4px}.commitmentrow>div{display:flex;align-items:center;gap:12px;min-width:0}.commitmentrow .skuvalue{display:inline;font-size:13px;white-space:nowrap}.commitmentrow .skuvalue>small,.commitmentrow .blockcount{display:inline!important;margin:0!important;font-size:10px}.editpartner{width:34px;height:34px;padding:8px;flex-shrink:0;color:var(--text-primary)}.editpartner svg{width:16px;height:16px}.allocationmodes{margin:0 0 22px}.drawerhead h2{margin-bottom:0}.drawerhead .sub{margin-top:8px}
@media(max-width:550px){.commitmentrow>div{gap:8px}.commitmentrow>span>b{font-size:11px}.commitmentrow .skuvalue{font-size:12px}.stat .num .coveragepair{font-size:17px}.windowcard{min-height:123px}}
/* Draft publication, dashboards and the partner's independent people planner. */
.draftbar{display:flex;gap:18px;justify-content:space-between;align-items:center;background:var(--warning-soft);border:1px solid var(--warning);border-radius:10px;padding:15px 18px;margin:0 0 23px;color:var(--warning-text)}.draftbar strong{font-size:13px}.draftbar small{display:block;font-size:10px;margin-top:5px;line-height:1.6}.draftbar .actions{justify-content:flex-end;flex-wrap:wrap}.draftbar button{font-size:11px}.drafttable details{font-size:10px;line-height:1.8;margin-top:9px}.drafttable summary{cursor:pointer;color:var(--text-secondary)}.drafttable td:last-child{max-width:230px}.drafttable td:last-child button{font-size:10px;margin-top:9px}.publicationhistory{margin-top:20px}.noticecard{padding:21px 0;border-top:1px solid var(--border-subtle)}.noticecard:first-of-type{border-top:0}.noticehead{display:flex;justify-content:space-between;align-items:start;gap:20px}.noticehead h3{margin:0}.noticehead p,.noticecard p{color:var(--text-secondary);font-size:12px;line-height:1.7}.noticecard details{font-size:11px;line-height:1.8;color:var(--text-primary)}.noticecard summary{cursor:pointer}.noticecard>.primary{margin-top:18px}.noticechange{padding:15px;margin:10px 0;background:var(--bg-surface);border-radius:8px}.confirmed{color:var(--success-text);background:var(--bg-app)}.dashboardfilters{margin-bottom:22px}.dashboardfilters .formgrid{max-width:600px}.dashboardfilters .checks{display:flex;flex-wrap:wrap;gap:22px}.dashboardfilters .checkrow{margin:0}.supplierbody .monthday{min-height:105px;padding:10px}.supplierbody .monthday .breakdown{display:none}.supplierbody .windowcard{grid-template-rows:24px 26px 0 17px;gap:5px;min-height:94px;padding:8px!important}.supplierbody .windowcard .volume .skuvalue{font-size:12px}.supplierbody .windowcard .barplaceholder{height:0}.supplierbody .cell{padding:5px}.supplierbody .axis{font-size:11px}.supplierbody .weeksummary{padding:15px}.workcontext{display:flex;align-items:center;justify-content:space-between;gap:25px;background:var(--bg-app);border:1px solid var(--border-subtle);border-radius:10px;padding:15px 20px;margin-bottom:22px}.workcontext .caption{display:block;font-size:9px;letter-spacing:1.5px;color:var(--text-secondary);margin-bottom:5px}.workcontext strong{font:750 19px var(--font-ui);color:var(--text-primary)}.workcontext .field{width:240px;margin:0}.workcontext .field label{font-size:10px}.workmonths{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:24px}.workmonth{display:block;text-align:left;padding:19px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:12px;min-width:0;white-space:normal}.workmonth.active{border:2px solid var(--accent);padding:18px;box-shadow:0 4px 18px var(--overlay-shadow)}.workmonth>b{display:block;font-size:12px;text-transform:capitalize;color:var(--text-primary)}.workmonth>small{display:block;font-size:9px;color:var(--text-secondary);margin-top:20px}.workmonth>strong{display:block;font-size:15px;color:var(--text-primary);margin-top:7px;line-height:1.8}.workmonth strong small{font-size:9px;font-weight:500}.workmonth .bar{margin-top:14px}.workforcepanel{padding:0!important;overflow:hidden}.worktoolbar{display:flex;justify-content:space-between;gap:20px;align-items:start;padding:23px}.worktoolbar h2{font-size:19px;margin:0}.worktoolbar .help{max-width:440px;margin-bottom:0}.worktoolbar .actions{flex-wrap:wrap;justify-content:flex-end}.worktoolbar input{font-size:11px;width:155px;padding:10px}.worktoolbar input[type=search]{width:180px}.worktoolbar button{font-size:11px;white-space:nowrap;min-height:39px}.workfilters{border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);padding:14px 23px;display:flex;gap:15px;align-items:center;flex-wrap:wrap}.workfilters .seg{width:auto}.workfilters button{font-size:10px;padding:8px 13px}.workfilters select{width:auto;font-size:10px;max-width:170px}.worklegend{display:flex;gap:11px;flex-wrap:wrap;margin-left:auto}.legendpill{font-size:9px;padding:5px 7px;border-radius:4px;color:var(--text-primary);border:1px solid transparent}.assigned{background:var(--bg-app);color:var(--text-primary)}.off{background:var(--bg-app);color:var(--text-secondary)}.vacation{background:var(--leave-soft);color:var(--leave-text)}.coordinated{border:2px solid var(--warning)!important}.preference{border:1px dashed var(--accent)}.lockstrip{display:flex;gap:12px;padding:12px 23px;align-items:center;flex-wrap:wrap;background:var(--bg-surface)}.lockstrip button{font-size:10px;min-height:33px;padding:7px 10px}.lockstrip>span{font-size:10px;color:var(--text-secondary);margin-left:auto}.pickergridscroll{max-width:100%;overflow:auto;max-height:670px}.pickertable{border-collapse:separate;border-spacing:0;width:max-content;min-width:100%;font-size:11px;color:var(--text-primary)}.pickertable th,.pickertable td{box-sizing:border-box;border-bottom:1px solid var(--border-subtle);border-right:1px solid var(--border-subtle);padding:9px 5px;text-align:center;min-width:49px;height:69px;background:var(--bg-surface)}.pickertable thead th{position:sticky;top:0;z-index:4;background:var(--bg-surface);height:58px}.pickertable thead th>small{display:block;font-size:8px;text-transform:uppercase;font-weight:500;color:var(--text-secondary)}.pickertable thead th>b{display:block;margin-top:5px;font-size:12px}.pickertable thead svg{width:9px;height:9px;display:block;margin:3px auto 0}.pickertable .personcol{position:sticky;left:0;min-width:205px;max-width:205px;text-align:left;padding:12px 14px;z-index:3;box-shadow:1px 0 var(--border-subtle);overflow-wrap:anywhere}.pickertable .personcol>b{font-size:11px}.pickertable .personcol>small{display:block;font-size:8px;color:var(--text-secondary);font-weight:400;margin-top:4px}.pickertable .sapcol{position:sticky;left:205px;min-width:100px;max-width:100px;z-index:3;font-size:10px;text-align:left;padding:10px;box-shadow:1px 0 var(--border-subtle)}.pickertable .contractcol{position:sticky;left:305px;min-width:69px;max-width:69px;z-index:3;box-shadow:2px 0 var(--border-subtle)}.pickertable thead .personcol,.pickertable thead .sapcol,.pickertable thead .contractcol{z-index:6}.contractcol>span{font-size:8px;font-weight:700;background:var(--bg-app);border-radius:5px;padding:6px;color:var(--text-secondary)}.pickertable th.weekend,.pickertable td.weekend{background:var(--bg-app)}.pickertable th.holiday,.pickertable td.holiday{background:var(--bg-app)}.pickercell{display:block;width:36px;height:35px;min-height:35px;margin:auto;border-radius:7px;padding:4px;font-size:10px;font-weight:750;border:2px solid transparent;line-height:1.2}.pickercell:disabled{opacity:.7;cursor:default}.pickercell.typefaded{opacity:.2}.prefhint{display:block;width:max-content;max-width:45px;margin:4px auto 0;border-bottom:1px dashed var(--border-control);font-size:8px;color:var(--text-secondary);line-height:1.2;min-height:10px}.prefhint.blank{visibility:hidden}.workforcepanel>.footnote{padding:15px 23px;margin:0;color:var(--text-secondary);line-height:1.8}.comparisonpanel{margin-top:24px}.comparisonpanel .panelhead select{max-width:245px;font-size:11px}.comparisonpanel td{font-size:11px}.comparisonpanel .bar{min-width:75px}.comparisonpanel .table{min-width:720px}.workforcepanel .pickercell:hover{outline:2px solid var(--accent);outline-offset:1px}.pickergridscroll:focus-visible{outline:2px solid var(--accent)}
@media(max-width:1100px){.worktoolbar{flex-direction:column}.worktoolbar .actions{justify-content:flex-start}.worklegend{margin-left:0}.draftbar{align-items:flex-start;flex-direction:column}.draftbar .actions{justify-content:flex-start}.workmonths{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.workcontext{align-items:flex-start;flex-direction:column;gap:15px;padding:14px}.workcontext .field{width:100%}.workcontext strong{font-size:16px}.workmonths{gap:8px}.workmonth{padding:12px}.workmonth.active{padding:11px}.workmonth>small{margin-top:13px;font-size:8px}.workmonth>strong{font-size:12px}.worktoolbar,.workfilters{padding:16px}.worktoolbar .actions{gap:8px}.worktoolbar input[type=search]{width:160px}.lockstrip{padding:12px 16px}.lockstrip>span{margin-left:0}.pickertable .personcol{min-width:135px;max-width:135px;padding:8px}.pickertable .sapcol{left:135px;min-width:80px;max-width:80px;padding:8px;font-size:9px}.pickertable .contractcol{left:215px;min-width:55px;max-width:55px}.pickertable .personcol>b{font-size:10px}.draftbar{padding:14px}.draftbar button{font-size:10px;padding:8px}.noticehead{flex-direction:column;gap:8px}.noticehead h3{font-size:14px}.comparisonpanel .panelhead{gap:12px}.workforcepanel>.footnote{font-size:9px;padding:13px}}
.supplierbody .windowcard{grid-template-rows:23px 30px 3px 18px;min-height:110px}.supplierbody .windowcard .bar{height:3px}.supplierbody .windowcard .coveragepair{font-size:10px}.supplierbody .dayhead .breakdown{font-size:8px}
/* Supplier context remains visible while planning; people management is independent. */
.suppliercontext{position:sticky;top:0;z-index:12;display:flex;gap:18px;align-items:center;min-height:85px;padding:13px 18px}.supplieridentity{flex:1;min-width:120px}.supplieridentity>strong{font-size:16px!important;display:block;color:var(--text-primary)}.supplieridentity>small{display:block;font-size:11px;color:var(--text-secondary);margin-top:7px}.supplieridentity small>b{color:var(--text-primary);font-size:13px}.suppliercontext .contextselect{flex:0 1 220px;min-width:140px}.suppliercontext .contextselect>label{display:block;font-size:9px;color:var(--text-secondary);margin-bottom:6px}.suppliercontext .contextselect>select{width:100%;max-width:none!important;font-size:12px}.suppliercontext #store{margin-left:0}.workerfilters{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0}.workerfilters>input{width:260px;font-size:12px}.workerfilters>select{width:190px;font-size:11px}.workerdirectory{min-width:850px}.workerdirectory td{font-size:11px;line-height:1.8}.workerdirectory td>div+div{margin-top:9px}.workerstatus{display:block;width:max-content;font-size:9px;font-weight:600;border-radius:5px;padding:3px 7px;margin-top:6px}.workerstatus.active{color:var(--success-text);background:var(--bg-app)}.workerstatus.inactive{color:var(--warning-text);background:var(--warning-soft)}.workerstatus.terminated{color:var(--danger-text);background:var(--leave-soft)}.workersaprow{padding:15px;border:1px solid var(--border-subtle);border-radius:8px;margin:12px 0}.workersaprow>.checkrow{font-size:12px;color:var(--text-primary);font-weight:700;margin-bottom:12px}.workersaprow .field{margin-bottom:12px}.workerpref>.checks{display:flex;flex-wrap:wrap;gap:16px}.workerpref .checkrow{font-size:11px}.workerpref>label{font-size:11px;color:var(--text-secondary)}.staffsummary{display:flex;justify-content:space-between;gap:20px;margin:18px 0}.staffsummary>div>span{display:block;color:var(--text-secondary);font-size:10px;margin-bottom:8px}.staffsummary strong{font-size:19px;color:var(--text-primary)}.staffsummary strong small{font-size:11px}.staffrow>span:last-child{text-align:right;flex:0 0 auto}.staffrow b{font-size:12px}.staffrow small{font-size:10px}.coveragecontrols{margin-bottom:20px}.coveragecontrols .formgrid{max-width:600px}.workerspanel .actions{flex-wrap:wrap}
/* All month columns fit a conventional desktop viewport. Rows can scroll vertically. */
@media(min-width:1100px){.workforcepanel{--person-col:148px;--sap-col:82px;--contract-col:38px}.workforcepanel .pickergridscroll{overflow-x:hidden;max-height:650px}.workforcepanel .pickertable{width:100%!important;min-width:0!important;table-layout:fixed}.workforcepanel .col-person{width:var(--person-col)}.workforcepanel .col-sap{width:var(--sap-col)}.workforcepanel .col-contract{width:var(--contract-col)}.workforcepanel .pickertable td,.workforcepanel .pickertable th{min-width:0!important;max-width:none;padding:5px 1px;height:49px;overflow:hidden}.workforcepanel .pickertable thead th{height:47px}.workforcepanel .pickertable .personcol{width:var(--person-col);max-width:var(--person-col);left:0;padding:8px}.workforcepanel .pickertable .personcol>b{font-size:10px;line-height:1.5;display:block}.workforcepanel .pickertable .personcol>small{font-size:7px;margin-top:2px}.workforcepanel .pickertable .sapcol{left:var(--person-col);width:var(--sap-col);font-size:9px;padding:5px}.workforcepanel .pickertable .contractcol{left:calc(var(--person-col) + var(--sap-col));width:var(--contract-col);font-size:8px}.workforcepanel .contractcol>span{font-size:7px;padding:4px}.workforcepanel .pickertable thead th>small{font-size:7px}.workforcepanel .pickertable thead th>b{font-size:10px;margin-top:3px}.workforcepanel .pickercell{box-sizing:border-box;width:calc(100% - 2px);max-width:26px;min-width:0;height:25px;min-height:25px;font-size:9px;border-radius:5px;padding:1px;margin:0 auto;letter-spacing:-.2px}.workforcepanel .prefhint{font-size:7px;line-height:1.2;margin-top:2px;min-height:8px;max-width:100%}.workforcepanel .pickertable thead svg{width:7px;height:7px;margin-top:2px}.worktoolbar{padding:18px}.worktoolbar .actions input{font-size:10px;width:135px}.worktoolbar .actions input[type=search]{width:160px}.worktoolbar .actions button{font-size:10px;padding:8px 10px}.worktoolbar h2{font-size:18px}.worktoolbar .help{font-size:10px}.workfilters{padding:10px 18px;gap:10px}.worklegend{gap:6px}.legendpill{font-size:8px}.lockstrip{padding:9px 18px}}
@media(min-width:1100px) and (max-width:1350px){.workforcepanel{--person-col:126px;--sap-col:74px;--contract-col:34px}.workforcepanel .pickercell{font-size:8px;border-width:1.5px}.workforcepanel .pickertable .sapcol{font-size:8px}.workforcepanel .pickertable .personcol>b{font-size:9px}.workforcepanel .pickertable thead th{font-size:8px}.worklegend{margin-left:0}}
@media(max-width:850px){.suppliercontext{top:0;flex-wrap:wrap;gap:10px;padding:12px}.supplieridentity{flex:1 1 100%;display:flex;gap:12px;justify-content:space-between;align-items:center}.supplieridentity>strong{font-size:13px!important}.supplieridentity>small{font-size:9px;margin:0}.supplieridentity small>b{font-size:11px}.suppliercontext .contextselect{flex:1 1 140px;min-width:0}.suppliercontext .contextselect>select{font-size:10px}.suppliercontext .contextselect>label{font-size:8px}.workerfilters>input,.workerfilters>select{width:100%}.staffsummary strong{font-size:17px}}
/* Session notices share the app's readable controls and do not cover each other. */
.session-notice{position:fixed;z-index:99999;left:50%;top:50%;transform:translate(-50%,-50%);width:min(440px,calc(100vw - 32px));padding:28px;border:1px solid var(--line,#dddde5);border-radius:16px;background:var(--panel,#fff);color:var(--text,#202124);box-shadow:0 12px 80px #0003;font-size:16px;line-height:1.6}
.session-notice[hidden]{display:none}.session-notice h2{font-size:22px}.session-notice .primary{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border:0;border-radius:10px;background:#0067cd;color:#fff;font:inherit;font-weight:600;text-decoration:none;cursor:pointer}
.session-draft-fields{max-height:40vh;overflow:auto}.session-draft-fields dt{font-weight:600;margin-top:12px}.session-draft-fields dd{margin:4px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.session-form-recovery{max-height:90dvh;overflow:auto}.session-form-recovery button{margin:8px 8px 0 0}.resume-form{position:fixed;z-index:500;bottom:18px;left:18px;padding:12px 18px;border:1px solid #0067cd;border-radius:10px;background:#fff;color:#0067cd;font:inherit}

/* Personal controls stay with the account, outside the workspace header. */
.accountmenu{position:relative;margin-top:12px}.accountmenu summary{list-style:none;cursor:pointer}.accountmenu summary::-webkit-details-marker{display:none}.accountmenu .profile{padding:16px 4px 4px;min-height:60px}.accountidentity{flex:1;min-width:0}.accountidentity b{font-size:14px;overflow-wrap:anywhere}.accountidentity small{font-size:12px;line-height:1.4}.accountactions{position:absolute;bottom:calc(100% + 8px);left:0;right:0;padding:6px;border:1px solid var(--border-subtle);border-radius:12px;background:var(--bg-surface);box-shadow:0 8px 24px #0002;z-index:40;display:grid;gap:4px}.accountactions button{width:100%;text-align:left;font-size:14px;padding:12px}.accountmenu[open] summary>span{transform:rotate(180deg)}.directoryactions{display:flex;flex-wrap:wrap;gap:10px}.accountintro{margin-bottom:24px}.accountintro p{color:var(--text-secondary);overflow-wrap:anywhere}.accountmenu summary:focus-visible{outline:2px solid var(--blue);outline-offset:4px;border-radius:8px}
@media(max-width:850px){.sidebar .sidebottom{display:block;margin-top:12px}.sidebottom>button[data-nav="about"]{display:none}.accountmenu{margin-top:0;max-width:320px}.accountmenu .profile{padding-top:10px}.accountactions{bottom:auto;top:calc(100% + 8px)}.directorypanel .panelhead{gap:16px;flex-wrap:wrap}}

.topbar .crumb{display:block;font-size:14px;color:var(--text-primary)}