/* =====================================================================
   Arımed WMS — "komuta merkezi" teması
   Koyu zemin, cam yüzeyler, Arımed teal (#1B99AA) gradyan vurgular
   ===================================================================== */
:root {
  --ana: #1fb6c9;
  --ana-koyu: #1b99aa;
  --ana-acik: rgba(31, 182, 201, .14);
  --grad: linear-gradient(135deg, #1b99aa 0%, #2fd3e6 55%, #8ff0f2 100%);
  --zemin: #070c16;
  --zemin-2: #0b1322;
  --kart: rgba(255, 255, 255, .035);
  --kart-hover: rgba(255, 255, 255, .06);
  --cizgi: rgba(255, 255, 255, .08);
  --cizgi-2: rgba(255, 255, 255, .14);
  --metin: #e8eef6;
  --soluk: #8a9ab3;
  --kirmizi: #ff5c6c;
  --turuncu: #ffb15c;
  --yesil: #35d39a;
  --mavi: #6aa6ff;
  --ana-rgb: 31,182,201;
  --ana-metin: var(--ana-metin);
  --bar-bg: rgba(7,12,22,.72);
  --bar-bg-2: rgba(7,12,22,.85);
  --bar-bg-3: rgba(7,12,22,.6);
  --giris-kart: rgba(13,20,34,.7);
  --toast-bg: rgba(13,20,34,.95);
  --giris-bg: rgba(255,255,255,.04);
  --grid: rgba(255,255,255,.025);
  --fon-1: rgba(var(--ana-rgb),.22);
  --fon-2: rgba(106,166,255,.12);
  --orb-1: #1b99aa;
  --orb-2: #3b6cff;
  --golge: rgba(0,0,0,.7);
  --kod: #b7e9f0;
  --scheme: dark;
  --radius: 16px;
  --glow: 0 0 0 1px rgba(var(--ana-rgb),.35), 0 10px 40px -10px rgba(var(--ana-rgb),.55);
  --ease: cubic-bezier(.2,.8,.2,1);
}
* { box-sizing: border-box; margin: 0; padding: 0; }
html, body { height: 100%; }
body {
  font-family: 'Inter', -apple-system, 'Segoe UI', Roboto, sans-serif;
  background: var(--zemin); color: var(--metin); font-size: 14.5px; line-height: 1.45;
  -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: transparent;
}
body::before {
  content: ''; position: fixed; inset: 0; z-index: -1; pointer-events: none;
  background:
    radial-gradient(900px 500px at 85% -10%, var(--fon-1), transparent 60%),
    radial-gradient(700px 400px at -10% 100%, var(--fon-2), transparent 60%),
    linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px);
  background-size: auto, auto, 32px 32px, 32px 32px;
}
a { color: var(--ana); text-decoration: none; }
h1, h2, h3, .kart-baslik, .deger { font-family: 'Space Grotesk', 'Inter', sans-serif; letter-spacing: -.01em; }

/* ---- Kabuk: yan menü + içerik + alt sekme ---- */
.shell { display: flex; min-height: 100vh; }
.sidebar { display: none; }
main { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.ustbar {
  position: sticky; top: 0; z-index: 20; display: flex; align-items: center; gap: 12px;
  padding: 12px 16px; backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);
  background: var(--bar-bg); border-bottom: 1px solid var(--cizgi);
}
.ustbar .geri {
  width: 38px; height: 38px; border-radius: 12px; border: 1px solid var(--cizgi-2); background: var(--kart);
  color: var(--metin); display: grid; place-items: center; cursor: pointer; flex-shrink: 0; transition: .2s var(--ease);
}
.ustbar .geri:hover { background: var(--kart-hover); border-color: var(--ana); }
.ustbar h1 { font-size: 17px; font-weight: 600; flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ustbar .bar-logo img { height: 22px; display: block; }
.kullanici-chip {
  display: flex; align-items: center; gap: 8px; padding: 6px 10px 6px 6px; border-radius: 999px;
  border: 1px solid var(--cizgi); background: var(--kart); cursor: pointer; font-size: 12px; color: var(--soluk);
}
.kullanici-chip .avatar { width: 26px; height: 26px; border-radius: 50%; background: var(--grad); color: var(--ana-metin); font-weight: 700; display: grid; place-items: center; font-size: 12px; }
.kullanici-chip b { color: var(--metin); font-weight: 600; }
.icerik { padding: 16px; flex: 1; width: 100%; max-width: 1280px; margin: 0 auto; padding-bottom: 90px; }

.altnav {
  position: fixed; bottom: 0; left: 0; right: 0; z-index: 20; display: flex; justify-content: space-around;
  padding: 8px 6px calc(8px + env(safe-area-inset-bottom)); background: var(--bar-bg-2);
  backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); border-top: 1px solid var(--cizgi);
}
.altnav a { display: flex; flex-direction: column; align-items: center; gap: 3px; font-size: 10.5px; color: var(--soluk); padding: 4px 8px; border-radius: 12px; min-width: 56px; }
.altnav a svg { width: 22px; height: 22px; }
.altnav a.aktif { color: var(--ana); background: var(--ana-acik); }

