/* The Response Game — Resource Run v16 RC1 planning-cycle layer */
:root{--planning-blue:#63b7e6;--planning-amber:#e5bd5a;--planning-red:#ff707e;--planning-green:#4ad49a}
.cop-summary.v16-planning{grid-template-columns:1.15fr .95fr .75fr 1.1fr 1fr 1.2fr}.planning-outlook-cell{position:relative;padding-right:104px!important;background:linear-gradient(180deg,rgba(74,137,181,.08),rgba(5,15,25,.06))}.planning-outlook-cell button{position:absolute;right:9px;top:50%;transform:translateY(-50%);min-height:44px;padding:0 9px;border:1px solid rgba(99,183,230,.34);background:#0a263c;color:#c8e8f7;font-size:8px;font-weight:800;letter-spacing:.04em}.planning-outlook-cell.watch{border-left:2px solid var(--planning-amber)}.planning-outlook-cell.critical{border-left:2px solid var(--planning-red)}
.planning-tool{border-color:rgba(99,183,230,.32)!important}.planning-dialog{width:min(980px,calc(100vw - 28px));max-height:88dvh;padding:0;border:1px solid rgba(123,165,197,.32);background:#07131f;color:#f3f7fa;box-shadow:0 28px 90px rgba(0,0,0,.55)}.planning-dialog::backdrop{background:rgba(2,7,12,.78);backdrop-filter:blur(7px)}.planning-dialog-head{position:sticky;top:0;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 20px;background:#081827;border-bottom:1px solid rgba(123,165,197,.2)}.planning-dialog-head h2{margin:4px 0 0;font-size:26px}.planning-dialog-close{width:44px;height:44px;border:1px solid rgba(135,174,204,.28);background:#0b2236;color:#d7e3ec;font-size:25px}#planningDialogBody{padding:18px 20px 24px}
.planning-cycle-strip{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid rgba(123,165,197,.18);margin-bottom:14px}.planning-cycle-strip span{padding:9px 8px;border-right:1px solid rgba(123,165,197,.14);font-size:8px;text-align:center;text-transform:uppercase;letter-spacing:.08em;color:#788fa2;font-weight:800}.planning-cycle-strip span:last-child{border-right:0}.planning-cycle-strip .done{color:#9bdcc2}.planning-cycle-strip .active{color:#f1d477;background:rgba(229,189,90,.07)}
.planning-command-brief{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:14px}.planning-command-brief>div,.planning-section{border:1px solid rgba(123,165,197,.18);background:#081b2b}.planning-command-brief>div{padding:12px}.planning-command-brief span,.planning-section header>span,.objective-row label>span,.outlook-grid span,.period-planning-grid span,.planning-result-overview span,.planning-result-columns>div>span{display:block;font-size:8px;text-transform:uppercase;letter-spacing:.11em;color:#839aac;font-weight:800}.planning-command-brief b{display:block;margin-top:4px;font-size:13px}.planning-command-brief p{margin:5px 0 0;font-size:10px;line-height:1.4;color:#a8b9c5}.planning-section{margin-top:10px}.planning-section>header{display:flex;justify-content:space-between;gap:16px;align-items:baseline;padding:10px 12px;border-bottom:1px solid rgba(123,165,197,.14)}.planning-section>header small{font-size:8px;color:#70889a;text-align:right}
.objective-manager{display:grid}.objective-row{display:grid;grid-template-columns:minmax(0,1.6fr) 170px 150px;gap:12px;align-items:center;padding:10px 12px;border-top:1px solid rgba(123,165,197,.1)}.objective-row:first-child{border-top:0}.objective-row b{font-size:10px}.objective-row p{margin:3px 0 0;font-size:9px;line-height:1.35;color:#9eb0bd}.objective-progress{display:grid;grid-template-columns:1fr 34px;gap:7px;align-items:center}.objective-progress i{height:6px;background:#102a40;overflow:hidden}.objective-progress em{display:block;height:100%;background:linear-gradient(90deg,#3c7fb0,var(--planning-blue));font-style:normal}.objective-progress strong{font-size:9px;text-align:right}.objective-row label select{width:100%;min-height:44px;margin-top:4px;background:#0a263c;color:#e8eff4;border:1px solid rgba(123,165,197,.3);padding:0 8px;font:inherit;font-size:10px}
.outlook-grid{display:grid;grid-template-columns:repeat(3,1fr)}.outlook-grid>div{padding:11px 12px;border-right:1px solid rgba(123,165,197,.12)}.outlook-grid>div:last-child{border-right:0}.outlook-grid b{display:block;margin-top:4px;font-size:11px}.outlook-grid p{font-size:9px;line-height:1.35;color:#9eafbc;margin:4px 0 0}.forecast-summary{padding:10px 12px;border-bottom:1px solid rgba(123,165,197,.12);font-size:11px}.forecast-summary.ready{color:#9de5c6}.forecast-summary.watch{color:#eed28a}.forecast-summary.critical{color:#ff9aa5}.forecast-grid{display:grid;grid-template-columns:1fr 1fr}.forecast-row{display:grid;grid-template-columns:1fr auto;gap:5px 10px;padding:10px 12px;border-right:1px solid rgba(123,165,197,.1);border-top:1px solid rgba(123,165,197,.1)}.forecast-row:nth-child(2n){border-right:0}.forecast-row b{font-size:10px}.forecast-row div span{display:block;margin-top:2px;font-size:8px;color:#8198aa}.forecast-row>strong{font-size:8px;letter-spacing:.08em}.forecast-row.ready>strong{color:#8eddbb}.forecast-row.watch>strong{color:#ebcc79}.forecast-row.critical>strong{color:#ff8d99}.forecast-row p{grid-column:1/-1;margin:0;font-size:8px;line-height:1.35;color:#879dad}
.future-requirements{display:flex;flex-wrap:wrap;gap:7px;padding:11px 12px}.future-requirements span{border-left:2px solid var(--planning-blue);background:#091f32;padding:7px 9px;font-size:9px;color:#b2c2ce}.planning-recommendations{margin:0;padding:11px 12px 12px 30px}.planning-recommendations li{padding:4px 0;font-size:10px;line-height:1.4;color:#b6c5cf}
.period-planning-summary{margin:14px 0 18px;border:1px solid rgba(123,165,197,.22);background:#081a2a}.period-planning-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 13px;border-bottom:1px solid rgba(123,165,197,.14)}.period-planning-head h3{margin:3px 0 0;font-size:16px}.period-planning-head button{min-height:44px;padding:0 12px;border:1px solid rgba(99,183,230,.35);background:#0a263c;color:#cdeaf7;font-weight:800;font-size:9px}.period-planning-grid{display:grid;grid-template-columns:repeat(4,1fr)}.period-planning-grid>div{padding:11px 12px;border-right:1px solid rgba(123,165,197,.12)}.period-planning-grid>div:last-child{border-right:0}.period-planning-grid b{display:block;margin-top:4px;font-size:11px}.period-planning-grid p{margin:4px 0 0;font-size:9px;line-height:1.35;color:#94a8b7}
.planning-analysis-card{grid-column:1/-1}.planning-result-overview{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:10px;border:1px solid rgba(123,165,197,.16)}.planning-result-overview>div{padding:11px 12px;border-right:1px solid rgba(123,165,197,.12)}.planning-result-overview>div:last-child{border-right:0}.planning-result-overview b{display:block;margin-top:4px;font-size:13px}.planning-result-columns{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:10px;margin-top:10px}.planning-result-columns>div{border:1px solid rgba(123,165,197,.16);background:#081b2b;padding:12px}.planning-result-columns p{font-size:9px;line-height:1.4;color:#9fb0bd}.planning-result-columns p b{color:#e2eaf0}.planning-result-columns ol{padding-left:18px}.planning-result-columns li{font-size:9px;line-height:1.4;color:#a7b7c3;margin:4px 0}
@media(max-width:1320px){.cop-summary.v16-planning{grid-template-columns:repeat(3,1fr)}.planning-outlook-cell{padding-right:104px!important}}
@media(max-width:760px){.cop-summary.v16-planning{grid-template-columns:1fr 1fr}.planning-outlook-cell{grid-column:1/-1;padding-right:114px!important}.planning-dialog{width:calc(100vw - 14px);max-height:92dvh}.planning-dialog::backdrop{backdrop-filter:none}.planning-dialog-head{padding:14px}.planning-dialog-head h2{font-size:22px}#planningDialogBody{padding:12px 14px 18px}.planning-cycle-strip{grid-template-columns:1fr}.planning-cycle-strip span{border-right:0;border-bottom:1px solid rgba(123,165,197,.12);padding:6px}.planning-command-brief,.outlook-grid,.forecast-grid,.planning-result-columns{grid-template-columns:1fr}.objective-row{grid-template-columns:1fr}.objective-progress{grid-template-columns:1fr 34px}.period-planning-grid,.planning-result-overview{grid-template-columns:1fr 1fr}.period-planning-grid>div:nth-child(2n),.planning-result-overview>div:nth-child(2n){border-right:0}.planning-section>header{display:block}.planning-section>header small{display:block;margin-top:4px;text-align:left}.forecast-row{border-right:0}.period-planning-head{align-items:flex-start}.period-planning-head button{min-width:116px}.tools{flex-wrap:wrap}.planning-tool{flex:1 1 30%}}
@media(max-width:430px){.period-planning-grid,.planning-result-overview{grid-template-columns:1fr}.period-planning-grid>div,.planning-result-overview>div{border-right:0}.planning-outlook-cell button{min-height:44px}.period-planning-head{display:block}.period-planning-head button{margin-top:9px;width:100%}}
@media(prefers-contrast:more){.planning-section,.planning-command-brief>div,.forecast-row,.period-planning-summary,.planning-result-columns>div{border-color:rgba(226,239,248,.5)}}
@media(prefers-reduced-motion:reduce){.planning-dialog{scroll-behavior:auto}}