/* WISDOM One: original logo palette; presentation only, data and saved view state unchanged. */
:root{--blue:#395587;--wisdom-orange:#fbba00;--ink:#192c44;--muted:#53677c;--line:#dce5f0;--pale:#eef3fa;--one-surface:#f4f6fa}
body{background:var(--one-surface)}
header{background:var(--blue);box-shadow:0 2px 12px #192c4414}
header .brand{display:flex;flex-direction:column;justify-content:center;gap:0;line-height:1.1;letter-spacing:1.7px;color:#fff;border-left:1px solid #ffffff38;padding-left:18px;min-width:62px}
header .brand .oneKicker{font-size:9px;letter-spacing:1.6px;color:#edf2fb;font-weight:600}
header .brand strong{font-size:23px;font-weight:750;letter-spacing:2px;color:#fff}
.primary{background:var(--blue);border-color:var(--blue);color:#fff}.primary:hover{background:#2c456f;border-color:#2c456f}
button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--wisdom-orange);outline-offset:3px}
#nav .shellNavGroup button.active{background:var(--blue);color:#fff;box-shadow:inset 4px 0 var(--wisdom-orange)}
#nav .shellNavGroup button{border-radius:11px}#nav .shellNavGroup h2{letter-spacing:1px;color:var(--muted)}
.intro h1{font-weight:750;letter-spacing:-.5px}.intro small{color:var(--blue);font-weight:650}
.panel,#kpis>.kpi,.filterpanel,.shellDisclosure{border-color:var(--line);box-shadow:0 3px 14px #192c4405}
#kpis>.kpi{border-radius:16px}#kpis>.kpi:before{background:var(--wisdom-orange);width:38px;height:4px}
#kpis>.kpi:first-child{background:var(--blue);color:#fff}#kpis>.kpi:first-child .positive,#kpis>.kpi:first-child .negative{color:#fff}
.filterpanel>summary{color:var(--blue);font-weight:700}.filterpanel[open]>summary{background:#f7f9fc;border-radius:12px 12px 0 0}
.tableWrap thead th{background:var(--pale);color:var(--ink)}
#mobileDock button.active{color:var(--blue);background:var(--pale)}#mobileDock button.active:before{background:var(--wisdom-orange)}
body:has(#application[hidden]) header .brand{display:flex}
.loginShell{background:linear-gradient(145deg,#192f4e 0%,#395587 100%)}
.loginEyebrow{color:var(--wisdom-orange)}.loginCardAccent{background:var(--wisdom-orange)}
.microsoftLogin{background:var(--blue);border-color:var(--blue);color:#fff}.microsoftLogin:hover{background:#2c456f}
.loginCard{box-shadow:0 18px 55px #13264024}.loginTopics svg{color:var(--wisdom-orange)}
@media(max-width:720px){
 header{gap:8px;padding-inline:12px}header img{width:100px;max-height:40px}
 header .brand{display:flex;min-width:38px;padding-left:9px;border-left:1px solid #ffffff38;letter-spacing:0}
 header .brand .oneKicker{display:none}header .brand strong{font-size:16px;letter-spacing:1px}
 header #language{width:56px;min-width:56px;font-size:13px;padding:8px 5px}
 #shellMenuToggle,#shellSearch{min-width:40px;width:40px;height:40px}
 .loginCard{border-radius:22px}.intro h1{font-size:27px}
}
@media(max-width:359px){header{gap:7px}header img{width:84px}header #language{width:52px;min-width:52px}header .brand{min-width:34px;padding-left:7px}header .brand strong{font-size:15px}}
@media print{header .brand{color:#192c44}.panel,.shellDisclosure{box-shadow:none}}

/* KPI cards filter the planning table; colour denotes the current selection. */
#kpis.selectableKpis>.kpi{appearance:none;font:inherit;text-align:left;background:#fff;color:var(--ink);cursor:pointer;display:flex;flex-direction:column;align-items:flex-start;gap:8px;transition:background .15s,border-color .15s;min-width:0}
#kpis.selectableKpis>.kpi small{color:var(--muted);line-height:1.5}
#kpis.selectableKpis>.kpi[aria-pressed=true]{background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:inset 0 0 0 2px var(--wisdom-orange)}
#kpis.selectableKpis>.kpi[aria-pressed=true] small{color:#fff}
#kpis.selectableKpis>.kpi:hover{border-color:var(--blue)}
#kpis.selectableKpis>.kpi:focus-visible{outline:3px solid var(--wisdom-orange);outline-offset:3px}
.planningSelection{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 18px;padding:12px 16px;background:#eaf0f9;border-left:4px solid var(--wisdom-orange);border-radius:12px;color:var(--blue)}
.planningSelection button{min-height:44px;white-space:normal}
#tablePanel{scroll-margin-top:110px}#tablePanel:focus{outline:none}
@media(prefers-reduced-motion:reduce){#kpis.selectableKpis>.kpi{transition:none}}
#kpis.selectableKpis>.kpi b{font-size:28px;line-height:1.2}