/* pencere teması — market, depo, pazar, envanter, üs vb. tüm .panel/.window-panel pencereleri.
   Yarı saydam, arkasındaki uzayı bulanıklaştıran koyu cam; keskin (az yuvarlak) köşeler, ince açık çerçeve, köşe
   işaretleri, ince başlık şeridi, alt çizgili sekmeler ve satır listeleri. Yalnız görünüm değişir, yerleşim aynı kalır.
   Diğer stil dosyalarından sonra yüklenir (index.html). */
:root {
  --eve-glass: rgb(9 13 19 / 62%);
  --eve-glass-strong: rgb(11 16 23 / 84%);
  --eve-line: rgb(170 205 230 / 16%);
  --eve-line-strong: rgb(170 205 230 / 30%);
  --eve-hi: rgb(200 230 255 / 7%);
  --eve-accent: #5ad1ff;
  --eve-gold: #e6c27a;
  --eve-row: rgb(255 255 255 / 2.5%);
  --eve-row-alt: rgb(255 255 255 / 4.5%);
  --eve-row-hover: rgb(90 209 255 / 9%);
}

/* ---- Pencere gövdesi ---- */
.panel, .popup-box {
  background:
    linear-gradient(180deg, rgb(120 170 210 / 6%), transparent 120px),
    var(--eve-glass);
  border-radius: 3px;
  border: 1px solid var(--eve-line);
  box-shadow: 0 0 0 1px rgb(0 0 0 / 55%), inset 0 1px 0 var(--eve-hi), 0 24px 60px rgb(0 0 0 / 55%), 0 0 40px rgb(90 209 255 / 5%);
  backdrop-filter: blur(16px) saturate(1.35) brightness(0.9);
  -webkit-backdrop-filter: blur(16px) saturate(1.35) brightness(0.9);
  scrollbar-width: thin;
  scrollbar-color: rgb(170 205 230 / 25%) transparent;
}
/* köşe işaretleri (ince L köşeleri) */
.panel.window-panel {
  background-image:
    linear-gradient(var(--eve-accent), var(--eve-accent)), linear-gradient(var(--eve-accent), var(--eve-accent)),
    linear-gradient(var(--eve-accent), var(--eve-accent)), linear-gradient(var(--eve-accent), var(--eve-accent)),
    linear-gradient(180deg, rgb(120 170 210 / 6%), transparent 120px);
  background-size: 10px 1px, 1px 10px, 10px 1px, 1px 10px, auto;
  background-position: right 0 bottom 0, right 0 bottom 0, left 0 bottom 0, left 0 bottom 0, 0 0;
  background-repeat: no-repeat;
  background-color: var(--eve-glass);
  background-attachment: local, local, local, local, scroll;
}
.panel::-webkit-scrollbar, .popup-box::-webkit-scrollbar, .mk-list::-webkit-scrollbar { width: 6px; height: 6px; }
.panel::-webkit-scrollbar-thumb, .popup-box::-webkit-scrollbar-thumb, .mk-list::-webkit-scrollbar-thumb { background: rgb(170 205 230 / 22%); border-radius: 0; }
.panel::-webkit-scrollbar-track, .popup-box::-webkit-scrollbar-track { background: transparent; }

