/* Additive layout only. Original MSV palette, font, spacing and shell above. */
[hidden]{display:none!important}.panel{padding:24px;margin-bottom:24px}.panel h2{font-size:15px;margin:0 0 18px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:20px;margin:0 0 24px}.card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:24px;min-width:0}.card .number{font-size:30px;letter-spacing:-1px;color:var(--ink);margin:12px 0 0}.card small{color:var(--secondary)}.badge{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:20px;padding:4px 9px;font-size:11px}.dot{width:7px;height:7px;border-radius:50%;background:var(--muted)}.green .dot{background:#43853d}.yellow .dot{background:#b07d00}.red .dot{background:#b93832}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.chart{display:block;width:100%;height:180px;stroke:var(--accent);stroke-width:2;fill:none}.chart text{font-family:inherit;fill:var(--secondary);stroke:none;font-size:10px}.chart rect{fill:var(--accent-soft);stroke:var(--accent)}.chart .band{fill:var(--accent-soft);stroke:none}.table-wrap{overflow:auto;max-height:520px}table{border-collapse:collapse;width:100%;font-size:12px}th,td{text-align:left;padding:12px 10px;border-bottom:1px solid var(--line);vertical-align:top;white-space:normal}th{color:var(--secondary);font-size:11px;font-weight:600;position:sticky;top:0;background:var(--surface)}td{max-width:300px;overflow-wrap:anywhere}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 24px}.tabs button,button{border:1px solid var(--control);border-radius:8px;background:var(--surface);padding:10px 16px;color:var(--ink);min-height:44px}.tabs button[aria-selected=true],button.primary{background:var(--accent);color:white;border-color:var(--accent)}label{display:flex;flex-direction:column;gap:6px;font-size:12px;margin-bottom:16px}input,select,textarea{font:inherit;padding:12px;border:1px solid var(--control);border-radius:8px;max-width:100%;min-height:44px}textarea{min-height:80px}form{max-width:680px}.muted{color:var(--secondary)}.split{display:flex;justify-content:space-between;gap:12px;align-items:center}.demo{background:var(--accent-soft);border:1px solid var(--accent);padding:10px 14px;border-radius:8px;font-size:12px}.calendar{display:grid;grid-template-columns:repeat(7,minmax(125px,1fr));gap:8px;overflow:auto}.day{border:1px solid var(--line);border-radius:8px;padding:12px}.visit{border-left:3px solid var(--accent);background:var(--accent-soft);padding:8px;margin:8px 0;font-size:11px}.progress{height:8px;background:var(--accent-soft);border-radius:10px;overflow:hidden}.progress span{display:block;height:100%;background:var(--accent);width:var(--progress,0%)}.toolbar{display:flex;gap:12px;flex-wrap:wrap;align-items:end;margin-bottom:18px}.toolbar label{margin:0;flex:1}.checks label{flex-direction:row;align-items:center}.checks input{min-height:24px}.photo-preview{max-width:200px;max-height:160px;border-radius:8px}.small{font-size:11px}@media(max-width:950px){.grid{grid-template-columns:1fr}}@media(max-width:650px){.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card,.panel{padding:16px}.card .number{font-size:24px}.grid{gap:16px}.tabs{gap:6px}.tabs button{font-size:12px;padding:9px 12px}.calendar{grid-template-columns:repeat(7,145px)}th,td{padding:10px 8px}.scope{display:block;font-size:9px}.content{overflow:hidden}}

.sparkline{display:block;width:100%;height:32px;fill:none;stroke:var(--accent);stroke-width:2}

.workspace.panel{min-height:0;flex:initial}.ceo-kpis{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.ceo-kpis .card{padding:16px}.ceo-kpis .number{font-size:24px}.ceo-charts{grid-template-columns:repeat(3,minmax(0,1fr))}.ceo-charts .chart{height:120px}.ceo-charts .panel{padding:16px}.ceo-charts .panel h2{font-size:13px}.ceo-charts details{font-size:11px}summary{cursor:pointer;color:var(--secondary);padding:8px 0}@media(max-width:950px){.ceo-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.ceo-charts{grid-template-columns:1fr}}@media(max-width:650px){.ceo-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Same MSV components, compact executive overview on desktop. */
@media(min-width:1100px){body[data-area="ceo"][data-view="Overview"] .content{padding-top:24px;padding-bottom:20px}body[data-area="ceo"][data-view="Overview"] .page-heading{margin-bottom:16px}body[data-area="ceo"][data-view="Overview"] .context{display:none}body[data-area="ceo"][data-view="Overview"] .tabs{margin-bottom:16px}body[data-area="ceo"][data-view="Overview"] .cards{margin-bottom:16px}body[data-area="ceo"][data-view="Overview"] .panel{padding:16px;margin-bottom:12px}body[data-area="ceo"][data-view="Overview"] .panel h2{margin-bottom:10px}body[data-area="ceo"][data-view="Overview"] .grid{gap:12px}body[data-area="ceo"][data-view="Overview"] th,body[data-area="ceo"][data-view="Overview"] td{padding:8px 10px}body[data-area="ceo"][data-view="Overview"] .ceo-charts .chart{height:100px}body[data-area="ceo"][data-view="Overview"] .footer{padding-top:12px}}

.freshness-gauge{width:80px;height:80px;display:block;margin:12px auto}.freshness-gauge circle{fill:none;stroke:var(--accent);stroke-width:7;transform-origin:center;transform:rotate(-90deg)}.freshness-gauge text{fill:var(--ink);font-size:15px;text-anchor:middle;font-family:inherit}

/* Scroll the section list while keeping the original branding/footer visible. */
#nav{overflow-y:auto;min-height:0;flex:1;overscroll-behavior:contain}
#nav .nav-label{margin:14px 0 6px}
#nav .nav-item{background:transparent;color:var(--secondary);margin-bottom:4px;overflow-wrap:anywhere}
#nav .nav-item:hover{background:var(--accent-soft)}
#nav .nav-item::before{display:none}
#nav .nav-item[aria-current="page"]{background:var(--accent-soft);color:#087c9e}
#nav .nav-item[aria-current="page"]::before{display:block}
#dashboard,#views,.grid,.calendar,.table-wrap{min-width:0;max-width:100%}
@media(max-width:650px){.sidebar{height:100dvh}body.nav-open .menu{position:relative;z-index:3}.breadcrumb{min-width:0;overflow-wrap:anywhere}.scope{flex-shrink:1}.topbar-left{min-width:0}.calendar{max-width:100%}}

@media(max-width:650px){.breadcrumb{white-space:nowrap;gap:8px}.breadcrumb strong{white-space:normal;min-width:0}}