.nav { display: flex; flex-direction: column; gap: 4px; }
.nav a { display: flex; align-items: center; gap: 12px; padding: 10px 12px; border-radius: 12px; color: var(--soluk); font-size: 13.5px; font-weight: 500; transition: .15s var(--ease); }
.nav a svg { width: 20px; height: 20px; flex-shrink: 0; }
.nav a:hover { background: var(--kart-hover); color: var(--metin); }
.nav a.aktif { background: var(--ana-acik); color: var(--ana); box-shadow: inset 2px 0 0 var(--ana); }
.nav-baslik { font-size: 10.5px; letter-spacing: .12em; text-transform: uppercase; color: var(--soluk); padding: 14px 12px 6px; opacity: .8; }

/* ---- Giriş ---- */
.giris-sayfa { min-height: 100vh; display: grid; place-items: center; padding: 20px; position: relative; overflow: hidden; }
.giris-sayfa .orb { position: absolute; border-radius: 50%; filter: blur(70px); opacity: .55; animation: orb 14s ease-in-out infinite alternate; }
.orb-1 { width: 420px; height: 420px; background: var(--orb-1); top: -120px; right: -80px; }
.orb-2 { width: 360px; height: 360px; background: var(--orb-2); bottom: -140px; left: -100px; animation-delay: -6s; }
@keyframes orb { from { transform: translate(0,0) scale(1); } to { transform: translate(-40px, 30px) scale(1.15); } }
.giris-kart {
  position: relative; width: 100%; max-width: 400px; padding: 36px 30px; border-radius: 24px;
  background: var(--giris-kart); border: 1px solid var(--cizgi-2); backdrop-filter: blur(20px);
  box-shadow: 0 30px 80px -20px var(--golge), inset 0 1px 0 var(--kart-hover);
}
.giris-kart .logo { text-align: center; margin-bottom: 14px; }
.giris-kart .logo img { height: 44px; filter: drop-shadow(0 0 18px rgba(var(--ana-rgb),.5)); }
.giris-kart h2 { text-align: center; font-size: 22px; font-weight: 600; }
.giris-kart .alt { text-align: center; color: var(--soluk); font-size: 13px; margin: 4px 0 22px; }

/* ---- Form ---- */
label { display: block; font-size: 11.5px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; color: var(--soluk); margin: 12px 0 6px; }
input, select {
  width: 100%; padding: 12px 14px; border-radius: 12px; font-size: 15px; color: var(--metin);
  background: var(--giris-bg); border: 1px solid var(--cizgi-2); transition: .15s var(--ease); color-scheme: var(--scheme);
}
input::placeholder { color: rgba(138,154,179,.6); }
input:focus, select:focus { outline: none; border-color: var(--ana); box-shadow: 0 0 0 3px rgba(var(--ana-rgb),.2); background: var(--kart-hover); }
select option { background: var(--zemin-2); color: var(--metin); }
.btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px;
  padding: 10px 18px; border-radius: 12px; border: 1px solid var(--cizgi-2); background: var(--kart);
  color: var(--metin); font-size: 14px; font-weight: 600; cursor: pointer; transition: .15s var(--ease); font-family: inherit;
}
.btn:hover { background: var(--kart-hover); border-color: var(--ana); }
.btn-ana { background: var(--grad); color: var(--ana-metin); border: none; box-shadow: 0 8px 24px -8px rgba(var(--ana-rgb),.7); }
.btn-ana:hover { filter: brightness(1.08); transform: translateY(-1px); }
.btn-cerceve { background: transparent; border-color: var(--ana); color: var(--ana); }
.btn-tam { width: 100%; margin-top: 16px; }
.btn-kucuk { padding: 7px 12px; min-height: 34px; font-size: 12.5px; border-radius: 10px; }
.btn:disabled { opacity: .4; cursor: default; transform: none; filter: none; }