/* ---- Başlık şeridi ---- */
.panel h3, .popup-box h3 { font-family: var(--font-sans); font-weight: 600; font-size: 13px; letter-spacing: 0.16em; text-transform: uppercase; color: #dcebf5; }
.window-titlebar {
  position: relative; padding: 8px 10px 8px 16px; border-radius: 2px 2px 0 0; border-bottom: 1px solid var(--eve-line);
  background: linear-gradient(90deg, rgb(90 209 255 / 13%), rgb(90 209 255 / 3%) 45%, transparent), rgb(6 9 14 / 55%);
}
.window-titlebar::before { content: ''; position: absolute; left: 0; top: 6px; bottom: 6px; width: 3px; background: var(--eve-accent);
  box-shadow: 0 0 10px var(--eve-accent); }
#station-panel > .window-titlebar, #player-market-panel > .window-titlebar { background: linear-gradient(90deg, rgb(90 209 255 / 13%), rgb(90 209 255 / 3%) 45%, transparent), var(--eve-glass-strong); }
.window-titlebar .window-close-btn { border-radius: 2px; background: transparent; box-shadow: none; color: var(--color-muted); width: 24px; height: 24px; }
.window-titlebar .window-close-btn:hover { background: rgb(255 90 90 / 85%); color: #fff; }
.head-chip { border-radius: 2px; background: rgb(0 0 0 / 30%); box-shadow: inset 0 0 0 1px var(--eve-line); font-size: 11.5px; letter-spacing: 0.03em; }
.head-chip.credits b { color: var(--eve-gold); }

/* ---- Sekmeler: alt çizgili şerit ---- */
.station-tabs { background: transparent; border-radius: 0; padding: 0; gap: 0; border-bottom: 1px solid var(--eve-line); }
.station-tab-btn { position: relative; border-radius: 0; background: transparent; color: var(--color-muted); padding: 9px 8px 10px;
  font-size: 11.5px; letter-spacing: 0.08em; text-transform: uppercase; font-weight: 600; }
.station-tab-btn:hover { background: rgb(255 255 255 / 3%); color: var(--color-fg); filter: none; }
.station-tab-btn.active, .station-tab-btn.active:hover { background: linear-gradient(0deg, rgb(90 209 255 / 14%), transparent); color: #eaf7ff; filter: none; }
.station-tab-btn.active::after { content: ''; position: absolute; left: 0; right: 0; bottom: -1px; height: 2px; background: var(--eve-accent);
  box-shadow: 0 0 10px var(--eve-accent); }
.subtabs { border-radius: 2px; background: rgb(0 0 0 / 25%); box-shadow: inset 0 0 0 1px var(--eve-line); }
#station-panel .subtab-btn { border-radius: 2px; text-transform: uppercase; letter-spacing: 0.06em; font-size: 11px; }
#station-panel .subtab-btn.active { background: rgb(90 209 255 / 12%); box-shadow: inset 0 -2px 0 var(--eve-accent); color: #eaf7ff; }

/* ---- Düğmeler ---- */
.panel button:not(.window-close-btn):not(.station-tab-btn):not(.subtab-btn):not(.mk-row):not(.mk-cat):not(.mk-ship):not(.wheel-hub),
.popup-box button {
  border-radius: 2px; letter-spacing: 0.05em;
}
#station-panel .act-btn, #player-market-panel .act-btn, .mk-buy-btn {
  border-radius: 2px; text-transform: uppercase; letter-spacing: 0.07em; font-size: 11px;
  background: linear-gradient(180deg, rgb(90 209 255 / 30%), rgb(90 209 255 / 16%)); color: #eaf7ff;
  box-shadow: inset 0 0 0 1px rgb(90 209 255 / 55%), inset 0 1px 0 rgb(255 255 255 / 12%);
}
#station-panel .act-btn:hover, #player-market-panel .act-btn:hover, .mk-buy-btn:hover {
  background: linear-gradient(180deg, rgb(90 209 255 / 45%), rgb(90 209 255 / 24%)); filter: none; box-shadow: inset 0 0 0 1px var(--eve-accent), 0 0 14px rgb(90 209 255 / 25%);
}
#station-panel .act-btn.ghost, #player-market-panel .act-btn.ghost { background: rgb(255 255 255 / 3%); color: var(--color-fg); box-shadow: inset 0 0 0 1px var(--eve-line-strong); }
#station-panel .act-btn.use { background: linear-gradient(180deg, rgb(51 224 138 / 32%), rgb(51 224 138 / 14%)); color: #dbffe9; box-shadow: inset 0 0 0 1px rgb(51 224 138 / 60%); }
#player-market-panel .act-btn.danger { box-shadow: inset 0 0 0 1px rgb(255 90 90 / 55%); }
#station-panel .act-btn:disabled, #player-market-panel .act-btn:disabled, .mk-buy-btn:disabled { background: rgb(255 255 255 / 3%); color: var(--color-subtle); box-shadow: inset 0 0 0 1px var(--eve-line); }
#station-panel .filter-chip, #player-market-panel .filter-chip, #trade-panel .filter-chip { border-radius: 2px; background: rgb(0 0 0 / 25%); box-shadow: inset 0 0 0 1px var(--eve-line); }
#station-panel .filter-chip.active, #player-market-panel .filter-chip.active { background: rgb(90 209 255 / 14%); box-shadow: inset 0 0 0 1px var(--eve-accent); color: #eaf7ff; }
#btn-wh-upgrade { border-radius: 2px; background: rgb(255 255 255 / 3%); box-shadow: inset 0 0 0 1px var(--eve-line-strong); text-transform: uppercase; letter-spacing: 0.07em; font-size: 11px; }

/* ---- Girdiler ---- */
.panel input[type="text"], .panel input[type="number"], .panel input[type="search"], .panel select, .mk-search, .mk-sort {
  border-radius: 2px; background: rgb(0 0 0 / 35%); border: 1px solid var(--eve-line-strong); color: var(--color-fg);
}
.panel input:focus, .panel select:focus, .mk-search:focus { outline: none; border-color: var(--eve-accent); box-shadow: 0 0 0 1px rgb(90 209 255 / 25%); }

/* ---- Pazar / market düzeni (market-ui.js) ---- */
.mk-body { gap: 0; border: 1px solid var(--eve-line); background: rgb(0 0 0 / 18%); }
.mk-side { padding: 6px; border-right: 1px solid var(--eve-line); background: rgb(0 0 0 / 15%); }
.mk-side-title { letter-spacing: 0.14em; color: var(--eve-gold); opacity: 0.85; }
.mk-cat { border-radius: 0; font-size: 12px; }
.mk-cat:hover { background: var(--eve-row-hover); }
.mk-cat.on { background: linear-gradient(90deg, rgb(90 209 255 / 18%), transparent); box-shadow: inset 2px 0 0 var(--eve-accent); }
.mk-tier { border-radius: 2px; }
.mk-list-col { padding: 8px; border-right: 1px solid var(--eve-line); }
.mk-list { gap: 0; }
.mk-row { border-radius: 0; background: var(--eve-row); box-shadow: inset 2px 0 0 var(--slot-color, transparent); border-bottom: 1px solid rgb(255 255 255 / 3%); }
.mk-row:nth-child(even) { background: var(--eve-row-alt); }
.mk-row:hover { background: var(--eve-row-hover); }
.mk-row.on { background: linear-gradient(90deg, rgb(90 209 255 / 20%), rgb(90 209 255 / 6%)); box-shadow: inset 2px 0 0 var(--eve-accent), inset 0 0 0 1px rgb(90 209 255 / 30%); }
.mk-icon { border-radius: 2px; box-shadow: inset 0 0 0 1px var(--eve-line); }
.mk-ship { border-radius: 2px; background: rgb(0 0 0 / 25%); box-shadow: inset 0 0 0 1px var(--eve-line); }
.mk-ship.on { background: rgb(90 209 255 / 13%); box-shadow: inset 0 0 0 1px var(--eve-accent); }
.mk-fit { border-radius: 2px; }

/* ---- Envanter / depo satırları ---- */
.inv-item { border-radius: 0; background: var(--eve-row); box-shadow: inset 0 0 0 1px rgb(255 255 255 / 3%); border-left: 2px solid var(--slot-color, transparent); }
.inv-item:hover { background: var(--eve-row-hover); }
.inv-item-icon { border-radius: 2px; }
.inv-item-buttons button { border-radius: 2px; }
.wh-resource-block { border-radius: 0; background: rgb(0 0 0 / 22%); box-shadow: inset 0 0 0 1px var(--eve-line); }
.wh-resource-block .panel-subtitle { color: var(--eve-gold); }
.wh-col { border-radius: 0; background: rgb(255 255 255 / 3%); box-shadow: inset 0 0 0 1px rgb(255 255 255 / 4%); }
.wh-buttons button { border-radius: 2px; text-transform: uppercase; letter-spacing: 0.06em; }
.pm-sell-row { border-radius: 0; background: var(--eve-row); box-shadow: inset 0 0 0 1px rgb(255 255 255 / 3%); }
.pm-sell-row:nth-child(even) { background: var(--eve-row-alt); }
.pm-chip { border-radius: 2px; }
.pm-price b { color: var(--eve-gold); }

/* ---- Bilgi metinleri ---- */
.panel-subtitle { letter-spacing: 0.18em; color: var(--eve-gold); opacity: 0.9; }
.panel-note, .empty-hint { color: var(--color-muted); border-left: 2px solid var(--eve-line-strong); padding-left: 8px; }
.bar { border-radius: 0; }
.bar-fill { border-radius: 0; }

/* ---- Açılış animasyonu: hafif kayarak belirir ---- */
@keyframes eveWinIn { from { opacity: 0; clip-path: inset(0 0 100% 0); } to { opacity: 1; clip-path: inset(0 0 0 0); } }
.panel.window-panel:not(.hidden) { animation: eveWinIn 0.22s var(--ease-smooth-out); }
@media (prefers-reduced-motion: reduce) { .panel.window-panel:not(.hidden) { animation: none; } }

/* ---- Oyun içi onay / giriş penceresi (public/dialog.js) ---- */
#sg-dialog { position: fixed; inset: 0; z-index: 9000; display: flex; align-items: center; justify-content: center;
  background: radial-gradient(ellipse at center, rgb(0 0 0 / 35%), rgb(0 0 0 / 65%)); backdrop-filter: blur(2px); }
