:root {
  --mavi: #2457f5;
  --mavi-koyu: #1a3fc0;
  --murekkep: #0d1626;
  --murekkep-2: #17233a;
  --volt: #96c121;
  --yazi-font: "Manrope", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --baslik-font: "Unbounded", "Manrope", system-ui, sans-serif;
  --yesil: #16a34a;
  --kirmizi: #dc2626;
  --sari-bg: #fef3c7;
  --sari-metin: #92400e;
  --gri-900: #111827;
  --gri-700: #374151;
  --gri-500: #6b7280;
  --gri-200: #e5e7eb;
  --gri-100: #eef1f6;
  --beyaz: #ffffff;
  --yuzey: #ffffff;
}

:root[data-tema="koyu"] {
  --gri-900: #f3f4f6;
  --gri-700: #d1d5db;
  --gri-500: #9ca3af;
  --gri-200: #374151;
  --gri-100: #1f2937;
  --yuzey: #1f2937;
  --sari-bg: #78350f;
  --sari-metin: #fde68a;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  font-family: var(--yazi-font);
  background: var(--gri-100);
  color: var(--gri-900);
}

.gizli { display: none !important; }

.ortali-kutu {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
}

.kart {
  background: var(--yuzey);
  border-radius: 12px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.08), 0 1px 2px rgba(0,0,0,0.06);
  padding: 32px;
}

.kart-dar {
  width: 100%;
  max-width: 360px;
}

.kart h1 {
  margin: 0 0 4px;
  font-size: 22px;
  color: var(--mavi-koyu);
}

.altyazi {
  margin: 0 0 24px;
  color: var(--gri-500);
  font-size: 14px;
}

form label {
  display: block;
  font-size: 13px;
  font-weight: 600;
  color: var(--gri-700);
  margin: 14px 0 6px;
}

form input {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid var(--gri-200);
  border-radius: 8px;
  font-size: 15px;
  background: var(--yuzey);
  color: var(--gri-900);
}

form input:focus {
  outline: none;
  border-color: var(--mavi);
  box-shadow: 0 0 0 3px rgba(26,86,219,0.15);
}

button {
  cursor: pointer;
  border: none;
  font-size: 15px;
  font-weight: 600;
  border-radius: 8px;
}

form button[type="submit"] {
  width: 100%;
  margin-top: 22px;
  padding: 11px;
  background: var(--mavi);
  color: var(--beyaz);
}

form button[type="submit"]:hover { background: var(--mavi-koyu); }

.dugme-ikincil {
  padding: 8px 14px;
  background: var(--gri-100);
  color: var(--gri-700);
  border: 1px solid var(--gri-200);
}

.dugme-ikincil:hover { background: var(--gri-200); }

.hata-mesaji {
  margin: 14px 0 0;
  padding: 10px 12px;
  background: #fef2f2;
  color: var(--kirmizi);
  border-radius: 8px;
  font-size: 13px;
}

/* ÜST BAR */
.ust-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px clamp(16px, 3vw, 56px);
  background: var(--yuzey);
  border-bottom: 1px solid var(--gri-200);
}

.ust-bar-sol {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--gri-700);
  font-size: 14px;
}

.ust-bar-sol strong { color: var(--mavi-koyu); }

.ayirac { color: var(--gri-200); }

.rozet {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  padding: 2px 8px;
  border-radius: 999px;
  background: var(--gri-100);
  color: var(--gri-700);
}

.rozet-sari { background: var(--sari-bg); color: var(--sari-metin); }

/* İÇERİK */
body, html { min-height: 100%; }
#panel-ekrani { min-height: 100vh; display: flex; flex-direction: column; }

.icerik {
  width: 100%;
  box-sizing: border-box;
  padding: 32px clamp(16px, 3vw, 56px);
  flex: 1;
}

.icerik h2 {
  margin: 0 0 4px;
  color: var(--gri-900);
}

.modul-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 16px;
  margin-top: 24px;
}

.modul-kart {
  background: var(--yuzey);
  border: 1px solid var(--gri-200);
  border-radius: 12px;
  padding: 20px;
  position: relative;
}

.modul-kart h3 {
  margin: 0 0 6px;
  color: var(--mavi-koyu);
}

.modul-kart p {
  margin: 0 0 12px;
  font-size: 13px;
  color: var(--gri-500);
}