/* ---- Özet kartları ---- */
.ozet-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-bottom: 18px; }
.ozet-kart {
  position: relative; padding: 16px; border-radius: var(--radius); background: var(--kart); border: 1px solid var(--cizgi);
  overflow: hidden; transition: .2s var(--ease);
}
.ozet-kart::after { content: ''; position: absolute; left: 0; right: 0; top: 0; height: 2px; background: var(--grad); opacity: .5; }
.ozet-kart:hover { background: var(--kart-hover); border-color: var(--cizgi-2); transform: translateY(-2px); }
.ozet-kart .deger { font-size: 28px; font-weight: 700; font-variant-numeric: tabular-nums; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ozet-kart .etiket { font-size: 12px; color: var(--soluk); margin-top: 4px; background: none; border: 0; border-radius: 0; padding: 0; }
.ozet-kart.uyari .deger { color: var(--turuncu); }
.ozet-kart.uyari::after { background: var(--turuncu); }
.ozet-kart.tehlike .deger { color: var(--kirmizi); }
.ozet-kart.tehlike::after { background: var(--kirmizi); }
.ozet-kart.vurgu { background: linear-gradient(135deg, rgba(var(--ana-rgb),.35), rgba(var(--ana-rgb),.12)); border-color: rgba(var(--ana-rgb),.4); }
.ozet-kart.vurgu .deger { background: var(--grad); -webkit-background-clip: text; background-clip: text; color: transparent; }

/* ---- Ana menü döşemeleri ---- */
.menu-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }
.menu-btn {
  display: flex; flex-direction: column; gap: 10px; padding: 18px 16px; border-radius: 18px; cursor: pointer;
  background: var(--kart); border: 1px solid var(--cizgi); transition: .2s var(--ease); position: relative; overflow: hidden;
}
.menu-btn::before { content: ''; position: absolute; inset: -40% auto auto -20%; width: 70%; height: 120%; background: radial-gradient(circle, rgba(var(--ana-rgb),.25), transparent 65%); opacity: 0; transition: .3s; }
.menu-btn:hover { border-color: rgba(var(--ana-rgb),.5); transform: translateY(-3px); box-shadow: var(--glow); }
.menu-btn:hover::before { opacity: 1; }
.menu-btn:active { transform: scale(.98); }
.menu-btn .ikon { width: 44px; height: 44px; border-radius: 12px; display: grid; place-items: center; background: var(--ana-acik); color: var(--ana); }
.menu-btn .ikon svg { width: 22px; height: 22px; }
.menu-btn .ad { font-weight: 600; font-size: 15px; }
.menu-btn .aciklama { font-size: 12px; color: var(--soluk); margin-top: -6px; }

/* ---- Kartlar / listeler ---- */
.kart { background: var(--kart); border: 1px solid var(--cizgi); border-radius: var(--radius); padding: 16px; margin-bottom: 10px; transition: .15s var(--ease); }
.kart.tiklanir { cursor: pointer; }
.kart.tiklanir:hover { background: var(--kart-hover); border-color: rgba(var(--ana-rgb),.45); transform: translateX(2px); }
.kart-ust { display: flex; justify-content: space-between; align-items: center; gap: 10px; }
.kart-baslik { font-weight: 600; font-size: 15px; }
.kart-alt { color: var(--soluk); font-size: 12.5px; margin-top: 3px; }
.uyari-kart { background: linear-gradient(135deg, rgba(var(--ana-rgb),.16), rgba(var(--ana-rgb),.04)); border-color: rgba(var(--ana-rgb),.35); font-size: 13.5px; }
.rozet { display: inline-block; padding: 3px 10px; border-radius: 999px; font-size: 11px; font-weight: 600; letter-spacing: .02em; white-space: nowrap; border: 1px solid transparent; }
.rozet-gri { background: var(--kart-hover); color: var(--soluk); border-color: var(--cizgi); }
.rozet-yesil { background: rgba(53,211,154,.14); color: var(--yesil); border-color: rgba(53,211,154,.3); }
.rozet-turuncu { background: rgba(255,177,92,.14); color: var(--turuncu); border-color: rgba(255,177,92,.3); }
.rozet-kirmizi { background: rgba(255,92,108,.14); color: var(--kirmizi); border-color: rgba(255,92,108,.3); }
.rozet-mavi { background: rgba(106,166,255,.14); color: var(--mavi); border-color: rgba(106,166,255,.3); }
.rozet-ana { background: var(--ana-acik); color: var(--ana); border-color: rgba(var(--ana-rgb),.35); }