#sg-dialog.hidden { display: none; }
.sgd-box { width: min(92vw, 420px); padding: 0 0 14px; background: linear-gradient(180deg, rgb(120 170 210 / 7%), transparent 80px), rgb(9 13 19 / 88%);
  border: 1px solid rgb(170 205 230 / 22%); border-radius: 3px; box-shadow: 0 30px 80px rgb(0 0 0 / 60%), 0 0 40px rgb(90 209 255 / 8%);
  backdrop-filter: blur(16px); animation: sgdIn 0.16s var(--ease-smooth-out); }
@keyframes sgdIn { from { opacity: 0; transform: translateY(8px) scale(0.98); } }
.sgd-title { position: relative; padding: 9px 14px 9px 18px; font-size: 12px; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase;
  color: #dcebf5; border-bottom: 1px solid rgb(170 205 230 / 16%); background: linear-gradient(90deg, rgb(90 209 255 / 14%), transparent 60%); }
.sgd-title::before { content: ''; position: absolute; left: 0; top: 6px; bottom: 6px; width: 3px; background: var(--eve-accent); box-shadow: 0 0 10px var(--eve-accent); }
.sgd-box.danger .sgd-title { background: linear-gradient(90deg, rgb(255 90 90 / 16%), transparent 60%); }
.sgd-box.danger .sgd-title::before { background: var(--color-danger); box-shadow: 0 0 10px var(--color-danger); }
.sgd-msg { padding: 14px 18px 4px; font-size: 13.5px; line-height: 1.5; color: var(--color-fg); white-space: pre-line; }
.sgd-input { display: block; width: calc(100% - 36px); margin: 10px 18px 0; padding: 8px 10px; border-radius: 2px; background: rgb(0 0 0 / 35%);
  border: 1px solid rgb(170 205 230 / 30%); color: var(--color-fg); font: inherit; font-size: 13px; }
.sgd-input:focus { outline: none; border-color: var(--eve-accent); }
.sgd-input.hidden { display: none; }
.sgd-buttons { display: flex; justify-content: flex-end; gap: 8px; padding: 14px 18px 0; }
.sgd-buttons button { min-width: 96px; margin: 0; padding: 7px 14px; border-radius: 2px; font-size: 11.5px; text-transform: uppercase; letter-spacing: 0.08em; }
.sgd-buttons button.hidden { display: none; }
.sgd-cancel { background: rgb(255 255 255 / 4%); color: var(--color-fg); box-shadow: inset 0 0 0 1px rgb(170 205 230 / 28%); }
.sgd-ok { background: linear-gradient(180deg, rgb(90 209 255 / 38%), rgb(90 209 255 / 18%)); color: #eaf7ff; box-shadow: inset 0 0 0 1px rgb(90 209 255 / 60%); }
.sgd-box.danger .sgd-ok { background: linear-gradient(180deg, rgb(255 90 90 / 40%), rgb(255 90 90 / 18%)); box-shadow: inset 0 0 0 1px rgb(255 90 90 / 65%); color: #ffe9e9; }

/* ---- Radar (mini harita) + tarama sonuç listesi ---- */
#minimap-wrap { width: 222px; border-radius: 3px; border-top: none; border: 1px solid var(--eve-line);
  background: linear-gradient(180deg, rgb(120 170 210 / 6%), transparent 60px), var(--eve-glass);
  box-shadow: 0 0 0 1px rgb(0 0 0 / 50%), 0 14px 40px rgb(0 0 0 / 45%); backdrop-filter: blur(14px) saturate(1.3); }
#minimap-wrap.minimized { width: auto; }
#minimap-wrap .panel-drag-bar { position: relative; letter-spacing: 0.18em; font-weight: 700; color: #cfe4f2; padding-left: 14px;
  background: linear-gradient(90deg, rgb(90 209 255 / 12%), transparent 70%); }
#minimap-wrap .panel-drag-bar::before { content: ''; position: absolute; left: 0; top: 5px; bottom: 5px; width: 3px; background: var(--eve-accent); box-shadow: 0 0 8px var(--eve-accent); }
#minimap { margin: 6px auto 4px; }
#minimap-coords { border-top: 1px solid var(--eve-line); letter-spacing: 0.04em; }
#scan-bar { border-top: 1px solid var(--eve-line); }
.scan-btn, #wide-map-box .scan-btn { border-radius: 2px; text-transform: uppercase; letter-spacing: 0.06em; font-size: 10px; font-weight: 600; }
#scan-results { border-top: 1px solid var(--eve-line); background: rgb(0 0 0 / 22%); }
#minimap-wrap.minimized #scan-results { display: none; }
.scan-results-head { display: flex; align-items: center; justify-content: space-between; padding: 5px 6px 5px 10px; font-size: 10.5px;
  text-transform: uppercase; letter-spacing: 0.12em; color: var(--eve-gold); border-bottom: 1px solid rgb(170 205 230 / 8%); }
#scan-results-list { max-height: 240px; overflow-y: auto; scrollbar-width: thin; }
#scan-results-list .nav-row { display: flex; align-items: center; gap: 5px; padding: 3px 6px 3px 6px; font-size: 11px;
  border-left: 2px solid var(--scan-col, transparent); background: rgb(255 255 255 / 2%); border-bottom: 1px solid rgb(255 255 255 / 3%); }
