/* VEHM P6 Workspace v0.2 – closer to the approved visual reference; zero external assets. */
:root {--bg:#041424;--bg2:#061a2e;--surface:#071c31;--surface2:#0a243d;--surface3:#103553;--border:#173954;--text:#edf6ff;--muted:#a0b5cb;--muted2:#6d89a4;--blue:#199cf4;--teal:#17cca1;--gold:#eeb42e;--red:#f35652;--nav:#05182a;--shadow:none}
body[data-theme=light] {--bg:#eaf2fa;--bg2:#f4f8fd;--surface:#ffffff;--surface2:#eaf2f9;--surface3:#dceefc;--border:#c9d9e8;--text:#17314b;--muted:#526b82;--muted2:#788fa2;--blue:#077bc6;--teal:#098c78;--gold:#9d6a0a;--red:#c73e44;--nav:#eef4fa}
body{font-family:Inter,'Segoe UI Variable','Segoe UI',Arial,sans-serif}
.sidebar{width:187px;border-right:1px solid #123047;padding:14px 6px 15px}.brand{padding:8px 0 24px;margin-bottom:7px;border:0}.brand-emblem{height:55px;width:55px;border-color:var(--gold);border-right-color:transparent;border-left-color:transparent;box-shadow:none}.brand-word{font-size:28px;font-family:Georgia,serif;font-weight:600;letter-spacing:3px}.brand-sub{font-size:11px;letter-spacing:1.2px}.nav-item{padding:11px 13px;color:#b6cce0;font-size:13px;font-weight:550;margin-bottom:4px;border-radius:7px}.nav-item.active{background:linear-gradient(90deg,#0b5cad,#087ac8);border-color:#0b8ddd;box-shadow:inset 3px 0 #17b5ff}.nav-icon{font-size:19px}.tiny-head{letter-spacing:0;font-size:11px;color:var(--muted);padding:12px 8px}.source-note{font-size:10px}.side-bottom{padding:5px}.project-pill{background:#0a3158;border-color:#145487;color:#eaf7ff;font-size:10px}.side-user{display:none}.main{background:linear-gradient(110deg,#071a2e 0%,#031324 100%)}body[data-theme=light] .main{background:var(--bg)}
.content{padding:12px 18px 8px;max-width:2400px}.top-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:12px}.project-heading{min-width:225px}.top-caption{font-size:11px;letter-spacing:.5px;color:var(--muted);margin-bottom:2px}.titlebar{margin:0;align-items:center;gap:8px}.titlebar h1{font-size:25px;letter-spacing:-.5px;max-width:630px;line-height:1.2}.titlebar p{display:none}#project-caption{color:var(--muted);font-size:11px;margin:5px 0 0}.project-select{font-size:10px;margin:0;max-width:170px}.hidden-details{display:none}.top-controls{display:flex;align-items:center;gap:10px}.top-search{height:43px;border-radius:7px;border:1px solid #21496b;background:#092038;display:flex;align-items:center;padding:0 13px;gap:8px;font-size:25px;color:var(--muted)}.top-search input{color:var(--text);background:none;border:0;outline:none;font-size:11px;width:228px}.top-search input::placeholder{color:#8b9fb5}.top-sync,.top-export,.top-theme{border:1px solid #315374;border-radius:8px;color:var(--text);background:#0b2238;height:44px;display:flex;align-items:center;gap:9px;padding:0 13px;font-size:12px;font-weight:750}.top-sync{border-color:#ac821e;background:linear-gradient(120deg,#3b321a,#252720)}.top-sync>span:first-child{font-size:25px;color:var(--gold)}.top-sync small{display:block;font-weight:500;font-size:9px;color:#d0b77a;margin-top:3px}.top-export{white-space:nowrap}.top-theme{width:44px;justify-content:center;color:var(--gold);font-size:24px;border:0;background:#092039;border-radius:50%}.top-subline{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin:-1px 0 12px}.top-subline .safe-chip{margin-right:auto;font-size:10px;color:var(--muted);letter-spacing:0}.subline-button{background:transparent;border:1px solid var(--border);color:var(--muted);padding:5px 10px;border-radius:6px;font-size:10px}.notice{margin-bottom:10px;padding:7px 12px;font-size:10px;border-radius:6px;opacity:.95}
.kpi-grid{gap:11px;margin:0 0 13px}.kpi-card{width:100%;border:1px solid #1d435e;min-height:92px;max-height:92px;border-radius:11px;padding:12px 13px;align-items:center;background:linear-gradient(120deg,#0a2139,#071a2f);text-align:left;cursor:pointer;color:var(--text)}.kpi-card:hover,.kpi-card:focus-visible,.kpi-card.selected{border-color:var(--gold);box-shadow:0 0 0 1px #dba02e73,0 0 18px #d59f2838}.kpi-card::after{content:'›';font-size:23px;filter:none;opacity:1;width:auto;height:auto;right:14px;top:11px;background:none;color:var(--muted)}.kpi-icon{height:55px;width:55px;min-width:55px;border-radius:9px;font-size:30px}.kpi-label{color:var(--text);font-size:12px;font-weight:450;margin-top:0}.kpi-value{font-size:26px;line-height:1.3}.kpi-extra{margin:2px 0 0;font-size:10px;white-space:nowrap}.kpi-spark{align-self:flex-end;margin:0 18px 3px auto;color:var(--accent);font-size:18px;letter-spacing:1px;opacity:.7}
.workspace-region{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:12px;align-items:stretch}.workspace-region.insight-closed{grid-template-columns:minmax(0,1fr)}.workspace-card,.info-card,.insights-panel{background:var(--surface);border:1px solid #1a405e;border-radius:11px;box-shadow:inset 0 0 0 1px #061a2a}.viewbar{padding:7px 8px 8px;gap:9px;min-height:49px;flex-wrap:wrap}.tabs{gap:3px;flex-wrap:wrap}.tab{padding:8px 11px;border-radius:6px;border:1px solid transparent;color:#bfccda;font-weight:550;font-size:11px}.tab.active{background:linear-gradient(120deg,#f4c350,#dc9710);border-color:#f5bc36;color:#111c26;box-shadow:0 0 0 2px #b2780a44}.tab:hover:not(.active){background:#15334d}.filters{gap:7px}.zoom-buttons{display:flex;gap:2px;background:#09233b;border:1px solid var(--border);border-radius:7px;padding:2px}.zoom-buttons button{border:1px solid transparent;border-radius:5px;padding:7px 10px;color:var(--muted);font-size:10px;background:none;min-width:47px}.zoom-buttons button.active{color:var(--gold);border-color:#d59918;background:#111c2a}.filters #zoom{display:none!important}.filter-wrap{position:relative;display:flex;align-items:center;gap:6px;color:var(--muted);font-size:10px;padding:0 7px;border-left:1px solid var(--border)}.filter-wrap select{font-size:10px;min-height:31px;max-width:115px;background:#0b2843;color:var(--text);padding:4px;border:1px solid #204768}.layout-button{padding:7px 9px;border-radius:5px;background:#10314c;color:var(--text);border:1px solid #21425d;font-size:10px}.panel-meta{display:none}.view-content{min-height:380px}.schedule-scroll,.table-only{max-height:505px;border-color:var(--border)}.grid-row{height:32px;grid-template-columns:93px 256px 78px 78px 75px var(--timeline-width)}.grid-row.group{height:32px}.grid-head{height:49px}.grid-cell{font-size:10px;padding:0 9px;border-color:#173550;background:#061c30}.grid-head .grid-cell{font-size:10px;background:#10283f}.grid-cell.col0{left:0}.grid-cell.col1{left:93px}.grid-cell.col2{left:349px}.grid-cell.col3{left:427px}.grid-cell.col4{left:505px}.group .grid-cell,.group .grid-cell.sticky{background:#0b2b47}.grid-cell.name{font-weight:450}.grid-cell.name:hover,.grid-cell.clickable:hover{color:var(--gold)}.task-flag{width:9px;height:9px;border-radius:50%;margin-right:8px}.bar{top:8px;height:15px;border-radius:2px;background:linear-gradient(90deg,#1978ce,#259ffa)}.bar::before{height:11px}.bar.critical{background:linear-gradient(90deg,#d59b34,#f2af41)}.bar.complete{background:linear-gradient(90deg,#0cad89,#28c9a1)}.bar.milestone{top:10px}.tick-label.month-label{color:#d2e0ef}.panel-footer{padding:8px 11px;font-size:10px;gap:10px}
.insights-panel{display:flex;flex-direction:column;min-width:0;max-height:620px}.insights-panel[hidden]{display:none}.insights-head{border-bottom:1px solid #194463;padding:15px 13px;display:flex;gap:8px;align-items:center;font-size:12px}.insights-warning{color:var(--red);font-size:20px}.close-insights{margin-left:auto;border:0;background:transparent;color:var(--text);font-size:20px}.insight-content{padding:13px;overflow:auto;font-size:11px;flex:1}.insight-content h3{font-size:15px;margin:0 0 5px}.insight-content p{line-height:1.55;color:var(--muted);margin:4px 0 14px}.insight-alert{padding:10px 11px;background:#3b1827;border:1px solid #9b3648;color:#f9b8bc;border-radius:7px;font-size:11px;line-height:1.5;margin:12px 0}.insight-info{padding:10px;background:#0e2b41;border:1px solid #1d5574;color:#aaccdf;border-radius:7px;font-size:10px;line-height:1.6;margin:11px 0}.insight-divider{height:1px;background:var(--border);margin:13px 0}.insight-mini-head{color:var(--text);font-size:11px;font-weight:700;margin:10px 0}.insight-row{display:flex;align-items:start;gap:8px;width:100%;padding:10px 7px;text-align:left;color:var(--text);background:#09273f;border:1px solid #1d425d;border-radius:6px;margin:6px 0;font-size:10px}.insight-row:hover{border-color:var(--gold);background:#0f3150}.insight-row .signal-dot{width:9px;height:9px;flex:none;border-radius:50%;margin-top:4px;background:var(--gold)}.insight-row .signal-dot.red{background:var(--red)}.insight-row small{display:block;color:var(--muted);margin-top:4px;line-height:1.4}.insight-metric{display:flex;justify-content:space-between;border-bottom:1px solid var(--border);padding:8px 0;gap:10px}.insight-metric span:first-child{color:var(--muted)}.insight-footer-btn{background:transparent;border:1px solid #d29a1f;color:var(--gold);border-radius:7px;padding:10px 5px;width:100%;margin-top:14px;font-size:11px;font-weight:700}.insight-footer-btn:hover{background:#6b4e1833}
.bottom-grid{grid-template-columns:1.4fr 1fr .9fr;gap:12px;margin-top:12px}.info-card{padding:11px 13px;min-height:206px}.card-title{font-size:12px;margin-bottom:9px}.subtle-label{font-size:9px;letter-spacing:.2px}.detail-tabs{display:flex;gap:2px;border:1px solid var(--border);border-radius:6px;overflow:hidden}.detail-tabs button{flex:1;border:0;border-right:1px solid var(--border);color:var(--muted);background:none;font-size:10px;padding:9px 5px}.detail-tabs button:last-child{border:0}.detail-tabs button.active{color:var(--gold);background:#1e3548;box-shadow:inset 0 -2px var(--gold)}.selected-detail{min-height:126px;padding:11px 2px 0}.detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px 10px}.detail-label{display:block;color:var(--muted);font-size:9px;margin-bottom:4px}.detail-value{display:block;background:#051827;border:1px solid #183a56;color:var(--text);border-radius:5px;padding:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.edit-selected{background:#122e45;border:1px solid #c69b37;color:var(--gold);font-weight:700;font-size:10px;padding:7px 12px;border-radius:6px;margin-top:9px}.relation-list{max-height:115px;overflow:auto}.relation-entry{padding:7px 0;border-bottom:1px solid var(--border);font-size:10px}.plain-link{border:none;background:none;color:var(--blue);font-size:10px}.milestone-row{padding:8px 0;gap:7px;font-size:10px;cursor:pointer}.milestone-row:hover{color:var(--gold)}.milestone-date{width:72px;font-size:9px}.milestone-state{font-size:9px}.status-breakdown{display:flex;gap:9px;align-items:center;min-height:145px}.status-donut{width:116px;height:116px;min-width:116px;display:grid;place-items:center;position:relative;border-radius:50%}.status-donut::before{content:'';position:absolute;inset:18px;background:var(--surface);border-radius:50%}.status-donut .status-inner{text-align:center;z-index:1;font-size:21px;font-weight:750}.status-donut .status-inner small{display:block;font-size:9px;color:var(--muted);font-weight:400}.status-legend{flex:1;min-width:0}.status-legend button{display:flex;align-items:center;gap:6px;font-size:10px;background:none;border:0;color:var(--muted);padding:6px 0;width:100%;text-align:left}.status-legend button:hover{color:var(--gold)}.status-legend b{margin-left:auto;color:var(--text)}.status-key{width:9px;height:9px;border-radius:50%;flex:none}.main-footer{padding:12px 2px 4px;font-size:9px}
body[data-theme=light] .top-search,body[data-theme=light] .top-export,body[data-theme=light] .top-theme,body[data-theme=light] .layout-button,body[data-theme=light] .detail-value,body[data-theme=light] .insight-row,body[data-theme=light] .filter-wrap select,body[data-theme=light] .zoom-buttons{background:var(--surface2);color:var(--text)}body[data-theme=light] .kpi-card{background:var(--surface)}body[data-theme=light] .grid-cell{background:#fff}body[data-theme=light] .group .grid-cell,body[data-theme=light] .group .grid-cell.sticky{background:#e9f2fa}body[data-theme=light] .grid-head .grid-cell{background:#e5f1fa}body[data-theme=light] .insight-info{background:#ebf5ff;color:#325779}body[data-theme=light] .insight-alert{background:#fff2f2;color:#9a3434}body[data-theme=light] .detail-tabs button.active{background:#e2f0fa}
@media(max-width:1470px){.workspace-region{grid-template-columns:minmax(0,1fr) 250px}.top-search input{width:180px}.top-controls{gap:6px}.top-sync,.top-export{padding:0 9px}.kpi-spark{display:none}.content{padding:12px}.bottom-grid{grid-template-columns:1.35fr 1fr 1fr}}
@media(max-width:1150px){.top-head{flex-wrap:wrap}.top-controls{flex-wrap:wrap}.workspace-region{grid-template-columns:1fr}.insights-panel{max-height:none}.bottom-grid{grid-template-columns:1fr 1fr}.activity-details{grid-column:1/-1}}
@media(max-width:770px){.sidebar{width:55px}.content{padding:9px}.top-head{align-items:flex-start}.titlebar h1{font-size:20px}.top-search{height:36px}.top-search input{width:150px}.top-sync,.top-export{height:36px}.top-sync small{display:none}.kpi-grid{grid-template-columns:repeat(2,1fr)}.kpi-card{height:80px;min-height:80px;padding:7px}.kpi-icon{width:34px;height:34px;min-width:34px}.kpi-value{font-size:21px}.bottom-grid{grid-template-columns:1fr}.activity-details{grid-column:auto}.status-card{min-height:170px}}
body.compact .grid-row,body.compact .grid-row.group{height:25px}body.compact .bar{height:12px;top:6px}body.compact .bar::before{height:8px}body.compact .grid-cell{font-size:9px}
/* Keep KPI numerals readable at all desktop widths. */
.kpi-card{display:grid;grid-template-columns:55px minmax(0,1fr);gap:11px}
.kpi-card .kpi-main{display:flex;flex-direction:column;min-width:0;z-index:1}
.kpi-card .kpi-label{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kpi-card .kpi-value{display:block;white-space:nowrap}
.kpi-card .kpi-extra{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.kpi-spark{position:absolute;right:19px;bottom:13px;font-size:14px;opacity:.6}
@media(max-width:1470px){.kpi-card{grid-template-columns:43px minmax(0,1fr)}.kpi-icon{width:43px;height:43px;min-width:43px;font-size:24px}}