/* System room: crisp orbital map with distinct object markers. */
.system-control-page { min-height:calc(100dvh - 84px); }
.system-control-layout { display:grid; grid-template-columns:minmax(0,1fr) 360px; gap:10px; align-items:start; }
.system-control-main { min-width:0; display:grid; gap:10px; }
.system-map-stage {
  position:relative;
  min-height:610px;
  overflow:hidden;
  border:1px solid rgba(105,184,239,.22);
  border-radius:14px;
  background:radial-gradient(circle at 50% 52%,rgba(22,92,145,.18),transparent 34%),linear-gradient(180deg,#061421,#020812);
  box-shadow:var(--inner-glow),0 20px 60px rgba(0,0,0,.26);
}
.system-map-header { position:absolute;z-index:12;left:22px;right:22px;top:20px;display:flex;justify-content:space-between;gap:20px;pointer-events:none; }
.system-map-header h1 { margin:5px 0 4px;font-size:34px;line-height:1; }
.system-map-header p { margin:0;color:#9cafc0;font-size:12px; }
.system-map-viewport { position:absolute;inset:78px 16px 64px;overflow:hidden;border-radius:12px; }
.system-map-grid { position:absolute;inset:0;background:
  radial-gradient(circle at 14% 22%,rgba(255,255,255,.65) 0 1px,transparent 1.5px),
  radial-gradient(circle at 82% 24%,rgba(94,203,255,.7) 0 1px,transparent 1.6px),
  radial-gradient(circle at 72% 78%,rgba(151,134,255,.52) 0 1px,transparent 1.6px),
  linear-gradient(rgba(94,203,255,.045) 1px,transparent 1px),
  linear-gradient(90deg,rgba(94,203,255,.045) 1px,transparent 1px);
  background-size:auto,auto,auto,56px 56px,56px 56px;
  mask-image:radial-gradient(ellipse at center,#000 55%,transparent 100%);
}
.system-map-canvas { position:absolute;inset:0;transform:scale(var(--system-map-zoom,1));transform-origin:50% 52%;transition:transform .2s ease; }
.system-orbit { position:absolute;left:50%;top:52%;border:1px solid rgba(94,203,255,.2);border-radius:50%;transform:translate(-50%,-50%) rotate(-5deg);box-shadow:0 0 24px rgba(94,203,255,.025); }
.system-orbit.orbit-1{width:23%;height:28%}.system-orbit.orbit-2{width:42%;height:48%}.system-orbit.orbit-3{width:64%;height:69%}.system-orbit.orbit-4{width:88%;height:91%}
.system-star { position:absolute;z-index:5;left:50%;top:52%;width:66px;height:66px;display:grid;place-items:center;align-content:center;gap:3px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#fff8c8 0 7%,#ffda78 17%,#ffad36 35%,rgba(255,151,45,.17) 62%,transparent 70%);box-shadow:0 0 18px #ffcf66,0 0 55px rgba(255,174,55,.7); }
.system-star span { width:30px;height:30px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#ffe487 32%,#ffb13f 70%); }
.system-star small { position:absolute;top:72px;color:#c8d6e3;font-size:9px;letter-spacing:.12em; }
.system-scan-cone { position:absolute;z-index:1;left:50%;top:52%;width:43%;height:1px;transform-origin:left center;background:linear-gradient(90deg,rgba(94,203,255,.6),transparent);animation:systemRadar 10s linear infinite;opacity:.52; }
.system-scan-wave { position:absolute;z-index:1;left:50%;top:52%;width:12%;aspect-ratio:1;transform:translate(-50%,-50%);border:1px solid rgba(94,203,255,.28);border-radius:50%;animation:systemPulse 4s ease-out infinite; }
.system-map-marker { position:absolute;z-index:8;left:var(--marker-x);top:var(--marker-y);width:54px;height:54px;padding:0;transform:translate(-50%,-50%);border:1px solid rgba(94,203,255,.45);border-radius:50%;background:rgba(4,13,23,.96);color:#fff;cursor:pointer;box-shadow:0 0 0 5px rgba(94,203,255,.035),0 0 22px rgba(94,203,255,.1);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease; }
.system-map-marker:hover { transform:translate(-50%,-50%) scale(1.08);border-color:#d6f5ff; }
.system-map-marker.selected { border-color:var(--amber);box-shadow:0 0 0 5px rgba(244,189,88,.08),0 0 28px rgba(244,189,88,.42); }
.system-marker-image,.system-marker-image picture,.system-marker-image img { width:100%;height:100%;display:block;border-radius:50%;overflow:hidden; }
.system-marker-image img { object-fit:cover; }
.system-marker-glyph { position:absolute;inset:7px;display:grid;place-items:center;border-radius:50%;font-size:22px;font-weight:800;background:radial-gradient(circle,rgba(151,134,255,.32),rgba(44,27,78,.86));color:#b6a7ff; }
.system-marker-glyph.locked { background:rgba(46,62,78,.75);color:#687d90; }
.system-marker-glyph .nv-icon { width:18px;height:18px;stroke:currentColor; }
.system-marker-label { position:absolute;left:50%;top:60px;min-width:120px;transform:translateX(-50%);text-align:center;text-shadow:0 2px 8px #000;pointer-events:none; }
.system-marker-label strong,.system-marker-label small { display:block; }
.system-marker-label strong { font-size:10px;white-space:nowrap; }
.system-marker-label small { margin-top:2px;color:#8195a8;font-size:9px;white-space:nowrap; }
.system-map-marker.kind-signal { border-color:rgba(151,134,255,.55); }.system-map-marker.kind-wreck { border-color:rgba(255,118,85,.64); }.system-map-marker.kind-locked { opacity:.42; }.system-map-marker.kind-asteroid { border-style:dashed; }
.system-map-legend { position:absolute;z-index:12;left:18px;bottom:15px;display:flex;flex-wrap:wrap;gap:12px;padding:7px 10px;border:1px solid rgba(105,184,239,.14);border-radius:9px;background:rgba(3,11,20,.78);color:#90a3b5;font-size:9px; }
.system-map-legend span { display:flex;align-items:center;gap:5px; }.system-map-legend i { width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 8px currentColor; }.system-map-legend i.moon{background:#9db4c8}.system-map-legend i.asteroid{background:#27a8dd}.system-map-legend i.signal{background:var(--violet)}.system-map-legend i.wreck{background:#ff7555}.system-map-legend i.locked{background:#526779;box-shadow:none}
.system-map-controls { position:absolute;z-index:12;left:50%;bottom:14px;display:flex;align-items:center;gap:5px;transform:translateX(-50%);padding:5px;border:1px solid rgba(105,184,239,.14);border-radius:9px;background:rgba(3,11,20,.82); }
.system-map-controls button { width:30px;height:28px;padding:0;border:1px solid rgba(105,184,239,.14);border-radius:7px;background:#0c1c2e;color:#cfe7f7;cursor:pointer; }.system-map-controls button:hover{border-color:rgba(94,203,255,.55)}
.system-map-controls span { min-width:44px;text-align:center;color:#7890a3;font-size:9px; }
.system-resolution { position:absolute;z-index:12;right:18px;bottom:15px;display:flex;align-items:center;gap:5px;color:#7891a5;font-size:9px; }
.system-resolution span { margin-right:4px;letter-spacing:.1em; }.system-resolution i { width:23px;height:23px;display:grid;place-items:center;border:1px solid rgba(105,184,239,.14);border-radius:50%;font-style:normal; }.system-resolution i.done{color:var(--green);border-color:rgba(77,224,170,.35)}.system-resolution i.next{color:var(--amber);border-color:rgba(244,189,88,.35)}

.system-object-rail { padding:10px;border:1px solid rgba(105,184,239,.18);border-radius:13px;background:rgba(5,14,25,.92);box-shadow:var(--inner-glow); }
.system-object-grid { display:grid;grid-template-columns:repeat(7,minmax(145px,1fr));gap:7px;overflow-x:auto;margin-top:8px;padding-bottom:2px; }
.system-object-card { min-width:145px;display:grid;grid-template-columns:58px minmax(0,1fr);gap:8px;align-items:center;padding:7px;border:1px solid rgba(105,184,239,.13);border-radius:10px;background:rgba(10,23,39,.78);color:var(--text-1);text-align:left;cursor:pointer; }
.system-object-card.selected { border-color:var(--cyan);box-shadow:inset 0 0 0 1px rgba(94,203,255,.18); }.system-object-card.unknown{opacity:.72}.system-object-card:hover{border-color:rgba(94,203,255,.42)}
.system-object-card > div { width:58px;height:58px;overflow:hidden;border-radius:9px;background:#07121f; }.system-object-card picture,.system-object-card img{width:100%;height:100%;display:block;object-fit:cover}.system-object-card > span{min-width:0}.system-object-card strong,.system-object-card small,.system-object-card em{display:block}.system-object-card strong{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.system-object-card small{margin-top:3px;color:#8398aa;font-size:9px}.system-object-card em{margin-top:4px;color:var(--green);font-size:9px;font-style:normal}.system-object-card.unknown em{color:var(--amber)}
.system-object-card-glyph { width:100%;height:100%;display:grid;place-items:center;background:radial-gradient(circle,rgba(151,134,255,.24),transparent 68%);color:var(--violet);font-size:26px;font-weight:800}.system-object-card-glyph.locked{color:#64798c}.system-object-card-glyph .nv-icon{width:18px;height:18px;stroke:currentColor}

.system-object-inspector { min-width:0;display:flex;flex-direction:column;gap:9px;padding:12px;border:1px solid rgba(105,184,239,.2);border-radius:14px;background:linear-gradient(180deg,rgba(8,20,35,.98),rgba(5,14,25,.98));box-shadow:var(--inner-glow); }
.system-inspector-head { display:grid;grid-template-columns:82px minmax(0,1fr);gap:12px;align-items:center; }.system-inspector-art { width:82px;height:82px;overflow:hidden;border:1px solid rgba(105,184,239,.18);border-radius:50%;background:#06101c; }.system-inspector-art picture,.system-inspector-art img{width:100%;height:100%;display:block;object-fit:cover}.system-inspector-head h2{margin:4px 0;font-size:24px;line-height:1}.system-inspector-head strong{font-size:11px}
.system-inspector-unknown { width:100%;height:100%;display:grid;place-items:center;align-content:center;gap:3px;background:radial-gradient(circle,rgba(151,134,255,.2),transparent 68%);color:var(--violet);font-size:28px }.system-inspector-unknown small{color:#7890a4;font-size:8px;text-align:center}.system-inspector-unknown .nv-icon{width:20px;height:20px;stroke:currentColor}
.system-inspector-copy { margin:0;padding:10px;border-top:1px solid rgba(105,184,239,.1);border-bottom:1px solid rgba(105,184,239,.1);color:#a2b3c1;font-size:11px;line-height:1.5; }
.system-scan-progress { display:grid;grid-template-columns:92px minmax(0,1fr);gap:12px;align-items:center;padding:10px;border:1px solid rgba(105,184,239,.14);border-radius:10px;background:rgba(10,23,39,.7); }
.system-scan-ring { width:82px;height:82px;display:grid;place-items:center;align-content:center;border-radius:50%;background:radial-gradient(circle at center,#071321 58%,transparent 59%),conic-gradient(var(--cyan) var(--scan-progress),rgba(94,203,255,.1) 0);box-shadow:0 0 20px rgba(94,203,255,.12); }.system-scan-ring strong{font-size:17px}.system-scan-ring small{color:#7991a5;font-size:8px}.system-scan-progress > div:last-child span,.system-scan-progress > div:last-child strong,.system-scan-progress > div:last-child small{display:block}.system-scan-progress > div:last-child span{color:#75a9d4;font-size:9px;letter-spacing:.1em}.system-scan-progress > div:last-child strong{margin-top:4px;font-size:19px}.system-scan-progress > div:last-child small{margin-top:4px;color:#8499aa;font-size:10px;line-height:1.4}
.system-inspector-block { padding:10px;border:1px solid rgba(105,184,239,.13);border-radius:10px;background:rgba(10,23,39,.7); }.system-inspector-block > span{display:block;margin-bottom:6px;color:#75a9d4;font-size:9px;font-weight:760;letter-spacing:.12em}.system-inspector-block > div{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border-top:1px solid rgba(105,184,239,.08);font-size:10px}.system-inspector-block > div:first-of-type{border-top:0}.system-inspector-block small{color:#8397a9}.system-inspector-block strong{text-align:right}
.system-inspector-actions { margin-top:auto;display:grid;gap:7px; }
@keyframes systemRadar{to{transform:rotate(360deg)}}@keyframes systemPulse{0%{opacity:.6;transform:translate(-50%,-50%) scale(.5)}100%{opacity:0;transform:translate(-50%,-50%) scale(7)}}
@media(max-width:1500px){.system-control-layout{grid-template-columns:minmax(0,1fr) 320px}.system-map-stage{min-height:560px}.system-object-grid{grid-template-columns:repeat(7,150px)}.system-map-marker{width:48px;height:48px}.system-marker-label{top:54px}.system-marker-label small{display:none}}
@media(max-width:1050px){.system-control-layout{grid-template-columns:1fr}.system-object-inspector{min-height:auto}.system-map-stage{min-height:520px}}
@media(max-width:720px){.system-map-stage{min-height:470px}.system-map-header h1{font-size:27px}.system-map-legend{max-width:58%}.system-resolution{display:none}.system-map-controls{left:auto;right:14px;transform:none}.system-marker-label{display:none}.system-object-inspector{padding:10px}}
@media(prefers-reduced-motion:reduce){.system-scan-cone,.system-scan-wave{animation:none}}

/* Native list-first Atlas route. */
.system-atlas-page { padding:10px; }
.system-atlas-layout { display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:10px;min-height:calc(100dvh - 66px); }
.system-atlas-main { min-width:0;display:grid;grid-template-rows:auto minmax(0,1fr);gap:10px; }
.system-atlas-header { display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding:14px 16px;border:1px solid rgba(94,203,255,.16);border-radius:12px;background:linear-gradient(135deg,rgba(9,24,40,.95),rgba(5,14,25,.92)); }
.system-atlas-header h1{margin:3px 0 3px;font-size:24px}.system-atlas-header p{margin:0;color:#91a6b9;font-size:12px}.system-atlas-summary{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.system-atlas-summary span{padding:7px 10px;border:1px solid rgba(94,203,255,.15);border-radius:9px;background:#081626;color:#9bb1c4;font-size:11px}.system-atlas-summary strong{color:#e9f6ff}
.system-atlas-list { min-height:0;padding:12px;border:1px solid rgba(94,203,255,.16);border-radius:12px;background:rgba(5,15,27,.82);overflow:auto;scrollbar-width:thin;scrollbar-color:rgba(94,203,255,.22) transparent; }
.system-atlas-list-head { display:flex;align-items:center;justify-content:space-between;margin-bottom:10px; }.system-atlas-list-head h2{margin:2px 0 0;font-size:17px}.system-atlas-list-head span:last-child{color:#7890a5;font-size:11px}
.system-atlas-rows { display:grid;gap:7px; }
.system-atlas-row { width:100%;display:grid;grid-template-columns:54px minmax(160px,1fr) minmax(110px,.45fr) minmax(120px,.45fr) 24px;align-items:center;gap:10px;padding:8px;border:1px solid rgba(94,203,255,.12);border-radius:10px;background:#081522;color:#dcecff;text-align:left;cursor:pointer; }
.system-atlas-row:hover{border-color:rgba(94,203,255,.35);background:#0a1d2e}.system-atlas-row.selected{border-color:var(--cyan);box-shadow:inset 3px 0 0 var(--cyan)}.system-atlas-row.unknown{opacity:.76}
.system-atlas-row-art { width:54px;height:44px;border-radius:8px;overflow:hidden;background:#07101c;display:grid;place-items:center;color:var(--violet); }.system-atlas-row-art picture,.system-atlas-row-art img{width:100%;height:100%;object-fit:cover}.system-atlas-row-art .nv-icon{width:18px;height:18px}
.system-atlas-row-title strong,.system-atlas-row-title small,.system-atlas-row-meta strong,.system-atlas-row-meta small{display:block}.system-atlas-row-title strong{font-size:13px}.system-atlas-row-title small,.system-atlas-row-meta small{margin-top:2px;color:#7890a5;font-size:10px}.system-atlas-row-meta strong{font-size:11px}.system-atlas-row > b{font-size:18px;color:#5ecbff;font-weight:400}
@media(max-width:1080px){.system-atlas-layout{grid-template-columns:1fr}.system-atlas-row{grid-template-columns:48px minmax(140px,1fr) 100px 100px 20px}}
@media(max-width:720px){.system-atlas-row{grid-template-columns:44px 1fr 20px}.system-atlas-row-meta{display:none}.system-atlas-header{display:block}.system-atlas-summary{justify-content:flex-start;margin-top:10px}}