#scan-results-list .nav-row:nth-child(even) { background: rgb(255 255 255 / 4%); }
#scan-results-list .nav-row:hover { background: rgb(90 209 255 / 9%); }
#scan-results-list .nav-name { flex: 1 1 auto; min-width: 0; margin: 0; padding: 2px 2px; width: auto; text-align: left; background: none;
  color: var(--color-fg); font-size: 11px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; box-shadow: none; }
#scan-results-list .nav-dist { flex: none; color: var(--color-muted); font-variant-numeric: tabular-nums; font-size: 10.5px; }
#scan-results-list .nav-warp { flex: none; margin: 0; width: auto; padding: 2px 7px; font-size: 10.5px; border-radius: 2px;
  background: rgb(90 209 255 / 18%); color: #eaf7ff; box-shadow: inset 0 0 0 1px rgb(90 209 255 / 45%); }
#scan-results-list .nav-empty { padding: 8px 10px; font-size: 11px; color: var(--color-subtle); }
/* uzun açıklama satırları büyük harf olmasın (yalnız kısa başlıklar) */
#wide-map-box .panel-subtitle { text-transform: none; letter-spacing: 0.02em; color: var(--color-muted); font-size: 11.5px; line-height: 1.45; }

/* ---- Kısayollar & Bilgiler: dikey uzun liste yerine geniş, yatay ızgara ---- */
#help-panel { width: min(96vw, 1240px); max-height: 86vh; }
#help-panel .help-sec + .help-sec { margin-top: 10px; }
#help-panel .help-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(340px, 1fr)); column-gap: 18px; }
#help-panel .help-row { border-top: 1px solid rgb(170 205 230 / 8%); padding: 7px 0; }
#help-panel .help-key { border-radius: 2px; }

