/* Gamboa Ops teması (11.11, Şafak): lacivert + Gamboa kırmızısı + altın. style.css'in üstüne yüklenir, sadece görünümü değiştirir. */
body.theme-ops {
  --bg: #eef1f7;
  --surface: #ffffff;
  --surface-2: #f6f8fc;
  --border: #dde3ee;
  --text: #121a33;
  --muted: #5d6886;
  --brand: #c0271b;
  --side: #1f2a4a;
  --side-text: #d7dcea;
  --side-active: #2b3961;
  --gold: #f2a63a;
  --cream: #f4e6cd;
  --radius: 14px;
  --shadow: 0 1px 2px rgba(18, 26, 51, .06), 0 6px 18px rgba(18, 26, 51, .06);
  background:
    radial-gradient(900px 400px at 100% -10%, rgba(242, 166, 58, .10), transparent 60%),
    radial-gradient(800px 380px at 0% 110%, rgba(192, 39, 27, .06), transparent 60%),
    var(--bg);
  background-attachment: fixed;
}
.theme-ops .layout { background: linear-gradient(to right, var(--side) 240px, transparent 240px); }
.theme-ops .side {
  background: linear-gradient(180deg, #24315a 0%, #1f2a4a 45%, #18213b 100%);
  border-right: 3px solid var(--brand);
}
.ops-brand { display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 4px 8px 18px; margin-bottom: 6px; border-bottom: 1px solid rgba(255,255,255,.08); }
.ops-brand:hover { text-decoration: none; }
.ops-brand img { width: 92px; height: 92px; filter: drop-shadow(0 4px 10px rgba(0,0,0,.35)); transition: transform .25s ease; }
.ops-brand:hover img { transform: rotate(-4deg) scale(1.04); }
.ops-brand span { color: var(--gold); font-weight: 800; font-size: 12px; letter-spacing: .32em; }
.theme-ops .side a.nav { position: relative; transition: background .15s, padding-left .15s; }
.theme-ops .side a.nav:hover { padding-left: 14px; }
.theme-ops .side a.nav.on { background: var(--brand); box-shadow: 0 4px 12px rgba(192, 39, 27, .35); }
.theme-ops .side a.nav.on::before { content: ""; position: absolute; left: -14px; top: 8px; bottom: 8px; width: 4px; border-radius: 0 4px 4px 0; background: var(--gold); }
.theme-ops .side .sect { color: var(--gold); opacity: .8; }
.theme-ops .side .me { border-top-color: rgba(255,255,255,.1); }

/* başlık: sayfa adı altında altın çizgi */
.theme-ops .head h1 { font-weight: 800; letter-spacing: -.02em; }
.theme-ops .head h1::after { content: ""; display: block; width: 44px; height: 4px; border-radius: 4px; margin-top: 6px; background: linear-gradient(90deg, var(--brand), var(--gold)); }

/* kartlar ve sayaçlar: canlı ama sade */
.theme-ops .card { border-color: transparent; }
.theme-ops .tile {
  border: 0; border-top: 4px solid var(--c, var(--side));
  background: linear-gradient(160deg, #fff 55%, color-mix(in srgb, var(--c, #1f2a4a) 9%, #fff));
  transition: transform .15s ease, box-shadow .15s ease;
}
.theme-ops .tile::before { display: none; }
.theme-ops button.tile:hover, .theme-ops a.tile:hover { transform: translateY(-2px); box-shadow: 0 10px 22px rgba(18, 26, 51, .12); }
.theme-ops .tile .num { font-size: 34px; font-weight: 800; }
.theme-ops .tile .lbl { text-transform: uppercase; font-size: 11.5px; letter-spacing: .06em; font-weight: 700; }
.theme-ops .tile.on { outline: 3px solid var(--c); outline-offset: -3px; }
.theme-ops .sect-title { color: var(--side); font-weight: 800; display: flex; align-items: center; gap: 8px; }
.theme-ops .sect-title::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--brand); box-shadow: 0 0 0 4px rgba(192, 39, 27, .15); }

.theme-ops .btn:not(.secondary):not(.danger) { background: var(--brand); border-color: var(--brand); box-shadow: 0 3px 10px rgba(192, 39, 27, .25); }
.theme-ops .chip.on { background: var(--side); border-color: var(--side); }
.theme-ops #show-all.on { background: var(--brand); border-color: var(--brand); }
.theme-ops th { color: var(--side); }
.theme-ops a { color: #b4231a; }
.theme-ops .side a, .theme-ops .side a.nav { color: var(--side-text); }
.theme-ops .side a.nav.on, .theme-ops .side a.nav:hover { color: #fff; }

/* harita: sorunlu araçlar öne çıkar */
.theme-ops #map { border: 0; box-shadow: 0 8px 24px rgba(18, 26, 51, .14); }
.theme-ops .map-tools .small b { color: var(--brand); }
.theme-ops .pin { border-radius: 8px; }
.theme-ops .pin.att { font-size: 12px; padding: 5px 7px; }

/* mobil üst çubuk */
.theme-ops .topbar { background: var(--side); border-bottom: 3px solid var(--brand); }
.top-badge { width: 30px; height: 30px; }

/* giriş ekranı */
.theme-ops .auth-art {
  background:
    radial-gradient(700px 360px at 85% 0%, rgba(242, 166, 58, .22), transparent 60%),
    radial-gradient(900px 500px at 0% 100%, rgba(192, 39, 27, .30), transparent 60%),
    #1f2a4a;
}
.ops-wide { width: min(360px, 90%); background: var(--cream); padding: 14px 18px; border-radius: 14px; box-shadow: 0 10px 30px rgba(0,0,0,.3); }
@media (prefers-reduced-motion: reduce) { .theme-ops .tile, .ops-brand img { transition: none; } }
.theme-ops .tiles.compact .tile { padding: 8px 12px 9px; border-top-width: 3px; }
.theme-ops .tiles.compact .tile .num { font-size: 22px; }
.theme-ops .tiles.compact .tile .lbl { font-size: 10.5px; }
.theme-ops .tiles.compact .tile { padding: 6px 10px; }
.theme-ops .tiles.compact .tile .num { font-size: 20px; }
/* 11.11 (2): bağlantı rengi kartları ve yeşil kapatma düğmesini ezmesin */
.theme-ops a.case-card, .theme-ops a.tile, .theme-ops a.photo { color: var(--text); }
.theme-ops .btn.close-btn:not(.secondary):not(.danger) { background: #15803d; border-color: #15803d; color: #fff; box-shadow: 0 3px 10px rgba(21, 128, 61, .3); }
.ops-wide { margin-bottom: 22px; } .theme-ops .auth-art .small { margin-top: 10px; }