/* ═══════════════════════════════════════════════════════════════
   SPACE EMPIRE — Galaktischer Markt
   Modern-futuristic glassmorphism — kein Retro-Terminal
   ═══════════════════════════════════════════════════════════════ */
.seg-market-terminal { padding: 16px }

.seg-terminal-boot {
  background: linear-gradient(160deg,#04041a 0%,#060620 60%,#08082a 100%);
  border: 1px solid rgba(0,200,255,.15);
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 0 0 1px rgba(0,0,0,.8), 0 20px 80px rgba(0,0,0,.6), inset 0 1px 0 rgba(255,255,255,.04);
  min-height: 520px;
}

.seg-terminal-hd {
  display: flex; align-items: center; gap: 8px;
  padding: 12px 18px;
  background: rgba(0,0,0,.35);
  border-bottom: 1px solid rgba(0,200,255,.1);
  backdrop-filter: blur(8px);
}
.seg-terminal-dot { width: 10px; height: 10px; border-radius: 50%; flex-shrink: 0 }
.seg-terminal-dot.red    { background:#ff5f57 }
.seg-terminal-dot.yellow { background:#febc2e }
.seg-terminal-dot.green  { background:#28c840 }
.seg-terminal-title {
  font-size:.65rem; color:rgba(0,200,255,.5); letter-spacing:.14em;
  text-transform:uppercase; font-family:'Courier New',monospace; margin-left:8px;
}

.seg-term-nav {
  display:flex; gap:4px; padding:10px 14px;
  border-bottom:1px solid rgba(0,200,255,.08);
  background:rgba(0,0,0,.2); flex-wrap:wrap;
}
.seg-term-tab {
  background:transparent; border:1px solid rgba(0,200,255,.15); border-radius:8px;
  color:rgba(0,200,255,.5); font-size:.7rem; font-family:'Courier New',monospace;
  letter-spacing:.06em; padding:6px 14px; cursor:pointer; transition:all .2s; text-transform:uppercase;
}
.seg-term-tab:hover { background:rgba(0,200,255,.08); border-color:rgba(0,200,255,.4); color:#00d4ff }
.seg-term-tab.active {
  background:rgba(0,200,255,.12); border-color:#00d4ff; color:#00d4ff;
  box-shadow:0 0 12px rgba(0,212,255,.2);
}

.seg-term-body { padding:18px; min-height:420px; color:#c0e8ff }
.seg-term-line  { font-size:.78rem; color:#c0e8ff; line-height:1.8 }
.seg-term-dim   { color:rgba(100,160,200,.5); font-size:.72rem }
.seg-term-bold  { font-weight:700; color:#e0f4ff }
.seg-term-cr    { color:#f59e0b; font-weight:700 }
.seg-term-num   { color:#60a5fa; text-align:center }
.seg-term-item  { color:#e0f0ff; font-weight:600 }
.seg-term-err   { color:#ff4466 }
.seg-mkt-empty  { padding:40px; text-align:center; color:rgba(100,160,200,.4); font-family:monospace; font-size:.82rem }
.seg-term-tag   { font-size:.6rem; border:1px solid rgba(0,200,255,.2); padding:2px 7px; border-radius:20px; color:rgba(0,200,255,.7); white-space:nowrap }

.seg-term-table-wrap { overflow-x:auto; scrollbar-width:thin; scrollbar-color:rgba(0,200,255,.15) transparent }
.seg-term-table { width:100%; border-collapse:collapse; font-size:.75rem; min-width:500px }
.seg-term-table thead th {
  padding:8px 12px; text-align:left; color:rgba(0,200,255,.4);
  font-size:.62rem; letter-spacing:.08em; text-transform:uppercase;
  border-bottom:1px solid rgba(0,200,255,.1); white-space:nowrap; font-family:monospace;
}
.seg-term-table tbody td { padding:9px 12px; border-bottom:1px solid rgba(0,200,255,.05); vertical-align:middle }
.seg-term-table tbody tr { transition:background .15s }
.seg-term-table tbody tr:hover { background:rgba(0,200,255,.04) }
.seg-term-table tbody tr:last-child td { border-bottom:none }

/* ── BÖRSEN-CHART ──────────────────────────────────────────── */
.seg-mkt-boerse { display:flex; flex-direction:column; gap:24px }
.seg-mkt-boerse-title {
  font-size:.9rem; font-weight:700; letter-spacing:.1em; color:#00d4ff;
  text-transform:uppercase; font-family:'Courier New',monospace;
  display:flex; align-items:center; gap:10px;
}
.seg-mkt-live { font-size:.6rem; color:#22c55e; font-weight:700; animation:seg-mkt-pulse 1.5s ease-in-out infinite }
@keyframes seg-mkt-pulse { 50% { opacity:.3 } }

.seg-mkt-chart {
  display:flex; align-items:flex-end; gap:8px; height:160px;
  padding:0 4px; border-bottom:1px solid rgba(0,200,255,.12);
  overflow-x:auto; scrollbar-width:thin;
}
.seg-mkt-bar-col { display:flex; flex-direction:column; align-items:center; gap:4px; min-width:56px; flex-shrink:0 }
.seg-mkt-bar-wrap {
  width:32px; height:120px; display:flex; align-items:flex-end;
  background:rgba(255,255,255,.03); border-radius:4px 4px 0 0;
  overflow:hidden; border:1px solid rgba(255,255,255,.06); border-bottom:none;
}
.seg-mkt-bar { width:100%; border-radius:3px 3px 0 0; transition:height .6s cubic-bezier(.4,0,.2,1); min-height:4px }
.seg-mkt-bar-val { font-size:.65rem; font-family:'Courier New',monospace; font-weight:700; white-space:nowrap }
.seg-mkt-bar-lbl { font-size:.6rem; color:rgba(192,232,255,.6); text-align:center; line-height:1.2; font-family:monospace }
.seg-mkt-bar-trend { font-size:.6rem; font-family:monospace; font-weight:700 }

.seg-mkt-detail-table { overflow-x:auto }
.seg-mkt-table { width:100%; border-collapse:collapse; font-size:.75rem; min-width:440px }
.seg-mkt-table thead th {
  padding:7px 10px; text-align:left; color:rgba(0,200,255,.35);
  font-size:.6rem; letter-spacing:.07em; text-transform:uppercase;
  border-bottom:1px solid rgba(0,200,255,.08); font-family:monospace;
}
.seg-mkt-table td { padding:8px 10px; border-bottom:1px solid rgba(0,200,255,.04); vertical-align:middle }
.seg-mkt-table tbody tr:hover { background:rgba(0,200,255,.03) }
.seg-mkt-table tbody tr:last-child td { border-bottom:none }
.seg-mkt-name   { color:#e0f0ff; font-weight:600 }
.seg-mkt-cr-dim { color:rgba(192,232,255,.4); font-family:monospace; font-size:.72rem }
.seg-mkt-cr-hi  { color:#f59e0b; font-weight:700; font-family:monospace }
.seg-mkt-num    { color:#60a5fa; text-align:right; font-family:monospace; font-size:.72rem }
.seg-mkt-up     { color:#22c55e; font-weight:700; font-size:.72rem }
.seg-mkt-dn     { color:#ef4444; font-weight:700; font-size:.72rem }
.seg-mkt-flat   { color:rgba(192,232,255,.4); font-size:.72rem }

/* ── Verkaufs-Formular ─────────────────────────────────────── */
.seg-term-sell-form { max-width:540px; display:flex; flex-direction:column; gap:14px }
.seg-term-field { display:flex; flex-direction:column; gap:6px }
.seg-term-field label { font-size:.68rem; color:rgba(0,200,255,.5); letter-spacing:.08em; text-transform:uppercase; font-family:monospace }
.seg-term-field input,
.seg-term-field select {
  background:rgba(0,0,0,.4); border:1px solid rgba(0,200,255,.15); border-radius:8px;
  color:#e0f0ff; font-size:.8rem; padding:9px 12px; outline:none;
  transition:border-color .2s,box-shadow .2s; backdrop-filter:blur(4px);
}
.seg-term-field input:focus,
.seg-term-field select:focus { border-color:#00d4ff; box-shadow:0 0 0 3px rgba(0,212,255,.1) }

/* ── Raumstation — 3 Zustände ──────────────────────────────── */
.seg-station-dot {
  background:none; border:1px solid rgba(255,255,255,.15); border-radius:50%;
  width:28px; height:28px; display:inline-flex; align-items:center; justify-content:center;
  font-size:.85rem; cursor:pointer; transition:all .25s; padding:0; flex-shrink:0;
}
.seg-station-none { opacity:.3; filter:grayscale(1); border-color:rgba(255,255,255,.1) }
.seg-station-none:hover { opacity:.7; filter:grayscale(0); border-color:rgba(0,200,255,.4); transform:scale(1.1) }
.seg-station-building { border-color:rgba(245,158,11,.5); animation:seg-station-build-pulse 1.8s ease-in-out infinite }
@keyframes seg-station-build-pulse {
  0%,100% { box-shadow:0 0 6px rgba(245,158,11,.3);border-color:rgba(245,158,11,.4) }
  50%     { box-shadow:0 0 14px rgba(245,158,11,.6);border-color:rgba(245,158,11,.8) }
}
.seg-station-active { border-color:rgba(0,200,255,.5); box-shadow:0 0 10px rgba(0,200,255,.25) }
.seg-station-active:hover { border-color:#00d4ff; box-shadow:0 0 18px rgba(0,212,255,.45); transform:scale(1.12) }

/* ── Heimatwelt ────────────────────────────────────────────── */
.seg-homeworld-card { border-color:rgba(245,158,11,.5)!important; box-shadow:0 0 14px rgba(245,158,11,.2)!important }
.seg-hw-dot { font-size:.72rem; vertical-align:middle }

/* ── News-Typen ────────────────────────────────────────────── */
.seg-news-type-homeworld     { --news-color:#f59e0b }
.seg-news-type-station_built { --news-color:#00ff88 }
.seg-news-type-market_trade  { --news-color:#60a5fa }

@keyframes seg-spin-slow { to { transform:rotate(360deg) } }