/* Separate overlay: base image < Segmentums < sector trail < campaign zones. */
#atlas-segmentums-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.segmentum-controls{padding:10px 16px;border-top:1px solid #293c52;color:#ceddea;font-size:12px;background:#101e30}
.segmentum-controls summary{cursor:pointer;min-height:28px;line-height:28px;font-weight:650}
.segmentum-controls summary span{font-weight:400;color:#a8bccd;margin-left:8px}
.segmentum-toggles{display:flex;flex-wrap:wrap;gap:8px 20px;margin:8px 0}
.segmentum-toggles label{display:flex;align-items:center;gap:8px;min-height:40px;cursor:pointer;margin:0}
.segmentum-toggles input{width:18px;height:18px;margin:0}
.segmentum-legend{list-style:none;display:flex;flex-wrap:wrap;gap:10px 16px;padding:0;margin:12px 0}
.segmentum-legend li{display:flex;align-items:center;gap:7px}
.segmentum-swatch{display:inline-block;flex:none;width:10px;height:10px;}
.segmentum-controls p{font-size:11px;line-height:1.5;color:#a8bccd;margin:8px 0 0}
.segmentum-status{border:1px solid #435d72;border-radius:7px;padding:10px 12px;margin:16px 0;background:#172a40;overflow-wrap:anywhere}
.galaxy-navigator .segmentum-status h4{font-size:10px;text-transform:uppercase;letter-spacing:.7px;margin:0 0 6px;color:#a9c0d2}
.galaxy-navigator .segmentum-status .segmentum-membership{font-size:12px;font-weight:650;margin:0;color:#e4eef6}
.galaxy-navigator .segmentum-status .segmentum-note{font-size:11px;margin:6px 0 0;color:#b3c8d9}
.segmentum-status[data-border-sector=true]{border-style:dashed;border-color:#efd589}
@media(max-width:600px){.segmentum-controls{padding:10px 12px}.segmentum-legend{gap:10px 12px}.segmentum-controls summary span{font-size:11px}}