/* ---- Tablolar ---- */
.tablo-kaydir { overflow-x: auto; background: var(--kart); border: 1px solid var(--cizgi); border-radius: var(--radius); margin-bottom: 12px; }
table { width: 100%; border-collapse: collapse; font-size: 13.5px; }
th { text-align: left; padding: 11px 14px; font-size: 11px; letter-spacing: .06em; text-transform: uppercase; color: var(--soluk); white-space: nowrap; border-bottom: 1px solid var(--cizgi-2); background: var(--kart); }
td { padding: 11px 14px; border-bottom: 1px solid var(--cizgi); vertical-align: middle; }
tr:last-child td { border-bottom: none; }
tbody tr:hover td, tr:hover td { background: var(--kart-hover); }
td.sayi, th.sayi { text-align: right; font-variant-numeric: tabular-nums; }

/* ---- Satır formları ---- */
.satir-form { background: var(--kart); border: 1px solid var(--cizgi); border-radius: var(--radius); padding: 16px; margin-bottom: 12px; }
.satir-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0 12px; }
.onay-satiri { display: flex; align-items: center; gap: 10px; margin-top: 12px; font-size: 13.5px; }
.onay-satiri input[type=checkbox] { width: 20px; height: 20px; accent-color: var(--ana); }
.arac-cubugu { display: flex; gap: 8px; margin-bottom: 12px; align-items: center; }
.arac-cubugu input { flex: 1; }
.bos { text-align: center; color: var(--soluk); padding: 40px 10px; font-size: 14px; }
.sayfa-baslik { font-size: 11px; font-weight: 700; color: var(--soluk); text-transform: uppercase; letter-spacing: .12em; margin: 20px 0 10px; display: flex; align-items: center; gap: 8px; }
.sayfa-baslik::after { content: ''; flex: 1; height: 1px; background: var(--cizgi); }
.ipucu { font-size: 12px; color: var(--soluk); padding: 8px 2px 14px; }

/* ---- Toast ---- */
#toast {
  position: fixed; bottom: 86px; left: 50%; transform: translateX(-50%) translateY(140px); z-index: 100;
  padding: 12px 20px; border-radius: 14px; font-size: 14px; max-width: 92vw; text-align: center;
  background: var(--toast-bg); border: 1px solid var(--cizgi-2); backdrop-filter: blur(12px);
  box-shadow: 0 20px 50px -10px var(--golge); transition: transform .3s var(--ease), opacity .3s, visibility .3s;
  opacity: 0; visibility: hidden; pointer-events: none;
}
#toast.goster { transform: translateX(-50%) translateY(0); opacity: 1; visibility: visible; }
#toast.hata { border-color: var(--kirmizi); box-shadow: 0 0 30px -5px rgba(255,92,108,.5); }
#toast.basari { border-color: var(--yesil); box-shadow: 0 0 30px -5px rgba(53,211,154,.5); }

/* ---- Scanner modal ---- */
.modal { position: fixed; inset: 0; background: rgba(3,6,12,.8); backdrop-filter: blur(6px); z-index: 50; display: flex; align-items: center; justify-content: center; padding: 16px; }
.modal.gizli { display: none; }
.modal-icerik { background: var(--zemin-2); border: 1px solid var(--cizgi-2); border-radius: 20px; width: 100%; max-width: 440px; overflow: hidden; }
.modal-baslik { display: flex; justify-content: space-between; align-items: center; padding: 14px 16px; font-weight: 600; border-bottom: 1px solid var(--cizgi); }
.btn-kapat { background: none; border: none; font-size: 18px; cursor: pointer; color: var(--soluk); }
#scanner-alan { min-height: 120px; background: #000; }
#scanner-alan video { width: 100% !important; }
.scanner-manuel { display: flex; gap: 8px; padding: 12px 16px 4px; }