/* ---- Alt menüler (dock): yukarı açılan dikey liste yerine yatay döşeme şeridi ---- */
.dock-menu { flex-direction: row; align-items: stretch; gap: 4px; padding: 6px; min-width: 0; border-radius: 3px;
  background: var(--eve-glass-strong); border: 1px solid var(--eve-line); box-shadow: 0 14px 40px rgb(0 0 0 / 55%); }
.dock-menu-title { writing-mode: vertical-rl; transform: rotate(180deg); padding: 6px 4px; color: var(--eve-gold); letter-spacing: 0.2em;
  border-left: 1px solid var(--eve-line); margin-left: 2px; }
.dock-item { position: relative; flex-direction: column; justify-content: center; align-items: center; gap: 4px; width: 86px; min-height: 70px;
  padding: 8px 6px; text-align: center; white-space: normal; font-size: 11px; line-height: 1.2; border-radius: 2px;
  background: rgb(255 255 255 / 3%); box-shadow: inset 0 0 0 1px rgb(170 205 230 / 10%); }
.dock-item .dock-ico { font-size: 22px; line-height: 1; filter: drop-shadow(0 0 6px rgb(90 209 255 / 25%)); }
.dock-item:hover, .dock-item:focus-visible { background: rgb(90 209 255 / 12%); box-shadow: inset 0 0 0 1px rgb(90 209 255 / 45%); }
.dock-item.danger:hover { background: rgb(255 90 90 / 14%); box-shadow: inset 0 0 0 1px rgb(255 90 90 / 50%); }
.dock-item .badge { position: absolute; top: 4px; right: 4px; margin: 0; }
@media (max-width: 640px) { .dock-menu { flex-wrap: wrap; width: min(92vw, 380px); } .dock-menu-title { writing-mode: horizontal-tb; transform: none; width: 100%; border: none; } }
/* pencereler sohbet/HUD panellerinin üstünde açılsın */
.panel.window-panel { z-index: 44; }
/* warp bozucu uyarısı */
#warp-disrupted { position: absolute; top: 92px; left: 50%; transform: translateX(-50%); z-index: 31; padding: 6px 16px; font-size: 12px;
  letter-spacing: 0.06em; color: #ffd9ff; background: rgb(60 10 60 / 70%); border: 1px solid rgb(220 90 255 / 60%); border-radius: 2px;
  box-shadow: 0 0 22px rgb(200 60 255 / 35%); animation: disPulse 1s ease-in-out infinite alternate; pointer-events: none; }
@keyframes disPulse { to { box-shadow: 0 0 34px rgb(200 60 255 / 60%); } }

/* ---- SVG item / kategori ikonları (public/icons.js) ---- */
.sgi { --sgi: #9fc2ff; --ring: rgb(170 205 230 / 28%); display: inline-flex; align-items: center; justify-content: center; vertical-align: middle;
  width: 100%; height: 100%; min-width: 18px; min-height: 18px; color: var(--sgi); border-radius: 3px;
  background: radial-gradient(circle at 50% 38%, color-mix(in oklab, var(--sgi) 26%, transparent), rgb(4 8 14 / 85%) 72%);
  box-shadow: inset 0 0 0 1px var(--ring), inset 0 0 12px rgb(0 0 0 / 60%); }
