.overview-page{padding:24px;display:flex;flex-direction:column;gap:18px;max-width:1800px;width:100%;margin:0 auto}
.overview-page button{font:inherit;cursor:pointer}
.overview-header{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.overview-eyebrow{font-size:10px;letter-spacing:.13em;font-weight:800;color:#6e848e;margin-bottom:7px}
.overview-header h1{font-size:30px;line-height:1.1;color:#0b3a4c;margin:0;font-weight:800;letter-spacing:-.7px}
.overview-header p{font-size:12px;color:#5b707b;margin:8px 0 0;font-weight:500}
.overview-header-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.overview-primary,.overview-secondary{min-height:40px;padding:0 16px;border-radius:10px;font-size:12px!important;font-weight:700!important;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}
.overview-primary{background:#e31e25;color:#fff;border:1px solid #e31e25}
.overview-primary:hover{background:#ca1920}
.overview-secondary{background:#fff;border:1px solid #d8e2e7;color:#0b3a4c}
.overview-secondary:hover{background:#eef5f8;border-color:#9bb8c4}
.overview-demo-badge{font-size:10px;color:#5b707b;font-weight:600;display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border-radius:7px;background:#e9eff3}
.overview-demo-badge>span{width:6px;height:6px;border-radius:50%;background:#b58330}
.overview-context{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.overview-context>span{font-size:11px;font-weight:600;color:#5b707b}
.overview-project-switch{display:inline-flex;gap:3px;padding:3px;background:#e6edf1;border-radius:10px}
.overview-project-switch button{font-size:12px;padding:8px 14px;border-radius:8px;color:#5b707b;font-weight:600;white-space:nowrap}
.overview-project-switch button.on{background:#fff;color:#0b3a4c;box-shadow:0 1px 3px #0b3a4c15}
.overview-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.overview-metric{background:#fff;border:1px solid #e1e8ec;border-radius:14px;padding:18px 20px;position:relative;overflow:hidden}
.overview-metric-risk{border-top:3px solid #e31e25;padding-top:16px}
.overview-metric-label{display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:.04em;font-weight:800;color:#5b707b}
.overview-metric-label>span{font-size:11px;letter-spacing:0;color:#a1b3bc}
.overview-metric-value{font-size:34px;font-weight:800;letter-spacing:-1px;color:#0b3a4c;line-height:1.2;margin-top:14px;display:flex;gap:9px;align-items:baseline;flex-wrap:wrap}
.overview-metric-risk .overview-metric-value{color:#b51621}
.overview-metric-value>span{font-size:13px;font-weight:600;letter-spacing:0;color:#5b707b}
.overview-metric>p{font-size:12px;font-weight:600;margin:5px 0 15px;color:#2c424d}
.overview-metric-foot{display:flex;align-items:center;gap:7px;border-top:1px solid #edf1f4;padding-top:12px;color:#6b7f89;font-size:10px;line-height:1.5}
.overview-status-dot{width:6px;height:6px;border-radius:50%;background:#7aa3b3;flex:none}.overview-status-dot.risk{background:#e31e25}
.overview-workspace{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(280px,1fr);gap:16px;align-items:stretch}
.overview-task-card{background:#fff;border:1px solid #d6e1e6;border-radius:14px;overflow:hidden;min-width:0}
.overview-task-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#0b3a4c;color:#fff;padding:13px 18px}
.overview-task-heading>div{display:flex;align-items:center;gap:9px}.overview-task-heading h2{font-size:14px;margin:0;font-weight:800}.overview-task-heading>span{font-size:10px;color:#b6ccd5}
.overview-task-count{font-size:11px;font-weight:800;background:#ffffff20;padding:4px 7px;border-radius:6px;min-width:24px;text-align:center}
.overview-task-tabs{display:flex;gap:18px;padding:0 18px;border-bottom:1px solid #edf1f4}
.overview-task-tabs button{min-height:37px;padding:0 2px;font-size:11px;font-weight:600;color:#6b7f89;border-bottom:2px solid transparent}
.overview-task-tabs button.on{color:#0b3a4c;font-weight:800;border-bottom-color:#e31e25}
.overview-task{display:flex;align-items:center;gap:12px;padding:13px 18px;border-bottom:1px solid #edf1f4;min-height:72px}
.overview-task:last-child{border-bottom:0}.overview-task-copy{flex:1;min-width:0}.overview-task-copy>b{font-size:12px;font-weight:700;line-height:1.5}.overview-task-copy>p{font-size:10.5px;line-height:1.5;color:#6b7f89;margin:4px 0 0}
.overview-task-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;flex:none;font-size:14px;font-weight:800}.overview-task-icon.risk{background:#fce9eb;color:#b51621}.overview-task-icon.warning{background:#fff2db;color:#9c6416}.overview-task-icon.info{background:#e8efff;color:#3b5eaa}
.overview-task .overview-primary,.overview-task .overview-secondary{min-height:34px;padding:0 12px;font-size:10.5px!important}
.overview-show-all{display:block;width:100%;text-align:center;font-size:11px!important;font-weight:700!important;color:#0b3a4c;background:#f8fafb;padding:11px;border-top:1px solid #edf1f4}
.overview-task-empty{padding:26px 18px;font-size:12px;color:#0f7a4d}
.overview-readiness,.overview-card{background:#fff;border:1px solid #e1e8ec;border-radius:14px;padding:18px 20px;min-width:0}
.overview-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px;flex-wrap:wrap}
.overview-section-heading h2{font-size:14px;font-weight:800;color:#0b3a4c;margin:0;line-height:1.4}.overview-section-heading p{font-size:10.5px;color:#6b7f89;margin:5px 0 0;line-height:1.5}
.overview-tag{font-size:10px;font-weight:700;padding:4px 8px;border-radius:6px;background:#eef3f6;color:#5b707b;white-space:nowrap}
.overview-coverage-value{font-size:32px;font-weight:800;color:#0b3a4c;letter-spacing:-.8px;display:flex;align-items:baseline;gap:9px}.overview-coverage-value>span{font-size:11px;color:#6b7f89;letter-spacing:0;font-weight:500}
.overview-progress,.overview-pay-track{height:7px;background:#edf2f5;border-radius:5px;overflow:hidden;margin-top:12px}.overview-progress>span,.overview-pay-track>span{display:block;height:100%;background:#3a8b83;border-radius:5px}
.overview-muted{font-size:11px;line-height:1.6;color:#6b7f89}.overview-readiness>.overview-muted{margin:8px 0 14px}
.overview-readiness-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;font-size:11px;border-top:1px solid #edf1f4;gap:10px;color:#5b707b}.overview-readiness-row>b{font-size:12px;color:#0b3a4c}
.overview-source-note{margin-top:13px;display:flex;gap:9px;padding:11px;background:#f5f8fa;border-radius:9px;color:#6b7f89;font-size:11px}.overview-source-note b{font-size:10px;color:#4a626f}.overview-source-note p{font-size:10px;line-height:1.6;margin:4px 0 0}
.overview-heat-legend{display:flex;gap:14px;align-items:center;font-size:10px;color:#5b707b;flex-wrap:wrap}.overview-heat-legend>span{display:flex;gap:5px;align-items:center}.overview-heat-legend i{display:inline-block;width:10px;height:10px;border-radius:3px;background:#e0f2ee}.overview-heat-legend i.low{background:#f9c9cc}.overview-heat-legend i.unknown{background:#e7edf1}
.overview-heat-scroll{overflow:auto;padding-bottom:5px}.overview-heat-grid{display:grid;grid-template-columns:100px repeat(30,minmax(25px,1fr));gap:3px;align-items:center;min-width:970px}.overview-heat-label{font-size:11px;font-weight:700;color:#0b3a4c;padding:4px 0;position:sticky;left:0;background:#fff;z-index:1}.overview-heat-label.muted{font-weight:500;color:#81949d}.overview-heat-date{font-size:9px;text-align:center;color:#6b7f89;padding-bottom:4px}.overview-heat-cell{height:27px;border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:9px!important;font-weight:700!important}.overview-heat-cell.ok{color:#0f7a4d;background:#dcefe8}.overview-heat-cell.low{color:#a5121a;background:#f9c9cc}.overview-heat-cell.low:hover{box-shadow:inset 0 0 0 2px #e31e25}.overview-heat-cell.ok:hover{box-shadow:inset 0 0 0 2px #3a8b83}.overview-heat-cell.unknown{color:#a5b3bb;background:repeating-linear-gradient(45deg,#f3f6f8,#f3f6f8 4px,#e7edf1 4px,#e7edf1 6px)}
.overview-card-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #edf1f4;margin-top:15px;padding-top:12px;font-size:10px;color:#6b7f89;flex-wrap:wrap}.overview-card-footer b{color:#0b3a4c;font-size:12px}
.overview-bottom-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:16px}.overview-pay-group{margin:17px 0}.overview-pay-group>div:first-child{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:11px}.overview-pay-group b{font-weight:600}.overview-pay-group span{font-weight:700;color:#0b3a4c}.overview-pay-track{height:8px;margin-top:8px}.overview-pay-track>span{background:#145268}
.overview-variant-card{background:linear-gradient(125deg,#fff,#f7fbfc)}.overview-variant-name{font-size:12px;font-weight:700;color:#0b3a4c}.overview-variant-price{font-size:25px;font-weight:800;color:#0b3a4c;margin:12px 0 0}.overview-saving{display:inline-block;font-size:11px;font-weight:700;color:#0f7a4d;background:#e0f2ee;border-radius:7px;padding:7px 9px;margin-bottom:15px}.overview-variant-card>.overview-secondary{display:flex;width:100%;margin-top:12px}.overview-variant-empty{display:flex;gap:14px;align-items:center;padding:14px 0}.overview-variant-empty>span{width:46px;height:46px;background:#e8f0f4;display:flex;align-items:center;justify-content:center;flex:none;font-size:24px;color:#7aa3b3;border-radius:12px}.overview-variant-empty p{font-size:11px;line-height:1.7;color:#6b7f89;margin:0}
.overview-page-footer{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:#81949d;font-size:10px;padding-bottom:4px}.overview-empty{padding:64px 24px;text-align:center;background:#fff;border:1px solid #e1e8ec;border-radius:14px;display:flex;align-items:center;flex-direction:column}.overview-empty h2{font-size:19px;color:#0b3a4c}.overview-empty p{font-size:12px;line-height:1.8;color:#6b7f89;max-width:480px;margin:0 0 22px}.overview-empty-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:16px;background:#eef3f6;color:#7aa3b3;font-size:28px}
@media(max-width:1200px){.overview-page{padding:20px}.overview-header-actions{gap:8px}.overview-workspace{grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr)}.overview-task{padding:12px}.overview-task-copy>b{font-size:11px}.overview-task .overview-primary,.overview-task .overview-secondary{font-size:10px!important;padding:0 9px}.overview-metric-value{font-size:29px}.overview-metric{padding:16px}}
@media(max-width:980px){.overview-workspace{grid-template-columns:1fr}.overview-readiness{display:grid;grid-template-columns:1fr 1fr;column-gap:24px}.overview-readiness .overview-section-heading,.overview-readiness .overview-source-note{grid-column:1/-1}.overview-readiness .overview-source-note{margin-top:8px}.overview-bottom-grid{grid-template-columns:1fr 1fr}.overview-demo-badge{display:none}.overview-metric-foot{font-size:9px}}
@media(max-width:700px){.overview-page{padding:16px 12px;gap:14px}.overview-header{gap:14px}.overview-header h1{font-size:26px}.overview-header-actions{width:100%}.overview-header-actions>button{flex:1;min-width:0}.overview-context>span{font-size:10px}.overview-project-switch{width:100%}.overview-project-switch>button{flex:1;padding:8px;font-size:11px}.overview-metrics{grid-template-columns:1fr;gap:9px}.overview-metric{padding:14px 16px;display:grid;grid-template-columns:1fr auto;column-gap:12px}.overview-metric-label{grid-column:1/-1}.overview-metric-label>span{display:none}.overview-metric-value{grid-column:2;grid-row:2/4;font-size:28px;margin-top:9px;align-self:center;display:block;text-align:right}.overview-metric-value>span{font-size:11px;display:block;letter-spacing:0}.overview-metric>p{grid-column:1;margin:11px 0 5px;font-size:11px}.overview-metric-foot{grid-column:1;border:0;padding-top:0;font-size:9px;max-width:220px}.overview-task-heading>span{display:none}.overview-task-heading{padding:13px 14px}.overview-task{flex-wrap:wrap;gap:9px;padding:13px 14px}.overview-task-copy{flex-basis:calc(100% - 40px)}.overview-task>button{margin-left:37px;width:calc(100% - 37px)}.overview-card,.overview-readiness{padding:16px}.overview-bottom-grid{grid-template-columns:1fr}.overview-section-heading{margin-bottom:14px}.overview-readiness{column-gap:14px}.overview-readiness-row{font-size:10px}.overview-task-tabs{padding:0 14px}.overview-card-footer{align-items:flex-start}.overview-page-footer{font-size:9px}.overview-coverage-value{font-size:28px;display:block}.overview-coverage-value>span{display:block;font-size:10px;letter-spacing:0}.overview-heat-grid{min-width:900px;grid-template-columns:90px repeat(30,minmax(24px,1fr))}}

/* Keep supporting copy readable at a normal browser scale. */
.overview-eyebrow,.overview-metric-label { font-size:11px; }
.overview-metric-foot,.overview-task-copy p,.overview-readiness-row,.overview-source-note,.overview-card-footer,.overview-section-heading p,.overview-variant-empty p,.overview-page-footer { font-size:12px;line-height:1.5; }
.overview-task-copy>b,.overview-pay-group>div:first-child { font-size:13px; }
.overview-task .overview-secondary,.overview-task .overview-primary { font-size:12px!important; }
.overview-task-tabs button,.overview-task-toggle { font-size:12px; }
.overview-heat-grid { min-width:1100px; }
.overview-heat-date,.overview-heat-cell { font-size:11px; }
.overview-metric-foot { color:#526873; }
@media(max-width:700px) {
 .overview-metric-foot,.overview-metric>p,.overview-readiness-row,.overview-page-footer { font-size:12px; }
 .overview-metric-value>span,.overview-context>span { font-size:12px; }
 .overview-coverage-value>span { font-size:12px; }
 .overview-task-copy>b { font-size:13px; }
 .overview-header-actions>button { font-size:12px; }
 .overview-readiness { display:block; }
}
