/* ═══════════════════════════════════════════════════════════
   Galeri Yönetim — UI Katmanı
   Kaynaklar: Tabler (CDN), Lucide (sprite), colord mantığı
   ═══════════════════════════════════════════════════════════ */

/* ── Aksan rengi sistemi ─────────────────────────────────── */
:root {
  --accent-h:   167;
  --accent-s:   85%;
  --accent-l:   23%;
  --accent:     hsl(var(--accent-h), var(--accent-s), var(--accent-l));
  --accent-hover: hsl(var(--accent-h), var(--accent-s), calc(var(--accent-l) - 5%));
  --accent-light: hsl(var(--accent-h), 60%, 96%);
  --accent-subtle: hsl(var(--accent-h), 40%, 92%);
  --accent-rgb:   8, 107, 90;

  /* Tabler primary override */
  --tblr-primary:     var(--accent);
  --tblr-primary-rgb: var(--accent-rgb);
  --bs-primary:       var(--accent);
  --bs-primary-rgb:   var(--accent-rgb);
  --bs-link-color:    var(--accent);

  /* Yazı tipi */
  --font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  /* Spacing (kompakt mod için) */
  --density-factor: 1;
  --cell-py: calc(0.5rem * var(--density-factor));
  --card-py: calc(1.25rem * var(--density-factor));
}

/* ── Karanlık mod CSS değişkenleri ──────────────────────── */
[data-bs-theme="dark"] {
  color-scheme: dark;

  --tblr-body-bg: #111827;
  --tblr-bg-surface: #1f2937;
  --tblr-bg-surface-secondary: #111827;
  --tblr-body-color: #e5e7eb;
  --tblr-border-color: #374151;
  --tblr-card-bg: #1f2937;

  --bs-body-bg:    #111827;
  --bs-body-color: #e5e7eb;
  --bs-border-color: #374151;
  --bs-card-bg: #1f2937;

  /* Tablo */
  --bs-table-bg: #1f2937;
  --bs-table-striped-bg: #253142;
  --tblr-table-color: #d1d5db;
}