.sgi svg { width: 64%; height: 64%; filter: drop-shadow(0 0 3px color-mix(in oklab, var(--sgi) 70%, transparent)); }
.sgi.t1 { --ring: rgb(150 190 220 / 40%); }
.sgi.t2 { --ring: rgb(192 123 255 / 75%); }
.sgi.t3 { --ring: rgb(255 196 80 / 80%); }
.sgi.t4 { --ring: rgb(255 80 80 / 85%); }
.sgi.sgi-cat { width: 18px; height: 18px; background: none; box-shadow: none; margin-right: 4px; }
.sgi.sgi-cat svg { width: 16px; height: 16px; }
.mk-icon, .mk-d-icon, .item-icon { overflow: hidden; }
.mk-icon .sgi, .item-icon .sgi { width: 100%; height: 100%; }
.mk-icon:has(.sgi), .item-icon:has(.sgi), .mk-d-icon:has(.sgi) { background: none; padding: 0; font-size: 0; }
.mk-d-icon .sgi { width: 52px; height: 52px; }
.mk-d-icon .sgi svg { width: 60%; height: 60%; }
/* kısa listede arama kutusu uzamasın */
.mk-list-col { justify-content: flex-start; }
.mk-list-tools { flex: none; }

/* ---- Genel Bakış (overview) — radarın altında ---- */
#overview { border-top: 1px solid var(--eve-line); background: rgb(0 0 0 / 18%); }
#minimap-wrap.minimized #overview { display: none; }
.ov-head { display: flex; align-items: center; justify-content: space-between; gap: 4px; padding: 4px 6px 4px 4px; border-bottom: 1px solid rgb(170 205 230 / 8%); }
#minimap-wrap .ov-title { margin: 0; width: auto; padding: 2px 4px; background: none; box-shadow: none; color: var(--eve-gold);
  font-size: 10.5px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; }
#ov-count { color: var(--color-subtle); letter-spacing: 0; }
.ov-filters { display: flex; gap: 2px; }
#minimap-wrap .ov-f { margin: 0; width: auto; padding: 2px 6px; font-size: 10px; border-radius: 2px; background: rgb(255 255 255 / 3%);
  color: var(--color-muted); box-shadow: inset 0 0 0 1px rgb(170 205 230 / 12%); }
#minimap-wrap .ov-f.on { color: #eaf7ff; background: rgb(90 209 255 / 16%); box-shadow: inset 0 0 0 1px rgb(90 209 255 / 50%); }
#ov-list { max-height: 210px; overflow-y: auto; scrollbar-width: thin; }
#overview.collapsed #ov-list, #overview.collapsed .ov-filters { display: none; }
#ov-list .nav-row { display: flex; align-items: center; gap: 5px; padding: 2px 6px; font-size: 11px; border-left: 2px solid var(--scan-col, transparent);
  background: rgb(255 255 255 / 2%); border-bottom: 1px solid rgb(255 255 255 / 3%); }
#ov-list .nav-row:nth-child(even) { background: rgb(255 255 255 / 4%); }
#ov-list .nav-row:hover { background: rgb(90 209 255 / 9%); }
#ov-list .nav-row.on { background: rgb(90 209 255 / 18%); box-shadow: inset 0 0 0 1px rgb(90 209 255 / 35%); }
#ov-list .nav-name { flex: 1 1 auto; min-width: 0; margin: 0; padding: 2px; width: auto; text-align: left; background: none; box-shadow: none;
  color: var(--color-fg); font-size: 11px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#ov-list .nav-dist { flex: none; color: var(--color-muted); font-variant-numeric: tabular-nums; font-size: 10.5px; }
#ov-list .nav-warp { flex: none; margin: 0; width: auto; padding: 1px 7px; font-size: 10.5px; border-radius: 2px;
  background: rgb(90 209 255 / 18%); color: #eaf7ff; box-shadow: inset 0 0 0 1px rgb(90 209 255 / 45%); }
#ov-list .nav-empty { padding: 8px 10px; font-size: 11px; color: var(--color-subtle); }
#minimap-wrap .ov-title { white-space: nowrap; letter-spacing: 0.06em; }
#scan-results-list { max-height: 180px; }
#ov-list { max-height: 190px; }
/* ikon yuvaları: SVG ikon kutuyu doldursun (ekipman, kısayol çubuğu, profil, takas, depo, sanayi) */
.item-icon:has(.sgi)::before { display: none; }
.quick-icon { width: 34px; height: 34px; font-size: 0; }
.quick-icon .sgi { width: 34px; height: 34px; }
.pe-icon, .ti-icon, .cs-tile-icon, .ind-row-icon { display: inline-flex; width: 30px; height: 30px; font-size: 0; flex: none; }
.pe-icon .sgi, .ti-icon .sgi, .cs-tile-icon .sgi, .ind-row-icon .sgi { width: 30px; height: 30px; }
.sgi.sgi-inline { width: 16px; height: 16px; min-width: 16px; min-height: 16px; margin-right: 3px; border-radius: 2px; }
.sgi.sgi-inline svg { width: 12px; height: 12px; }
.sgi.sgi-empty { opacity: 0.45; filter: saturate(0.4); }

