.loadout-open{width:100%;margin:0 0 7px;padding:7px;border:1px solid #4a6fa588;background:#141922;color:#b9c9dc;font-size:9px;letter-spacing:1px}
.loadout-open:disabled{opacity:.45}
.loadout-dialog{max-width:650px}
.loadout-slots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:12px 0}
.loadout-slot,.catalog-module{border:1px solid #434b58;background:#171b22;color:#dbe2ec;padding:9px;text-align:left;font-size:9px;letter-spacing:.5px;touch-action:pan-y}
.loadout-slot.selected,.catalog-module.selected{border-color:#ffb703;background:#2d2818}
.loadout-slot.selected{box-shadow:inset 3px 0 #ffb703}
.slot-rating{display:block;margin-top:5px;color:#aebed0;font-size:8px}
.catalog-module.dragging,.loadout-slot.dragging{opacity:.45;border-style:dashed;cursor:grabbing}
.loadout-rank{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#a8b2bf}
.loadout-rank select{background:#12161d;color:#fff;border:1px solid #586274;padding:6px}
.loadout-projection{min-height:28px;border-left:2px solid #ffb703;padding:6px 8px;background:#13171e;font-size:9px;line-height:1.5}
.loadout-ratings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin:10px 0;padding:8px;border:1px solid #303b4a;background:#10151d}
.loadout-ratings p{display:flex;justify-content:space-between;gap:8px;margin:0;color:#dce7f4;font-size:8px;letter-spacing:.5px}
.loadout-ratings b{color:#9fb1c6;font-weight:600}
.loadout-ratings em{font-style:normal}.loadout-ratings em.positive{color:#a8d9a0}.loadout-ratings em.negative{color:#ff9d8f}
.loadout-ratings small{grid-column:1/-1;color:#8899ad;font-size:8px;line-height:1.35}
.module-catalog{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;max-height:38dvh;overflow:auto;padding:4px 0}
.catalog-module{min-height:54px}
.catalog-module b,.catalog-module span{display:block}
.catalog-module span{margin-top:4px;color:#9ba8b9;font-size:8px}
.drag-handle{float:right;margin:-2px 0 0 8px!important;padding:5px 2px;color:#ffb703!important;font-size:13px!important;letter-spacing:-3px;line-height:1;touch-action:none;cursor:grab;user-select:none}
.drag-handle:active{cursor:grabbing}
.loadout-error{color:#ff8277;min-height:18px;font-size:9px}
.loadout-dialog [data-save].primary-button{color:#171106;background:#ffd166;border-color:#ffe19a;text-shadow:none;opacity:1}
.loadout-dialog [data-save].primary-button:disabled{color:#7f6d43;background:#3b3525;border-color:#66562e;opacity:1}
.module-control.module-hot{border-color:#e16a43}
.module-control .protocol-name{font-size:11px}
.module-control .protocol-state{display:block;margin-top:5px;padding:3px 5px;border:1px solid #697789;background:#1a222d;color:#e5edf6;font-size:8px;font-weight:700;letter-spacing:.55px;line-height:1.2;text-align:center}
.module-control .protocol-state.ready{border-color:#96d49a;background:#183020;color:#d9f8d8}
.action-dock:has(.loadout-open){flex-basis:auto;min-height:0}
@media(min-height:801px){.stage-bay{min-height:286px}}
@media(max-width:360px){.module-catalog{grid-template-columns:1fr}.loadout-slots{grid-template-columns:1fr}}
