/* Control Centre v3 — full-width operator workspace with customer-facing language. */
.page-scroll:has(.control-centre-v3){max-width:none;padding-inline:clamp(18px,3vw,56px)}
.control-centre-v3{width:100%;display:grid;gap:18px;color:#e8f5fb}
.control-centre-v3>.panel,.control-centre-v3 .environment-control-card{margin:0;border-color:rgba(35,139,161,.3);background:linear-gradient(145deg,rgba(2,17,31,.97),rgba(2,11,24,.98));box-shadow:0 18px 54px rgba(0,0,0,.2)}
.control-centre-hero{min-height:150px;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:28px 30px;border:1px solid rgba(46,225,177,.25);border-radius:18px;background:radial-gradient(circle at 88% 12%,rgba(46,225,177,.12),transparent 30%),linear-gradient(130deg,#04192a,#020c19);overflow:hidden}
.control-centre-hero h2{margin:8px 0 9px;font-size:clamp(24px,2.4vw,36px);line-height:1.08;letter-spacing:-.04em}.control-centre-hero p{max-width:730px;margin:0;color:#91aabd;font-size:13px;line-height:1.6}
.control-centre-hero-state{min-width:285px;display:flex;align-items:center;gap:13px;padding:15px 17px;border:1px solid rgba(46,225,177,.25);border-radius:13px;background:rgba(2,25,33,.72)}.control-centre-hero-state>.dot{width:10px;height:10px;flex:0 0 10px}.control-centre-hero-state strong,.control-centre-hero-state small{display:block}.control-centre-hero-state strong{color:#d9fff3;font-size:13px}.control-centre-hero-state small{margin-top:4px;color:#7fa79e;font-size:10px;line-height:1.4}
.environment-control-section{padding:21px;border:1px solid rgba(35,139,161,.3);border-radius:18px;background:rgba(2,12,25,.72)}
.control-section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:14px}.control-section-heading span{color:#58e8c0;font:800 8px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.13em}.control-section-heading h2{margin:6px 0 0;font-size:19px}.control-section-heading p{margin:0;color:#7792a7;font-size:11px}
.environment-control-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.environment-control-card{min-height:158px;display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:15px;padding:18px;border-radius:15px}.environment-control-card.is-disabled{border-color:rgba(251,113,133,.28)}
.environment-control-icon{width:46px;height:46px;display:grid;place-items:center;border:1px solid rgba(46,225,177,.28);border-radius:12px;background:rgba(46,225,177,.08);color:#69f0c0;font:800 16px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.is-disabled .environment-control-icon{border-color:rgba(251,113,133,.27);background:rgba(251,113,133,.07);color:#fda4af}
.environment-control-copy{min-width:0}.environment-control-copy>span{color:#6f8ca2;font:800 8px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.11em}.environment-control-copy h2{margin:7px 0 6px;font-size:16px}.environment-control-copy p{max-width:560px;margin:0;color:#8fa7b8;font-size:11px;line-height:1.5}.environment-control-copy small{display:block;margin-top:10px;color:#526f84;font-size:9px}
.environment-control-action{min-width:170px;display:grid;justify-items:end;gap:14px}.environment-control-action .button{min-width:170px;min-height:40px;padding:9px 12px;font-size:10px}.environment-control-action .status{font-size:8px}
.control-safety-note{display:flex;align-items:center;gap:12px;margin-top:13px;padding:12px 14px;border:1px solid rgba(251,191,36,.2);border-radius:11px;background:rgba(251,191,36,.045);color:#90a7b8;font-size:10px;line-height:1.5}.control-safety-note strong{flex:0 0 auto;color:#f3d687}.control-safety-note.reporting-safe{margin:15px 0 0;border-color:rgba(46,225,177,.2);background:rgba(46,225,177,.045)}.control-safety-note.reporting-safe strong{color:#69f0c0}
.control-centre-v3 .fleet-health-panel{padding:22px}.control-centre-v3 .panel-head{margin-bottom:0}.control-centre-v3 .panel-head h2{margin-top:6px;font-size:20px}.control-centre-v3 .panel-head .panel-sub{max-width:800px;font-size:11px;line-height:1.5}
.control-centre-v3 .fleet-health-summary{gap:12px;margin:18px 0 12px}.control-centre-v3 .fleet-health-summary article{min-height:94px;padding:16px;border-color:rgba(35,83,106,.58);background:linear-gradient(145deg,rgba(3,21,36,.85),rgba(2,14,27,.9))}.control-centre-v3 .fleet-health-summary small{font-size:7.5px}.control-centre-v3 .fleet-health-summary strong{font-size:25px}.control-centre-v3 .fleet-health-summary span{font-size:9px}
.fleet-status-guide{margin:0 0 13px;border:1px solid rgba(35,83,106,.5);border-radius:10px;background:rgba(3,18,31,.58)}.fleet-status-guide summary{padding:11px 13px;color:#91b7c9;font-size:10px;font-weight:700;cursor:pointer}.fleet-status-guide>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0 13px 13px}.fleet-status-guide p{margin:0;color:#758fa3;font-size:9px;line-height:1.5}.fleet-status-guide strong{color:#bfd3de}
.control-centre-v3 .fleet-health-toolbar{grid-template-columns:minmax(280px,1fr) 180px 190px auto;margin:0 0 12px;padding:12px;border-color:rgba(35,83,106,.52);background:rgba(1,10,21,.44)}.control-centre-v3 .fleet-health-toolbar input,.control-centre-v3 .fleet-health-toolbar select{height:40px;background:#031321;border-color:#21445a;font-size:11px}.control-centre-v3 .fleet-health-toolbar .button{min-height:40px}
.control-centre-v3 .fleet-health-head,.control-centre-v3 .fleet-health-row{grid-template-columns:minmax(230px,1.25fr) minmax(145px,.75fr) minmax(220px,1.12fr) minmax(205px,1.05fr) minmax(155px,.78fr);gap:18px}.control-centre-v3 .fleet-health-head{padding:11px 14px;border-color:rgba(35,83,106,.55)}.control-centre-v3 .fleet-health-row{min-height:112px;padding:15px 14px;border-color:rgba(35,83,106,.42)}.control-centre-v3 .fleet-health-row:hover{background:rgba(21,69,83,.08)}
.control-centre-v3 .fleet-account>i{width:40px;height:40px;flex-basis:40px;border-radius:11px}.control-centre-v3 .fleet-account span{gap:3px}.control-centre-v3 .fleet-account strong{font-size:12px}.control-centre-v3 .fleet-account small{color:#87a5b7;font-size:9px;text-transform:none}.control-centre-v3 .fleet-account em{overflow:hidden;text-overflow:ellipsis;color:#55758b;font-size:8px;font-style:normal;white-space:nowrap}.control-centre-v3 .fleet-health-cell,.control-centre-v3 .fleet-health-time{gap:6px}.control-centre-v3 .fleet-health-cell>span,.control-centre-v3 .fleet-health-time>span{font-size:8.5px}.control-centre-v3 .fleet-tone{font-size:10px}.control-centre-v3 .fleet-tone.muted{color:#a6b7c2}
.fleet-check-panel{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:28px;align-items:center;padding:22px!important}.fleet-check-copy h2{margin:7px 0 7px;font-size:19px}.fleet-check-copy>p{max-width:760px;margin:0;color:#8ca5b7;font-size:11px;line-height:1.55}.fleet-check-copy .control-safety-note{margin-top:13px}.fleet-check-action{display:grid;justify-items:end;gap:9px;padding-left:24px;border-left:1px solid rgba(35,83,106,.5)}.fleet-check-action .button{width:100%;min-height:42px}.fleet-check-action small{color:#627f93;font-size:8.5px;text-align:right;line-height:1.45}
.control-centre-v3 .reporting-backlog-panel{padding:22px}.control-centre-v3 .reporting-backlog-summary{gap:12px;margin:14px 0}.control-centre-v3 .reporting-backlog-summary article{min-height:93px;padding:16px;border-color:rgba(35,83,106,.55);background:rgba(2,16,29,.72)}.control-centre-v3 .reporting-backlog-summary small{font-size:7.5px}.control-centre-v3 .reporting-backlog-summary strong{font-size:23px}.control-centre-v3 .reporting-backlog-summary span{font-size:9px}
.backlog-next-step{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 15px;border:1px solid rgba(251,191,36,.19);border-radius:11px;background:rgba(251,191,36,.04)}.backlog-next-step span strong,.backlog-next-step span small{display:block}.backlog-next-step span strong{color:#e8d293;font-size:11px}.backlog-next-step span small{max-width:930px;margin-top:5px;color:#8097a8;font-size:9px;line-height:1.5}.backlog-next-step>b{flex:0 0 auto;color:#8da4b5;font-size:9px}
.backlog-breakdown{margin-top:12px;border:1px solid rgba(35,83,106,.48);border-radius:11px;background:rgba(2,12,24,.45);overflow:hidden}.backlog-breakdown>summary{padding:12px 14px;color:#94bacb;font-size:10px;font-weight:700;cursor:pointer}.backlog-breakdown .reporting-kind-list{margin:0;border:0;border-top:1px solid rgba(35,83,106,.42);border-radius:0}.backlog-breakdown>p{margin:0;padding:10px 14px;color:#607b8f;font-size:9px}.control-centre-v3 .reporting-kind-list>div>span small{display:block;margin-top:4px;color:#4e6c81;font:700 7px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em}.control-centre-v3 .reporting-kind-list>div>em{color:#718da0;font-size:9px;font-style:normal}
.control-advanced-panel{padding:0!important;overflow:hidden}.control-advanced-panel>summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 20px;cursor:pointer;list-style:none}.control-advanced-panel>summary::-webkit-details-marker{display:none}.control-advanced-panel>summary span small,.control-advanced-panel>summary span strong,.control-advanced-panel>summary span em{display:block}.control-advanced-panel>summary span small{color:#5ce8bf;font:800 7px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em}.control-advanced-panel>summary span strong{margin-top:6px;font-size:14px}.control-advanced-panel>summary span em{margin-top:4px;color:#69869a;font-size:9px;font-style:normal}.control-advanced-panel>summary:after{content:"+";order:3;color:#6f8da1;font-size:18px}.control-advanced-panel[open]>summary:after{content:"−"}.control-advanced-body{padding:2px 20px 20px;border-top:1px solid rgba(35,83,106,.42)}.control-advanced-body>.control-explainer{display:flex;gap:12px;margin:15px 0;padding:12px;border:1px solid rgba(35,83,106,.5);border-radius:10px;color:#7893a6;font-size:10px}.control-advanced-body>.control-explainer strong{color:#b7cbd6}.control-action-row{display:flex;gap:10px;margin-top:14px}.control-action-row .button{flex:1}
.full-day-capture-panel{border-color:rgba(46,225,177,.34)!important;background:radial-gradient(circle at 86% 18%,rgba(46,225,177,.08),transparent 28%),linear-gradient(145deg,rgba(2,17,31,.97),rgba(2,11,24,.98))!important}.full-day-capture-panel .fleet-check-action .button.primary{box-shadow:0 10px 30px rgba(46,225,177,.1)}.full-day-capture-panel .fleet-check-action .button:disabled{box-shadow:none}
@media(max-width:1200px){.control-centre-v3 .fleet-health-head{display:none}.control-centre-v3 .fleet-health-row{grid-template-columns:repeat(2,minmax(0,1fr))}.control-centre-v3 .fleet-account{grid-column:1/-1;padding-bottom:10px;border-bottom:1px solid rgba(35,83,106,.4)}.control-centre-v3 .fleet-health-toolbar{grid-template-columns:1fr 1fr}.fleet-check-panel{grid-template-columns:1fr}.fleet-check-action{justify-items:start;padding:16px 0 0;border-left:0;border-top:1px solid rgba(35,83,106,.5)}.fleet-check-action small{text-align:left}}
@media(max-width:820px){.control-centre-hero{align-items:flex-start;flex-direction:column}.control-centre-hero-state{width:100%;min-width:0}.environment-control-grid{grid-template-columns:1fr}.fleet-status-guide>div{grid-template-columns:1fr}.control-section-heading{align-items:flex-start;flex-direction:column;gap:7px}}
@media(max-width:620px){.page-scroll:has(.control-centre-v3){padding-inline:12px}.control-centre-v3{gap:12px}.control-centre-hero{min-height:0;padding:20px 17px}.control-centre-hero h2{font-size:25px}.environment-control-section,.control-centre-v3 .fleet-health-panel,.fleet-check-panel,.control-centre-v3 .reporting-backlog-panel{padding:15px!important}.environment-control-card{grid-template-columns:40px minmax(0,1fr);padding:15px}.environment-control-icon{width:38px;height:38px}.environment-control-action{grid-column:1/-1;width:100%;min-width:0;grid-template-columns:1fr auto;align-items:center;justify-items:start}.environment-control-action .button{min-width:0;width:100%;grid-column:1/-1}.control-safety-note{align-items:flex-start;flex-direction:column;gap:5px}.control-centre-v3 .fleet-health-summary,.control-centre-v3 .reporting-backlog-summary{grid-template-columns:1fr 1fr}.control-centre-v3 .fleet-health-toolbar,.control-centre-v3 .fleet-health-row{grid-template-columns:1fr}.control-centre-v3 .fleet-account{grid-column:auto}.control-centre-v3 .fleet-health-cell,.control-centre-v3 .fleet-health-time{padding:9px 0 0;border-top:1px solid rgba(35,83,106,.32)}.backlog-next-step{align-items:flex-start;flex-direction:column}.control-advanced-panel>summary{align-items:flex-start;padding:15px}.control-advanced-panel>summary .status{margin-left:auto}.control-advanced-body{padding:2px 15px 15px}.control-action-row{flex-direction:column}.control-advanced-body>.control-explainer{flex-direction:column}}
@media(max-width:390px){.control-centre-v3 .fleet-health-summary,.control-centre-v3 .reporting-backlog-summary{grid-template-columns:1fr}}