/* ---- Rota satırları ---- */
.rota-satir { display: flex; align-items: center; gap: 12px; }
.rota-raf { background: var(--grad); color: var(--ana-metin); border-radius: 12px; padding: 9px 10px; font-weight: 700; font-size: 13px; min-width: 80px; text-align: center; flex-shrink: 0; font-family: 'Space Grotesk', monospace; }
.rota-detay { flex: 1; }
.rota-satir.toplandi { opacity: .5; }
.rota-satir.toplandi .rota-raf { background: var(--yesil); }

/* ---- İş emri aşama göstergesi ---- */
.stepper { display: flex; gap: 8px; margin-bottom: 8px; overflow-x: auto; padding-bottom: 4px; scroll-snap-type: x mandatory; }
.adim { position: relative; flex: 1 0 150px; scroll-snap-align: start; background: var(--kart); border: 1px solid var(--cizgi); border-radius: 14px; padding: 12px 8px; text-align: center; font-size: 11.5px; }
.adim-no { width: 30px; height: 30px; border-radius: 50%; background: var(--kart-hover); color: var(--soluk); font-weight: 700; display: grid; place-items: center; margin: 0 auto 8px; border: 1px solid var(--cizgi-2); }
.adim.tamam .adim-no { background: var(--yesil); color: #042a1c; border-color: transparent; }
.adim.aktif { border-color: rgba(var(--ana-rgb),.6); box-shadow: var(--glow); }
.adim.aktif .adim-no { background: var(--grad); color: var(--ana-metin); border-color: transparent; animation: nabiz 2s ease-in-out infinite; }
@keyframes nabiz { 0%, 100% { box-shadow: 0 0 0 0 rgba(var(--ana-rgb),.5); } 50% { box-shadow: 0 0 0 8px rgba(var(--ana-rgb),0); } }
.adim-ad { font-weight: 600; }
.adim-cikti { color: var(--soluk); margin-top: 2px; }
.adim-lot { margin-top: 5px; color: var(--ana); font-size: 11px; }

/* ---- Kalite / Mikro / Etiket ---- */
.kk-aksiyon { display: flex; gap: 8px; margin-top: 12px; flex-wrap: wrap; align-items: center; }
.kk-aksiyon select { width: auto; flex: 1; min-width: 120px; }
details.evrak { margin-top: 8px; border-top: 1px solid var(--cizgi); padding-top: 8px; font-size: 13px; }
details.evrak summary { cursor: pointer; }
details.evrak pre { background: rgba(0,0,0,.35); border: 1px solid var(--cizgi); border-radius: 10px; padding: 10px; font-size: 11.5px; overflow-x: auto; margin-top: 8px; white-space: pre-wrap; color: var(--kod); font-family: 'JetBrains Mono', ui-monospace, monospace; }
details.evrak pre.params { color: var(--soluk); }
.etiketler { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 12px; }
.etiket { background: #fff; color: #111; border: 1.5px solid #111; border-radius: 10px; padding: 12px; font-size: 13px; break-inside: avoid; }
.etiket .rozet-turuncu { background: #ffedd5; color: #c2410c; } .etiket .rozet-yesil { background: #dcfce7; color: #15803d; } .etiket .rozet-kirmizi { background: #fee2e2; color: #b91c1c; }
.etiket-ust { display: flex; justify-content: space-between; align-items: center; margin-bottom: 6px; }
.etiket-ust img { height: 18px; }
.etiket-ad { font-weight: 700; font-size: 14px; margin-bottom: 6px; }
.etiket-satir { display: flex; justify-content: space-between; border-bottom: 1px dotted #ccc; padding: 2px 0; }
.etiket svg { width: 100%; margin-top: 6px; }
.yazdir-gizle { display: flex; gap: 12px; align-items: center; margin-bottom: 14px; }

/* ---- Patron raporu ---- */
.patron-giris {
  position: relative; overflow: hidden; background: linear-gradient(120deg, rgba(var(--ana-rgb),.5), rgba(var(--ana-rgb),.15) 60%, var(--fon-2));
  border: 1px solid rgba(var(--ana-rgb),.45); border-radius: 20px; padding: 16px 18px; margin-bottom: 16px;
  display: flex; justify-content: space-between; align-items: center; gap: 10px; cursor: pointer; transition: .2s var(--ease);
}
.patron-giris:hover { box-shadow: var(--glow); transform: translateY(-2px); }
.patron-giris .btn { background: #fff; color: var(--ana-koyu); }
.rapor-grid .deger { font-size: 22px; }
.sekme { display: flex; gap: 6px; }
.grafik { width: 100%; height: auto; display: block; }
.grafik .izgara { stroke: var(--cizgi-2); stroke-width: 1; }
.grafik .eksen { font-size: 11px; fill: var(--soluk); }
.iki-kolon { display: grid; grid-template-columns: 1fr; gap: 0 16px; }

/* ---- Masaüstü ---- */
@media (min-width: 900px) {
  .sidebar {
    display: flex; flex-direction: column; width: 240px; flex-shrink: 0; position: sticky; top: 0; height: 100vh;
    padding: 18px 14px; border-right: 1px solid var(--cizgi); background: var(--bar-bg-3); backdrop-filter: blur(14px);
  }
  .sidebar .marka { display: flex; align-items: center; gap: 10px; padding: 6px 10px 18px; }
  .sidebar .marka img { height: 26px; }
  .sidebar .marka span { font-size: 11px; color: var(--soluk); letter-spacing: .1em; text-transform: uppercase; }
  .sidebar .alt-bilgi { margin-top: auto; font-size: 11px; color: var(--soluk); padding: 10px 12px; border-top: 1px solid var(--cizgi); }
  .altnav { display: none; }
  .ustbar .bar-logo { display: none; }
  .icerik { padding: 24px 28px 40px; }
  .ozet-grid { grid-template-columns: repeat(4, 1fr); }
  .menu-grid { grid-template-columns: repeat(3, 1fr); }
  .satir-grid { grid-template-columns: repeat(4, 1fr); }
  .iki-kolon { grid-template-columns: 1fr 1fr; }
  #toast { bottom: 28px; }
}
@media (min-width: 1200px) { .menu-grid { grid-template-columns: repeat(5, 1fr); } .rapor-grid { grid-template-columns: repeat(6, 1fr); } }

@media print {
  body { background: #fff; color: #111; }
  body::before, .ustbar, .sidebar, .altnav, .yazdir-gizle, #toast { display: none !important; }
  .icerik { padding: 0; }
  .etiketler { grid-template-columns: repeat(2, 1fr); }
}

/* =====================================================================
   Temalar — <html data-tema="…">; seçim localStorage'da ("tema")
   ===================================================================== */
:root[data-tema="gece"] {
  --ana: #8b7cff; --ana-koyu: #6d5df5; --ana-rgb: 139,124,255; --ana-acik: rgba(139,124,255,.16);
  --grad: linear-gradient(135deg, #6d5df5 0%, #9d8cff 55%, #d9d0ff 100%); --ana-metin: #140b45;
  --zemin: #06060f; --zemin-2: #0d0d1f; --bar-bg: rgba(6,6,15,.72); --bar-bg-2: rgba(6,6,15,.85); --bar-bg-3: rgba(6,6,15,.6);
  --giris-kart: rgba(16,14,36,.72); --toast-bg: rgba(16,14,36,.95); --fon-1: rgba(139,124,255,.22); --fon-2: rgba(255,92,168,.10);
  --orb-1: #6d5df5; --orb-2: #ff5ca8; --mavi: #7fb0ff; --kod: #d9d0ff;
}
:root[data-tema="zumrut"] {
  --ana: #2ee6a6; --ana-koyu: #15b884; --ana-rgb: 46,230,166; --ana-acik: rgba(46,230,166,.14);
  --grad: linear-gradient(135deg, #15b884 0%, #2ee6a6 55%, #b8ffe3 100%); --ana-metin: #03301f;
  --zemin: #050d0a; --zemin-2: #0a1712; --bar-bg: rgba(5,13,10,.72); --bar-bg-2: rgba(5,13,10,.85); --bar-bg-3: rgba(5,13,10,.6);
  --giris-kart: rgba(10,24,18,.72); --toast-bg: rgba(10,24,18,.95); --fon-1: rgba(46,230,166,.2); --fon-2: rgba(31,182,201,.12);
  --orb-1: #15b884; --orb-2: #1b99aa; --yesil: #5ff0b8; --kod: #b8ffe3;
}
:root[data-tema="kehribar"] {
  --ana: #ffb547; --ana-koyu: #e3961f; --ana-rgb: 255,181,71; --ana-acik: rgba(255,181,71,.14);
  --grad: linear-gradient(135deg, #e3961f 0%, #ffb547 55%, #ffe3a8 100%); --ana-metin: #2a1703;
  --zemin: #0c0a08; --zemin-2: #16120d; --bar-bg: rgba(12,10,8,.72); --bar-bg-2: rgba(12,10,8,.85); --bar-bg-3: rgba(12,10,8,.6);
  --giris-kart: rgba(24,19,13,.72); --toast-bg: rgba(24,19,13,.95); --fon-1: rgba(255,181,71,.2); --fon-2: rgba(255,92,108,.1);
  --orb-1: #e3961f; --orb-2: #ff5c6c; --turuncu: #ff9a3c; --kod: #ffe3a8;
}
:root[data-tema="aydinlik"] {
  --ana: #1b99aa; --ana-koyu: #157f8d; --ana-rgb: 27,153,170; --ana-acik: rgba(27,153,170,.12);
  --grad: linear-gradient(135deg, #157f8d 0%, #1fb6c9 100%); --ana-metin: #ffffff;
  --zemin: #eef2f7; --zemin-2: #ffffff; --kart: rgba(255,255,255,.72); --kart-hover: rgba(255,255,255,.98);
  --cizgi: rgba(15,30,50,.09); --cizgi-2: rgba(15,30,50,.16); --metin: #0f1b2d; --soluk: #5b6b82;
  --kirmizi: #d93a4c; --turuncu: #c9780f; --yesil: #178f62; --mavi: #2f6fe0;
  --bar-bg: rgba(238,242,247,.8); --bar-bg-2: rgba(255,255,255,.88); --bar-bg-3: rgba(255,255,255,.65);
  --giris-kart: rgba(255,255,255,.82); --toast-bg: rgba(255,255,255,.97); --giris-bg: rgba(15,30,50,.04);
  --grid: rgba(15,30,50,.04); --fon-1: rgba(27,153,170,.16); --fon-2: rgba(106,166,255,.14); --orb-1: #1b99aa; --orb-2: #7fb0ff;
  --golge: rgba(15,30,50,.25); --kod: #0f4c57; --scheme: light;
  --glow: 0 0 0 1px rgba(27,153,170,.3), 0 10px 30px -12px rgba(27,153,170,.45);
}
:root[data-tema="aydinlik"] .rozet-gri { background: rgba(15,30,50,.06); }
:root[data-tema="aydinlik"] .adim-no { background: rgba(15,30,50,.06); }
:root[data-tema="aydinlik"] details.evrak pre { background: rgba(15,30,50,.05); }
:root[data-tema="aydinlik"] .giris-kart .logo img { filter: none; }
:root[data-tema="aydinlik"] .adim.tamam .adim-no { color: #fff; }

.tema-secici { display: flex; gap: 6px; align-items: center; }
.tema-nokta {
  width: 20px; height: 20px; border-radius: 50%; border: 2px solid var(--cizgi-2); cursor: pointer; padding: 0;
  background: linear-gradient(135deg, var(--z) 0 50%, var(--n) 50% 100%); transition: .15s var(--ease);
}
.tema-nokta:hover { transform: scale(1.15); }
.tema-nokta.aktif { border-color: var(--metin); box-shadow: 0 0 0 2px var(--zemin), 0 0 0 3px var(--ana); }
.giris-kart .tema-secici { justify-content: center; margin-top: 16px; }
.giris-kart .tema-secici .tema-nokta { width: 24px; height: 24px; }
@media (max-width: 480px) { .ustbar .tema-secici { display: none; } }

/* ---- Satış & satınalma ---- */
.gizli { display: none !important; }
.sekme { display: flex; gap: 6px; align-items: center; flex-wrap: wrap; }
input.mini { width: 92px; padding: 6px 8px; font-size: 13px; border-radius: 8px; text-align: right; }
td.eksi { color: var(--kirmizi); }
tr.tiklanir { cursor: pointer; }
#ef-tablo td { vertical-align: middle; }