/* harddisksepeti - elle yazilmis, derlemesiz CSS (kullanici talebi -
   "herseyi laravele tasi, node istemiyorum"). Node/Vite/Tailwind YOK -
   bu dosya oldugu gibi tarayiciya gider. Yapi BossEye.panel'in kendi
   CSS custom property + paylasilan bilesen (.card/.btn-kaydet/.btn-iptal/
   dialog.modal/.toast) desenini BIREBIR takip eder.

   Renk paleti: harddisksepeti'nin ORIJINAL "ink" (lacivert-siyah) ve
   "hdd" (elektrik mavisi) tonlari CSS degiskenlerine tasindi - musteri/
   genel site bu paleti kullanmaya devam eder. Admin paneli BossEye'nin
   kendi --kart-bg/--metin-guclu vb. degiskenlerini kullanir (asagida). */

:root {
  --ink-950: #05070f;
  --ink-900: #0b0f1a;
  --ink-800: #131826;
  --ink-700: #1e2536;
  --ink-600: #333d54;
  --ink-500: #4b5670;
  --ink-400: #6b7690;
  --ink-300: #94a0b8;
  --ink-200: #c3cbdb;
  --ink-100: #e4e8f0;
  --ink-50: #f4f6fa;

  --hdd-700: #0b3fd1;
  --hdd-600: #1150ea;
  --hdd-500: #2f6fed;
  --hdd-400: #5b8ff5;
  --hdd-300: #93b4f8;
  --hdd-100: #dce7fd;
  --hdd-50: #eff4fe;

  --ok-500: #16a34a;
  --ok-100: #dcfce7;
  --warn-500: #d97706;
  --warn-100: #fef3c7;
  --danger-500: #dc2626;
  --danger-100: #fee2e2;

  --shadow-card: 0 1px 2px rgba(11, 15, 26, 0.04), 0 8px 24px -8px rgba(11, 15, 26, 0.10);
  --radius-sm: 8px;
  --radius-md: 10px;
  --radius-lg: 16px;

  /* --- Admin panel tema degiskenleri (BossEye.panel'deki AYNI isimler) --- */
  --content-bg: #f4f6fa;
  --kart-bg: #ffffff;
  --kart-kenar: #e4e8f0;
  --metin-guclu: #0b0f1a;
  --metin-orta: #4b5670;
  --metin-soluk: #94a0b8;
  --hover-bg: #f4f6fa;
  --input-bg: #ffffff;
  --input-kenar: #c3cbdb;
  --gecis: 0.15s ease;
}

/* DUZELTME (kullanici bulgusu - koyu mod genel siteye sizmisti): bu kural
   artik SADECE .admin-govde[data-theme="dark"] iken gecerli (bkz.
   site.js) - genel/musteri sitesi bu elemani hic icermedigi icin HEP
   acik/beyaz kalir (kullanici talebi - "musteri/genel site... hep
   acik/beyaz kalir"). */
