.cg-details{grid-column:1/-1;margin:0}
.cg-details .result-details-status{color:var(--green)}
.cg-details.over{border-color:var(--red);background:#321a1d}
.cg-details.over .result-details-status{color:#ff8a83}
.cg-instrument{margin-top:14px;padding-top:14px;border-top:1px solid #355061;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.cg-instrument>div+div{border-left:1px solid #355061;padding-left:16px}
.cg-instrument span{display:block;color:var(--muted);font-size:.65rem;font-weight:800;letter-spacing:.09em}
.cg-instrument strong{display:block;color:var(--green);font-size:1.35rem;margin:7px 0}
.cg-instrument small{color:var(--muted)}
.cg-instrument.over strong{color:#ff8a83}
.cg-envelope-card{margin-top:14px;padding:13px;border:1px solid #315061;border-radius:13px;background:linear-gradient(145deg,#0a1b25,#07131c);overflow:hidden}
.cg-chart-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:7px}.cg-chart-head span{display:block;color:var(--muted);font-size:.57rem;font-weight:900;letter-spacing:.1em}.cg-chart-head b{display:block;margin-top:3px;color:#dce8ed;font-size:.78rem}.cg-chart-head>strong{padding:5px 8px;border:1px solid #296a58;border-radius:999px;color:var(--green);font-size:.58rem;letter-spacing:.07em}.cg-details.over .cg-chart-head>strong{border-color:#8d3b3b;color:#ff9d97}
.cg-envelope-chart{display:block;width:100%;height:auto;max-height:330px;touch-action:manipulation}.cg-plot-bg{fill:#0b202b;stroke:#466475;stroke-width:1}.cg-grid{opacity:.72}.cg-envelope-shape{fill:#2b8f6b38;stroke:var(--green);stroke-width:2;stroke-linejoin:round}.cg-details.over .cg-envelope-shape{fill:#2b8f6b24}.cg-mtow-line{stroke:#ffbd4a;stroke-width:1.3;stroke-dasharray:5 4}.cg-mtow-label{fill:#ffce79;font-size:7px;font-weight:900;letter-spacing:.04em}.cg-crosshair{stroke:#8db1c0;stroke-width:.8;stroke-dasharray:3 3;opacity:.65}.cg-current-halo{fill:#65d8ef33;stroke:#65d8ef66;stroke-width:1}.cg-current-point{fill:var(--cyan);stroke:#e7fbff;stroke-width:2;filter:drop-shadow(0 0 5px #65d8ef)}.cg-current-point.over{fill:var(--red);stroke:#ffe8e6;filter:drop-shadow(0 0 5px #ff655d)}.cg-point-label{fill:#dff9ff;font-size:7px;font-weight:900;letter-spacing:.08em}.cg-axis-labels{fill:#8198a3;font-size:7px;font-weight:800}.cg-axis-title{fill:#9cb1ba;font-size:7px;letter-spacing:.1em}.cg-chart-readout{margin:4px 3px 0;padding:8px 10px;border-radius:8px;background:#143629;color:var(--green);font-size:.68rem;font-weight:800;text-align:center}.cg-chart-readout.over{background:#421f22;color:#ff9d97}.cg-chart-source{display:block;margin:8px 2px 0;color:#6f8792;font-size:.56rem;line-height:1.4;text-align:right}
.supplement-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:13px;border:1px solid #345062;border-radius:12px;background:#091722;transition:opacity .2s}
.supplement-options.inactive{opacity:.45}
.locked-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:16px}
.locked-head h2{margin:0}
.locked-head span{font-size:.62rem;font-weight:900;letter-spacing:.08em;color:var(--green);border:1px solid #296a58;border-radius:999px;padding:5px 8px}
.locked-aircraft input[readonly]{color:#b8cbd4;background:#0c1820;border-color:#283d49;cursor:not-allowed}
.locked-aircraft input[readonly]:focus{box-shadow:none;border-color:#283d49}
@media(max-width:520px){.supplement-options{grid-template-columns:1fr}.cg-instrument{grid-template-columns:1fr}.cg-instrument>div+div{border-left:0;border-top:1px solid #355061;padding:12px 0 0}.cg-envelope-card{padding:9px}.cg-envelope-chart{margin:0 -3px;width:calc(100% + 6px)}.cg-chart-source{text-align:left}}
.fuel-mode{display:flex;align-items:center;gap:12px;padding:13px;border:1px solid #375063;border-radius:12px;background:#0b1924;cursor:pointer}.fuel-mode input{position:absolute;opacity:0;pointer-events:none}.fuel-mode>i{position:relative;width:50px;height:28px;border-radius:99px;background:#314653;flex:0 0 auto;transition:.2s}.fuel-mode>i:after{content:"";position:absolute;width:22px;height:22px;left:3px;top:3px;border-radius:50%;background:#d5e1e6;transition:.2s}.fuel-mode input:checked+i{background:var(--cyan)}.fuel-mode input:checked+i:after{transform:translateX(22px);background:#06202a}.fuel-mode input:focus-visible+i{box-shadow:0 0 0 3px #65d8ef44}.fuel-mode span{color:var(--text)}.fuel-mode small{display:block;color:var(--muted);font-weight:500;margin-top:3px}.fuel-input{transition:opacity .2s}.fuel-input.disabled{opacity:.48}.fuel-input input:disabled{cursor:not-allowed;color:#95a6ad;background:#15212a;border-color:#293a44}.load-visual{border:1px solid #345365;border-radius:14px;background:linear-gradient(145deg,#0b1c27,#08131c);padding:14px;overflow:hidden}.load-visual-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.load-visual-head>div:last-child{text-align:right}.load-visual-head span{display:block;color:var(--muted);font-size:.58rem;font-weight:900;letter-spacing:.09em}.load-visual-head b{display:block;margin-top:3px;font-size:.82rem}.load-visual-head #loadCgValue{color:var(--green)}.aircraft-side{margin:5px -5px 1px}.aircraft-side svg{display:block;width:100%;height:auto;max-height:230px}.plane-body{fill:#a8bcc6;stroke:#dce9ed;stroke-width:3}.plane-window{fill:#153747;stroke:#65d8ef;stroke-width:2}.plane-wing{fill:#7896a5;stroke:#c3d7df;stroke-width:2}.plane-strut,.plane-gear{fill:none;stroke:#9eb5c0;stroke-width:5;stroke-linecap:round}.plane-wheel{fill:#111b21;stroke:#8ea4ae;stroke-width:4}.station-pin line{stroke:#65d8ef;stroke-width:2;stroke-dasharray:4 4}.station-pin circle{fill:#65d8ef}.station-pin text{fill:#aeeaf5;text-anchor:middle;font-size:13px;font-weight:900;letter-spacing:1px}.station-pin.fuel line{stroke:#ffbd4a}.station-pin.fuel circle{fill:#ffbd4a}.station-pin.fuel text{fill:#ffdb93}.station-pin.bag line,.station-pin.bag2 line{stroke:#bc93ff}.station-pin.bag circle,.station-pin.bag2 circle{fill:#bc93ff}.station-pin.bag text,.station-pin.bag2 text{fill:#d8c0ff}.cg-guide{stroke:#55717e;stroke-width:5;stroke-linecap:round}.cg-marker{stroke:var(--green);stroke-width:6;stroke-linecap:round;filter:drop-shadow(0 0 5px #55d69eaa);transition:x1 .25s,x2 .25s}.cg-marker.over{stroke:var(--red);filter:drop-shadow(0 0 5px #ff655daa)}.cg-label{fill:#718b97;font-size:10px;font-weight:800;letter-spacing:1px}.load-bars{display:grid;grid-template-columns:1fr 1fr;gap:9px}.load-bars>div{background:#0d202b;border-radius:9px;padding:9px}.load-bars span{display:flex;justify-content:space-between;gap:8px;align-items:center}.load-bars b{font-size:.68rem}.load-bars em{font-style:normal;color:#dce8ed;font-size:.68rem;font-weight:800}.load-bars i{display:block;height:7px;border-radius:99px;background:#243945;margin:7px 0 5px;overflow:hidden}.load-bars u{display:block;width:0;height:100%;border-radius:inherit;background:var(--cyan);text-decoration:none;transition:width .25s}.load-bars>div:nth-child(2) u{background:var(--amber)}.load-bars>div:nth-child(3) u,.load-bars>div:nth-child(4) u{background:#bc93ff}.load-bars u.over{background:var(--red)!important}.load-bars small{color:var(--muted);font-size:.58rem}.bottom-nav.two{grid-template-columns:repeat(2,1fr)}
@media(max-width:520px){.load-visual{padding:11px}.load-bars{grid-template-columns:1fr}.aircraft-side{margin:6px -8px}.station-pin text{font-size:11px}.load-visual-head b{font-size:.75rem}}

.mass-composition{border:1px solid #345365;border-radius:14px;background:linear-gradient(145deg,#0b1c27,#08131c);padding:15px;overflow:hidden}
.mass-composition-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}
.mass-composition-head>div:last-child{text-align:right}
.mass-composition-head span{display:block;color:var(--muted);font-size:.58rem;font-weight:900;letter-spacing:.09em}
.mass-composition-head b{display:block;margin-top:3px;font-size:.82rem}
.mass-composition-head #massCompositionTotal{color:var(--cyan);font-size:1rem}
.mass-composition-head small{display:block;color:var(--muted);font-size:.65rem;font-weight:800;margin-top:2px}
.mass-stack-track{display:flex;height:38px;margin-top:17px;background:#172a35;border:1px solid #456171;border-radius:10px;overflow:hidden;box-shadow:inset 0 2px 7px #0008;transition:border-color .2s,box-shadow .2s}
.mass-stack-track.over{border:2px solid var(--red);box-shadow:0 0 0 3px #ff655d22,inset 0 2px 7px #0008}
.mass-segment{display:block;height:100%;flex:0 0 0;min-width:0;transition:flex-basis .25s ease;box-shadow:inset -1px 0 #06121a55}
.mass-segment.empty,.mass-legend i.empty{background:#527180}
.mass-segment.pilot1,.mass-legend i.pilot1{background:#65d8ef}
.mass-segment.pilot2,.mass-legend i.pilot2{background:#2f9fbd}
.mass-segment.fuel,.mass-legend i.fuel{background:#ffbd4a}
.mass-segment.bag1,.mass-legend i.bag1{background:#bc93ff}
.mass-segment.bag2,.mass-legend i.bag2{background:#8058c7}
.mtow-axis{display:flex;justify-content:space-between;gap:10px;margin-top:6px;color:#78909c;font-size:.58rem;font-weight:800;letter-spacing:.04em}
.mtow-axis b{color:#9fb2bb}
.mass-legend{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px}
.mass-legend>div{display:flex;align-items:center;gap:9px;min-width:0;background:#0d202b;border-radius:9px;padding:8px 9px}
.mass-legend>div>i{width:10px;height:30px;border-radius:4px;flex:0 0 auto}
.mass-legend span{min-width:0;color:var(--muted);font-size:.62rem;font-weight:700}
.mass-legend b{display:block;color:#dce8ed;font-size:.72rem;margin-top:2px;white-space:nowrap}
.mass-composition-status{margin:12px 0 0;padding:8px 10px;border-radius:8px;background:#153427;color:var(--green);font-size:.72rem;font-weight:900;text-align:center}
.mass-composition-status.over{background:#421f22;color:#ff9d97}
.mass-data-source{display:block;margin-top:8px;color:#6f8792;font-size:.58rem;text-align:right}
.aip-pack-status{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.aip-pack-status>div{padding:10px;border-radius:9px;background:#0d202b}
.aip-pack-status span,.aip-pack-status small{display:block;color:var(--muted);font-size:.6rem}
.aip-pack-status b{display:block;margin:3px 0;color:#dce8ed;font-size:.76rem}
.aip-pack-status .active b{color:var(--green)}
.aip-pack-status .expired b{color:#ff9d97}
.aip-data-packs .file-drop{margin-bottom:4px}
@media(max-width:520px){.mass-composition{padding:12px}.mass-composition-head b{font-size:.75rem}.mass-stack-track{height:34px}.mass-legend{grid-template-columns:1fr}.mass-legend>div>i{height:25px}.aip-pack-status{grid-template-columns:1fr}}