/* GNG cockpit PNG components: independent layers with live state above them. */
.cockpit-frame{position:relative;isolation:isolate;overflow:hidden}
.cockpit-frame-asset{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;opacity:.82;z-index:-1;pointer-events:none}
.component-asset{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;z-index:0;opacity:.88}
.gauge-shell{isolation:isolate}.gauge-shell>*:not(.gauge-asset){position:relative;z-index:1}.gauge-asset{inset:0}.central-instrument{position:relative;width:100%;height:100%;display:grid;place-items:center;align-content:center}.central-asset{inset:10px;width:calc(100% - 20px);height:calc(100% - 20px);object-fit:contain;opacity:.9}.central-ring{position:relative;z-index:1;border-color:transparent!important;box-shadow:none!important}.central-ring .gng-word{opacity:0}
.panel-asset{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.38;pointer-events:none;z-index:0}.decision-card,.summary,.asset-panel{position:relative;isolation:isolate}.decision-card>*:not(.panel-asset),.summary>*:not(.panel-asset),.asset-panel>*:not(.panel-asset){position:relative;z-index:1}
#missions .panel:nth-child(1),#missions .panel:nth-child(2),#missions .panel:nth-child(3),#system .panel:nth-child(2){background-color:#030b0f;background-blend-mode:screen}
#owner:after,#system .panel:first-child:after,#system .panel:last-child:after,#learning:after{display:block;content:"";height:54px;margin-top:12px;background-repeat:no-repeat;background-position:left center;background-size:contain;opacity:.7}
#owner:after{background-image:url('/assets/cockpit/15_status_lights.png')}
#system .panel:first-child:after{background-image:url('/assets/cockpit/16_compact_gauges.png')}
#system .panel:last-child:after{background-image:url('/assets/cockpit/18_icon_set.png')}
#learning:after{background-image:url('/assets/cockpit/17_charts.png')}
@media(max-width:780px){.component-asset{opacity:.72}.cockpit-frame-asset{opacity:.55}.panel-asset{opacity:.28}}