[data-bs-theme="dark"] .card {
  background: var(--tblr-card-bg);
  border-color: var(--tblr-border-color);
  color: var(--bs-body-color);
}
[data-bs-theme="dark"] .navbar { filter: brightness(.92); }
[data-bs-theme="dark"] .form-control,
[data-bs-theme="dark"] .form-select {
  background-color: #253142;
  border-color: #374151;
  color: #e5e7eb;
}
[data-bs-theme="dark"] .table { --bs-table-color: #d1d5db; }
[data-bs-theme="dark"] .modal-content {
  background: #1f2937;
  border-color: #374151;
}
[data-bs-theme="dark"] .badge.bg-blue-lt { background: #1e3a5f!important; color:#90caf9!important; }
[data-bs-theme="dark"] #auth-overlay { background: rgba(5,40,35,.98)!important; }

/* ── Kompakt mod ─────────────────────────────────────────── */
.density-compact {
  --density-factor: 0.72;
  font-size: 13px;
}
.density-compact .card-body    { padding: .75rem; }
.density-compact .table td,
.density-compact .table th     { padding: .35rem .5rem; }
.density-compact .btn          { padding: .25rem .6rem; font-size: .8rem; }
.density-compact .form-control,
.density-compact .form-select  { padding: .3rem .6rem; font-size: .85rem; }
.density-compact h3.card-title { font-size: .9rem; }

/* ── Giriş ekranı ────────────────────────────────────────── */
.auth-overlay {
  display: flex;
  position: fixed;
  inset: 0;
  z-index: 9999;
  align-items: center;
  justify-content: center;
  background: radial-gradient(ellipse at top, hsl(var(--accent-h), var(--accent-s), calc(var(--accent-l) + 6%)) 0%, hsl(var(--accent-h), var(--accent-s), calc(var(--accent-l) - 6%)) 100%);
}
[data-bs-theme="dark"] .auth-overlay { background: radial-gradient(ellipse at top, #0f2b25 0%, #071815 100%); }

.auth-card {
  background: var(--bs-body-bg, #fff);
  color: var(--bs-body-color, #1f2937);
  border-radius: 14px;
  padding: 2.5rem 2.25rem;
  width: 380px;
  max-width: calc(100vw - 2rem);
  box-shadow: 0 20px 60px rgba(0,0,0,.3), 0 2px 8px rgba(0,0,0,.15);
  animation: auth-card-in .35s cubic-bezier(.16,1,.3,1);
}
@keyframes auth-card-in {
  from { opacity: 0; transform: translateY(12px) scale(.98); }
  to   { opacity: 1; transform: translateY(0) scale(1); }
}

.auth-title    { margin: 0 0 .25rem; font-size: 1.25rem; color: var(--accent); font-weight: 700; }
.auth-subtitle { margin: 0 0 1.25rem; font-size: .8rem; color: #888; }
.auth-error {
  color: #d63939; font-size: .85rem; margin-bottom: .75rem;
  padding: .5rem .75rem; background: rgba(214,57,57,.08); border-radius: 6px; border: 1px solid rgba(214,57,57,.3);
}
.auth-input {
  width: 100%; padding: .65rem .9rem; margin-bottom: .75rem; box-sizing: border-box;
  border: 1px solid var(--bs-border-color, #ccc); border-radius: 8px; font-size: 1rem;
  background: var(--bs-body-bg, #fff); color: var(--bs-body-color, #1f2937);
  transition: border-color .15s, box-shadow .15s;
}
.auth-input:focus {
  outline: none; border-color: var(--accent);
  box-shadow: 0 0 0 3px hsl(var(--accent-h), var(--accent-s), var(--accent-l), .15);
}
.auth-submit {
  width: 100%; padding: .7rem; background: var(--accent); color: #fff; border: none;
  border-radius: 8px; font-size: 1rem; cursor: pointer; font-weight: 600;
  transition: background .15s, transform .1s;
}
.auth-submit:hover  { background: var(--accent-hover); }
.auth-submit:active { transform: scale(.98); }

/* ── Genel ───────────────────────────────────────────────── */
body { font-family: var(--font-family); }

/* ── PWA: standalone modda çentik/durum çubuğu güvenli alanı ─ */
@media (display-mode: standalone) {
  body { padding-top: env(safe-area-inset-top); padding-bottom: env(safe-area-inset-bottom); }
}

/* ── Mobil dokunma ergonomisi ────────────────────────────── */
@media (max-width: 767.98px) {
  .btn, .nav-link, .form-control, .form-select { -webkit-tap-highlight-color: transparent; }
  .btn { min-height: 2.5rem; }
  .card-body { padding: 1rem; }
}

/* Tarih aralığı başlıkları (Atölye/Genel Takvim, Raporlar) dar ekranda
   150px sabit genişlikle taşıyordu — flex-wrap sayesinde kırılıyordu ama
   dar telefonlarda gereksiz yer kaplıyordu. */
@media (max-width: 575.98px) {
  .card-header input[type="date"] { width: 128px !important; }
}

/* Sayfa/görünüm geçişi yumuşatılmış */
.view { display: none; }
.view.active { display: block; animation: view-in .18s ease-out; }
@keyframes view-in { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: translateY(0); } }

.galeri-toast {
  min-height: 20px;
  margin: 0 0 10px;
  font-size: 13px;
  font-weight: 600;
  color: #6c757d;
  transition: color 0.2s;
}
.galeri-toast.error   { color: #d63939; }
.galeri-toast.success { color: #2fb344; }

#main-nav .nav-link.active {
  color: #fff !important;
  background: rgba(255,255,255,.18);
  border-radius: 4px;
}

.empty {
  text-align: center;
  color: #6c757d;
  padding: 2rem !important;
}

/* ── Aksan rengi uygulaması ──────────────────────────────── */
.navbar[style*="background:#096b5a"],
.navbar[style*="background: #096b5a"] {
  background: var(--accent) !important;
}

.btn-primary       { background: var(--accent)!important; border-color: var(--accent)!important; }
.btn-primary:hover { background: var(--accent-hover)!important; border-color: var(--accent-hover)!important; }
.text-teal, .text-green { color: var(--accent)!important; }
.bg-teal   { background: var(--accent)!important; }
a { color: var(--accent); }
a:hover { color: var(--accent-hover); }

/* ── Lucide ikon yardımcıları ────────────────────────────── */
.licon {
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.licon-sm { width: .875em; height: .875em; }
.licon-lg { width: 1.25em; height: 1.25em; }

/* ── Ayarlar çekmecesi ───────────────────────────────────── */
.settings-overlay {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 8500;
  background: rgba(0,0,0,.45);
  backdrop-filter: blur(2px);
  transition: opacity .2s;
}
.settings-overlay.open { display: block; }

/* Ortalanmış, sol menülü ayarlar penceresi */
.settings-drawer {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(.97);
  opacity: 0;
  width: min(840px, 94vw);
  height: min(600px, 88vh);
  max-width: 94vw;
  border-radius: 14px;
  background: var(--bs-body-bg, #fff);
  box-shadow: 0 20px 60px rgba(0,0,0,.35);
  z-index: 8600;
  display: flex;
  flex-direction: column;
  transition: transform .2s cubic-bezier(.4,0,.2,1), opacity .2s;
  overflow: hidden;
}
.settings-overlay.open .settings-drawer { transform: translate(-50%, -50%) scale(1); opacity: 1; }

/* Sol menü (kategori listesi) + sağ içerik */
.settings-nav {
  width: 190px; flex-shrink: 0; overflow-y: auto; padding: 10px;
  border-right: 1px solid var(--bs-border-color, #e5e7eb);
  background: var(--bs-body-bg, #fff);
}
.settings-nav-btn {
  display: flex; align-items: center; gap: 9px; width: 100%; text-align: left;
  border: none; background: transparent; color: var(--bs-body-color, #374151);
  padding: 9px 12px; border-radius: 8px; font-size: .85rem; font-weight: 600;
  cursor: pointer; margin-bottom: 2px; transition: background .12s, color .12s;
}
.settings-nav-btn:hover { background: var(--accent-light); }
.settings-nav-btn.active { background: var(--accent); color: #fff; }
.settings-nav-btn .licon { width: 16px; height: 16px; flex-shrink: 0; }
.settings-pages { flex: 1; overflow-y: auto; padding: 1.1rem 1.4rem; }
@media (max-width: 560px){ .settings-nav { width: 132px; } }

.settings-drawer-header {
  padding: 1rem 1.25rem;
  border-bottom: 1px solid var(--bs-border-color, #e5e7eb);
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: var(--accent);
  color: #fff;
}
.settings-drawer-body {
  flex: 1;
  display: flex;
  min-height: 0;
  overflow: hidden;
}
.settings-drawer footer {
  padding: .75rem 1.25rem;
  border-top: 1px solid var(--bs-border-color, #e5e7eb);
  display: flex;
  gap: .5rem;
  justify-content: flex-end;
}

.settings-section {
  display: none;
  margin-bottom: 0;
}
.settings-section.active { display: block; }
.settings-section-title {
  font-size: .7rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: #888;
  margin: 0 0 .75rem;
  padding-bottom: .4rem;
  border-bottom: 1px solid var(--bs-border-color, #e5e7eb);
}

/* Tema seçici butonları */
.theme-btns { display: flex; gap: .5rem; }
.theme-btn {
  flex: 1;
  border: 2px solid var(--bs-border-color, #dee2e6);
  border-radius: 8px;
  padding: .55rem .4rem;
  background: transparent;
  cursor: pointer;
  font-size: .78rem;
  font-weight: 600;
  color: var(--bs-body-color, #374151);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  transition: border-color .15s, background .15s;
}
.theme-btn:hover { border-color: var(--accent); background: var(--accent-light); }
.theme-btn.active { border-color: var(--accent)!important; background: var(--accent-light); color: var(--accent); }

/* Renk swatches */
.color-swatches { display: flex; gap: .5rem; flex-wrap: wrap; margin-bottom: .75rem; }
.color-swatch {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  cursor: pointer;
  border: 2px solid transparent;
  transition: transform .15s, border-color .15s;
}
.color-swatch:hover { transform: scale(1.18); }
.color-swatch.active { border-color: #fff; outline: 2px solid currentColor; }

/* Yazı tipi seçici */
.font-options { display: grid; grid-template-columns: 1fr 1fr; gap: .4rem; }
.font-option {
  border: 2px solid var(--bs-border-color, #dee2e6);
  border-radius: 6px;
  padding: .4rem .6rem;
  background: transparent;
  cursor: pointer;
  font-size: .82rem;
  text-align: left;
  color: var(--bs-body-color, #374151);
  transition: border-color .15s;
}
.font-option:hover { border-color: var(--accent); }
.font-option.active { border-color: var(--accent); background: var(--accent-light); color: var(--accent); font-weight: 600; }

/* Yoğunluk toggle */
.density-toggle { display: flex; gap: .5rem; }
.density-btn {
  flex: 1;
  border: 2px solid var(--bs-border-color, #dee2e6);
  border-radius: 6px;
  padding: .4rem;
  background: transparent;
  cursor: pointer;
  font-size: .82rem;
  font-weight: 600;
  color: var(--bs-body-color, #374151);
  transition: border-color .15s;
}
.density-btn.active { border-color: var(--accent); background: var(--accent-light); color: var(--accent); }


/* ═══════════════════════════════════════════════════════════
   Finansal Özet (2026-07-05) — galeri_finans_penceresi.html
   mockup'ından uyarlandı. Tüm kurallar ".fo" altında SCOPED —
   bare body/*/table/dialog seçicileri global uygulanırsa
   Tabler tabanlı geri kalan tüm uygulamayı bozar, bu yüzden
   HİÇBİR kural buradan dışarı taşmaz.
   ═══════════════════════════════════════════════════════════ */
.fo {
  --fo-bg:#F7F3EA; --fo-surface:#FFFFFF; --fo-surface-2:#EFE9DC;
  --fo-ink:#201D19; --fo-ink-2:#5B564E; --fo-ink-3:#9A948A;
  --fo-line:#E3DCCC; --fo-line-2:#CFC7B4;
  --fo-accent:#175E54; --fo-accent-soft:#DCEBE3; --fo-accent-ink:#0E4038;
  --fo-warn-bg:#F6E8D3; --fo-warn-ink:#7A4A12;
  --fo-danger-bg:#F6E0DB; --fo-danger-ink:#8C3222;
  --fo-ok-bg:#DCEBE3; --fo-ok-ink:#175E54;
  --fo-blue-bg:#DFE9F3; --fo-blue-ink:#1D4E79;
  --fo-purple-bg:#E7E3F2; --fo-purple-ink:#4A3E7E;
  --fo-coral-bg:#F6E3D8; --fo-coral-ink:#8C4A26;
  --fo-shadow:0 1px 2px rgba(32,29,25,.05), 0 8px 24px -12px rgba(32,29,25,.18);
  --fo-serif:"Fraunces","Georgia",serif;
  font-family:-apple-system,"Segoe UI",sans-serif; font-size:14px; line-height:1.55;
  color:var(--fo-ink);
}
[data-bs-theme="dark"] .fo {
  --fo-bg:#161411; --fo-surface:#1F1C18; --fo-surface-2:#26221D;
  --fo-ink:#ECE7DC; --fo-ink-2:#B3ACA0; --fo-ink-3:#7C766B;
  --fo-line:#332E27; --fo-line-2:#453F35;
  --fo-accent:#5FB39E; --fo-accent-soft:#1E3730; --fo-accent-ink:#8ECCBB;
  --fo-warn-bg:#3A2C16; --fo-warn-ink:#E3B36B;
  --fo-danger-bg:#3D211B; --fo-danger-ink:#E08A75;
  --fo-ok-bg:#1E3730; --fo-ok-ink:#8ECCBB;
  --fo-blue-bg:#1D2C3C; --fo-blue-ink:#8FBBE0;
  --fo-purple-bg:#2A2540; --fo-purple-ink:#B3A6E3;
  --fo-coral-bg:#3B2718; --fo-coral-ink:#E0A175;
}
.fo .fo-kpis{display:grid; grid-template-columns:repeat(auto-fit,minmax(158px,1fr)); gap:10px; margin:6px 0 18px;}
.fo .fo-kpi-card{background:var(--fo-surface); border:1px solid var(--fo-line); border-radius:14px; padding:14px 16px; transition:transform .15s ease, box-shadow .15s ease;}
.fo .fo-kpi-card:hover{transform:translateY(-2px); box-shadow:var(--fo-shadow);}
.fo .fo-kpi-card .l{font-size:10.5px; letter-spacing:.08em; text-transform:uppercase; font-weight:600; color:var(--fo-ink-3); margin-bottom:5px;}
.fo .fo-kpi-card .v{font-family:var(--fo-serif); font-size:24px; font-weight:500; line-height:1.1;}
.fo .fo-kpi-card .s{font-size:11.5px; color:var(--fo-ink-3); margin-top:3px;}
.fo .fo-kpi-card .s.bad{color:var(--fo-danger-ink); font-weight:500;}
.fo .fo-kpi-card .s.good{color:var(--fo-ok-ink);}

.fo nav.fo-nav{position:sticky; top:0; z-index:10; display:flex; gap:7px; overflow-x:auto; padding:11px 0; background:color-mix(in srgb, var(--fo-bg) 90%, transparent); backdrop-filter:blur(8px); border-bottom:1px solid var(--fo-line); scrollbar-width:none; margin-bottom:16px;}
.fo nav.fo-nav::-webkit-scrollbar{display:none;}
.fo nav.fo-nav button{font-size:12.5px; font-weight:500; white-space:nowrap; padding:7px 14px; border-radius:999px; cursor:pointer; border:1px solid var(--fo-line-2); background:transparent; color:var(--fo-ink-2); display:flex; align-items:center; gap:6px; transition:all .15s ease;}
.fo nav.fo-nav button:hover{border-color:var(--fo-ink-2); color:var(--fo-ink);}
.fo nav.fo-nav button.active{background:var(--fo-ink); border-color:var(--fo-ink); color:var(--fo-bg);}

.fo h2.fo-sec{font-family:var(--fo-serif); font-size:22px; font-weight:600; margin-bottom:4px; color:var(--fo-ink);}
.fo p.fo-sec-lede{color:var(--fo-ink-2); font-size:13px; margin-bottom:18px;}
.fo .fo-sechead{display:flex; justify-content:space-between; align-items:flex-start; gap:12px; flex-wrap:wrap; margin-bottom:16px;}

.fo .fo-grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(210px,1fr)); gap:12px;}
.fo .fo-grid4{display:grid; grid-template-columns:repeat(auto-fit,minmax(160px,1fr)); gap:12px;}
.fo .fo-card{background:var(--fo-surface); border:1px solid var(--fo-line); border-radius:14px; padding:18px;}
.fo .fo-card h3{font-size:13px; font-weight:600; margin-bottom:10px; display:flex; align-items:center; gap:7px; color:var(--fo-ink);}

.fo .fo-alert{display:flex; gap:12px; align-items:flex-start; border-radius:12px; padding:12px 16px; font-size:13px; margin-bottom:8px;}
.fo .fo-alert.warn{background:var(--fo-warn-bg); color:var(--fo-warn-ink);}
.fo .fo-alert.danger{background:var(--fo-danger-bg); color:var(--fo-danger-ink);}
.fo .fo-alert.info{background:var(--fo-blue-bg); color:var(--fo-blue-ink);}

.fo .fo-tw{overflow-x:auto; border:1px solid var(--fo-line); border-radius:14px; background:var(--fo-surface);}
.fo .fo-tw table{width:100%; border-collapse:collapse; font-size:13px; min-width:560px; color:var(--fo-ink);}
.fo .fo-tw th{text-align:left; font-size:10.5px; letter-spacing:.08em; text-transform:uppercase; color:var(--fo-ink-3); font-weight:600; padding:12px 14px; border-bottom:1px solid var(--fo-line); white-space:nowrap;}
.fo .fo-tw td{padding:11px 14px; border-bottom:1px solid var(--fo-line); vertical-align:middle;}
.fo .fo-tw tr:last-child td{border-bottom:none;}
.fo .fo-tw tbody tr:hover{background:var(--fo-surface-2);}
.fo .fo-tw td .sub{font-size:11.5px; color:var(--fo-ink-3);}
.fo .fo-num{font-variant-numeric:tabular-nums; white-space:nowrap;}
.fo .fo-pos{color:var(--fo-ok-ink); font-weight:500;}
.fo .fo-neg{color:var(--fo-danger-ink); font-weight:500;}

.fo .fo-badge{display:inline-flex; align-items:center; gap:5px; font-size:11px; font-weight:600; padding:3px 10px; border-radius:999px; white-space:nowrap;}
.fo .fo-b-purple{background:var(--fo-purple-bg); color:var(--fo-purple-ink);}
.fo .fo-b-blue{background:var(--fo-blue-bg); color:var(--fo-blue-ink);}
.fo .fo-b-warn{background:var(--fo-warn-bg); color:var(--fo-warn-ink);}
.fo .fo-b-ok{background:var(--fo-ok-bg); color:var(--fo-ok-ink);}
.fo .fo-b-danger{background:var(--fo-danger-bg); color:var(--fo-danger-ink);}
.fo .fo-b-coral{background:var(--fo-coral-bg); color:var(--fo-coral-ink);}

.fo .fo-chips{display:flex; gap:7px; flex-wrap:wrap; margin-bottom:14px;}
.fo .fo-chips button{font-size:12px; font-weight:500; padding:6px 13px; border-radius:999px; border:1px solid var(--fo-line-2); background:transparent; color:var(--fo-ink-2); cursor:pointer;}
.fo .fo-chips button.active{background:var(--fo-accent); border-color:var(--fo-accent); color:#fff;}

.fo .fo-iconbtn{width:29px; height:29px; border-radius:8px; border:1px solid var(--fo-line); background:transparent; color:var(--fo-ink-3); cursor:pointer; display:inline-grid; place-items:center; font-size:14px; transition:all .12s ease;}
.fo .fo-iconbtn:hover{color:var(--fo-ink); border-color:var(--fo-line-2); background:var(--fo-surface-2);}
.fo .fo-iconbtn.red:hover{color:var(--fo-danger-ink); border-color:var(--fo-danger-ink);}

.fo .fo-prog{height:6px; background:var(--fo-surface-2); border-radius:99px; overflow:hidden; margin:6px 0;}
.fo .fo-prog > div{height:100%; background:var(--fo-accent); border-radius:99px;}

.fo .fo-hero-num{font-family:var(--fo-serif); font-size:36px; font-weight:500; line-height:1;}
.fo .fo-kv{display:flex; justify-content:space-between; padding:8px 0; border-bottom:1px dashed var(--fo-line); font-size:13px;}
.fo .fo-kv:last-child{border-bottom:none;}
.fo .fo-stack{display:flex; flex-direction:column; gap:10px;}
.fo .fo-mt{margin-top:16px;} .fo .fo-mb{margin-bottom:16px;}
.fo .fo-chartbox{position:relative; height:230px;}
.fo .fo-btn-accent{background:var(--fo-accent); border-color:var(--fo-accent); color:#fff;}
.fo .fo-btn-accent:hover{filter:brightness(1.08); color:#fff;}
.fo .fo-hint{font-size:11.5px; color:var(--fo-ink-3);}
@media(max-width:640px){ .fo .fo-frm{grid-template-columns:1fr;} }

/* ═══════════════════════════════════════════════════════════
   Satış Merkezi (2026-07-05) — index.html (yeni gönderilen)
   mockup'ından uyarlandı. ".sm" altında SCOPED — Finansal
   Özet'teki ".fo" ile aynı gerekçe (global body/*/table
   seçicileri geri kalan Tabler tabanlı UI'ı bozar).
   ═══════════════════════════════════════════════════════════ */
.sm {
  --sm-zemin:#F7F3EA; --sm-kart:#FFFFFF; --sm-murekkep:#201D19;
  --sm-ikincil:#5B564E; --sm-soluk:#9A948A; --sm-cizgi:#E3DCCC; --sm-cizgi-koyu:#CFC7B4;
  --sm-vurgu:#0E6B64; --sm-vurgu-koyu:#0A524C; --sm-vurgu-zemin:#E3F0EE;
  --sm-kirmizi:#B5382C; --sm-kirmizi-zemin:#F9ECEA;
  --sm-amber:#9A6A10; --sm-amber-zemin:#F8F0DE;
  --sm-yesil:#2C6E4A; --sm-yesil-zemin:#E7F2EA;
  color:var(--sm-murekkep); font-family:-apple-system,"Segoe UI",sans-serif; font-size:14px;
}
[data-bs-theme="dark"] .sm {
  --sm-zemin:#17140F; --sm-kart:#1F1C18; --sm-murekkep:#ECE7DC;
  --sm-ikincil:#B3ACA0; --sm-soluk:#7C766B; --sm-cizgi:#332E27; --sm-cizgi-koyu:#453F35;
  --sm-vurgu:#4FA89E; --sm-vurgu-koyu:#6EC0B4; --sm-vurgu-zemin:#1D3330;
  --sm-kirmizi:#D97364; --sm-kirmizi-zemin:#3A2320;
  --sm-amber:#D4A552; --sm-amber-zemin:#362D18;
  --sm-yesil:#5FAE83; --sm-yesil-zemin:#1E3327;
}
.sm .sm-ustbar{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:20px;}
.sm .sm-ustbar h1{margin:0;font-size:21px;font-weight:600;letter-spacing:-.2px;color:var(--sm-murekkep);}
.sm .sm-tarih{font-size:13px;color:var(--sm-ikincil);margin-top:2px;}

.sm .sm-islem-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin-bottom:18px;}
.sm .sm-islem{background:var(--sm-kart);border:1px solid var(--sm-cizgi);border-radius:12px;padding:16px;display:flex;gap:12px;align-items:flex-start;cursor:pointer;transition:border-color .15s,transform .15s;}
.sm .sm-islem:hover{border-color:var(--sm-cizgi-koyu);transform:translateY(-1px);}
.sm .sm-ikon{width:38px;height:38px;flex-shrink:0;border-radius:9px;background:var(--sm-vurgu-zemin);color:var(--sm-vurgu-koyu);display:flex;align-items:center;justify-content:center;}
.sm .sm-islem h2{margin:0;font-size:14.5px;font-weight:600;color:var(--sm-murekkep);}
.sm .sm-islem p{margin:3px 0 0;font-size:12.5px;color:var(--sm-ikincil);line-height:1.4;}

.sm .sm-cipler{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 18px;}
.sm .sm-cip{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--sm-ikincil);background:var(--sm-kart);border:1px solid var(--sm-cizgi);border-radius:999px;padding:7px 15px;}
.sm .sm-cip b{font-weight:600;color:var(--sm-murekkep);}
.sm .sm-cip.sm-dikkat{border-color:var(--sm-amber);color:var(--sm-amber);}
.sm .sm-cip.sm-dikkat b{color:var(--sm-amber);}

.sm .sm-panel{background:var(--sm-kart);border:1px solid var(--sm-cizgi);border-radius:12px;padding:18px 20px;margin-bottom:16px;}
.sm .sm-panel-bas{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;}
.sm .sm-panel-bas h2{margin:0;font-size:15.5px;font-weight:600;color:var(--sm-murekkep);}

.sm .sm-rozet{display:inline-block;font-size:11.5px;font-weight:600;padding:3px 10px;border-radius:999px;white-space:nowrap;}
.sm .sm-rozet-gri{background:#F0F2F1;color:var(--sm-ikincil);}
.sm .sm-rozet-kirmizi{background:var(--sm-kirmizi-zemin);color:var(--sm-kirmizi);}
.sm .sm-rozet-amber{background:var(--sm-amber-zemin);color:var(--sm-amber);}
.sm .sm-rozet-yesil{background:var(--sm-yesil-zemin);color:var(--sm-yesil);}
.sm .sm-rozet-cerceve{background:transparent;border:1px solid var(--sm-cizgi-koyu);color:var(--sm-ikincil);font-weight:500;}

.sm .sm-satir{display:grid;grid-template-columns:110px 76px minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--sm-cizgi);font-size:13.5px;}
.sm .sm-satir:last-child{border-bottom:none;}
.sm .sm-no{font-size:12px;color:var(--sm-ikincil);}
.sm .sm-cari{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--sm-murekkep);}
.sm .sm-aksiyon{display:flex;gap:6px;justify-content:flex-end;}
.sm .sm-aksiyon button{font-size:11.5px;padding:4px 9px;border-radius:7px;border:1px solid var(--sm-cizgi-koyu);background:transparent;color:var(--sm-ikincil);cursor:pointer;}
.sm .sm-aksiyon button:hover{background:var(--sm-vurgu-zemin);color:var(--sm-vurgu-koyu);border-color:var(--sm-vurgu);}
@media (max-width:720px){ .sm .sm-satir{grid-template-columns:auto minmax(0,1fr) auto;} .sm .sm-no{display:none;} }

/* ── ARAÇ SATIŞ sihirbazı ── */
.arac-satis-baslik{text-align:center;font-size:30px;font-weight:700;letter-spacing:-.5px;
  color:var(--accent,#096b5a);margin:6px 0 18px;}
.sale-adim-baslik{font-size:17px;font-weight:600;text-align:center;margin-bottom:18px;}
#sale-step-arac .sale-adim-baslik{display:inline-block;text-align:left;
  font-size:14px;font-weight:600;color:var(--tblr-body-color,#e7eae8);
  background:var(--tblr-card-bg,#222624);border:1px solid var(--tblr-border-color,#333836);
  border-radius:999px;padding:7px 18px;margin-bottom:14px;}
#sale-step-detay .sale-adim-baslik{text-align:left;margin-bottom:0;}
/* Araç arama kutusu — sekmelerin altında ortalanmış */
.sale-arac-arama-wrap{display:flex;justify-content:center;margin:0 auto 18px;}
.sale-arac-arama-wrap input{width:340px;max-width:100%;}

/* Satış tipi butonları — kompakt sekme çubuğu (alt menü tarzı) */
.sale-tip-grid{display:flex;gap:4px;margin:0 0 6px;
  border-bottom:1px solid var(--tblr-border-color,#dbe0e5);}
.sale-tip-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:6px;
  padding:10px 6px;background:transparent;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;
  color:var(--tblr-secondary,#6c7a91);cursor:pointer;transition:color .15s,border-color .15s;}
.sale-tip-btn:hover{color:var(--accent,#096b5a);}
.sale-tip-btn.aktif{color:var(--accent,#096b5a);border-bottom-color:var(--accent,#096b5a);}
.sale-tip-ikon{width:24px;height:24px;color:currentColor;}
.sale-tip-ad{font-size:12.5px;font-weight:600;text-align:center;line-height:1.2;color:currentColor;}

/* Kapsamlı araç listesi */
.sale-arac-liste{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;
  max-height:62vh;overflow-y:auto;padding:2px;}
.sale-arac-kart{text-align:left;border:1.5px solid var(--tblr-border-color,#dbe0e5);border-radius:12px;
  padding:12px 14px;background:var(--tblr-card-bg,#fff);color:var(--tblr-body-color,#1a2027);cursor:pointer;
  transition:border-color .15s,transform .12s,box-shadow .15s;display:flex;flex-direction:column;gap:4px;}
.sale-arac-kart:hover{border-color:var(--accent,#096b5a);transform:translateY(-1px);
  box-shadow:0 8px 20px -14px rgba(9,107,90,.5);}
.sale-arac-kart .sak-bas{display:flex;justify-content:space-between;align-items:baseline;gap:8px;}
.sale-arac-kart .sak-arac{font-weight:600;font-size:14.5px;}
.sale-arac-kart .sak-plaka{font-family:monospace;font-size:12.5px;opacity:.75;}
.sale-arac-kart .sak-detay{font-size:12.5px;opacity:.7;line-height:1.4;}
.sale-arac-kart .sak-fiyat{font-weight:600;font-size:14px;color:var(--accent,#096b5a);}
.sale-arac-bos{grid-column:1/-1;text-align:center;padding:28px;opacity:.6;}

/* ── İthal Araç sayfası — üst orta menü ── */
.ithal-menu{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;margin:4px auto 20px;}
.ithal-menu-btn{display:inline-flex;align-items:center;gap:8px;padding:9px 20px;border-radius:999px;
  border:1px solid var(--tblr-border-color,#333836);background:transparent;
  color:var(--tblr-secondary,#8b9799);cursor:pointer;font-size:14px;font-weight:600;
  transition:background .15s,border-color .15s,color .15s;}
.ithal-menu-btn .licon{width:18px;height:18px;}
.ithal-menu-btn:hover{color:var(--accent,#096b5a);border-color:var(--accent,#096b5a);}
.ithal-menu-btn.aktif{background:var(--accent,#096b5a);border-color:var(--accent,#096b5a);color:#fff;}

/* ── Galerim iç menü — sekme çubuğu (ikon üstte, etiket altta, eşit yayılmış) ── */
/* Dashboard-tarzı kompakt pill sekme çubuğu (gri kutu yerine) */
.galerim-tabbar{
  display:flex; justify-content:flex-start; gap:7px; flex-wrap:wrap;
  background:transparent; border-radius:0; overflow:visible;
  margin:2px 0 16px; padding:0 0 12px; border-bottom:1px solid var(--gk-line,#332E27);
}
.galerim-tabbar .ithal-menu-btn{
  flex:0 0 auto; flex-direction:row; justify-content:center; gap:7px;
  padding:7px 15px; border:1px solid var(--gk-line,#332E27); border-radius:999px;
  background:transparent; color:var(--tblr-secondary,#8b9799); text-align:center;
  font-size:12.5px; font-weight:500;
}
.galerim-tabbar .ithal-menu-btn .licon{ width:16px; height:16px; }
.galerim-tabbar .ithal-menu-btn:hover{
  color:var(--accent,#096b5a); border-color:var(--accent,#096b5a); background:transparent;
}
.galerim-tabbar .ithal-menu-btn.aktif{
  background:var(--accent,#096b5a); border-color:var(--accent,#096b5a); color:#fff;
}

/* ── Araç Ekle — Donanım & Özellikler + Fotoğraf yükleme (İlan formu alanları) ── */
.donanim-toggle{
  display:flex; align-items:center; justify-content:space-between;
  cursor:pointer; padding:8px 12px; margin-bottom:12px;
  border:1px solid var(--tblr-border-color,#333836); border-radius:8px;
  background:var(--tblr-bg-surface,#1a1d27); user-select:none; transition:border-color .15s;
}
.donanim-toggle:hover{ border-color:var(--accent,#096b5a); }
.donanim-toggle-baslik{
  font-size:.82rem; font-weight:600; text-transform:uppercase; letter-spacing:.08em;
}
.donanim-ok{ font-size:.7rem; color:var(--tblr-secondary,#8b9799); transition:transform .2s; }
.donanim-ok.acik{ transform:rotate(180deg); }
.donanim-grup{ margin-bottom:1.2rem; }
.donanim-grup-baslik{
  font-size:.72rem; font-weight:600; color:var(--accent,#096b5a);
  text-transform:uppercase; letter-spacing:.06em; margin-bottom:8px;
}
.cb-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(170px,1fr)); gap:5px; }
.cb-chip{
  display:flex; align-items:center; gap:6px;
  background:var(--tblr-bg-surface,#1a1d27); border:1px solid var(--tblr-border-color,#333836);
  border-radius:6px; padding:5px 9px; cursor:pointer; font-size:.78rem;
  color:var(--tblr-secondary,#8b9799); user-select:none; line-height:1.3;
  transition:border-color .15s,color .15s,background .15s;
}
.cb-chip:hover{ border-color:var(--accent,#096b5a); }
.cb-chip input[type=checkbox]{ width:13px; height:13px; flex-shrink:0; accent-color:var(--accent,#096b5a); cursor:pointer; }
.cb-chip.secili{ background:rgba(9,107,90,.14); border-color:var(--accent,#096b5a); color:var(--tblr-body-color,#e2e8f0); }
.donanim-sayac{ font-size:.75rem; color:var(--tblr-secondary,#8b9799); margin-top:10px; text-align:right; }

.foto-alan{
  border:2px dashed var(--tblr-border-color,#333836); border-radius:10px;
  padding:1.5rem 1rem; text-align:center; cursor:pointer; position:relative; min-height:80px;
  color:var(--tblr-secondary,#8b9799); transition:border-color .2s,background .2s;
}
.foto-alan:hover, .foto-alan.dragover{ border-color:var(--accent,#096b5a); background:rgba(9,107,90,.05); }
.foto-yer{ font-size:.9rem; pointer-events:none; }
.foto-onizleme{ display:flex; flex-wrap:wrap; gap:8px; margin-top:1rem; }
.foto-item{ position:relative; width:88px; height:68px; flex-shrink:0; }
.foto-item img{ width:100%; height:100%; object-fit:cover; border-radius:6px; border:1px solid var(--tblr-border-color,#333836); display:block; }
.foto-item-sil{
  position:absolute; top:-7px; right:-7px; background:#ef4444; color:#fff;
  border-radius:50%; width:20px; height:20px; display:flex; align-items:center; justify-content:center;
  font-size:13px; cursor:pointer; border:none; line-height:1; z-index:2;
}
.foto-item:first-child::after{
  content:'Kapak'; position:absolute; bottom:0; left:0; right:0;
  background:rgba(9,107,90,.9); color:#fff; font-size:.6rem; text-align:center;
  padding:2px 0; border-radius:0 0 5px 5px; pointer-events:none;
}
.foto-sayac{ font-size:.75rem; color:var(--tblr-secondary,#8b9799); margin-top:6px; text-align:right; }

/* ── Sol dikey menü (sidebar) — üst yatay navbar yerine, masaüstünde ── */
@media (min-width:768px){
  :root{ --sidebar-w:220px; }
  #main-page > header.navbar{
    position:fixed; top:0; left:0; bottom:0; width:var(--sidebar-w); z-index:1030;
    flex-direction:column; align-items:stretch; padding:0;
    overflow-y:auto; overflow-x:hidden;
  }
  #main-page > header.navbar > .container-xl{
    flex-direction:column; align-items:stretch; flex-wrap:nowrap; justify-content:flex-start;
    width:100%; max-width:100%; min-height:100%; padding:12px 0; margin:0; gap:2px;
  }
  #main-page > header.navbar .navbar-brand{
    padding:6px 18px 14px; margin:0 0 6px;
    border-bottom:1px solid rgba(255,255,255,.15);
  }
  #main-page > header.navbar #main-nav{ flex-direction:column; width:100%; gap:1px; }
  #main-page > header.navbar #main-nav .nav-item{ width:100%; }
  #main-page > header.navbar #main-nav .nav-link{
    padding:9px 18px; border-radius:0; white-space:nowrap;
  }
  #main-page > header.navbar #main-nav .nav-link:hover{ background:rgba(255,255,255,.08); }
  #main-page > header.navbar #main-nav .nav-link.active{ background:rgba(255,255,255,.16); font-weight:600; }
  /* Kullanıcı + ayar + çıkış grubu en alta sabitlensin */
  #main-page > header.navbar .navbar-nav.order-md-last{
    order:99; margin-top:auto !important; margin-left:0 !important;
    flex-direction:row; flex-wrap:wrap; align-items:center; gap:8px;
    padding:12px 18px; border-top:1px solid rgba(255,255,255,.15);
  }
  /* İçeriği sidebar genişliği kadar sağa kaydır */
  #main-page > .page-wrapper{ margin-left:var(--sidebar-w); }
}

/* ── Hesap menüsü (kullanıcı adı → dropdown: Kullanıcılar / Ayarlar / Çıkış) ── */
.user-menu{ position:relative; width:100%; }
.user-menu-trigger{ display:flex; align-items:center; gap:8px; width:100%; background:transparent;
  border:none; color:#fff; cursor:pointer; padding:8px 10px; border-radius:8px; font-size:.85rem; }
.user-menu-trigger:hover{ background:rgba(255,255,255,.12); }
.user-menu-trigger .licon{ width:18px; height:18px; flex-shrink:0; }
.user-menu-ad{ flex:1; text-align:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.user-menu-caret{ transition:transform .15s; opacity:.8; }
.user-menu.open .user-menu-caret{ transform:rotate(180deg); }
.user-menu-dropdown{ display:none; position:absolute; top:100%; right:0; margin-top:6px; min-width:210px;
  background:var(--tblr-card-bg,#fff); color:var(--tblr-body-color,#1a2027);
  border:1px solid var(--tblr-border-color,#333836); border-radius:10px;
  box-shadow:0 12px 34px rgba(0,0,0,.32); padding:6px; z-index:9000; }
.user-menu.open .user-menu-dropdown{ display:block; }
.user-menu-item{ display:flex; align-items:center; gap:10px; width:100%; text-align:left; background:transparent;
  border:none; color:inherit; padding:9px 12px; border-radius:7px; font-size:.85rem; cursor:pointer; }
.user-menu-item:hover{ background:var(--accent-light, rgba(9,107,90,.12)); }
.user-menu-item .licon{ width:16px; height:16px; flex-shrink:0; }
.user-menu-sep{ margin:5px 4px; border:none; border-top:1px solid var(--tblr-border-color,#e5e7eb); }
@media (min-width:768px){
  /* Sidebar en altta → menü yukarı doğru açılsın */
  .user-menu-dropdown{ top:auto; bottom:100%; right:0; left:0; margin:0 0 6px; }
}

/* ── Dashboard-tarzı koyu kart görselliği (Galerim / Müşteriler / Tahsilatlar / Masraflar / İş Emirleri) ── */
:root { --gk-surface:#FFFFFF; --gk-surface-2:#F4EFE4; --gk-line:#E3DCCC; --gk-shadow:0 1px 2px rgba(32,29,25,.05), 0 8px 24px -12px rgba(32,29,25,.18); }
[data-bs-theme="dark"] { --gk-surface:#1F1C18; --gk-surface-2:#26221D; --gk-line:#332E27; --gk-shadow:0 1px 2px rgba(0,0,0,.2), 0 10px 28px -14px rgba(0,0,0,.55); }
#galerim .card, #customers .card, #tahsilatlar .card, #expenses .card, #is-emirleri .card {
  background: var(--gk-surface);
  border: 1px solid var(--gk-line);
  border-radius: 14px;
  box-shadow: var(--gk-shadow);
  overflow: hidden;
}
#galerim .card-header, #customers .card-header, #tahsilatlar .card-header, #expenses .card-header, #is-emirleri .card-header {
  background: transparent;
  border-bottom: 1px solid var(--gk-line);
}
/* Tablo çizgileri de aynı ince tonla uyumlu olsun */
#galerim .card-table td, #galerim .card-table th,
#customers .card-table td, #customers .card-table th,
#tahsilatlar .card-table td, #tahsilatlar .card-table th,
#expenses .card-table td, #expenses .card-table th,
#is-emirleri .card-table td, #is-emirleri .card-table th {
  border-color: var(--gk-line);
}

/* ── Galerim / Araç Listesi — dashboard tarzı KOMPAKT görünüm ── */
/* Kart başlığı (Araç Listesi + arama satırı) daha sıkı */
#galerim .card-header{ padding:12px 16px; }
#galerim .card-header .card-title{ font-size:14px; }
/* Tablo başlıkları: ince, uppercase, harf aralıklı */
#galerim .card-table thead th{
  font-size:10px; letter-spacing:.07em; text-transform:uppercase; font-weight:600;
  color:var(--tblr-secondary,#8b9799); padding:9px 14px; border-bottom:1px solid var(--gk-line);
}
/* Hücreler: kompakt + sayılar tabular */
#galerim .card-table td{ padding:8px 14px; vertical-align:middle; font-size:13px; font-variant-numeric:tabular-nums; }
#galerim .card-table tbody tr{ transition:background .12s; }
#galerim .card-table tbody tr:hover{ background:rgba(127,127,127,.06); }
[data-bs-theme="dark"] #galerim .card-table tbody tr:hover{ background:rgba(255,255,255,.04); }

/* Durum rozetleri: tam yuvarlak yumuşak pill */
#galerim .card-table .badge{
  border-radius:999px; padding:3px 10px; font-weight:600; font-size:10.5px; letter-spacing:.02em;
}

/* Arama + filtre: kartla aynı warm ton, kompakt, yuvarlak; aramada büyüteç */
#vehicle-search, #vehicle-durum-filter{
  height:34px; border-radius:9px; border:1px solid var(--gk-line);
  background-color:var(--gk-surface-2); color:var(--tblr-body-color,inherit); font-size:13px;
}
#vehicle-search:focus, #vehicle-durum-filter:focus{
  border-color:var(--accent,#096b5a); background-color:var(--gk-surface-2);
  box-shadow:0 0 0 3px rgba(9,107,90,.15);
}
#vehicle-search{
  padding-left:32px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238b9799' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E");
  background-repeat:no-repeat; background-position:10px center;
}

/* Aksiyon butonları: kompakt, ikon+yazı hizalı, sağa yaslı */
.gk-aksiyon{ display:flex; gap:4px; justify-content:flex-end; flex-wrap:wrap; }
.gk-aksiyon .btn{ display:inline-flex; align-items:center; gap:5px; font-size:12px; padding:4px 9px; }
.gk-aksiyon .licon{ width:14px; height:14px; }

/* ── Araç Listesi — "çip görünümü" + saydam zemin (referans: Genel Bakış pill) ── */
/* Zemini saydamlaştır */
#galerim-panel-liste .card{ background:transparent; border:none; box-shadow:none; overflow:visible; }
#galerim-panel-liste .card-header{ background:transparent; border:none; padding:2px 2px 12px; }

/* Kart başlığı çip */
#galerim-panel-liste .card-title{
  display:inline-block; border:1px solid var(--gk-line); border-radius:999px;
  background:var(--gk-surface-2); padding:5px 14px; font-size:13px;
}

/* Tabloyu çip ızgarasına çevir */
#galerim-panel-liste .card-table{ border-collapse:separate; border-spacing:6px; background:transparent; }
#galerim-panel-liste .card-table thead th,
#galerim-panel-liste .card-table tbody td{
  border:1px solid var(--gk-line); border-radius:999px; background:var(--gk-surface-2);
  padding:6px 14px; vertical-align:middle;
}
#galerim-panel-liste .card-table thead th{
  font-size:10px; letter-spacing:.07em; text-transform:uppercase; font-weight:600;
  color:var(--tblr-secondary,#8b9799); text-align:center;
}
#galerim-panel-liste .card-table tbody td{ font-size:13px; font-variant-numeric:tabular-nums; text-align:center; }
#galerim-panel-liste .card-table tbody tr:hover{ background:transparent; }

/* Durum + aksiyon hücreleri: hücre çipi YOK (saydam) — içerik kendi çipini taşır */
#galerim-panel-liste .card-table thead th:last-child,
#galerim-panel-liste .card-table tbody td:last-child,
#galerim-panel-liste .card-table thead th:nth-last-child(2),
#galerim-panel-liste .card-table tbody td:nth-last-child(2){ background:transparent; border:none; }
/* Durum rozeti: kendi renginde düzgün, ortalı yumuşak pill (çipin kendisi bu) */
#galerim-panel-liste .card-table tbody td:nth-last-child(2) .badge{
  border-radius:999px; padding:5px 14px; font-size:12px; font-weight:600; line-height:1.2;
}
#galerim-panel-liste .gk-aksiyon .btn{ border:1px solid var(--gk-line); border-radius:999px; }

/* Arama + filtre: aynı çip tonu */
#galerim-panel-liste #vehicle-search,
#galerim-panel-liste #vehicle-durum-filter{
  background-color:var(--gk-surface-2); border:1px solid var(--gk-line); border-radius:999px;
}

/* ── Araç Ekle — Araç Listesi ile aynı "çip + saydam" dili (form uyarlaması) ── */
#galerim-panel-kayit .card{ background:transparent; border:none; box-shadow:none; overflow:visible; }
#galerim-panel-kayit .card-header{ background:transparent; border:none; }
/* Kart başlığı + bölüm başlıkları (h4) → pill çip */
#galerim-panel-kayit .card-header .card-title,
#galerim-panel-kayit h4{
  display:inline-block; border:1px solid var(--gk-line); border-radius:999px;
  background:var(--gk-surface-2); padding:5px 14px; font-size:14px; margin-bottom:0;
}
/* Form alanları → warm ton, yuvarlak çip */
#galerim-panel-kayit .form-control,
#galerim-panel-kayit .form-select{
  background-color:var(--gk-surface-2); border:1px solid var(--gk-line); border-radius:999px;
}
#galerim-panel-kayit textarea.form-control{ border-radius:18px; }
/* Gruplu inputlar (İthalat maliyet dökümü) pill dikişini bozmasın */
#galerim-panel-kayit .input-group .form-control,
#galerim-panel-kayit .input-group .form-select{ border-radius:8px; }

/* ── Müşteriler — "çip + saydam" (tablo + form karışık) ── */
#galerim-panel-musteriler .card{ background:transparent; border:none; box-shadow:none; overflow:visible; }
#galerim-panel-musteriler .card-header{ background:transparent; border:none; padding:2px 2px 12px; }
#galerim-panel-musteriler .card-title,
#galerim-panel-musteriler h4{
  display:inline-block; border:1px solid var(--gk-line); border-radius:999px;
  background:var(--gk-surface-2); padding:5px 14px; font-size:14px; margin-bottom:0;
}
/* Form alanları → pill */
#galerim-panel-musteriler .form-control,
#galerim-panel-musteriler .form-select{
  background-color:var(--gk-surface-2); border:1px solid var(--gk-line); border-radius:999px;
}
#galerim-panel-musteriler textarea.form-control{ border-radius:18px; }
/* Tabloları çip ızgarasına çevir */
#galerim-panel-musteriler .card-table{ border-collapse:separate; border-spacing:6px; background:transparent; }
#galerim-panel-musteriler .card-table thead th,
#galerim-panel-musteriler .card-table tbody td{
  border:1px solid var(--gk-line); border-radius:999px; background:var(--gk-surface-2);
  padding:6px 14px; vertical-align:middle; text-align:center;
}
#galerim-panel-musteriler .card-table thead th{
  font-size:10px; letter-spacing:.07em; text-transform:uppercase; font-weight:600;
  color:var(--tblr-secondary,#8b9799);
}
#galerim-panel-musteriler .card-table tbody td{ font-size:13px; }
#galerim-panel-musteriler .card-table tbody tr:hover{ background:transparent; }
/* Rozet içeren hücreler → hücre çipi YOK; rozet kendi pill'i (çift çerçeve olmasın) */
#galerim-panel-musteriler .card-table td:has(.badge){ background:transparent; border:none; }
#galerim-panel-musteriler .card-table td .badge{ border-radius:999px; padding:4px 12px; font-weight:600; }
/* Aksiyon (son) hücre → saydam; butonlar çip */
#galerim-panel-musteriler .card-table thead th:last-child,
#galerim-panel-musteriler .card-table tbody td:last-child{ background:transparent; border:none; }
#galerim-panel-musteriler .card-table td:last-child .btn{ border:1px solid var(--gk-line); border-radius:999px; }

/* ── İş Emirleri — "çip + saydam" (tablo + form karışık) ── */
#galerim-panel-is-emirleri .card{ background:transparent; border:none; box-shadow:none; overflow:visible; }
#galerim-panel-is-emirleri .card-header{ background:transparent; border:none; padding:2px 2px 12px; }
#galerim-panel-is-emirleri .card-title,
#galerim-panel-is-emirleri h4{
  display:inline-block; border:1px solid var(--gk-line); border-radius:999px;
  background:var(--gk-surface-2); padding:5px 14px; font-size:14px; margin-bottom:0;
}
#galerim-panel-is-emirleri .form-control,
#galerim-panel-is-emirleri .form-select{
  background-color:var(--gk-surface-2); border:1px solid var(--gk-line); border-radius:999px;
}
#galerim-panel-is-emirleri textarea.form-control{ border-radius:18px; }
#galerim-panel-is-emirleri .card-table{ border-collapse:separate; border-spacing:6px; background:transparent; }
#galerim-panel-is-emirleri .card-table thead th,
#galerim-panel-is-emirleri .card-table tbody td{
  border:1px solid var(--gk-line); border-radius:999px; background:var(--gk-surface-2);
  padding:6px 14px; vertical-align:middle; text-align:center;
}
#galerim-panel-is-emirleri .card-table thead th{
  font-size:10px; letter-spacing:.07em; text-transform:uppercase; font-weight:600;
  color:var(--tblr-secondary,#8b9799);
}
#galerim-panel-is-emirleri .card-table tbody td{ font-size:13px; }
#galerim-panel-is-emirleri .card-table tbody tr:hover{ background:transparent; }
#galerim-panel-is-emirleri .card-table td:has(.badge){ background:transparent; border:none; }
#galerim-panel-is-emirleri .card-table td .badge{ border-radius:999px; padding:4px 12px; font-weight:600; }
#galerim-panel-is-emirleri .card-table thead th:last-child,
#galerim-panel-is-emirleri .card-table tbody td:last-child{ background:transparent; border:none; }
#galerim-panel-is-emirleri .card-table td:last-child .btn{ border:1px solid var(--gk-line); border-radius:999px; }

/* ── Standart buton (gk-btn) — pill accent, çip diliyle uyumlu ── */
.gk-btn{
  border-radius:999px !important; padding:9px 24px !important; font-weight:600;
  display:inline-flex; align-items:center; gap:8px; border:none;
  box-shadow:0 6px 18px -8px rgba(9,107,90,.6);
  transition:transform .12s ease, box-shadow .15s ease, filter .15s ease;
}
.gk-btn:hover{ transform:translateY(-1px); filter:brightness(1.05); box-shadow:0 10px 24px -8px rgba(9,107,90,.7); }
.gk-btn:active{ transform:translateY(0); }
.gk-btn .licon{ width:16px; height:16px; }

/* ── İthal Araç sayfası — Satış Merkezi ile aynı warm kart teması ── */
#ithal-arac .card{
  background:var(--gk-surface); border:1px solid var(--gk-line);
  border-radius:14px; box-shadow:var(--gk-shadow);
}
#ithal-arac hr{ border-color:var(--gk-line); opacity:1; }

/* Sepet kartı üst bölüm ayracı — net düz çizgi (4) */
.sepet-ayrac{ border:0; border-top:1px solid var(--gk-line); opacity:1; margin:2px 0 14px; }

/* ── Genel Takvim — yeni warm çip/pill tasarım dili ── */
#genel-takvim .card{
  background:var(--gk-surface); border:1px solid var(--gk-line);
  border-radius:14px; box-shadow:var(--gk-shadow);
}
#genel-takvim .card-header{ background:transparent; border-bottom:1px solid var(--gk-line); }
#genel-takvim .card-title{
  display:inline-block; border:1px solid var(--gk-line); border-radius:999px;
  background:var(--gk-surface-2); padding:5px 14px; font-size:14px; margin-bottom:0;
}
#genel-takvim .form-control, #genel-takvim .form-select{
  background-color:var(--gk-surface-2); border:1px solid var(--gk-line); border-radius:999px;
}
#genel-takvim .badge{ border-radius:999px; padding:4px 12px; font-weight:600; }

/* ── İthal Araç → Siteler sekmesi kartları ── */
.ithal-site-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(200px,1fr)); gap:12px; }
.ithal-site-kart{
  display:flex; flex-direction:column; gap:4px; padding:16px 18px; text-decoration:none;
  border:1px solid var(--gk-line); border-radius:12px; background:var(--gk-surface-2);
  color:var(--tblr-body-color,inherit); transition:border-color .15s, transform .12s, box-shadow .15s;
}
.ithal-site-kart:hover{ border-color:var(--accent,#096b5a); transform:translateY(-2px);
  box-shadow:0 8px 22px -14px rgba(9,107,90,.5); color:var(--tblr-body-color,inherit); }
.ithal-site-ikon{ width:22px; height:22px; color:var(--accent,#096b5a); }
.ithal-site-ad{ font-weight:600; font-size:15px; }
.ithal-site-not{ font-size:11.5px; opacity:.65; }

/* İthal Araç: geri butonu + sekme çubuğu tek satırda — menü ortalamasını kaldır */
#ithal-arac .ithal-menu{ margin:0; }

/* ── Araç Analizi — detay kutusu (tema uyumlu, yüksek kontrast) ────────────
   Önceki hâli bg-light (sabit beyaz) + açık gri metin idi → koyu temada
   okunmuyordu. Artık tema değişkenlerini kullanır ve etiket/değer olarak
   satır satır düzenlenir. */
.analiz-detay-kutu{
  background: var(--tblr-card-bg, var(--bs-body-bg));
  border: 1px solid var(--tblr-border-color, var(--bs-border-color));
  border-radius: 10px;
  padding: .25rem .25rem;
  overflow: hidden;
}
.analiz-satir{
  display: flex; justify-content: space-between; align-items: baseline; gap: 1rem;
  padding: .6rem .9rem;
  border-bottom: 1px solid var(--tblr-border-color, var(--bs-border-color));
}
.analiz-satir:last-child{ border-bottom: none; }
.analiz-satir:nth-child(odd){ background: rgba(127,127,127,.06); }
.analiz-etiket{
  color: var(--bs-secondary-color, #9aa4b2);
  font-size: .85rem; white-space: nowrap;
}
.analiz-deger{
  color: var(--bs-body-color); font-weight: 600;
  font-size: .95rem; text-align: right;
}
.analiz-tavsiye{
  margin: .5rem; padding: .7rem .9rem;
  background: hsl(var(--accent-h), var(--accent-s), var(--accent-l), .12);
  border-left: 3px solid var(--accent);
  border-radius: 6px;
  color: var(--bs-body-color); font-weight: 500; line-height: 1.4;
}