.modul-pasif { opacity: 0.85; }

.modul-aktif {
  cursor: pointer;
  opacity: 1;
  border-color: var(--mavi);
}
.modul-aktif:hover { box-shadow: 0 2px 8px rgba(26,86,219,0.15); }

.rozet-yesil { background: #dcfce7; color: #166534; }

.dugme-birincil {
  padding: 9px 16px;
  background: var(--mavi);
  color: var(--beyaz);
}
.dugme-birincil:hover { background: var(--mavi-koyu); }

.modul-ust-satir {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
  gap: 10px;
  flex-wrap: wrap;
}

.filtre-bar {
  display: flex;
  gap: 10px;
  margin-bottom: 16px;
  flex-wrap: wrap;
}

.filtre-bar input {
  flex: 1;
  min-width: 200px;
  padding: 9px 12px;
  border: 1px solid var(--gri-200);
  border-radius: 8px;
  background: var(--yuzey);
  color: var(--gri-900);
}

.filtre-bar select {
  padding: 9px 12px;
  border: 1px solid var(--gri-200);
  border-radius: 8px;
  background: var(--yuzey);
  color: var(--gri-900);
}

.tablo-sarmal {
  background: var(--yuzey);
  border: 1px solid var(--gri-200);
  border-radius: 12px;
  overflow-x: auto;
}

.veri-tablo {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
}

.veri-tablo th {
  text-align: left;
  padding: 10px 14px;
  background: var(--gri-100);
  color: var(--gri-700);
  font-size: 12px;
  text-transform: uppercase;
  border-bottom: 1px solid var(--gri-200);
}

.veri-tablo td {
  padding: 10px 14px;
  border-bottom: 1px solid var(--gri-100);
}

.veri-tablo tbody tr:hover { background: var(--gri-100); cursor: pointer; }

.veri-tablo-kucuk td, .veri-tablo-kucuk th { padding: 6px 10px; font-size: 13px; }

.detay-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 16px;
  align-items: start;
}

.detay-grid .kart { padding: 20px; }
.detay-grid h3 { margin: 0 0 14px; font-size: 15px; color: var(--mavi-koyu); }
.detay-grid h4 { margin: 16px 0 8px; font-size: 13px; color: var(--gri-700); }

.form-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: 12px;
  margin-bottom: 12px;
}

.form-grid label, .detay-grid label {
  display: block;
  font-size: 12px;
  font-weight: 600;
  color: var(--gri-700);
  margin: 0 0 4px;
}

.detay-grid input, .detay-grid select, .detay-grid textarea {
  width: 100%;
  padding: 8px 10px;
  border: 1px solid var(--gri-200);
  border-radius: 8px;
  font-size: 14px;
  font-family: inherit;
  margin-bottom: 10px;
  background: var(--yuzey);
  color: var(--gri-900);
}

.parca-ekle-satir {
  display: flex;
  gap: 8px;
  margin-top: 10px;
}
.parca-ekle-satir input { flex: 1; padding: 7px 10px; border: 1px solid var(--gri-200); border-radius: 8px; }

.asama-liste {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 13px;
}
.asama-liste li {
  padding: 8px 0;
  border-bottom: 1px solid var(--gri-100);
  color: var(--gri-700);
}
.asama-liste li:last-child { border-bottom: none; }
.asama-liste .asama-zaman { color: var(--gri-500); font-size: 12px; }