/* PM13R1 — cockpit composition repair. The approved cockpit image is the chassis; HTML owns live data. */
.cockpit-frame{position:relative!important;isolation:isolate!important;overflow:hidden!important;min-height:344px!important;padding:20px 18px!important;gap:8px!important;border:0!important;border-radius:0!important;background-color:transparent!important;background-image:url('/assets/cockpit/01_cockpit_frame_v2.png')!important;background-repeat:no-repeat!important;background-position:center!important;background-size:100% 100%!important;box-shadow:none!important}
.cockpit-frame-asset{display:none!important}
.cockpit-frame>.instrument,.cockpit-frame>.gng-core{min-height:300px!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:18px!important}
.cockpit-frame>.instrument .instrument-head{padding-top:8px}
.cockpit-frame>.instrument .instrument-label{color:#eaf6f8!important;text-shadow:0 0 8px rgba(0,230,118,.22)}
.cockpit-frame>.instrument .telemetry{color:#8ea7b1!important}
.cockpit-frame .gauge-shell{height:226px!important;margin:0!important;display:grid!important;place-items:center!important;position:relative!important}
.cockpit-frame .gauge-asset,.cockpit-frame .gauge-arc,.cockpit-frame .gauge-tick,.cockpit-frame .meter{display:none!important}
.cockpit-frame .gauge-shell:before{content:"";position:absolute;width:148px;height:148px;border-radius:50%;background:radial-gradient(circle,rgba(1,9,12,.96) 0 66%,rgba(1,9,12,.88) 70%,rgba(1,9,12,.15) 72%,transparent 74%);box-shadow:inset 0 0 24px rgba(0,230,118,.08),0 0 12px rgba(0,0,0,.5);z-index:0}
.cockpit-frame .gauge-center{position:relative!important;z-index:2!important;text-align:center!important;max-width:150px}
.cockpit-frame .gauge-center .metric-value{font-size:18px!important;line-height:1.15!important;text-shadow:0 0 10px rgba(255,255,255,.08)}
.cockpit-frame .gauge-center small{font-size:8px!important;color:#d9e7ea!important;letter-spacing:.12em!important}
.cockpit-frame .gauge-panel .muted,.cockpit-frame .gauge-panel>.meter{display:none!important}
.cockpit-frame .gng-core{display:grid!important;place-items:center!important;position:relative!important}
.cockpit-frame .central-asset{display:none!important}
.cockpit-frame .central-ring{display:none!important}
.cockpit-frame .central-instrument{height:100%!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important}
.cockpit-frame .central-instrument .gng-word{display:none!important}
.cockpit-frame .gng-caption{display:none!important}
.cockpit-frame .gng-central-gauge:before{display:none!important}
.cockpit-frame #gngTelemetry{margin-top:168px!important;color:#8ea7b1!important;font-size:10px!important;letter-spacing:.08em}
.cockpit-frame .decision-card{min-height:300px!important;margin:8px 4px 8px 0!important;padding:18px!important;background:linear-gradient(145deg,rgba(5,14,18,.90),rgba(2,7,10,.96))!important;border:1px solid rgba(104,190,207,.35)!important;box-shadow:0 0 24px rgba(0,190,220,.08),inset 0 0 28px rgba(0,230,118,.04)!important;overflow:hidden}
.cockpit-frame .decision-card .panel-asset{opacity:.09!important;filter:saturate(1.2)!important}
.cockpit-frame .decision-card:after{content:"";position:absolute;inset:5px;background:rgba(2,8,11,.76);border-radius:10px;z-index:0;pointer-events:none}
.cockpit-frame .decision-card>*:not(.panel-asset){position:relative!important;z-index:2!important}
.cockpit-frame .decision-card h2{font-size:15px!important;margin-top:18px!important}
.cockpit-frame .decision-card .decision{background:rgba(5,13,17,.72)!important}
.summary,.panel{position:relative!important;overflow:hidden!important;isolation:isolate!important}
.summary:before,.panel:before{content:"";position:absolute;inset:0;background:linear-gradient(145deg,rgba(5,14,18,.84),rgba(2,8,11,.90));z-index:0;pointer-events:none}
.summary>.panel-asset{opacity:.16!important;filter:saturate(1.1) contrast(1.05)!important;z-index:0!important}
.summary>*:not(.panel-asset),.panel>*{position:relative!important;z-index:2!important}
.summary:after{z-index:1!important;right:14px!important;bottom:14px!important;opacity:.85!important}
#missions .panel,#system .panel{background-image:none!important;background-color:rgba(4,12,16,.96)!important}
#missions .panel:after,#system .panel:after{content:"";position:absolute;inset:8px;border:1px solid rgba(32,217,255,.08);border-radius:9px;pointer-events:none;z-index:1}
#missions .panel:nth-child(1):before{background:radial-gradient(circle at 8% 15%,rgba(0,230,118,.06),transparent 35%),linear-gradient(145deg,rgba(5,14,18,.84),rgba(2,8,11,.94))}
#missions .panel:nth-child(2):before{background:radial-gradient(circle at 12% 15%,rgba(255,193,7,.06),transparent 35%),linear-gradient(145deg,rgba(5,14,18,.84),rgba(2,8,11,.94))}
#missions .panel:nth-child(3):before{background:radial-gradient(circle at 12% 15%,rgba(32,217,255,.06),transparent 35%),linear-gradient(145deg,rgba(5,14,18,.84),rgba(2,8,11,.94))}
#system .panel:nth-child(2):before{background:radial-gradient(circle at 50% 45%,rgba(0,230,118,.05),transparent 40%),linear-gradient(145deg,rgba(5,14,18,.84),rgba(2,8,11,.94))}
.metric-value.no-telemetry{color:#8299a3!important;text-shadow:none!important}
.telemetry{letter-spacing:.04em}
@media(max-width:1240px){.cockpit-frame{min-height:650px!important;background-size:100% 50%!important;background-position:top center!important;background-color:#02070a!important;background-repeat:no-repeat!important}.cockpit-frame>.instrument,.cockpit-frame>.gng-core{min-height:300px!important}.cockpit-frame .decision-card{margin-top:0!important}}
@media(max-width:780px){.cockpit-frame{min-height:auto!important;padding:10px!important;background-size:100% auto!important;background-position:top center!important;background-repeat:no-repeat!important;padding-top:56vw!important}.cockpit-frame>.instrument,.cockpit-frame>.gng-core{min-height:235px!important;background:linear-gradient(180deg,rgba(3,10,13,.86),rgba(2,8,11,.97))!important;border:1px solid rgba(120,190,205,.18)!important;border-radius:12px!important}.cockpit-frame .gauge-shell{height:170px!important}.cockpit-frame #gngTelemetry{margin-top:0!important}.cockpit-frame .decision-card{min-height:250px!important}}

/* PM13R2 — single cockpit chassis with four functional zones. */
.cockpit-frame{display:grid!important;grid-template-columns:minmax(0,3fr) minmax(260px,1fr)!important;position:relative!important;min-height:336px!important;padding:10px!important;gap:10px!important;overflow:hidden!important;background:none!important;border:0!important;border-radius:16px!important}
.cockpit-frame:before{content:"";position:absolute;left:0;top:0;bottom:0;width:calc(75% - 5px);background:url('/assets/cockpit/01_cockpit_frame_v2.png') center/100% 100% no-repeat;z-index:0;pointer-events:none}
.cockpit-frame>.instrument,.cockpit-frame>.gng-core,.cockpit-frame>.decision-card{position:absolute!important;z-index:2!important;min-height:0!important}
.cockpit-frame>.execution-gauge{left:0;top:0;width:25%;height:100%}
.cockpit-frame>.gng-core{left:25%;top:0;width:25%;height:100%}
.cockpit-frame>.compliance-gauge{left:50%;top:0;width:25%;height:100%}
.cockpit-frame>.decision-card{left:calc(75% + 5px);right:0;top:10px;bottom:10px;height:auto!important}
.cockpit-frame>.instrument,.cockpit-frame>.gng-core{background:transparent!important;border:0!important;box-shadow:none!important;padding:24px 18px!important}
.cockpit-frame>.instrument .instrument-head{padding-top:2px}
.cockpit-frame>.instrument .instrument-label{color:#eef8fa!important;text-shadow:0 0 9px rgba(0,230,118,.18)}
.cockpit-frame .gauge-shell{height:220px!important;margin:0!important;display:grid!important;place-items:center!important;position:relative!important}
.cockpit-frame .gauge-asset,.cockpit-frame .gauge-arc,.cockpit-frame .gauge-tick,.cockpit-frame .meter{display:none!important}
.cockpit-frame .gauge-shell:before{content:"";position:absolute;width:142px;height:142px;border-radius:50%;background:radial-gradient(circle,rgba(1,8,11,.985) 0 69%,rgba(1,8,11,.90) 71%,rgba(1,8,11,.10) 73%,transparent 75%);box-shadow:inset 0 0 20px rgba(0,230,118,.07),0 0 10px rgba(0,0,0,.6);z-index:0}
.cockpit-frame .gauge-center{position:relative!important;z-index:2!important;text-align:center!important;max-width:145px}
.cockpit-frame .gauge-center .metric-value{font-size:17px!important;line-height:1.15!important}
.cockpit-frame .gauge-center small{font-size:8px!important;color:#dce8eb!important}
.cockpit-frame .gauge-panel>.muted{display:none!important}
.cockpit-frame .gng-core{display:grid!important;place-items:center!important}
.cockpit-frame .central-asset,.cockpit-frame .central-ring,.cockpit-frame .central-instrument .gng-word,.cockpit-frame .gng-caption{display:none!important}
.cockpit-frame .central-instrument{height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important}
.cockpit-frame #gngTelemetry{margin-top:188px!important;color:#8ea7b1!important;font-size:9px!important;letter-spacing:.08em}
.cockpit-frame .decision-card{margin:0!important;padding:18px!important;background:linear-gradient(145deg,rgba(5,14,18,.94),rgba(2,7,10,.98))!important;border:1px solid rgba(104,190,207,.42)!important;box-shadow:0 0 24px rgba(0,190,220,.08),inset 0 0 28px rgba(0,230,118,.04)!important;overflow:hidden}
.cockpit-frame .decision-card .panel-asset{display:none!important}
.cockpit-frame .decision-card:before{content:"";position:absolute;inset:8px;border:1px solid rgba(32,217,255,.12);border-radius:10px;box-shadow:inset 0 0 25px rgba(0,220,230,.03);pointer-events:none;z-index:0}
.cockpit-frame .decision-card>*{position:relative!important;z-index:2!important}
.cockpit-frame .decision-card h2{font-size:14px!important;margin:18px 0 12px!important}
.cockpit-frame .decision-card .decision{background:rgba(5,13,17,.72)!important}
.summary>.panel-asset{opacity:.10!important}
.summary:before,.panel:before{background:linear-gradient(145deg,rgba(5,14,18,.92),rgba(2,8,11,.96))!important}
#missions .panel,#system .panel{background-image:none!important}
@media(max-width:1240px){.cockpit-frame{min-height:640px!important;grid-template-columns:1fr 1fr!important}.cockpit-frame:before{width:100%;height:320px;right:0;bottom:auto}.cockpit-frame>.execution-gauge{left:0;top:0;width:33.333%;height:320px}.cockpit-frame>.gng-core{left:33.333%;top:0;width:33.333%;height:320px}.cockpit-frame>.compliance-gauge{left:66.666%;top:0;width:33.333%;height:320px}.cockpit-frame>.decision-card{left:0;right:0;top:330px;bottom:10px;width:auto}}
@media(max-width:780px){.cockpit-frame{display:block!important;min-height:920px!important;padding:0!important}.cockpit-frame:before{width:100%;height:240px;background-size:100% auto;background-position:top center}.cockpit-frame>.execution-gauge,.cockpit-frame>.gng-core,.cockpit-frame>.compliance-gauge{left:0;width:100%;height:215px;background:linear-gradient(180deg,rgba(3,10,13,.80),rgba(2,8,11,.97))!important;border:1px solid rgba(120,190,205,.18)!important;border-radius:12px!important}.cockpit-frame>.execution-gauge{top:250px}.cockpit-frame>.gng-core{top:475px}.cockpit-frame>.compliance-gauge{top:700px}.cockpit-frame>.decision-card{top:925px}.cockpit-frame .gauge-shell{height:150px!important}.cockpit-frame #gngTelemetry{margin-top:0!important}}

/* PM13R5 — restore the identity inside the physical center instrument; data stays live. */
.cockpit-frame .central-instrument{position:relative!important}
.cockpit-frame .central-instrument .gng-word{display:flex!important;position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-58%)!important;font-size:72px!important;line-height:1!important;gap:1px!important;letter-spacing:-.09em!important;text-shadow:0 0 24px rgba(0,230,118,.30)!important}
.cockpit-frame .central-instrument .gng-caption{display:block!important;position:absolute!important;left:50%!important;top:64%!important;transform:translateX(-50%)!important;color:#b9cbd1!important;font-size:9px!important;letter-spacing:.24em!important;white-space:nowrap!important}
.cockpit-frame #gngTelemetry{position:absolute!important;left:50%!important;top:76%!important;transform:translateX(-50%)!important;margin:0!important}
.summary>.panel-asset{display:none!important}

/* PM13R6 — center identity is a live HTML layer inside the physical ring. */
.cockpit-frame .central-ring{display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;border:0!important;box-shadow:none!important;background:transparent!important}
.cockpit-frame .central-ring .gng-word{display:flex!important;position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-62%)!important;font-size:72px!important;line-height:1!important;gap:1px!important;letter-spacing:-.09em!important;text-shadow:0 0 24px rgba(0,230,118,.30)!important}

.cockpit-frame .central-ring .gng-word{opacity:1!important;color:#fff!important}

/* PM13R8 — mobile cockpit becomes a vertical instrument stack, never a cropped desktop. */
@media(max-width:780px){
html,body{overflow-x:hidden!important}
.content{width:100%!important;max-width:100%!important;overflow-x:hidden!important}
.cockpit-frame{display:block!important;width:100%!important;max-width:100%!important;min-height:1180px!important;height:1180px!important;padding:0!important;margin:0!important;overflow:hidden!important}
.cockpit-frame:before{left:0!important;right:0!important;top:0!important;width:100%!important;height:210px!important;background-size:100% 100%!important;background-position:center top!important}
.cockpit-frame>.execution-gauge,.cockpit-frame>.gng-core,.cockpit-frame>.compliance-gauge{left:0!important;width:100%!important;height:215px!important;min-height:215px!important;padding:18px!important;background:linear-gradient(180deg,rgba(3,10,13,.96),rgba(2,8,11,.99))!important;border:1px solid rgba(120,190,205,.18)!important;border-radius:12px!important}
.cockpit-frame>.execution-gauge{top:225px!important}.cockpit-frame>.gng-core{top:450px!important}.cockpit-frame>.compliance-gauge{top:675px!important}
.cockpit-frame>.decision-card{left:0!important;right:0!important;top:900px!important;width:100%!important;height:260px!important;min-height:260px!important}
.cockpit-frame .gauge-shell{height:155px!important}
.cockpit-frame .central-instrument{height:100%!important}
.cockpit-frame .central-ring .gng-word{font-size:58px!important}
.cockpit-frame .central-instrument .gng-caption{top:64%!important}
.cockpit-frame #gngTelemetry{top:79%!important}
}

@media(max-width:780px){.cockpit-frame:before{background-size:contain!important;background-repeat:no-repeat!important;background-color:#02070a!important;height:210px!important}}