/* ---- Depo: maden kartları ızgarası (envanter penceresi gibi) ---- */
#warehouse-box { display: block; }
#wh-res-blocks { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 10px; }
#warehouse-box .wh-resource-block { margin: 0; padding: 0 0 10px; border: none; border-radius: 3px; display: flex; flex-direction: column; gap: 8px;
  background: linear-gradient(160deg, color-mix(in oklab, var(--slot-color) 12%, transparent), rgb(0 0 0 / 30%) 55%);
  box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--slot-color) 30%, rgb(170 205 230 / 10%)), inset 0 2px 0 color-mix(in oklab, var(--slot-color) 70%, transparent); }
.wh-head { display: flex; align-items: center; gap: 10px; padding: 10px 12px 0; }
.wh-ore-ico { width: 40px; height: 40px; flex: none; }
.wh-ore-ico .sgi { width: 40px; height: 40px; border-radius: 50%; }
.wh-title { display: flex; flex-direction: column; gap: 3px; min-width: 0; flex: 1; }
.wh-title b { font-size: 14px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--color-fg); }
#warehouse-box .wh-price-tag { float: none; align-self: flex-start; padding: 3px 7px; border-radius: 2px; font-size: 11px; color: var(--eve-gold);
  background: rgb(0 0 0 / 30%); box-shadow: inset 0 0 0 1px rgb(230 194 122 / 25%); white-space: nowrap; }
#warehouse-box .wh-ore-items { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; padding: 0 12px; margin: 0; }
#warehouse-box .wh-ore-item { padding: 0; background: none; box-shadow: none; border: none; }
.wh-ore-lbl { display: flex; justify-content: space-between; gap: 6px; font-size: 10.5px; text-transform: uppercase; letter-spacing: 0.06em; color: var(--color-muted); margin-bottom: 4px; }
.wh-ore-lbl .inv-item-stats { font-size: 11px; color: var(--color-fg); letter-spacing: 0; font-variant-numeric: tabular-nums; }
#warehouse-box .wh-ore-bar { height: 5px; margin: 0; }
#warehouse-box .wh-slider-row { margin: 0; padding: 0 12px; }
#warehouse-box .wh-slider-row input[type="range"] { accent-color: var(--slot-color); }
#warehouse-box .wh-slider-row b { color: var(--slot-color); }
#warehouse-box .wh-buttons { display: flex; gap: 4px; margin: 0; padding: 0 12px; }
#warehouse-box .wh-buttons button { flex: 1; margin: 0; padding: 7px 4px; font-size: 11px; border-radius: 2px; text-transform: uppercase; letter-spacing: 0.05em;
  background: rgb(255 255 255 / 4%); color: var(--color-fg); box-shadow: inset 0 0 0 1px rgb(170 205 230 / 22%); }
#warehouse-box .wh-buttons button:hover:not(:disabled) { background: rgb(90 209 255 / 14%); box-shadow: inset 0 0 0 1px rgb(90 209 255 / 55%); filter: none; }
#warehouse-box .wh-buttons .wh-sell { flex: 1.6; background: linear-gradient(180deg, rgb(230 194 122 / 28%), rgb(230 194 122 / 12%)); color: #fff2d6; box-shadow: inset 0 0 0 1px rgb(230 194 122 / 55%); }
#warehouse-box .wh-buttons .wh-mini { flex: 0 0 34px; }
#warehouse-box .wh-buttons .danger:hover:not(:disabled) { background: rgb(255 90 90 / 18%); box-shadow: inset 0 0 0 1px rgb(255 90 90 / 60%); }
#warehouse-box .wh-buttons button:disabled { opacity: 0.4; }
#btn-wh-upgrade { margin-top: 10px; }
.wr-icon { width: 46px; height: 46px; flex: none; font-size: 0; }
.wr-icon .sgi { width: 46px; height: 46px; }
.wo-icon { width: 22px; height: 22px; display: inline-flex; font-size: 0; flex: none; }
.wo-icon .sgi { width: 22px; height: 22px; }
/* arayüz simgeleri (public/icons.js ui) */
.sgu { display: inline-flex; width: 14px; height: 14px; vertical-align: -2px; margin-right: 4px; color: var(--sgi); flex: none; }
.sgu svg { width: 100%; height: 100%; filter: drop-shadow(0 0 3px color-mix(in oklab, var(--sgi) 60%, transparent)); }
.bar-row > span:first-child { display: inline-flex; align-items: center; white-space: nowrap; }
.head-chip .sgu { margin-right: 2px; }
/* sohbette uygunsuz kelime: kutu kırmızı, Gönder kapalı (bkz. main.js guardProfanity) */
input.profane { border-color: var(--color-danger) !important; box-shadow: 0 0 0 1px rgb(255 90 90 / 45%) !important; color: #ffb0b0; }
#channel-send:disabled, #chat-send:disabled { opacity: 0.35; cursor: not-allowed; filter: grayscale(1); }
.bar-row > span:first-child { width: 72px; flex: none; }
/* etiket içindeki simge eski ".bar-row span:first-child { width: 55px }" kuralına takılmasın */
.bar-row > span:first-child > .sgu { width: 14px; flex: none; }
.stat-label .sgu, .mk-stat .sgu, .pe-stats .sgu { width: 13px; height: 13px; margin-right: 3px; }
.turret-item-icon { font-size: 0; }
.turret-item-icon .sgi { width: 100%; height: 100%; }

/* ---- Sanayi / Üretim: [tarif listesi | ayrıntı] ---- */
#station-panel .ind-lines { padding: 7px 10px; margin-bottom: 8px; background: rgb(0 0 0 / 22%); box-shadow: inset 0 0 0 1px var(--eve-line); border-radius: 2px; font-size: 12px; }
.ind-craft { display: grid; grid-template-columns: minmax(230px, 300px) 1fr; gap: 0; border: 1px solid var(--eve-line); background: rgb(0 0 0 / 18%); min-height: 380px; }
.ind-rlist { border-right: 1px solid var(--eve-line); max-height: 520px; overflow-y: auto; scrollbar-width: thin; }
.ind-rgroup { padding: 8px 10px 4px; font-size: 10px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--eve-gold); }
#station-panel .ind-rrow { display: flex; align-items: center; gap: 8px; width: 100%; margin: 0; padding: 5px 10px; border-radius: 0; text-align: left;
  background: transparent; color: var(--color-muted); font-size: 12.5px; border-bottom: 1px solid rgb(255 255 255 / 3%); box-shadow: none; }
