/* Cargo canvas renderer and pointer controls - v2.19 */
.cargo-canvas-shell-v219{position:absolute;inset:0;overflow:hidden}
.cargo-canvas-v219{width:100%;height:100%;display:block;touch-action:none;cursor:grab;background:#01070c}
.cargo-canvas-v219.orbiting,.cargo-canvas-v219.panning,.cargo-drag-active .cargo-canvas-v219{cursor:grabbing}
.cargo-grid-stage::before{display:none!important}
.cargo-svg-shell,.cargo-scene-svg,.cargo-board-shell{display:none!important}
.cargo-manifest-filters input,.cargo-manifest-filters select{
  background:#04131e!important;color:#e8fbff!important;border:1px solid #17607c!important;
  -webkit-text-fill-color:#e8fbff!important;caret-color:#21f0bd!important;box-shadow:none!important
}
.cargo-manifest-filters input::placeholder{color:#6e95a6!important}
.cargo-manifest-filters select option{background:#04131e;color:#e8fbff}
.cargo-v219-ghost{display:flex!important}
.cargo-stage-caption{z-index:8}
.cargo-size-legend{z-index:8}

/* Cargo Operations cleanup and compact layout - v2.20 */
.cargo-terminal-layout{grid-template-columns:minmax(245px,.62fr) minmax(620px,1.9fr) minmax(225px,.54fr);gap:9px;padding:9px}
.cargo-grid-stage{min-height:510px}
.cargo-inspector-panel-v220{min-width:0}
.cargo-inspector-panel-v220 .cargo-subpanel{padding:9px}
.cargo-status-grid-v220{grid-template-columns:1fr 1fr}
.cargo-hold-mass-meter{height:7px;margin-top:7px;border:1px solid rgba(48,104,130,.52);background:#020b12;overflow:hidden}
.cargo-hold-mass-meter span{display:block;height:100%;background:linear-gradient(90deg,#21f0bd,#00d8ff)}
.cargo-canvas-v219{cursor:grab}
.cargo-context-actions-v220{grid-template-columns:1fr 1fr}
.cargo-context-actions-v220 .btn:first-child{grid-column:1/-1}
.cargo-compact-resources{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin:8px 0;padding:0 1px}
.cargo-compact-resource{min-width:0;border:1px solid rgba(54,111,139,.38);background:linear-gradient(180deg,rgba(5,18,29,.94),rgba(3,12,20,.9));padding:7px 9px;display:grid;grid-template-columns:auto 1fr;gap:2px 8px;align-items:baseline}
.cargo-compact-resource span{color:#7f9eac;font:8px Consolas,monospace;text-transform:uppercase;letter-spacing:.08em}
.cargo-compact-resource b{color:#eafcff;font:700 11px Consolas,monospace;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cargo-compact-resource small{grid-column:1/-1;color:#708d9b;font:8px Consolas,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cargo-transfer-panel{margin-top:0}
.cargo-transfer-history-head{margin-top:13px}
.cargo-data-dialog-backdrop{position:fixed;inset:0;z-index:13000;display:none;place-items:center;background:rgba(0,5,9,.7);backdrop-filter:blur(2px);padding:18px}
.cargo-data-dialog-backdrop.show{display:grid}
.cargo-data-dialog{width:min(620px,94vw);max-height:88vh;overflow:auto;border:1px solid rgba(0,216,255,.62);background:linear-gradient(180deg,#071b29,#03101a);box-shadow:0 24px 70px rgba(0,0,0,.72);padding:13px}
.cargo-data-dialog-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;border-bottom:1px solid rgba(54,111,139,.38);padding-bottom:10px;margin-bottom:10px}
.cargo-data-dialog-head>div{display:flex;gap:10px;align-items:center}.cargo-data-dialog-head h3{margin:0;color:#effcff}.cargo-data-dialog-head p{margin:3px 0 0;color:#86a5b4;font:9px Consolas,monospace}
.cargo-data-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.cargo-data-grid>div{border:1px solid rgba(45,96,120,.36);background:rgba(2,10,17,.62);padding:8px}.cargo-data-grid .span-all{grid-column:1/-1}.cargo-data-grid span{display:block;color:#7898a7;font:8px Consolas,monospace;text-transform:uppercase;letter-spacing:.08em}.cargo-data-grid b{display:block;margin-top:4px;color:#e9fbff;font:10px Consolas,monospace;line-height:1.45}
.cargo-level-controls [data-cargo-slots],.cargo-svg-slot{display:none!important}

@media(max-width:1450px){
  .cargo-terminal-layout{grid-template-columns:230px minmax(520px,1fr) 220px}
  .cargo-grid-stage{min-height:490px}
}
@media(max-width:1180px){
  .cargo-terminal-layout{grid-template-columns:225px minmax(500px,1fr)}
  .cargo-inspector-panel-v220{grid-column:1/-1}
  .cargo-inspector-panel-v220 .cargo-subpanel{max-width:none}
  .cargo-compact-resources{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:850px){
  .cargo-terminal-layout{grid-template-columns:1fr}
  .cargo-grid-stage{min-height:450px}
  .cargo-compact-resources{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
  .cargo-compact-resources,.cargo-data-grid{grid-template-columns:1fr}
  .cargo-data-grid .span-all{grid-column:auto}
}