.admin-govde[data-theme="dark"] {
  --content-bg: #0a0a0c;
  --kart-bg: #1a1a1f;
  --kart-kenar: #2c2c33;
  --metin-guclu: #ffffff;
  --metin-orta: #c3cbdb;
  --metin-soluk: #6b7690;
  --hover-bg: #26262d;
  --input-bg: #202027;
  --input-kenar: #333340;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Inter, Roboto, sans-serif; color: var(--ink-800); background: #fff; -webkit-font-smoothing: antialiased; }
a { color: inherit; }
img { max-width: 100%; display: block; }

.container-shell { max-width: 1120px; margin: 0 auto; padding: 0 20px; }

/* --- Paylasilan bilesenler (BossEye'daki AYNI siniflar) --- */

.card { background: var(--kart-bg); border: 1px solid var(--kart-kenar); border-radius: var(--radius-lg); box-shadow: var(--shadow-card); }

.btn, .btn-kaydet, .btn-iptal, .btn-primary, .btn-outline, .btn-danger { display: inline-flex; align-items: center; justify-content: center; gap: 8px; border-radius: var(--radius-sm); padding: 10px 18px; font-size: 13.5px; font-weight: 700; cursor: pointer; border: 1px solid transparent; text-decoration: none; font-family: inherit; transition: background var(--gecis), border-color var(--gecis), color var(--gecis); }
.btn-sm { padding: 7px 12px; font-size: 12.5px; }
.btn-kaydet, .btn-primary { background: var(--hdd-600); color: #fff; }
.btn-kaydet:hover, .btn-primary:hover { background: var(--hdd-700); }
.btn-iptal, .btn-outline { background: var(--kart-bg); border-color: var(--input-kenar); color: var(--metin-orta); }
.btn-iptal:hover, .btn-outline:hover { background: var(--hover-bg); }
.btn-danger { background: var(--danger-100); color: var(--danger-500); }
.btn-danger:hover { background: #fecaca; }
.btn:disabled { opacity: .5; cursor: not-allowed; }

.form-field { margin-bottom: 14px; }
.form-field label, .form-label { display: block; font-size: 12px; font-weight: 700; color: var(--metin-orta); margin-bottom: 6px; }
.form-field-checkbox { display: flex; align-items: center; gap: 8px; margin-bottom: 14px; }
input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="submit"]):not([type="button"]), select, textarea {
  width: 100%; border: 1px solid var(--input-kenar); background: var(--input-bg); color: var(--metin-guclu);
  border-radius: 7px; padding: 9px 11px; font-size: 13.5px; font-family: inherit; outline: none;
  transition: border-color var(--gecis);
}
input:focus, select:focus, textarea:focus { border-color: var(--hdd-500); }
input[type="checkbox"] { width: 16px; height: 16px; accent-color: var(--hdd-600); cursor: pointer; }
.form-yardim { font-size: 11.5px; color: var(--metin-soluk); margin: -10px 0 14px; line-height: 1.4; }
.form-hata { color: var(--danger-500); font-size: 12px; margin-top: 4px; }

.tablo, .table { width: 100%; border-collapse: collapse; background: var(--kart-bg); border: 1px solid var(--kart-kenar); border-radius: var(--radius-lg); overflow: hidden; font-size: 13.5px; }
.tablo th, .table th { text-align: left; font-size: 11.5px; font-weight: 700; text-transform: uppercase; letter-spacing: .03em; color: var(--metin-soluk); padding: 12px 16px; border-bottom: 1px solid var(--kart-kenar); }
.tablo td, .table td { padding: 12px 16px; border-bottom: 1px solid var(--kart-kenar); color: var(--metin-guclu); }
.tablo tbody tr:hover, .table tbody tr:hover { background: var(--hover-bg); }
.tablo tbody tr:last-child td, .table tbody tr:last-child td { border-bottom: 0; }
.tablo-bos, .bos { text-align: center; padding: 40px; color: var(--metin-soluk); }

.rozet, .badge { display: inline-flex; align-items: center; border-radius: 99px; padding: 3px 10px; font-size: 11px; font-weight: 700; }
.rozet-basari, .badge-ok { background: var(--ok-100); color: var(--ok-500); }
.rozet-uyari, .badge-warn { background: var(--warn-100); color: var(--warn-500); }
.rozet-tehlike, .badge-danger { background: var(--danger-100); color: var(--danger-500); }
.rozet-notr, .badge-notr { background: var(--hover-bg); color: var(--metin-guclu); }
.rozet option, .badge option { background: #fff; color: #0b0f1a; }

dialog.modal { width: min(640px, calc(100vw - 32px)); border: 0; border-radius: 14px; padding: 0; box-shadow: 0 24px 56px rgba(0,0,0,.25); background: var(--kart-bg); color: var(--metin-guclu); }
dialog.modal.genis { width: min(760px, calc(100vw - 32px)); }
dialog.modal::backdrop { background: rgba(15,23,42,.52); }
dialog.modal .modal-header { padding: 18px 20px; border-bottom: 1px solid var(--kart-kenar); display: flex; justify-content: space-between; align-items: center; }
dialog.modal .modal-header h2 { margin: 0; font-size: 15px; font-weight: 800; }
dialog.modal .modal-close { border: 0; background: none; font-size: 22px; line-height: 1; color: var(--metin-soluk); cursor: pointer; }
dialog.modal .modal-form { padding: 20px; max-height: 72vh; overflow-y: auto; }
dialog.modal .modal-actions { margin-top: 16px; display: flex; justify-content: flex-end; gap: 8px; }

.toast-container { position: fixed; top: 18px; right: 18px; z-index: 2000; display: flex; flex-direction: column; gap: 8px; }
.toast { min-width: 240px; max-width: 360px; padding: 12px 16px; border-radius: 10px; font-size: 13.5px; font-weight: 600; color: #fff; box-shadow: 0 8px 24px rgba(0,0,0,.18); opacity: 0; transform: translateY(-6px); transition: opacity .25s ease, transform .25s ease; }
.toast.gorunur { opacity: 1; transform: translateY(0); }
.toast-basari { background: var(--ok-500); }
.toast-hata { background: var(--danger-500); }
.toast-bilgi { background: var(--hdd-600); }

/* --- Admin panel govdesi (sidebar + header) --- */
.admin-govde { display: flex; height: 100vh; overflow: hidden; background: var(--content-bg); color: var(--metin-guclu); }
.admin-sidebar { width: 256px; flex-shrink: 0; background: var(--kart-bg); border-right: 1px solid var(--kart-kenar); display: flex; flex-direction: column; }
.admin-sidebar-logo { height: 76px; display: flex; align-items: center; gap: 10px; padding: 0 20px; font-weight: 800; color: var(--metin-guclu); text-decoration: none; border-bottom: 1px solid var(--kart-kenar); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.admin-sidebar-logo .amblem { width: 56px; height: 56px; border-radius: 8px; object-fit: contain; flex-shrink: 0; }
.admin-nav { flex: 1; overflow-y: auto; padding: 12px 0; }
.admin-nav a { display: flex; align-items: center; gap: 10px; padding: 10px 20px; font-size: 13.5px; font-weight: 600; color: var(--metin-guclu); text-decoration: none; border-left: 2px solid transparent; }
.admin-nav a:hover { background: var(--hover-bg); color: var(--metin-guclu); }
.admin-nav a.aktif { border-left-color: var(--hdd-500); background: color-mix(in srgb, var(--hdd-500) 8%, transparent); color: var(--hdd-600); }
.admin-content { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.admin-header { height: 76px; flex-shrink: 0; display: flex; align-items: center; justify-content: flex-end; gap: 8px; padding: 0 24px; background: var(--kart-bg); border-bottom: 1px solid var(--kart-kenar); }
.admin-header .kullanici-bilgisi { text-align: right; margin-right: 8px; line-height: 1.3; }
.admin-header .kullanici-bilgisi .ad { font-size: 15px; font-weight: 700; }
.admin-header .kullanici-bilgisi .rol { font-size: 12px; color: var(--metin-soluk); }
.icon-btn { display: flex; align-items: center; justify-content: center; width: 42px; height: 42px; font-size: 18px; border-radius: 8px; border: 0; background: transparent; color: var(--metin-orta); cursor: pointer; transition: background var(--gecis), color var(--gecis); }
.icon-btn:hover { background: var(--hover-bg); color: var(--metin-guclu); }
.icon-btn.cikis:hover { background: var(--danger-100); color: var(--danger-500); }
.admin-main { flex: 1; overflow-y: auto; padding: 28px; }

.admin-tabs { display: flex; gap: 4px; flex-wrap: wrap; border-bottom: 1px solid var(--kart-kenar); margin-bottom: 24px; }
.admin-tabs a, .admin-tabs button { border: 0; background: none; padding: 10px 14px; font-size: 13.5px; font-weight: 700; color: var(--metin-soluk); cursor: pointer; border-bottom: 2px solid transparent; margin-bottom: -1px; text-decoration: none; }
.admin-tabs a.aktif, .admin-tabs button.aktif { color: var(--hdd-600); border-bottom-color: var(--hdd-500); }

.stat-kart { display: block; background: var(--kart-bg); border: 1px solid var(--kart-kenar); border-radius: var(--radius-lg); padding: 18px 20px; text-align: center; text-decoration: none; transition: box-shadow .15s ease, transform .15s ease, border-color .15s ease; }
a.stat-kart:hover { box-shadow: 0 8px 20px -8px rgba(0,0,0,.15); transform: translateY(-2px); border-color: var(--hdd-500); }
.stat-kart .deger { font-size: 22px; font-weight: 800; color: var(--metin-guclu); margin: 10px 0 2px; }
.stat-kart .etiket { font-size: 12px; color: var(--metin-soluk); font-weight: 600; }
.grid-4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
.grid-2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; }
@media (max-width: 900px) { .grid-4 { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 640px) { .grid-4, .grid-2 { grid-template-columns: 1fr; } .admin-sidebar { display: none; } }

/* --- Musteri paneli (satislarim / satis detay / profil) --- */
.panel-ust { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-bottom: 20px; }
.satis-liste { display: flex; flex-direction: column; gap: 12px; }
.satis-kart { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 18px 20px; text-decoration: none; color: inherit; }
.satis-kart:hover { border-color: var(--hdd-300); }
.satis-kart .talep-no { font-size: 12px; color: var(--metin-soluk); font-weight: 700; margin-bottom: 3px; }
.satis-kart .urun-ozeti { font-weight: 700; color: var(--metin-guclu); font-size: 14.5px; }
.satis-kart .fiyat { font-weight: 800; color: var(--ink-900); font-size: 15px; white-space: nowrap; }
.satis-kart .ok { color: var(--metin-soluk); font-size: 18px; }

.zaman-cizelge { position: relative; padding-left: 26px; }
.zaman-adim { position: relative; padding-bottom: 22px; }
.zaman-adim:last-child { padding-bottom: 0; }
.zaman-adim::before { content: ''; position: absolute; left: -21px; top: 16px; bottom: -22px; width: 2px; background: var(--kart-kenar); }
.zaman-adim:last-child::before { display: none; }
.zaman-nokta { position: absolute; left: -26px; top: 1px; width: 12px; height: 12px; border-radius: 50%; background: var(--kart-kenar); border: 2px solid var(--kart-bg); }
.zaman-adim.tamam .zaman-nokta { background: var(--ok-500); }
.zaman-baslik { font-size: 13.5px; font-weight: 700; color: var(--metin-guclu); }
.zaman-adim:not(.tamam) .zaman-baslik { color: var(--metin-soluk); }
.zaman-tarih { font-size: 12px; color: var(--metin-soluk); margin-top: 2px; }