:root{--navy:#14213d;--blue:#2563eb;--bg:#f5f7fb;--border:#d9e2ec;--muted:#66758c;--red:#dc2626;--orange:#d97706;--green:#059669}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--navy);font-family:Arial,Helvetica,sans-serif}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}.shell{width:min(1440px,calc(100% - 64px));margin-inline:auto}.topbar{height:68px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 max(32px,calc((100vw - 1440px)/2));position:sticky;top:0;z-index:5}.brand,.header-actions{display:flex;align-items:center;gap:14px}.brand{font-weight:700;font-size:13px}.brand-mark{background:#ffcb05;padding:9px 12px;font-size:17px;font-weight:900}.divider{width:1px;height:24px;background:var(--border)}.topbar nav{display:flex;align-self:stretch;gap:3px}.topbar nav button{padding:0 12px;font-size:11px;font-weight:700;color:var(--muted);border-bottom:3px solid transparent}.topbar nav button.active{color:var(--blue);border-bottom-color:var(--blue)}.ghost,.primary{display:flex;gap:8px;align-items:center;padding:10px 16px;border-radius:8px;font-weight:700;font-size:12px}.ghost{border:1px solid var(--border);background:#fff}.primary{background:var(--blue);color:#fff}.avatar{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#e7eefc;color:var(--blue);font-size:12px;font-weight:800}.hero{padding:38px 0 28px;display:flex;justify-content:space-between;gap:32px;align-items:flex-end}.eyebrow{font-size:10px;letter-spacing:1.6px;font-weight:800;color:var(--blue);margin:0 0 10px}.hero h1{font-size:38px;line-height:1.04;letter-spacing:-1.5px;margin:0 0 12px}.hero>div>p:last-child{margin:0;color:var(--muted);font-size:15px}.snapshot{min-width:300px;background:#fff;border:1px solid var(--border);border-left:4px solid var(--blue);padding:16px 18px;display:flex;flex-direction:column;gap:6px;border-radius:5px}.snapshot span{font-size:9px;letter-spacing:1.3px;color:var(--muted);font-weight:800}.snapshot strong{font-size:14px}.snapshot small{color:var(--muted);font-size:10px}
.filter-wrap{background:white;border:1px solid var(--border);border-radius:8px;padding:13px;display:flex;gap:12px;align-items:end}.filter-grid{display:grid;grid-template-columns:repeat(7,minmax(110px,1fr));gap:9px;flex:1}.filter-grid label,.mapping-grid label{display:flex;flex-direction:column;gap:5px}.filter-grid label span,.mapping-grid label span{font-size:8px;text-transform:uppercase;letter-spacing:.7px;font-weight:800;color:var(--muted)}select,input{border:1px solid var(--border);border-radius:5px;background:#fff;padding:8px 9px;font:inherit;font-size:10px;color:var(--navy);min-width:0}.clear{color:var(--blue);font-size:10px;font-weight:800;padding:9px;white-space:nowrap}.metric-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;margin-top:16px}.metric{text-align:left;background:#fff;border:1px solid var(--border);border-top:3px solid var(--blue);padding:14px;border-radius:6px;display:flex;flex-direction:column;gap:7px;min-height:112px;transition:.2s}.metric:hover{transform:translateY(-2px);box-shadow:0 8px 20px #14213d10}.metric.risk{border-top-color:var(--red)}.metric.warning{border-top-color:var(--orange)}.metric.success{border-top-color:var(--green)}.metric>span{font-size:9px;text-transform:uppercase;letter-spacing:.7px;font-weight:800;color:var(--muted);min-height:21px}.metric strong{font-size:25px}.metric small{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:8px}.section-head{display:flex;align-items:end;justify-content:space-between;padding:36px 0 16px;border-bottom:1px solid var(--border);scroll-margin-top:70px}.section-head h2{font-size:23px;margin:0}.section-head>p{width:55%;font-size:11px;line-height:1.55;color:var(--muted);margin:0}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:16px 0 28px}.span-2{grid-column:1/-1}.panel{background:#fff;border:1px solid var(--border);border-radius:7px;padding:20px}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:17px}.panel-head h3{font-size:15px;margin:0 0 5px}.panel-head p{font-size:10px;color:var(--muted);margin:0}.link{display:flex;align-items:center;gap:6px;color:var(--blue);font-size:10px;font-weight:800}.hint{font-size:8px;color:var(--muted);background:#f3f6f9;padding:6px 9px;border-radius:12px}.mini-legend{display:flex;justify-content:center;gap:18px}.mini-legend button{display:flex;align-items:center;gap:7px;font-size:10px}.mini-legend i,.ownership-bars i{width:8px;height:8px;border-radius:50%}.ownership-bars{display:grid;gap:13px}.ownership-bars button{display:grid;grid-template-columns:210px 1fr 30px;gap:14px;align-items:center;text-align:left}.ownership-bars span{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700}.ownership-bars em,.rank-chart i{height:8px;background:#eef2f6;border-radius:8px;overflow:hidden}.ownership-bars em b,.rank-chart i em{display:block;height:100%;border-radius:8px}.ownership-bars strong{text-align:right;font-size:12px}
.rank-chart{display:grid;gap:5px;margin-bottom:18px}.rank-chart button{display:grid;grid-template-columns:28px 170px 1fr 38px;align-items:center;gap:10px;text-align:left;padding:7px;border-radius:4px}.rank-chart button:hover{background:#f7f9fc}.rank-chart span{font-size:9px;color:#9aa6b5}.rank-chart b,.rank-chart strong{font-size:11px}.rank-chart strong{text-align:right}.rank-chart i em{background:var(--blue)}.data-table{width:100%;overflow:auto;border:1px solid #e6ecf2;border-radius:5px}.data-table table,.drawer-table table{width:100%;border-collapse:collapse;font-size:10px}.data-table th,.drawer-table th{position:sticky;top:0;background:#f2f5f9;color:#59687d;text-transform:uppercase;letter-spacing:.45px;font-size:8px;text-align:left;padding:9px;white-space:nowrap}.data-table td,.drawer-table td{padding:10px 9px;border-top:1px solid #edf1f5;vertical-align:top;max-width:190px}.data-table tbody tr{cursor:pointer}.data-table tbody tr:hover{background:#f8faff}.data-table td small,.drawer-table td small{display:block;color:var(--muted);font-size:8px;margin-top:3px}.data-table .long,.drawer-table .long{min-width:250px;line-height:1.45;color:#4f5e72}.risk-text{color:var(--red)}.chart-split{display:grid;grid-template-columns:1fr 1fr;gap:24px}.action-map{display:grid;align-content:start}.action-map button{display:grid;grid-template-columns:8px 1fr 28px;gap:10px;align-items:start;text-align:left;padding:9px 0;border-bottom:1px solid #edf1f5}.action-map i{width:7px;height:28px;border-radius:4px}.action-map span{display:flex;flex-direction:column;gap:3px}.action-map b{font-size:10px}.action-map small{font-size:8px;line-height:1.35;color:var(--muted)}.priority-select{font-weight:800}.priority-select.high{color:var(--red);background:#fff0f0}.priority-select.medium{color:var(--orange);background:#fff7ed}.priority-select.low{color:var(--green);background:#ecfdf5}.cell-input{width:130px;padding:6px}.status{display:inline-block;padding:4px 7px;border-radius:12px;font-size:8px;font-weight:800}.status.open{color:var(--red);background:#feecec}.status.closed{color:var(--green);background:#eaf8f2}
.readiness-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;padding:16px 0}.readiness-card{background:white;border:1px solid var(--border);border-radius:7px;display:grid;grid-template-columns:8px 1fr auto;grid-template-rows:auto auto;gap:8px 10px;padding:16px;text-align:left}.readiness-card>i{grid-row:1/3;width:7px;height:100%;border-radius:5px}.readiness-card span{font-size:10px;font-weight:800}.readiness-card b{font-size:20px}.readiness-card small{font-size:8px;color:var(--muted)}.readiness-table{padding:0;margin-bottom:28px}.comparison-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.comparison-cards button,.delta-grid>div{border:1px solid var(--border);border-radius:6px;padding:14px;text-align:left;display:flex;flex-direction:column;gap:6px;background:#fff}.comparison-cards span,.delta-grid span{font-size:8px;text-transform:uppercase;color:var(--muted);font-weight:800}.comparison-cards b,.delta-grid b{font-size:23px}.comparison-cards small,.delta-grid small{font-size:8px;color:var(--blue)}.delta-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:10px}.delta-grid small{color:var(--muted);line-height:1.35}.empty-state{text-align:center;padding:40px}.empty-state p{color:var(--muted)}
.drawer-backdrop,.modal-backdrop{position:fixed;inset:0;background:#14213d70;z-index:20;display:flex;justify-content:flex-end}.drawer{width:min(1180px,93vw);height:100%;background:#fff;box-shadow:-20px 0 50px #14213d25;display:flex;flex-direction:column}.drawer-head{padding:22px 25px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:start}.drawer-head h2{margin:0 0 5px;font-size:20px}.drawer-head small{color:var(--muted)}.drawer-head>button{font-size:28px;color:var(--muted)}.drawer-table{overflow:auto;flex:1}.modal-backdrop{justify-content:center;align-items:center;padding:20px}.importer{width:min(1000px,96vw);max-height:90vh;overflow:auto;background:#fff;border-radius:9px;box-shadow:0 30px 70px #0f172a40}.dropzone{margin:24px;border:2px dashed #b7c5d6;border-radius:8px;min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;cursor:pointer;background:#f8faff}.dropzone>b{font-size:17px}.dropzone span{color:var(--muted);font-size:11px}.mapping-intro{display:flex;gap:10px;align-items:center;padding:16px 24px;background:#f6f8fb;font-size:11px}.mapping-intro span{color:var(--muted)}.mapping-grid{padding:20px 24px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.modal-actions{position:sticky;bottom:0;background:white;border-top:1px solid var(--border);padding:14px 24px;display:flex;justify-content:flex-end;gap:10px}.error{margin:0;padding:12px 24px;background:#fff0f0;color:var(--red);font-size:11px}footer{border-top:1px solid var(--border);padding:18px 0 28px;color:var(--muted);font-size:9px}
@media(max-width:1150px){.topbar nav{display:none}.metric-grid{grid-template-columns:repeat(4,1fr)}.filter-grid{grid-template-columns:repeat(4,1fr)}.readiness-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.shell{width:calc(100% - 28px)}.topbar{padding:0 14px}.brand>span:last-child,.header-actions .ghost{display:none}.hero{align-items:start;flex-direction:column}.hero h1{font-size:30px}.snapshot{width:100%;min-width:0}.metric-grid,.filter-grid{grid-template-columns:repeat(2,1fr)}.filter-wrap{align-items:stretch;flex-direction:column}.section-head{display:block}.section-head>p{width:100%;margin-top:12px}.dashboard-grid,.chart-split{grid-template-columns:1fr}.readiness-grid,.comparison-cards,.delta-grid{grid-template-columns:1fr 1fr}.ownership-bars button{grid-template-columns:130px 1fr 24px}.mapping-grid{grid-template-columns:1fr 1fr}}
.mapping-required{border-color:var(--red);background:#fff7f7}.status-review{margin:0 24px 18px;border:1px solid var(--border);border-radius:7px;overflow:hidden}.status-preview{display:grid;grid-template-columns:repeat(3,1fr);background:#f6f8fb}.status-preview>div{padding:13px 16px;border-right:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.status-preview span{font-size:9px;text-transform:uppercase;color:var(--muted);font-weight:800}.status-preview b{font-size:20px}.status-preview .verified b{color:var(--green)}.status-preview .needs-review b{color:var(--red)}.status-review>p,.unknown-statuses>p{margin:0;padding:12px 16px;font-size:10px;color:var(--red);background:#fff7f7}.unknown-statuses{max-height:220px;overflow:auto}.unknown-statuses label{display:grid;grid-template-columns:1fr 150px;align-items:center;gap:16px;padding:9px 16px;border-top:1px solid #edf1f5}.unknown-statuses label>span{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:10px}.unknown-statuses small{color:var(--muted);font-size:9px}.modal-actions .primary:disabled{opacity:.45;cursor:not-allowed}