.modal-arkaplan {
  position: fixed;
  inset: 0;
  background: rgba(17,24,39,0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  z-index: 50;
}

.kart-orta { width: 100%; max-width: 560px; max-height: 90vh; overflow-y: auto; }

.modal-buton-satir {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 16px;
}

.satir-bekliyor td { background: #fef2f2; }
.satir-tamamlandi td { background: #f0fdf4; }
.satir-iptal td { background: var(--gri-100); color: var(--gri-500); }

.aksiyon-grup {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
}

.dugme-mini {
  padding: 5px 9px;
  font-size: 12px;
  border-radius: 6px;
  color: var(--beyaz);
  white-space: nowrap;
}
.dugme-mini-mavi { background: var(--mavi); }
.dugme-mini-mavi:hover { background: var(--mavi-koyu); }
.dugme-mini-yesil { background: #1f9d55; }
.dugme-mini-yesil:hover { background: #17783f; }
.dugme-mini-gri { background: var(--gri-500); }
.dugme-mini-gri:hover { background: var(--gri-700); }
.dugme-mini-sari { background: #d97706; }
.dugme-mini-sari:hover { background: #b45309; }
.dugme-mini-kirmizi { background: var(--kirmizi); }
.dugme-mini-kirmizi:hover { background: #b91c1c; }

.liste-durum-sec {
  padding: 5px 6px;
  border-radius: 6px;
  border: 1px solid var(--gri-200);
  font-size: 12px;
  background: var(--yuzey);
  color: var(--gri-900);
}

/* Modal/kart içindeki sade textarea ve select'ler için ortak koyu tema desteği */
form textarea, .kart textarea {
  width: 100%;
  padding: 8px 10px;
  border: 1px solid var(--gri-200);
  border-radius: 8px;
  font-size: 14px;
  font-family: inherit;
  background: var(--yuzey);
  color: var(--gri-900);
}

form select, .kart select {
  padding: 7px 10px;
  border: 1px solid var(--gri-200);
  border-radius: 8px;
  font-size: 14px;
  background: var(--yuzey);
  color: var(--gri-900);
}

.medya-izgara {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(90px, 1fr));
  gap: 10px;
  margin-bottom: 12px;
}

.medya-oge {
  position: relative;
  border: 1px solid var(--gri-200);
  border-radius: 8px;
  overflow: hidden;
  aspect-ratio: 1;
  background: var(--gri-100);
  display: flex;
  align-items: center;
  justify-content: center;
}

.medya-oge img, .medya-oge video { width: 100%; height: 100%; object-fit: cover; display: block; }

.medya-oge .medya-belge-ikon {
  font-size: 28px;
  color: var(--gri-500);
}

.medya-oge a.medya-ac { position: absolute; inset: 0; z-index: 1; }

.medya-oge .medya-sil {
  position: absolute;
  top: 3px;
  right: 3px;
  z-index: 2;
  background: rgba(17,24,39,0.7);
  color: #fff;
  border: none;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  font-size: 12px;
  line-height: 20px;
  text-align: center;
  cursor: pointer;
  padding: 0;
}
.medya-oge .medya-sil:hover { background: var(--kirmizi); }

.medya-bos { font-size: 13px; color: var(--gri-500); margin: 0 0 10px; }

.sil-link {
  color: var(--kirmizi);
  cursor: pointer;
  font-size: 13px;
  background: none;
  border: none;
  padding: 4px 8px;
}

@media (max-width: 480px) {
  .kart { padding: 24px; }
  .ust-bar { padding: 12px 16px; flex-wrap: wrap; gap: 8px; }
}

/* ÜST SEKMELER */
.sekme-bar {
  position: sticky;
  top: 0;
  z-index: 20;
  display: flex;
  gap: 4px;
  padding: 0 clamp(16px, 3vw, 56px);
  background: var(--yuzey);
  border-bottom: 1px solid var(--gri-200);
  overflow-x: auto;
  white-space: nowrap;
}
.sekme {
  background: none;
  border-radius: 0;
  padding: 12px 16px;
  font-size: 14px;
  color: var(--gri-500);
  border-bottom: 3px solid transparent;
}
.sekme:hover { color: var(--gri-900); }
.sekme.aktif { color: var(--mavi); border-bottom-color: var(--mavi); }

.ozet-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
  gap: 12px;
  margin-bottom: 16px;
}
.ozet-kutu {
  background: var(--yuzey);
  border: 1px solid var(--gri-200);
  border-radius: 12px;
  padding: 12px 16px;
}
.ozet-kutu .ozet-baslik { font-size: 12px; color: var(--gri-500); text-transform: uppercase; }
.ozet-kutu .ozet-deger { font-size: 20px; font-weight: 700; color: var(--gri-900); margin-top: 4px; }
.kar-pozitif { color: var(--yesil); }
.kar-negatif { color: var(--kirmizi); }

/* KOYU TEMA — genel sayfa zemini ve durum renkleri */
:root[data-tema="koyu"] body { background: #0b1120; }

:root[data-tema="koyu"] .satir-bekliyor td { background: #3f1d1d; color: #fecaca; }
:root[data-tema="koyu"] .satir-tamamlandi td { background: #14301f; color: #bbf7d0; }
:root[data-tema="koyu"] .satir-iptal td { background: var(--gri-100); color: var(--gri-500); }

:root[data-tema="koyu"] .hata-mesaji { background: #3f1d1d; color: #fecaca; }
:root[data-tema="koyu"] .rozet-yesil { background: #14301f; color: #86efac; }
:root[data-tema="koyu"] .rozet { background: var(--gri-100); color: var(--gri-700); }

:root[data-tema="koyu"] .modal-arkaplan { background: rgba(0,0,0,0.65); }

:root[data-tema="koyu"] .veri-tablo tbody tr:hover { background: #111827; }


/* =====================================================================
   GÖRSEL KATMAN — Volta kimliği: mürekkep (koyu lacivert) şerit, volt sarısı vurgu,
   Unbounded başlıklar + Manrope gövde. Önceki kurallar üzerine yazar.
   ===================================================================== */

body { font-feature-settings: "tnum" 1, "cv11" 1; -webkit-font-smoothing: antialiased; line-height: 1.45; }
h1, h2, h3 { font-family: var(--baslik-font); letter-spacing: -0.01em; }
.icerik h2 { font-size: 22px; font-weight: 700; }
.altyazi { color: var(--gri-500); }

/* Yumuşak gölge ve ortak yarıçap */
.kart { border-radius: 16px; box-shadow: 0 1px 2px rgba(13,22,38,.06), 0 8px 24px -12px rgba(13,22,38,.18); }
.modul-kart, .tablo-sarmal, .ozet-kutu { border-radius: 14px; }

/* Düğmeler: basınca hafif çökme */
button { font-family: inherit; transition: background-color .15s, transform .08s, box-shadow .15s, color .15s; }
button:active:not(:disabled) { transform: translateY(1px) scale(.985); }
.dugme-birincil, form button[type="submit"] { box-shadow: 0 1px 0 rgba(255,255,255,.18) inset, 0 4px 12px -4px rgba(36,87,245,.55); }
.dugme-birincil:hover, form button[type="submit"]:hover { box-shadow: 0 1px 0 rgba(255,255,255,.18) inset, 0 6px 16px -4px rgba(36,87,245,.6); }
:focus-visible { outline: 2px solid var(--mavi); outline-offset: 2px; }
form input:focus, .detay-grid input:focus, .detay-grid select:focus, .filtre-bar input:focus, .filtre-bar select:focus {
  outline: none; border-color: var(--mavi); box-shadow: 0 0 0 3px rgba(36,87,245,.18);
}
input, select, textarea { transition: border-color .15s, box-shadow .15s; }

/* ---------- Üst şerit (marka + kullanıcı) ve sekmeler ---------- */
.ust-bar { background: var(--murekkep); border-bottom: 0; color: #e8edf7; }
.ust-bar-sol { color: #b9c3d6; gap: 10px; }
.ust-bar-sol strong { color: #fff; font-family: var(--baslik-font); font-size: 15px; font-weight: 700; letter-spacing: .01em; }
.ust-logo { display: block; height: 22px; width: auto; }
.ayirac { color: #3b4963; }
.ust-bar .rozet { background: rgba(150,193,33,.16); color: #b6dc4a; text-transform: none; font-size: 12px; }
.ust-bar .dugme-ikincil { background: transparent; color: #d5dcea; border-color: #2f3d58; }
.ust-bar .dugme-ikincil:hover { background: var(--murekkep-2); color: #fff; }

.sekme-bar { background: var(--murekkep); border-bottom: 1px solid #1f2d47; gap: 2px; padding-top: 2px; }
.sekme { color: #93a1bb; font-weight: 600; position: relative; border-bottom: 0; transition: color .2s; }
.sekme::after {
  content: ""; position: absolute; left: 14px; right: 14px; bottom: 0; height: 3px; border-radius: 3px 3px 0 0;
  background: var(--volt); transform: scaleX(0); transform-origin: left; transition: transform .25s cubic-bezier(.2,.8,.2,1);
}
.sekme:hover { color: #fff; }
.sekme.aktif { color: #fff; }
.sekme.aktif::after { transform: scaleX(1); }

/* ---------- Ana sayfa modül kartları ---------- */
.modul-grid { gap: 18px; }
.modul-kart { padding: 22px; overflow: hidden; transition: transform .2s cubic-bezier(.2,.8,.2,1), box-shadow .2s, border-color .2s; }
.modul-kart h3 { font-size: 16px; color: var(--gri-900); margin-bottom: 4px; }
.modul-ikon { width: 30px; height: 30px; padding: 6px; border-radius: 9px; background: var(--gri-100); color: var(--mavi); margin-bottom: 14px; box-sizing: content-box; transition: background-color .2s, color .2s; }
.modul-aktif { border-color: var(--gri-200); }
.modul-aktif:hover { transform: translateY(-3px); border-color: var(--mavi); box-shadow: 0 14px 28px -16px rgba(36,87,245,.5); }
.modul-aktif:hover .modul-ikon { background: var(--mavi); color: #fff; }
.modul-pasif .modul-ikon { color: var(--gri-500); }
.rozet { letter-spacing: .02em; }

/* ---------- Tablolar ve özet kutuları ---------- */
.veri-tablo th { text-transform: none; font-size: 12px; font-weight: 700; letter-spacing: .02em; color: var(--gri-500); background: var(--gri-100); }
.veri-tablo td { padding: 11px 14px; }
.veri-tablo tbody tr { transition: background-color .12s; }
.ozet-kutu { position: relative; padding: 14px 16px 14px 18px; overflow: hidden; }
.ozet-kutu::before { content: ""; position: absolute; left: 0; top: 12px; bottom: 12px; width: 3px; border-radius: 0 3px 3px 0; background: var(--mavi); opacity: .85; }
.ozet-kutu .ozet-baslik { text-transform: none; font-size: 12.5px; font-weight: 600; }
.ozet-kutu .ozet-deger { font-size: 19px; font-weight: 800; letter-spacing: -.01em; }
.kar-pozitif { color: #0f9d58; }
.kar-negatif { color: #dc2626; }

/* ---------- Giriş ekranı: solda marka paneli, sağda form ---------- */
.giris-duzen { display: grid; grid-template-columns: minmax(280px, 1.1fr) minmax(320px, 1fr); gap: 0; padding: 0; align-items: stretch; background: var(--yuzey); }
.giris-duzen.gizli { display: none !important; }
.giris-marka {
  background: var(--murekkep); color: #fff; padding: clamp(32px, 6vw, 80px); display: flex; flex-direction: column; justify-content: center; gap: 16px;
  position: relative; overflow: hidden;
}
.giris-marka::before {
  content: ""; position: absolute; right: -120px; bottom: -30px; width: 620px; height: 132px; opacity: .08;
  background: url("logo-isaret.png") center / contain no-repeat; transform: scale(1.6); transform-origin: right bottom;
}
.giris-logo { width: min(340px, 70%); height: auto; position: relative; filter: drop-shadow(0 12px 28px rgba(150,193,33,.28)); }
.giris-marka h1 { font-size: clamp(20px, 2.4vw, 26px); line-height: 1.1; margin: 8px 0 0; color: #fff; font-weight: 700; position: relative; }
.giris-marka p { margin: 0; color: #9fb0cc; font-size: 16px; max-width: 30ch; position: relative; }
.giris-duzen .kart-dar { max-width: 400px; justify-self: center; align-self: center; box-shadow: none; background: transparent; padding: 32px; }
.giris-duzen .kart-dar h2 { margin: 0 0 4px; font-size: 22px; }
.giris-duzen .altyazi { margin-bottom: 20px; }
@media (max-width: 760px) {
  .giris-duzen { grid-template-columns: 1fr; }
  .giris-marka { padding: 28px 24px; gap: 8px; }
  .giris-logo { width: 200px; }
  .giris-marka::before { display: none; }
}

/* ---------- Hareket: yalnızca kullanıcı eyleminin sonucunu gösterir ---------- */
@keyframes gecis-gir { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
@keyframes modal-gir { from { opacity: 0; transform: translateY(14px) scale(.97); } to { opacity: 1; transform: none; } }
@keyframes arka-gir { from { opacity: 0; } to { opacity: 1; } }
@keyframes giris-sahne { from { opacity: 0; transform: translateX(-14px); } to { opacity: 1; transform: none; } }
@keyframes ikon-parla { 0% { filter: drop-shadow(0 0 0 rgba(150,193,33,0)); } 40% { filter: drop-shadow(0 8px 36px rgba(150,193,33,.7)); } 100% { filter: drop-shadow(0 12px 28px rgba(150,193,33,.28)); } }

#ana-icerik:not(.gizli), #servis-icerik:not(.gizli), #stok-icerik:not(.gizli), #finans-icerik:not(.gizli),
#kasa-icerik:not(.gizli), #kullanicilar-icerik:not(.gizli), #ayarlar-icerik:not(.gizli),
#finans-detay-gorunum:not(.gizli), #finans-liste-gorunum:not(.gizli) { animation: gecis-gir .28s cubic-bezier(.2,.8,.2,1); }
.modal-arkaplan:not(.gizli) { animation: arka-gir .18s ease-out; }
.modal-arkaplan:not(.gizli) > .kart { animation: modal-gir .24s cubic-bezier(.2,.8,.2,1); }
.giris-marka > * { animation: giris-sahne .5s cubic-bezier(.2,.8,.2,1) backwards; }
.giris-marka > :nth-child(2) { animation-delay: .08s; }
.giris-marka > :nth-child(3) { animation-delay: .16s; }
.giris-logo { animation: giris-sahne .5s cubic-bezier(.2,.8,.2,1) backwards, ikon-parla 1.4s .5s ease-out; }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; animation-delay: 0s !important; transition-duration: .01ms !important; }
}

/* ---------- Koyu tema ---------- */
:root[data-tema="koyu"] {
  --gri-900: #eef2f9; --gri-700: #c6cfdf; --gri-500: #8d9ab3; --gri-200: #26344f; --gri-100: #121c30; --yuzey: #17233a;
}
:root[data-tema="koyu"] body { background: #090f1c; }
:root[data-tema="koyu"] .ust-bar, :root[data-tema="koyu"] .sekme-bar { background: #060b16; }
:root[data-tema="koyu"] .modul-ikon { background: #0f1a2e; }
:root[data-tema="koyu"] .kart { box-shadow: 0 8px 24px -12px rgba(0,0,0,.6); }
:root[data-tema="koyu"] .giris-duzen { background: #090f1c; }
:root[data-tema="koyu"] .kar-pozitif { color: #4ade80; }
:root[data-tema="koyu"] .kar-negatif { color: #f87171; }
:root[data-tema="koyu"] .veri-tablo tbody tr:hover { background: #1c2b47; }
.rozet { white-space: nowrap; }
.veri-tablo a { color: var(--mavi); }

/* Kâr/maliyet yetkisi olmayan kullanıcıdan gizlenen alanlar (sunucu da bu veriyi göndermez) */
body.kar-yok .kar-alan { display: none !important; }

/* ORTA TONLU TEMALAR — açık ile koyu arası, göz yormayan zeminler */
:root[data-tema="orta"] {
  --gri-100: #d3d9e3; --gri-200: #b4bdcc; --yuzey: #e7ebf2;
  --gri-900: #101827; --gri-700: #2c3646; --gri-500: #475365;
  --sari-bg: #f3e3a7; --sari-metin: #6b3a0b;
}
:root[data-tema="kum"] {
  --gri-100: #e4dccb; --gri-200: #cbbfa6; --yuzey: #f2ecdf;
  --gri-900: #1f1a10; --gri-700: #3d3626; --gri-500: #5b533f;
  --sari-bg: #f1dc9c; --sari-metin: #6b3a0b;
}
:root[data-tema="sis"] {
  --gri-100: #d1dbd6; --gri-200: #afbfb7; --yuzey: #e6eeea;
  --gri-900: #0f1c17; --gri-700: #2a3b34; --gri-500: #44564e;
  --sari-bg: #efe0a0; --sari-metin: #6b3a0b;
}
:root[data-tema="orta"] .veri-tablo tbody tr:hover,
:root[data-tema="kum"] .veri-tablo tbody tr:hover,
:root[data-tema="sis"] .veri-tablo tbody tr:hover { background: rgba(0,0,0,0.05); }
:root[data-tema="orta"] .satir-bekliyor td, :root[data-tema="kum"] .satir-bekliyor td, :root[data-tema="sis"] .satir-bekliyor td { background: #f5c9c9; color: #7f1d1d; }
:root[data-tema="orta"] .satir-tamamlandi td, :root[data-tema="kum"] .satir-tamamlandi td, :root[data-tema="sis"] .satir-tamamlandi td { background: #c7e6cf; color: #14532d; }

/* ---------- Sayfalama ve sıralama ---------- */
.sayfalama { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; margin: 10px 0 4px; font-size: 13px; }
.sayfalama.gizli { display: none; }
.sayfalama-bilgi { color: var(--soluk, #8a94a6); }
.sayfalama-kontrol { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.sayfalama-kontrol label { display: flex; align-items: center; gap: 6px; margin-right: 8px; }
.sayfalama-kontrol select { width: auto; padding: 4px 8px; }
.sayfalama-no { padding: 0 6px; font-weight: 600; }
.sayfalama button:disabled { opacity: .4; cursor: default; }
.veri-tablo th.siralanabilir { cursor: pointer; user-select: none; }
.veri-tablo th.siralanabilir:hover { text-decoration: underline; }
.veri-tablo th.sirali-artan::after { content: " ▲"; font-size: 10px; }
.veri-tablo th.sirali-azalan::after { content: " ▼"; font-size: 10px; }
.ozet-tikla{cursor:pointer}
.ozet-tikla:hover{box-shadow:0 2px 8px rgba(0,0,0,.15)}

/* Servis tahsilat formu: büyük, okunaklı kutular */
.tahsilat-form { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 12px; margin-top: 14px; align-items: end; }
.tahsilat-form label { display: block; font-size: 14px; font-weight: 600; margin-bottom: 4px; }
.tahsilat-form input, .tahsilat-form select {
  width: 100%; box-sizing: border-box; font-size: 17px; padding: 11px 12px; min-height: 46px;
  border: 1px solid var(--gri-200); border-radius: 8px;
}
.tahsilat-form button { min-height: 46px; font-size: 16px; }
#sd-tahsilat-ozet { font-size: 16px; font-weight: 600; margin: 4px 0 10px; }

/* Ana sayfa akan şerit: kur + hava durumu */
.piyasa-serit { overflow: hidden; white-space: nowrap; border-radius: 10px; margin-bottom: 14px; padding: 9px 0;
  background: var(--murekkep, #1b2536); color: #e8edf7; font-size: 15px; font-weight: 600; }
.piyasa-ic { display: inline-block; padding-left: 100%; animation: piyasa-kay 38s linear infinite; }
.piyasa-serit:hover .piyasa-ic { animation-play-state: paused; }
.piyasa-oge { display: inline-block; margin-right: 46px; }
.piyasa-oge .yukari { color: #ff8a80; } .piyasa-oge .asagi { color: #7be0a1; } .piyasa-oge .not { opacity: .7; font-weight: 400; }
@keyframes piyasa-kay { from { transform: translateX(0); } to { transform: translateX(-100%); } }
@media (prefers-reduced-motion: reduce) { .piyasa-ic { animation: none; padding-left: 12px; } .piyasa-serit { overflow-x: auto; } }

/* Haftalık randevu takvimi */
.rv-hafta{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}
.rv-gun{background:var(--kart,#fff);border:1px solid #E3E0D8;border-radius:10px;padding:6px;min-height:120px;min-width:0}
.rv-gun.bugun{border-color:#2457E6;box-shadow:0 0 0 1px #2457E6}
.rv-gun-baslik{font-size:12px;font-weight:700;margin-bottom:4px;color:#5B6574}
.rv-oge{display:block;width:100%;text-align:left;border:0;border-left:4px solid #2457E6;background:#EEF3FF;color:#10192B;border-radius:6px;padding:4px 6px;margin-bottom:4px;font-size:12px;line-height:1.3;cursor:pointer}
.rv-oge.Geldi{border-left-color:#1F9D55;background:#E8F7EE}
.rv-oge.Gelmedi{border-left-color:#D9534F;background:#FDECEC}
.rv-oge.Iptal{border-left-color:#999;background:#F0F0F0;text-decoration:line-through}
@media (max-width:760px){.rv-hafta{grid-template-columns:1fr}.rv-gun{min-height:0}}

.slogan{margin:-4px 0 14px;font-size:15px;font-weight:600;letter-spacing:.3px;color:var(--vurgu,#2457E6)}
.slogan strong{text-transform:uppercase;letter-spacing:1.5px}
.slogan-giris{text-align:center;margin:6px 0 16px}