.roadmap-view{--roadmap-blue:#315f78;--roadmap-violet:#675a8a;--roadmap-amber:#b87625;--roadmap-red:#a74343}
.roadmap-hero{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;padding:24px;margin-bottom:16px;border-radius:14px;background:linear-gradient(135deg,#123b33,#1d5146);color:#fff;box-shadow:var(--shadow)}
.roadmap-hero h2{font-size:28px;margin:3px 0 8px}.roadmap-hero p:not(.eyebrow){max-width:760px;margin:0;color:#c7ddd7}.roadmap-hero .eyebrow{color:var(--lime)}
.roadmap-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.roadmap-cadence{padding:7px 11px;border-radius:99px;background:rgba(255,255,255,.12);font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.roadmap-actions .secondary{background:#fff}
.roadmap-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.roadmap-summary-card{background:#fff;border:1px solid var(--line);border-top:4px solid var(--green);border-radius:11px;padding:16px;box-shadow:var(--shadow)}.roadmap-summary-card[data-priority="P0"]{border-top-color:var(--roadmap-red)}.roadmap-summary-card[data-priority="P1"]{border-top-color:var(--roadmap-amber)}.roadmap-summary-card[data-priority="P2"]{border-top-color:var(--roadmap-blue)}.roadmap-summary-card[data-priority="P3"]{border-top-color:var(--roadmap-violet)}.roadmap-summary-card span,.roadmap-summary-card small{display:block;color:var(--muted)}.roadmap-summary-card b{display:block;font-size:25px;margin:4px 0}.roadmap-progress-track{height:7px;border-radius:8px;background:#e5ece9;overflow:hidden;margin:10px 0 8px}.roadmap-progress-track i{display:block;height:100%;background:var(--green)}
.roadmap-rules{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.roadmap-rule{margin:0;padding:12px 14px;border-radius:8px;background:#edf4f1;border-left:3px solid var(--green);font-size:14px}.roadmap-rule b{margin-right:6px;color:var(--green)}
.roadmap-filters{display:grid;grid-template-columns:130px 190px 170px minmax(220px,1fr) auto auto;gap:10px;align-items:end}.roadmap-filters label,.roadmap-review-form label{display:grid;gap:5px;color:var(--muted);font-size:12px;font-weight:700}.roadmap-filters select,.roadmap-filters input{width:100%}.roadmap-load-status{min-height:20px;margin:8px 0 0;color:var(--muted);font-size:13px}.roadmap-load-status.error{color:var(--roadmap-red)}.roadmap-load-status.ok{color:var(--green)}
.roadmap-focus{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.roadmap-focus-card{border:1px solid var(--line);border-left:5px solid var(--roadmap-red);border-radius:10px;padding:15px;background:#fafcfb}.roadmap-focus-card[data-priority="P1"]{border-left-color:var(--roadmap-amber)}.roadmap-focus-card span{font-size:11px;font-weight:900;color:var(--muted);letter-spacing:.07em}.roadmap-focus-card h3{font-size:16px;margin:5px 0}.roadmap-focus-card p{margin:6px 0;color:var(--muted);font-size:13px}.roadmap-focus-card small{display:block;margin-top:10px;color:var(--green);font-weight:700}
.roadmap-table td{vertical-align:top;white-space:normal}.roadmap-table th{white-space:nowrap}.roadmap-title-cell{min-width:260px}.roadmap-title-cell b,.roadmap-title-cell small{display:block}.roadmap-title-cell small{margin-top:3px;color:var(--muted)}.roadmap-progress-cell{min-width:145px}.roadmap-progress-cell strong{font-size:13px}.roadmap-progress-mini{height:6px;margin-top:7px;background:#e5ece9;border-radius:7px;overflow:hidden}.roadmap-progress-mini i{display:block;height:100%;background:var(--green)}.roadmap-detail-cell{min-width:240px;color:var(--muted);font-size:13px}.roadmap-detail-cell .roadmap-blocker{display:block;color:var(--roadmap-red);font-weight:700;margin-bottom:5px}.roadmap-edit-button,.roadmap-criterion-save{border:1px solid #bad1ca;background:#fff;color:var(--green);padding:7px 10px;border-radius:7px;font-weight:700;cursor:pointer}.roadmap-criterion-status{min-width:135px}.roadmap-criterion-evidence{min-width:210px;width:100%}
.roadmap-review-grid{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(420px,1.1fr);gap:16px}.roadmap-review-form{display:grid;gap:12px}.roadmap-review-form input,.roadmap-review-form textarea{width:100%}.roadmap-review-form .primary{justify-self:start}.roadmap-review-card{padding:14px 0;border-bottom:1px solid var(--line)}.roadmap-review-card:first-child{padding-top:0}.roadmap-review-card:last-child{border-bottom:0}.roadmap-review-head{display:flex;justify-content:space-between;gap:10px}.roadmap-review-head b{font-size:16px}.roadmap-review-head span{font-size:12px;color:var(--muted)}.roadmap-review-card p{margin:7px 0}.roadmap-review-card ul{margin:7px 0;padding-left:20px;color:var(--muted);font-size:13px}.roadmap-dialog{width:min(760px,calc(100vw - 30px))}
@media(max-width:1100px){.roadmap-summary,.roadmap-rules{grid-template-columns:repeat(2,minmax(0,1fr))}.roadmap-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.roadmap-search{grid-column:span 2}.roadmap-focus{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.roadmap-hero{display:block}.roadmap-actions{justify-content:flex-start;margin-top:16px}.roadmap-summary,.roadmap-rules,.roadmap-focus,.roadmap-review-grid{grid-template-columns:1fr}.roadmap-filters{grid-template-columns:1fr 1fr}.roadmap-search{grid-column:1/-1}}
@media(max-width:480px){.roadmap-filters{grid-template-columns:1fr}.roadmap-search{grid-column:auto}}
@media print{body{background:#fff}.sidebar,header,.roadmap-actions,.roadmap-filter-panel,.roadmap-review-form,.roadmap-edit-button,.roadmap-criterion-save{display:none!important}main{margin:0;padding:0}.view{display:none!important}#roadmap{display:block!important}.panel,.roadmap-hero,.roadmap-summary-card{box-shadow:none;break-inside:avoid}.roadmap-hero{background:#fff;color:#142825;border:1px solid #8aa39c}.roadmap-hero p:not(.eyebrow){color:#4e625d}.roadmap-review-grid{display:block}}
