.overview .readouts{gap:18px;min-width:0}
.overview .readouts>div,.overview .readouts>button{min-width:82px}
.readouts>button{padding:4px 9px;background:#14212e;text-align:left;box-shadow:none;border-color:#455b6d}
.readouts>button strong{display:block;color:#f4cf8b;font-weight:600}
.readouts>button span{white-space:nowrap;color:#c9d5de}
.readouts>button.cargo-low{border-color:#e0a64a}.readouts>button.cargo-empty{border-color:#fa8776}
.readouts>button.cargo-low strong{color:#ffd58b}.readouts>button.cargo-empty strong{color:#ff9c8b}
#cargo-dialog{width:min(900px,calc(100% - 28px));max-width:900px;max-height:calc(100dvh - 28px);padding:20px;background:#172330}
.cargo-titlebar{display:flex;align-items:center;justify-content:space-between;gap:16px}.cargo-titlebar h2{margin:7px 0 0;font-size:25px}.cargo-titlebar button{font-size:22px;padding:0 8px}
#cargo-dialog p,#cargo-dialog dl{font:13px/1.6 'Segoe UI',sans-serif;color:#d7e1e7}
.cargo-stocks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}
.cargo-stocks section{background:#101d29;border:1px solid #465967;padding:14px}
.cargo-stocks h3{display:flex;align-items:center;justify-content:space-between;font:15px Consolas,monospace;color:#f4cf8b;margin:0 0 12px}.cargo-stocks h3 strong{font-size:28px}
.cargo-stocks dt{color:#f4cf8b;font-weight:600;margin-top:12px}.cargo-stocks dd{margin:4px 0 0}.cargo-stocks dl{margin-bottom:0}
#cargo-warning:empty{display:none}#cargo-dialog #cargo-warning{color:#ffba9f;border-left:3px solid #e0a64a;padding:8px 12px;background:#e0a64a0c}
.cargo-note{border-top:1px solid #465967;padding-top:13px}#cargo-dialog #cargo-restock{color:#f4cf8b}
@media(min-width:601px) and (max-width:1100px){.overview .readouts{gap:8px}.overview .readouts>div,.overview .readouts>button{min-width:70px}.overview .readouts span{font-size:10px;letter-spacing:.3px}.overview h1{font-size:17px}}
@media(min-width:601px) and (max-width:800px){.overview{flex-wrap:wrap;padding:10px}.overview .readouts{width:100%;justify-content:space-between}}
@media(max-width:600px){.overview .readouts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.overview .readouts>div,.overview .readouts>button{min-width:0}.cargo-stocks{grid-template-columns:1fr}#cargo-dialog{padding:16px}}