/* HSE dashboard content. Shared sidebar layout lives in navigation.css. */
html.dashboard-home{--brand:#7133ed;--brand-soft:#f0eaff;--accent-ink:#6330cb;--workspace-nav:#171635;--v3-bg:#f0f3fc;--v3-card:#fff;--v3-border:#e6e8f2;--v3-text:#202441;--v3-muted:#707996;--v3-soft:#f8f9fe}
html.dashboard-home body{background:var(--v3-bg)}
.dashboard-home .main{background:var(--v3-bg);color:var(--v3-text)}
.dashboard-home #dash>.topbar{display:none}
.dashboard-home #d-v2{--card:var(--v3-card);--line:var(--v3-border);--ink:var(--v3-text);--ink-2:var(--v3-text);--ink-3:var(--v3-muted);font-size:13px}
.dashboard-home #d-v2 *{box-sizing:border-box}
.dashboard-home #d-v2 button{font-family:inherit}
.dashboard-home #d-v2 button:focus-visible,.dashboard-home #d-v2 [tabindex]:focus-visible,.dashboard-home #d-v2 summary:focus-visible{outline:3px solid #9b78f3;outline-offset:3px}
.dashboard-home .shell #d-v2 .card{background:var(--v3-card);border:1px solid var(--v3-border);box-shadow:0 2px 5px #24264703;border-radius:10px;padding:17px;min-width:0}
.dashboard-home .shell #d-v2 h3{font-size:14px;line-height:1.5;font-weight:750;letter-spacing:-.025em;display:flex;flex-direction:row;justify-content:flex-start;text-align:left;align-items:center;gap:8px;margin:0 0 16px;flex-wrap:wrap}
.dashboard-home #d-v2 h3>svg{width:20px;height:20px;flex:none;color:var(--accent-ink)}
.dashboard-home #d-v2 h3>span{font-size:10px;color:var(--v3-muted);font-weight:500;margin-left:auto}
.dashboard-home #d-v2 .linkbtn{font-size:11px;color:var(--accent-ink)}
.v3-toolbar{display:flex;gap:16px;align-items:center;min-height:64px;background:var(--v3-card);border-bottom:1px solid var(--v3-border);padding:10px 22px;margin:-24px -22px 24px}
.v3-toolbar-label{font-size:12px;color:var(--v3-muted);margin-right:auto}
.v3-iconbtn{display:grid;place-items:center;width:36px;height:36px;flex:none;background:none;border:0;color:var(--accent-ink);border-radius:7px;cursor:pointer}
.v3-iconbtn svg{width:21px;height:21px}.v3-iconbtn:hover{background:var(--brand-soft)}
.dashboard-home .v3-toolbar .v2-search{width:210px;max-width:320px;background:var(--v3-card);border:1px solid var(--v3-border);border-radius:8px;padding:0 11px}
.dashboard-home .shell .v3-toolbar .v2-search input{font-size:12px;padding:8px 0!important;min-width:0;background:transparent;color:var(--v3-text);border:0;box-shadow:none}
.dashboard-home .v2-qres{width:min(480px,calc(100vw - 40px));left:auto;right:0;z-index:70;background:var(--v3-card);color:var(--v3-text)}
.v3-assist,.v3-ai-cta{display:flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(110deg,#8538fa,#6424e9);color:#fff;border:0;border-radius:7px;padding:10px 14px;font-weight:650;font-size:12px;cursor:pointer;min-height:38px}
.v3-assist svg{width:18px;height:18px}


.v3-welcome{display:flex;gap:24px;align-items:center;margin-bottom:14px}
.v3-welcome>div:first-child{margin-right:auto;min-width:0}
.dashboard-home #d-v2 .v3-welcome h1{font-size:23px;font-weight:750;line-height:1.45;letter-spacing:-.035em;margin:0 0 6px}
.v3-welcome p{color:var(--v3-muted);font-size:13px;margin:0;line-height:1.6}
.v3-date{display:flex;align-items:center;gap:10px;flex:none}.v3-date svg{width:22px;height:22px;color:#5f668d}.v3-date b{font-size:13px}.v3-date small{display:block;font-size:10px;color:var(--v3-muted);margin-top:3px}
.v3-motto{display:flex;align-items:center;gap:13px;padding:14px 18px;background:linear-gradient(120deg,var(--v3-card),var(--brand-soft));border:1px solid var(--v3-card);outline:1px solid var(--v3-border);border-radius:6px;font-size:11px;line-height:1.6;min-width:230px}
.v3-motto svg{width:30px;height:30px;color:var(--brand);flex:none}
.v3-filter-wrap{margin-bottom:14px;font-size:11px}.v3-filter-wrap>summary{cursor:pointer;width:fit-content;color:var(--v3-muted);padding:3px 0;list-style:disclosure-closed}.v3-filter-wrap[open]>summary{list-style:disclosure-open}.v3-filter-wrap summary span{color:var(--accent-ink);margin-left:12px;font-weight:600}.v3-filter-wrap .v2-filters{padding-top:10px;display:flex;gap:14px;flex-wrap:wrap}
.dashboard-home .v2-kpis{gap:11px;margin-bottom:16px}
.dashboard-home .v2-kpi{--kc:#c72b55;--kb:#fff3f6;display:grid;grid-template-columns:34px minmax(0,1fr);grid-template-rows:minmax(34px,auto) auto 1fr;gap:5px 8px;min-height:140px;padding:14px 12px;border-color:var(--v3-border);border-radius:9px;background:linear-gradient(130deg,var(--kb),var(--v3-card));box-shadow:0 2px 3px #29264003}
.dashboard-home .v2-kpi:hover{border-color:var(--kc);transform:translateY(-2px)}
.dashboard-home .v2-kpi>.v3-kpi-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--kc);color:white;grid-row:1}
.v3-kpi-icon svg{width:21px;height:21px}
.dashboard-home .v2-kpi>span:not(.v3-kpi-icon){font-size:10px;color:var(--v3-text);font-weight:650;align-self:center;line-height:1.5}
.dashboard-home .v2-kpi>b{grid-column:2;font-size:29px;line-height:1.4;color:var(--kc);font-weight:750}
.dashboard-home .v2-kpi>small{grid-column:2;font-size:9px;line-height:1.6;display:block;color:var(--v3-muted)}
.dashboard-home .v2-kpi>small i{display:none}
.dashboard-home .v3-overdue{--kc:#e77722;--kb:#fff5ec}.dashboard-home .v3-approvals{--kc:#c58b06;--kb:#fffbed}.dashboard-home .v3-inspections{--kc:#2875ed;--kb:#f0f6ff}.dashboard-home .v3-permits{--kc:#7635c4;--kb:#f7f2ff}.dashboard-home .v3-resolution{--kc:#249a66;--kb:#f0fbf6}
.dashboard-home .v2-row{gap:14px;margin-bottom:14px;align-items:stretch}
.dashboard-home .v2-row.a{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr)}
.dashboard-home .v2-row.v3-bottom{grid-template-columns:minmax(0,1.15fr) minmax(0,1.5fr) minmax(0,.9fr)}
.dashboard-home #v2_att>h3>svg{color:#e73560}
.dashboard-home .v2-att{grid-template-columns:4px minmax(0,1fr) auto;gap:10px;border-radius:7px;padding:9px 9px 9px 0;min-height:70px;margin-bottom:8px;background:linear-gradient(120deg,var(--v3-card),var(--v3-soft))}
.dashboard-home .v2-att small{font-size:10px;color:var(--v3-text);margin-bottom:3px}.dashboard-home .v2-att b{font-size:11px;font-weight:550;line-height:1.5}.dashboard-home .v2-att span{font-size:9px;line-height:1.65;margin-top:4px}.dashboard-home .v2-att em{font-size:9px;align-self:start;margin-top:2px}
.dashboard-home .v2-quick{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.dashboard-home .v2-quick button{display:flex;flex-direction:column;justify-content:center;text-align:center;gap:8px;padding:12px 8px;min-height:86px;border:0;border-radius:8px;background:linear-gradient(120deg,#ff239d,#e60867);color:white;font-size:10px;font-weight:600;line-height:1.55;box-shadow:inset 0 1px 0 #ffffff30;transition:filter .15s,transform .15s}
.dashboard-home .v2-quick button:hover{filter:brightness(1.07);transform:translateY(-2px)}.v2-quick button svg{width:25px;height:25px;flex:none}
.dashboard-home .v2-quick .v3-q1{background:linear-gradient(125deg,#a24bf6,#6930f0)}.dashboard-home .v2-quick .v3-q2{background:linear-gradient(125deg,#479df8,#1764ea)}.dashboard-home .v2-quick .v3-q3{background:linear-gradient(125deg,#33c6a0,#159767)}.dashboard-home .v2-quick .v3-q4{background:linear-gradient(125deg,#ffa33a,#f77b13)}.dashboard-home .v2-quick .v3-q5{background:linear-gradient(125deg,#36c6d7,#0da9c5)}
.dashboard-home .v2-quick .v3-q6{grid-column:1/-1;flex-direction:row;min-height:40px;padding:8px;color:var(--accent-ink);background:var(--brand-soft)}.dashboard-home .v2-quick .v3-q6 svg{width:17px;height:17px}
.dashboard-home #v2_ai{display:flex;flex-direction:column}.dashboard-home #v2_ai h3>.v3-beta{margin:0;font-size:9px;background:var(--brand-soft);color:var(--accent-ink);padding:2px 7px;border-radius:6px}
.v3-ai-title{font-size:16px;font-weight:750;letter-spacing:-.03em;margin:0 0 5px}
.dashboard-home .v2-ai{grid-template-columns:23px minmax(0,1fr);gap:9px;border:0;padding:13px 0}.dashboard-home .v2-ai>i{color:white;background:linear-gradient(135deg,#a54cf8,#692cf0)}.dashboard-home .v2-ai b{font-size:11px;line-height:1.8;font-weight:500}.dashboard-home .v2-ai details{margin-top:5px;font-size:10px;color:var(--v3-muted)}.dashboard-home .v2-ai summary{cursor:pointer;font-size:9px}.dashboard-home .v2-ai small{font-size:10px;line-height:1.7}.v3-ai-cta{margin-top:auto;font-size:10px;min-height:43px;width:100%}.v3-ai-note{font-size:8px;color:var(--v3-muted);margin:8px 0 0;text-align:center}
.dashboard-home #v2_risk{display:grid;grid-template-columns:1.15fr 1fr;column-gap:16px;align-content:start}.dashboard-home #v2_risk>h3{grid-column:1/-1}.dashboard-home .v2-donut{gap:8px;flex-wrap:nowrap;align-self:center}.dashboard-home .v2-donut>svg{width:110px!important;height:110px!important}.dashboard-home .v2-lv{min-width:0}.dashboard-home .v2-lv button{font-size:10px;gap:6px;padding:6px 0}.dashboard-home .v2-lv i{width:8px;height:8px;border-radius:50%}.dashboard-home .v2-trend{margin:0;padding:12px;border:1px solid var(--v3-border);border-radius:7px;background:var(--v3-soft)}.dashboard-home .v2-trend h4{font-size:10px;line-height:1.6;margin:0 0 5px}.dashboard-home .v2-trend h4>span{display:block;font-size:8px}.dashboard-home .v2-tgrid{display:flex;flex-direction:column;gap:0}.dashboard-home .v2-tgrid>div{display:flex;justify-content:space-between;gap:8px;padding:6px 0;border-bottom:1px solid var(--v3-border)}.dashboard-home .v2-tgrid>div:last-child{border-bottom:0}.dashboard-home .v2-tgrid small{font-size:9px}.dashboard-home .v2-tgrid b{font-size:11px}.dashboard-home .v2-spark{font-size:9px}.dashboard-home .v2-spark summary{cursor:pointer}
.dashboard-home .shell .tbl.v2-tbl{width:100%}.dashboard-home .shell .tbl.v2-tbl th{background:var(--v3-soft);font-size:9px;white-space:normal;padding:10px 8px}.dashboard-home .shell .tbl.v2-tbl td{font-size:11px;padding:12px 8px}.dashboard-home .shell .tbl.v2-tbl td b{font-size:11px;font-weight:550}.dashboard-home .v2-lvl{font-size:9px}.dashboard-home #v2_units>p{font-size:9px!important}
.v3-action-body{display:flex;align-items:center;gap:10px}.v3-action-body>svg{width:108px;max-width:42%;flex:none}.v3-action-legend{flex:1;min-width:0}.v3-action-legend>div,.v3-action-legend>button{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:10px;padding:6px 0;width:100%}.v3-action-legend>button{background:none;border:0;color:#d12859;cursor:pointer;text-align:left}.v3-action-legend span{display:flex;align-items:center;gap:7px;font-size:9px}.v3-action-legend i{width:8px;height:8px;border-radius:50%;flex:none}.v3-card-link{display:block;margin:12px 0 0 auto}.v3-source{font-size:10px;color:var(--v3-muted);margin-top:8px}.v3-source summary{cursor:pointer}.v3-source p{display:flex;justify-content:space-between;margin:5px 0}
.dashboard-home .v2-act{grid-template-columns:38px minmax(0,1fr);gap:8px;padding:8px 0}.dashboard-home .v2-act time{font-size:9px}.dashboard-home .v2-act b{font-size:10px;font-weight:500;line-height:1.6}.dashboard-home .v2-act small{font-size:8px}
.v3-safety{position:relative;border-radius:9px;overflow:hidden;min-height:230px;background:#1d2046;color:white;isolation:isolate}.v3-safety>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% center;z-index:-2}.v3-safety::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,#1b174deb,#211c4e70);z-index:-1}.v3-safety>div{padding:23px 20px;height:100%;display:flex;flex-direction:column}.v3-safety b{font-size:14px;line-height:1.55}.v3-safety p{font-size:10px;line-height:1.8;color:#e1e0f2;margin:13px 0}.v3-safety span{margin-top:auto;text-align:right;font-size:19px;font-weight:800;letter-spacing:.02em}
.dashboard-home .v3-extra{margin-top:20px}.dashboard-home #v2_lead .v2-lead b{font-size:12px}.dashboard-home #v2_lead .v2-lead small{font-size:10px}
@media(min-width:901px){
 .dashboard-home .main{max-width:1600px;width:100%;padding:24px 22px 50px;margin:0 auto}
}
@media(min-width:901px) and (max-width:1199px){.dashboard-home .main{padding-inline:18px}.v3-toolbar{margin-inline:-18px;padding-inline:18px}.v3-toolbar-label,.v3-motto{display:none}.v3-toolbar .v2-search{margin-left:auto}.dashboard-home .v2-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-home .v2-row.a{grid-template-columns:1.25fr 1fr}.dashboard-home #v2_ai{grid-column:1/-1}.dashboard-home .v2-row.v3-middle{grid-template-columns:1fr}.dashboard-home .v2-row.v3-bottom{grid-template-columns:1fr 1fr}.v3-safety{grid-column:1/-1;min-height:200px}.v3-safety>img{object-position:50% 45%}.dashboard-home #v2_ai .v2-ai{padding:8px 0}}
@media(max-width:900px){
 .dashboard-home .main{padding:10px 16px calc(100px + env(safe-area-inset-bottom))}.v3-toolbar{margin:0 -16px 22px;padding:12px 16px;gap:8px;border-top:0;background:transparent}.v3-toolbar-label,.v3-toolbar>[data-home-menu],.v3-toolbar>[data-go="notifications"],.v3-date,.v3-motto{display:none}.dashboard-home .v3-toolbar .v2-search{width:auto;max-width:none;flex:1;min-width:0;background:var(--v3-card)}.dashboard-home .shell .v3-toolbar .v2-search input{font-size:16px}.v3-assist{font-size:11px;min-height:42px;padding:10px}
 .v3-welcome{margin-bottom:18px}.dashboard-home #d-v2 .v3-welcome h1{font-size:22px}.v3-welcome p{font-size:12px}.dashboard-home .v2-kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.dashboard-home .v2-kpi{grid-template-columns:30px minmax(0,1fr);padding:12px 10px;min-height:132px;gap:5px}.dashboard-home .v2-kpi>.v3-kpi-icon{width:30px;height:30px}.dashboard-home .v2-kpi>b{font-size:26px}.dashboard-home .v2-kpi>small{font-size:9px}
 .dashboard-home .v2-row.a{grid-template-columns:1fr 1fr}.dashboard-home .v2-row.a>#v2_quick{order:0}.dashboard-home #v2_ai{grid-column:1/-1}.dashboard-home .v2-row.v3-middle{grid-template-columns:1fr}.dashboard-home .v2-row.v3-bottom{grid-template-columns:1fr 1fr}.dashboard-home .v3-safety{grid-column:1/-1;min-height:220px}.dashboard-home .v3-extra{grid-template-columns:1fr}
 .dashboard-home .shell #d-v2 .card{padding:17px}.dashboard-home .v2-att b{font-size:12px}.dashboard-home .v2-att small{font-size:11px}.dashboard-home .v2-att span{font-size:10px}.dashboard-home .v2-att em{display:none}.dashboard-home .v2-att{grid-template-columns:4px minmax(0,1fr)}.dashboard-home .v2-quick button{font-size:12px;min-height:88px}.dashboard-home .v2-ai b{font-size:13px}.dashboard-home .v2-ai details{font-size:12px}.dashboard-home .v2-ai small{font-size:12px}.v3-ai-cta{font-size:12px;min-height:46px}.v3-ai-note{font-size:10px}
 .dashboard-home #v2_units .tbl-wrap{overflow:auto;border:0}.dashboard-home #v2_units .tbl{display:table;min-width:460px}.dashboard-home #v2_units .tbl thead{display:table-header-group}.dashboard-home #v2_units .tbl tbody{display:table-row-group}.dashboard-home #v2_units .tbl tr{display:table-row;padding:0;margin:0;border:0}.dashboard-home #v2_units .tbl td,.dashboard-home #v2_units .tbl th{display:table-cell;width:auto;border-bottom:1px solid var(--v3-border);padding:12px 8px}.dashboard-home #v2_units .tbl td::before{display:none}
 .dashboard-home .v2-act b{font-size:12px}.dashboard-home .v2-act time,.dashboard-home .v2-act small{font-size:10px}.dashboard-home .v2-act{grid-template-columns:42px minmax(0,1fr)}
}
@media(max-width:540px){.dashboard-home .v2-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-home .v2-kpi{min-height:138px}.dashboard-home .v2-kpi>span:not(.v3-kpi-icon){font-size:11px}.dashboard-home .v2-row.a,.dashboard-home .v2-row.v3-bottom{grid-template-columns:1fr}.dashboard-home #v2_ai,.dashboard-home .v3-safety{grid-column:auto}.dashboard-home #v2_risk{grid-template-columns:1fr;gap:14px}.dashboard-home #v2_risk>h3{margin-bottom:0}.dashboard-home .v2-donut{gap:28px}.dashboard-home .v2-lv button{font-size:12px}.dashboard-home .v2-trend h4,.dashboard-home .v2-tgrid small{font-size:11px}.dashboard-home .v2-tgrid b{font-size:13px}.dashboard-home .v2-trend h4>span{font-size:10px}.v3-action-legend>div,.v3-action-legend>button{font-size:13px}.v3-action-legend span{font-size:11px}.v3-action-body>svg{width:125px}.dashboard-home .v2-quick .v3-q6{min-height:44px}.v3-filter-wrap{font-size:12px}.dashboard-home .v2-filters label{flex:1 1 100%}.dashboard-home .v2-filters select,.dashboard-home .v2-filters input{font-size:16px!important}.dashboard-home .shell #d-v2 h3{font-size:15px}.v3-safety b{font-size:19px}.v3-safety p{font-size:12px}}
html.dashboard-home[data-theme="dark"]{--v3-bg:#16182b;--v3-card:#20233b;--v3-border:#333750;--v3-text:#eff0ff;--v3-muted:#acb2cc;--v3-soft:#262a43;--brand-soft:#30244e;--accent-ink:#c09cff}
html.dashboard-home[data-theme="dark"] .v2-kpi{--kb:var(--v3-card)}
@media(prefers-color-scheme:dark){html.dashboard-home:not([data-theme="light"]){--v3-bg:#16182b;--v3-card:#20233b;--v3-border:#333750;--v3-text:#eff0ff;--v3-muted:#acb2cc;--v3-soft:#262a43;--brand-soft:#30244e;--accent-ink:#c09cff}html.dashboard-home:not([data-theme="light"]) .v2-kpi{--kb:var(--v3-card)}}
@media(prefers-reduced-motion:reduce){.dashboard-home .v2-kpi,.dashboard-home .v2-quick button{transition:none;transform:none!important}}

/* Keep semantic KPI colours readable on dark surfaces. */
html.dashboard-home[data-theme="dark"] .v2-kpi>b{filter:brightness(1.65)}
.dashboard-home .v2-att em{color:var(--accent-ink)}
@media(prefers-color-scheme:dark){html.dashboard-home:not([data-theme="light"]) .v2-kpi>b{filter:brightness(1.65)}}

.dashboard-home .v3-toolbar .v2-search:focus-within{border-color:var(--accent-ink);box-shadow:0 0 0 2px var(--brand-soft)}