#station-panel .ind-rrow:hover { background: rgb(90 209 255 / 8%); filter: none; color: var(--color-fg); }
#station-panel .ind-rrow.sel { background: linear-gradient(90deg, rgb(90 209 255 / 20%), transparent); box-shadow: inset 2px 0 0 var(--eve-accent); color: #eaf7ff; }
#station-panel .ind-rrow.can { color: var(--color-fg); }
.ind-rrow-ico { width: 24px; height: 24px; flex: none; display: inline-flex; }
.ind-rrow-ico .sgi { width: 24px; height: 24px; }
.ind-rrow-name { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ind-rrow-st { font-size: 10px; color: var(--color-subtle); }
.ind-rrow.can .ind-rrow-st { color: var(--color-hull); }
.ind-rdetail { padding: 14px 16px; display: flex; flex-direction: column; gap: 10px; }
.ind-d-head { display: flex; align-items: center; gap: 12px; }
.ind-d-ico { width: 56px; height: 56px; flex: none; display: inline-flex; }
.ind-d-ico .sgi { width: 56px; height: 56px; }
.ind-d-name { font-size: 16px; font-weight: 700; letter-spacing: 0.04em; }
.ind-rdetail .section-title { margin: 4px 0 0; }
.ind-mats { display: flex; flex-direction: column; gap: 4px; }
.ind-mat { display: grid; grid-template-columns: 24px 1fr auto; grid-template-rows: auto 4px; column-gap: 8px; row-gap: 3px; align-items: center;
  padding: 6px 8px; background: rgb(255 255 255 / 3%); box-shadow: inset 0 0 0 1px rgb(170 205 230 / 8%); border-left: 2px solid var(--color-hull); }
.ind-mat.no { border-left-color: var(--color-danger); }
.ind-mat-ico { grid-row: span 2; width: 24px; height: 24px; display: inline-flex; } .ind-mat-ico .sgi { width: 24px; height: 24px; }
.ind-mat-name { font-size: 12.5px; }
.ind-mat-amt { font-size: 12px; color: var(--color-muted); font-variant-numeric: tabular-nums; }
.ind-mat.ok .ind-mat-amt b { color: var(--color-hull); } .ind-mat.no .ind-mat-amt b { color: var(--color-danger); }
.ind-mat .bar { grid-column: 2 / 4; height: 3px; }
.ind-qty { display: flex; align-items: center; gap: 6px; }
#station-panel .ind-qty .act-btn { flex: none; width: auto; min-width: 32px; padding: 6px 10px; }
#station-panel .ind-qty input { width: 70px; margin: 0; padding: 6px; text-align: center; border-radius: 2px; background: rgb(0 0 0 / 35%); border: 1px solid var(--eve-line-strong); color: var(--color-fg); }
.ind-sum { display: flex; gap: 18px; font-size: 12.5px; color: var(--color-muted); }
.ind-sum b { color: var(--color-fg); } .ind-sum .no b { color: var(--color-danger); }
#station-panel .ind-go { width: 100%; padding: 10px; font-size: 12px; }
.ind-block { font-size: 11.5px; color: var(--color-warn); }
@media (max-width: 760px) { .ind-craft { grid-template-columns: 1fr; } .ind-rlist { max-height: 220px; border-right: none; border-bottom: 1px solid var(--eve-line); } }
#station-panel .ind-go { flex: none; }