*{ box-sizing:border-box; }
body{
  margin:0;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu;
  background:#0b1220;
  color:#e5e7eb;
}
a{ color:inherit; text-decoration:none; }

.topbar{
  background:#0f172a;
  border-bottom:1px solid #1f2a3a;
}
.topbar .row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:10px 16px;
}
.brand{ display:flex; align-items:center; gap:10px; }
.logo{
  width:40px; height:40px;
  border-radius:10px;
  background:#111827;
  border:1px solid #1f2a3a;
  display:flex; align-items:center; justify-content:center;
  font-weight:700;
}
.title strong{ display:block; }
.title span{ font-size:12px; opacity:.7; }

.nav{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; justify-content:flex-end; }
.pill{
  padding:6px 10px;
  border-radius:10px;
  border:1px solid #1f2a3a;
  background:#111827;
  font-size:14px;
}
.pill.active{ background:#1f2933; }

.badge{
  display:inline-flex; align-items:center; gap:8px;
  padding:6px 10px;
  border-radius:999px;
  border:1px solid #1f2a3a;
  background:#111827;
  font-size:13px;
  opacity:.95;
}
.dot{ width:8px; height:8px; border-radius:50%; background:#22c55e; }
.dot.warn{ background:#f59e0b; }
.dot.danger{ background:#ef4444; }

.container{ max-width:1200px; margin:0 auto; padding:16px; }
.grid{ display:grid; grid-template-columns:repeat(12,1fr); gap:16px; }

/* Dropdown'lar card içinde kesilmesin */
.card{
  background:#0f172a;
  border:1px solid #1f2a3a;
  border-radius:14px;
  overflow:visible;
}
.card .hd{
  padding:10px 12px;
  border-bottom:1px solid #1f2a3a;
}
.card .hd h2{ margin:0; font-size:16px; }
.card .bd{ padding:12px; }

.kpi .num{ font-size:28px; font-weight:800; }
.kpi .lbl{ font-size:13px; opacity:.7; }

.notice{
  padding:10px 12px;
  border-radius:12px;
  border:1px dashed rgba(148,163,184,.35);
  background:rgba(17,24,39,.25);
  font-size:14px;
  opacity:.9;
}

.btn{
  padding:8px 10px;
  border-radius:10px;
  border:1px solid #1f2a3a;
  background:#111827;
  color:#e5e7eb;
  cursor:pointer;
  font-family:inherit;
}
.btn.primary{ background:#1f2933; }
.btn.ghost{ background:transparent; }
.btn:disabled{ opacity:.5; cursor:not-allowed; }

.input{
  width:100%;
  padding:8px 10px;
  border-radius:10px;
  border:1px solid #1f2a3a;
  background:#0b1220;
  color:#e5e7eb;
}

.table{
  width:100%;
  border-collapse:collapse;
}
.table th, .table td{
  padding:10px 12px;
  border-bottom:1px solid rgba(31,42,58,.9);
  font-size:14px;
}
.table th{ text-align:left; opacity:.8; font-weight:700; }
.table tr:hover td{ background:rgba(17,24,39,.35); }

/* Dropdown */
.dd{ position:relative; }
.dd-menu{
  display:none;
  position:absolute;
  top:42px;
  left:0;
  width:100%;
  z-index:99999;
  background:#0b1220;
  border:1px solid #1f2a3a;
  border-radius:12px;
  overflow:hidden;
  max-height:260px;
  overflow-y:auto;
}
.dd-item{
  padding:10px 12px;
  cursor:pointer;
  border-bottom:1px solid rgba(31,42,58,.7);
}
.dd-item:last-child{ border-bottom:none; }
.dd-item:hover{ background:#111827; }

.footer{
  text-align:center;
  font-size:12px;
  opacity:.55;
  margin-top:16px;
}

/* Filters (modern) */
.filters-modern{ padding:14px !important; }
.filters-modern > div:first-child{ gap:12px !important; }
.filters-modern .dd{ position:relative; }

.filters-modern .dd-btn{
  width:100%;
  min-height:44px;
  border-radius:12px;
  padding:10px 12px;
  font-size:14px;
  font-weight:600;
  text-align:left;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.10);
  color:inherit;
  display:flex;
  align-items:center;
  justify-content:space-between;
  transition:transform .08s ease, background .15s ease, border-color .15s ease;
}
.filters-modern .dd-btn:hover{
  background:rgba(255,255,255,.08);
  border-color:rgba(255,255,255,.16);
}
.filters-modern .dd-btn:active{ transform:translateY(1px); }
.filters-modern .dd-btn::after{
  content:"▾";
  opacity:.75;
  font-weight:700;
  margin-left:12px;
}
.filters-modern .dd-menu{
  position:absolute;
  top:calc(100% + 8px);
  left:0;
  right:0;
  z-index:50;
  max-height:260px;
  overflow:auto;
  border-radius:14px;
  background:rgba(10,14,30,.95);
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 12px 40px rgba(0,0,0,.35);
  padding:6px;
}
.filters-modern .dd-item{
  padding:10px 10px;
  border-radius:10px;
  font-size:14px;
  cursor:pointer;
  border:1px solid transparent;
}
.filters-modern .dd-item:hover{
  background:rgba(255,255,255,.08);
  border-color:rgba(255,255,255,.10);
}
.filters-modern .input{ min-height:44px; border-radius:12px; }
.filters-modern .notice{ border-radius:12px; }

/* Admin Stok Ekle - Modern Inputs */
.admin-form-modern .input,
.admin-form-modern textarea.input,
.admin-form-modern input.input{
  background:rgba(255,255,255,.06) !important;
  border:1px solid rgba(255,255,255,.10) !important;
  color:rgba(255,255,255,.92) !important;
  border-radius:12px !important;
  min-height:44px;
  padding:10px 12px;
  outline:none !important;
  box-shadow:none !important;
}
.admin-form-modern textarea.input{
  min-height:110px;
  resize:vertical;
}
.admin-form-modern .input::placeholder{
  color:rgba(255,255,255,.45) !important;
}
.admin-form-modern .input:focus{
  border-color:rgba(99,102,241,.45) !important;
  background:rgba(255,255,255,.08) !important;
}
.admin-form-modern input[type="number"]{ appearance:textfield; }
.admin-form-modern .dd-btn{
  background:rgba(255,255,255,.06) !important;
  border:1px solid rgba(255,255,255,.10) !important;
  color:rgba(255,255,255,.92) !important;
  border-radius:12px !important;
  min-height:44px;
  padding:10px 12px;
}
.admin-form-modern .dd-menu{
  background:rgba(10,14,30,.95) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  border-radius:14px !important;
}
/* === FIX: Dropdown menüler görünmüyor / kesiliyor === */

/* dropdown konteyneri referans noktası olsun */
.dd { position: relative; }

/* menü üstte kalsın */
.dd-menu{
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  right: 0;
  z-index: 9999;
  display: none;           /* JS zaten block/none yapıyor */
  max-height: 280px;
  overflow: auto;
}

/* menü kesilmesin (en kritik satırlar) */
.card, .bd, .filters-modern, .grid, .container { overflow: visible !important; }

/* tıklanabilirlik */
.dd-item{ cursor: pointer; }






/* Ayarlar > Sayfa Kısayolları */
.admin-shortcuts{ min-height:140px; }
.shortcut-grid{ display:grid; grid-template-columns:1fr; gap:8px; margin-top:10px; }
.shortcut-card{ display:flex; flex-direction:column; gap:3px; width:100%; padding:9px 10px; border-radius:10px; border:1px solid #1f2a3a; background:#111827; line-height:1.25; white-space:normal; overflow-wrap:anywhere; }
.shortcut-card strong{ font-size:14px; }
.shortcut-card span{ font-size:12px; opacity:.72; }
@media (min-width:900px){ .shortcut-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); } }

.stock-level-filter{display:flex;align-items:center;gap:14px;justify-content:center;flex-wrap:wrap;padding:10px 12px;}
.stock-level-filter label{display:inline-flex;align-items:center;gap:7px;cursor:pointer;white-space:nowrap;}
@media(max-width:900px){
  .container .grid form [style*="grid-template-columns:repeat(4,1fr)"],
  .container .grid form [style*="grid-template-columns:2fr 1fr 1fr 1fr"],
  .container .grid form [style*="grid-template-columns:1fr 1fr 2fr"]{grid-template-columns:1fr!important;}
}

.muted{opacity:.72;}

/* Çoklu uyumluluk alanı */
.compat-box{border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.035);border-radius:14px;padding:12px;display:grid;gap:10px;}
.compat-toggle{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-weight:600;}
.compat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
.compat-brand{border:1px solid rgba(255,255,255,.10);border-radius:12px;background:rgba(17,24,39,.45);padding:10px;}
.compat-brand strong{display:block;margin-bottom:8px;}
.compat-check{display:flex;align-items:center;gap:8px;padding:5px 0;font-size:13px;}
.compat-import summary{cursor:pointer;font-weight:700;margin:6px 0;}
@media(max-width:900px){.compat-grid{grid-template-columns:1fr;}}

/* Stok ekranı uyumluluk filtreleri */
.stock-level-filter{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;min-height:42px;}
.stock-level-filter label{white-space:nowrap;display:inline-flex;gap:6px;align-items:center;}

/* Tema ve yeni modüller */
:root[data-theme="light"] body{
  background:#f3f4f6;
  color:#111827;
}
:root[data-theme="light"] .topbar,
:root[data-theme="light"] .card{
  background:#ffffff;
  border-color:#d1d5db;
}
:root[data-theme="light"] .logo,
:root[data-theme="light"] .pill,
:root[data-theme="light"] .badge,
:root[data-theme="light"] .btn,
:root[data-theme="light"] .input,
:root[data-theme="light"] .dd-menu{
  background:#f9fafb;
  color:#111827;
  border-color:#d1d5db;
}
:root[data-theme="light"] .btn.primary,
:root[data-theme="light"] .pill.active{
  background:#e5e7eb;
}
:root[data-theme="light"] .notice{
  background:#f9fafb;
  border-color:#d1d5db;
  color:#111827;
}
:root[data-theme="light"] .table th,
:root[data-theme="light"] .table td{
  border-color:#e5e7eb;
}
:root[data-theme="light"] .table tr:hover td{
  background:#f9fafb;
}
:root[data-theme="light"] .filters-modern .dd-btn,
:root[data-theme="light"] .admin-form-modern .input,
:root[data-theme="light"] .admin-form-modern textarea.input,
:root[data-theme="light"] .admin-form-modern input.input{
  background:#f9fafb !important;
  color:#111827 !important;
  border-color:#d1d5db !important;
}
:root[data-theme="light"] .filters-modern .dd-menu{
  background:#ffffff;
  border-color:#d1d5db;
}
.theme-toggle{ white-space:nowrap; }
.admin-note-cell{
  max-width:260px;
  white-space:pre-wrap;
  font-size:13px;
  opacity:.9;
}
.admin-note-box{
  white-space:pre-wrap;
  border:1px solid rgba(245,158,11,.35);
  background:rgba(245,158,11,.08);
  border-radius:12px;
  padding:10px 12px;
}
.danger-note{
  border-color:rgba(239,68,68,.45) !important;
  background:rgba(239,68,68,.08) !important;
}
.form-grid-4{ display:grid; grid-template-columns:repeat(4,1fr); gap:10px; }
.form-grid-3{ display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
@media (max-width: 900px){
  .form-grid-4,.form-grid-3{ grid-template-columns:1fr; }
}

/* === Görsel tema güncellemesi: daha yumuşak koyu/açık tema === */
body{
  background:linear-gradient(135deg,#121a2c 0%,#18223a 45%,#101827 100%);
  color:#eef2ff;
}
.topbar{
  background:rgba(20,30,52,.92);
  border-bottom:1px solid rgba(125,145,180,.22);
  box-shadow:0 8px 26px rgba(0,0,0,.18);
  backdrop-filter:blur(10px);
}
.card{
  background:rgba(22,32,55,.90);
  border-color:rgba(125,145,180,.22);
  box-shadow:0 14px 34px rgba(0,0,0,.18);
}
.logo,.pill,.badge,.btn,.input,.dd-menu,.shortcut-card{
  background:rgba(255,255,255,.055);
  border-color:rgba(148,163,184,.22);
}
.pill.active,.btn.primary,.mode-btn.active{
  background:linear-gradient(135deg,rgba(59,130,246,.34),rgba(16,185,129,.24));
  border-color:rgba(96,165,250,.45);
}
.notice{
  background:rgba(255,255,255,.045);
  border-color:rgba(148,163,184,.25);
}
.input:focus{ border-color:rgba(96,165,250,.55); outline:none; box-shadow:0 0 0 3px rgba(96,165,250,.12); }
.mode-switch{ display:flex; gap:10px; flex-wrap:wrap; padding:6px; border:1px solid rgba(148,163,184,.22); background:rgba(255,255,255,.035); border-radius:14px; }
.mode-btn{ flex:1; min-width:180px; padding:11px 12px; border-radius:12px; border:1px solid rgba(148,163,184,.20); background:rgba(255,255,255,.045); color:inherit; cursor:pointer; font-weight:700; }
.mode-btn:hover{ background:rgba(255,255,255,.075); }
:root[data-theme="light"] body{
  background:linear-gradient(135deg,#eef4ff 0%,#f7f3ea 55%,#edf7f3 100%);
  color:#172033;
}
:root[data-theme="light"] .topbar{
  background:rgba(255,255,255,.82);
  border-color:rgba(100,116,139,.22);
  box-shadow:0 8px 26px rgba(45,55,72,.10);
  backdrop-filter:blur(10px);
}
:root[data-theme="light"] .card{
  background:rgba(255,255,255,.78);
  border-color:rgba(100,116,139,.20);
  box-shadow:0 14px 34px rgba(45,55,72,.10);
}
:root[data-theme="light"] .logo,
:root[data-theme="light"] .pill,
:root[data-theme="light"] .badge,
:root[data-theme="light"] .btn,
:root[data-theme="light"] .input,
:root[data-theme="light"] .dd-menu,
:root[data-theme="light"] .shortcut-card,
:root[data-theme="light"] .mode-btn{
  background:rgba(248,250,252,.82);
  color:#172033;
  border-color:rgba(100,116,139,.24);
}
:root[data-theme="light"] .pill.active,
:root[data-theme="light"] .btn.primary,
:root[data-theme="light"] .mode-btn.active{
  background:linear-gradient(135deg,rgba(37,99,235,.18),rgba(16,185,129,.18));
  border-color:rgba(37,99,235,.35);
}
:root[data-theme="light"] .notice{
  background:rgba(255,255,255,.64);
  border-color:rgba(100,116,139,.24);
  color:#172033;
}
:root[data-theme="light"] .mode-switch{ background:rgba(255,255,255,.44); border-color:rgba(100,116,139,.22); }

/* FIX: Girdi/Çıktı işlem türü butonları koyu/açık temada beyaz/default görünmesin */
.mode-switch{
  display:flex !important;
  gap:10px !important;
  flex-wrap:wrap !important;
  padding:6px !important;
  border-radius:16px !important;
  border:1px solid rgba(148,163,184,.24) !important;
}
.mode-btn{
  appearance:none !important;
  -webkit-appearance:none !important;
  flex:1 1 180px !important;
  min-width:180px !important;
  padding:12px 14px !important;
  border-radius:13px !important;
  border:1px solid rgba(148,163,184,.26) !important;
  cursor:pointer !important;
  font-family:inherit !important;
  font-weight:800 !important;
  letter-spacing:.1px !important;
  transition:background .15s ease,border-color .15s ease,transform .15s ease,box-shadow .15s ease !important;
}
html:not([data-theme="light"]) .mode-switch,
:root:not([data-theme="light"]) .mode-switch{
  background:rgba(15,23,42,.70) !important;
}
html:not([data-theme="light"]) .mode-btn,
:root:not([data-theme="light"]) .mode-btn{
  background:linear-gradient(180deg,rgba(30,41,59,.95),rgba(17,24,39,.95)) !important;
  color:#e5e7eb !important;
  border-color:rgba(148,163,184,.26) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05) !important;
}
html:not([data-theme="light"]) .mode-btn:hover,
:root:not([data-theme="light"]) .mode-btn:hover{
  background:linear-gradient(180deg,rgba(51,65,85,.98),rgba(30,41,59,.98)) !important;
  border-color:rgba(125,211,252,.38) !important;
}
html:not([data-theme="light"]) .mode-btn.active,
:root:not([data-theme="light"]) .mode-btn.active{
  background:linear-gradient(135deg,rgba(37,99,235,.72),rgba(14,165,233,.42),rgba(16,185,129,.30)) !important;
  color:#ffffff !important;
  border-color:rgba(125,211,252,.58) !important;
  box-shadow:0 8px 22px rgba(14,165,233,.14), inset 0 1px 0 rgba(255,255,255,.16) !important;
}
html[data-theme="light"] .mode-switch,
:root[data-theme="light"] .mode-switch{
  background:rgba(226,232,240,.58) !important;
}
html[data-theme="light"] .mode-btn,
:root[data-theme="light"] .mode-btn{
  background:linear-gradient(180deg,rgba(241,245,249,.95),rgba(226,232,240,.86)) !important;
  color:#172033 !important;
  border-color:rgba(100,116,139,.26) !important;
}
html[data-theme="light"] .mode-btn:hover,
:root[data-theme="light"] .mode-btn:hover{
  background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(226,232,240,.94)) !important;
  border-color:rgba(37,99,235,.34) !important;
}
html[data-theme="light"] .mode-btn.active,
:root[data-theme="light"] .mode-btn.active{
  background:linear-gradient(135deg,rgba(37,99,235,.22),rgba(14,165,233,.18),rgba(16,185,129,.16)) !important;
  color:#0f172a !important;
  border-color:rgba(37,99,235,.42) !important;
  box-shadow:0 8px 22px rgba(37,99,235,.10) !important;
}
@media (max-width:720px){
  .mode-btn{ min-width:100% !important; }
}

/* FINAL FIX: Girdi/Çıktı işlem türü seçimleri normal beyaz tarayıcı butonu gibi görünmesin */
.movement-mode{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(180px,1fr)) !important;
  gap:10px !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
}
.movement-mode .mode-btn,
.movement-mode button.mode-btn,
.movement-mode .btn.mode-btn{
  display:block !important;
  width:100% !important;
  min-width:0 !important;
  text-align:left !important;
  appearance:none !important;
  -webkit-appearance:none !important;
  border-radius:14px !important;
  padding:13px 15px !important;
  font:inherit !important;
  font-weight:800 !important;
  cursor:pointer !important;
}
html:not([data-theme="light"]) .movement-mode .mode-btn,
html:not([data-theme="light"]) .movement-mode .btn.mode-btn{
  background:rgba(255,255,255,.055) !important;
  color:#eef2ff !important;
  border:1px solid rgba(148,163,184,.25) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05) !important;
}
html:not([data-theme="light"]) .movement-mode .mode-btn.active,
html:not([data-theme="light"]) .movement-mode .btn.mode-btn.active{
  background:linear-gradient(135deg,rgba(59,130,246,.36),rgba(16,185,129,.24)) !important;
  color:#ffffff !important;
  border-color:rgba(96,165,250,.55) !important;
}
html[data-theme="light"] .movement-mode .mode-btn,
html[data-theme="light"] .movement-mode .btn.mode-btn{
  background:rgba(248,250,252,.86) !important;
  color:#172033 !important;
  border:1px solid rgba(100,116,139,.26) !important;
}
html[data-theme="light"] .movement-mode .mode-btn.active,
html[data-theme="light"] .movement-mode .btn.mode-btn.active{
  background:linear-gradient(135deg,rgba(37,99,235,.20),rgba(16,185,129,.16)) !important;
  color:#0f172a !important;
  border-color:rgba(37,99,235,.45) !important;
}
@media(max-width:720px){.movement-mode{grid-template-columns:1fr !important;}}

/* === FINAL KURUMSAL MOBİL UI FIX === */
.hamburger{display:none; width:44px; height:44px; border-radius:14px; border:1px solid rgba(148,163,184,.28); background:rgba(255,255,255,.07); color:inherit; align-items:center; justify-content:center; gap:4px; flex-direction:column; cursor:pointer;}
.hamburger span{display:block; width:20px; height:2px; border-radius:99px; background:currentColor; opacity:.9;}
.nav-backdrop{display:none; position:fixed; inset:0; background:rgba(2,6,23,.55); backdrop-filter:blur(3px); z-index:98;}
.nav-backdrop.show{display:block;}
@media(max-width:820px){
  .topbar{position:sticky; top:0; z-index:100;}
  .topbar .row{display:grid !important; grid-template-columns:1fr auto !important; gap:10px !important; padding:10px 12px !important;}
  .brand{min-width:0;}
  .logo{width:38px;height:38px;font-size:12px;flex:0 0 auto;}
  .title strong{font-size:16px; line-height:1.1;}
  .title span{font-size:11px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block; max-width:52vw;}
  .hamburger{display:flex !important;}
  .topbar .nav{position:fixed !important; right:10px; top:62px; bottom:10px; width:min(86vw,340px); display:flex !important; flex-direction:column !important; align-items:stretch !important; justify-content:flex-start !important; gap:8px !important; flex-wrap:nowrap !important; overflow:auto !important; padding:12px !important; border:1px solid rgba(148,163,184,.28); border-radius:20px; z-index:99; background:linear-gradient(180deg,rgba(15,23,42,.98),rgba(30,41,59,.98)); box-shadow:0 24px 60px rgba(0,0,0,.35); transform:translateX(calc(100% + 20px)); transition:transform .18s ease;}
  html[data-theme="light"] .topbar .nav{background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(241,245,249,.98));}
  .topbar .nav.open{transform:translateX(0);}
  .topbar .nav .pill,.topbar .nav .btn,.topbar .nav .badge{width:100%; justify-content:center; text-align:center; padding:12px 14px; border-radius:14px; font-size:15px;}
  .container{padding:12px !important; max-width:100%; overflow-x:hidden;}
  .grid{grid-template-columns:1fr !important; gap:12px !important;}
  .card{grid-column:1 / -1 !important; border-radius:18px;}
  .card .hd{padding:14px 14px;}
  .card .bd{padding:14px;}
  .form-grid-4,.form-grid-3{grid-template-columns:1fr !important;}
  [style*="grid-template-columns:repeat(4"],[style*="grid-template-columns:repeat(3"],[style*="grid-template-columns:repeat(2"]{grid-template-columns:1fr !important;}
  [style*="grid-column:span"]{grid-column:1 / -1 !important;}
  .table{display:block; overflow-x:auto; white-space:nowrap;}
  .input,.btn,.pill,.badge{font-size:15px; min-height:42px;}
  .notice{font-size:14px; line-height:1.45;}
  .shortcut-grid{grid-template-columns:1fr !important;}
}
@media(max-width:520px){
  body{font-size:15px;}
  .topbar .nav{left:10px; right:10px; width:auto;}
  .mode-switch,.movement-mode{grid-template-columns:1fr !important; display:grid !important;}
  .mode-btn{min-width:0 !important; width:100% !important;}
  .kpi .num{font-size:24px;}
}
@media(pointer:coarse){input[type="checkbox"],input[type="radio"]{width:20px;height:20px;}}

/* === E-DEPO FINAL RESPONSIVE + RAPOR UI === */
.quick-scan-box,.report-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;padding:10px;border:1px dashed var(--border);border-radius:16px;background:rgba(148,163,184,.07)}
.report-actions .input{flex:1 1 260px}.report-actions .btn{flex:0 0 auto}
@media(max-width:820px){
  body{overflow-x:hidden}.topbar .nav{max-height:calc(100vh - 82px)}
  .topbar .nav a.pill{display:flex!important}.topbar .nav [style*="display:none"]{display:flex!important}
  .quick-scan-box,.report-actions{display:grid;grid-template-columns:1fr;gap:8px}.report-actions .btn{width:100%}
  .compat-grid{grid-template-columns:1fr!important}.container{padding-bottom:80px!important}
  .card.kpi,.kpi{min-height:auto}.table th,.table td{font-size:13px;padding:9px 10px}
}
@media print{
  .topbar,.nav-backdrop,.hamburger,.btn,#btnLogout,#btnThemeToggle,.footer,.report-actions input{display:none!important}
  body{background:#fff!important;color:#111!important}.container{max-width:100%!important;padding:0!important}.card{box-shadow:none!important;border:1px solid #ccc!important;break-inside:avoid}.card .hd{background:#f3f4f6!important;color:#111!important}.table{width:100%;font-size:11px}.notice{border:1px solid #ddd!important;background:#fff!important;color:#111!important}
}

/* === 2026-04-29 FINAL UI HOTFIX: mobile menu, dropdown, dark form controls === */
/* Koyu temada select / option / textarea / input beyaz kalmasın */
html:not([data-theme="light"]) select,
html:not([data-theme="light"]) select.input,
html:not([data-theme="light"]) textarea,
html:not([data-theme="light"]) textarea.input,
html:not([data-theme="light"]) input,
html:not([data-theme="light"]) input.input{
  background:#172033 !important;
  color:#eef2ff !important;
  border:1px solid rgba(148,163,184,.28) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04) !important;
}
html:not([data-theme="light"]) select:focus,
html:not([data-theme="light"]) textarea:focus,
html:not([data-theme="light"]) input:focus{
  border-color:rgba(96,165,250,.58) !important;
  outline:none !important;
  box-shadow:0 0 0 3px rgba(96,165,250,.14) !important;
}
html:not([data-theme="light"]) select option{
  background:#172033 !important;
  color:#eef2ff !important;
}
html:not([data-theme="light"]) input::placeholder,
html:not([data-theme="light"]) textarea::placeholder{
  color:rgba(226,232,240,.55) !important;
}
html:not([data-theme="light"]) .dd-menu,
html:not([data-theme="light"]) .dd-item{
  background:#172033 !important;
  color:#eef2ff !important;
}
html:not([data-theme="light"]) .dd-item:hover{
  background:#24324f !important;
}

/* Mobil hamburger menü kesin görünürlük */
@media(max-width:820px){
  .nav-backdrop{z-index:9990 !important;}
  .nav-backdrop.show{display:block !important;}
  #btnHamburger,.hamburger{position:relative !important; z-index:10020 !important;}
  .topbar{z-index:10010 !important;}
  .topbar .nav{
    z-index:10015 !important;
    visibility:visible !important;
    opacity:1 !important;
    filter:none !important;
    -webkit-filter:none !important;
    pointer-events:auto !important;
  }
  .topbar .nav.open{
    transform:translateX(0) !important;
    right:10px !important;
  }
  .topbar .nav.open *{
    filter:none !important;
    -webkit-filter:none !important;
  }
}

/* Mobilde dropdown/listeler üst üste binmesin */
@media(max-width:820px){
  .card .bd[style*="display:flex"],
  .filters-modern,
  .admin-form-modern,
  form[style*="display:grid"]{
    width:100% !important;
  }
  .card .bd[style*="display:flex"]{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
  }
  .dd{
    width:100% !important;
    min-width:0 !important;
    flex:1 1 100% !important;
  }
  .dd .dd-btn{
    width:100% !important;
    min-height:48px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    white-space:normal !important;
    line-height:1.25 !important;
  }
  .dd-menu{
    position:static !important;
    width:100% !important;
    min-width:0 !important;
    max-height:240px !important;
    margin-top:8px !important;
    border-radius:14px !important;
    box-shadow:none !important;
    overflow:auto !important;
  }
  .dd-item{
    display:block !important;
    width:100% !important;
    padding:12px 14px !important;
    line-height:1.25 !important;
    white-space:normal !important;
    overflow-wrap:anywhere !important;
  }
  #btnDashGo,#btnDashSarf{
    width:100% !important;
    position:relative !important;
    z-index:1 !important;
  }
  .footer{margin-bottom:24px !important;}
}

/* Desktop'ta aktif sekme / buton beyaz kalmasın */
html:not([data-theme="light"]) .pill.active,
html:not([data-theme="light"]) .pill:active,
html:not([data-theme="light"]) .pill:focus,
html:not([data-theme="light"]) .btn.primary,
html:not([data-theme="light"]) .btn:active,
html:not([data-theme="light"]) .btn:focus{
  background:linear-gradient(135deg,rgba(59,130,246,.38),rgba(16,185,129,.24)) !important;
  color:#fff !important;
  border-color:rgba(96,165,250,.48) !important;
}
html:not([data-theme="light"]) button,
html:not([data-theme="light"]) .btn{
  color:#eef2ff !important;
}

/* === 2026-04-29 MOBIL NAV + TEMA KALICILIK FINAL FIX === */
@media (max-width: 820px){
  html, body{overflow-x:hidden !important;}
  .topbar{position:sticky !important; top:0 !important; z-index:2147483000 !important;}
  .topbar .row{display:grid !important; grid-template-columns:1fr 56px !important; align-items:center !important; gap:10px !important;}
  #btnHamburger,.hamburger{
    display:flex !important;
    width:52px !important; height:52px !important;
    position:relative !important;
    z-index:2147483647 !important;
    pointer-events:auto !important;
    touch-action:manipulation !important;
    background:rgba(255,255,255,.08) !important;
    border:1px solid rgba(148,163,184,.32) !important;
    color:var(--text,#e5e7eb) !important;
  }
  .nav-backdrop{
    position:fixed !important;
    inset:0 !important;
    z-index:2147483001 !important;
    background:rgba(2,6,23,.62) !important;
    backdrop-filter:blur(2px) !important;
    -webkit-backdrop-filter:blur(2px) !important;
  }
  .topbar .nav{
    position:fixed !important;
    top:78px !important;
    left:12px !important;
    right:12px !important;
    bottom:auto !important;
    width:auto !important;
    max-height:calc(100vh - 100px) !important;
    display:flex !important;
    flex-direction:column !important;
    flex-wrap:nowrap !important;
    gap:9px !important;
    padding:14px !important;
    overflow:auto !important;
    border-radius:20px !important;
    background:linear-gradient(180deg,#111c31,#17243d) !important;
    border:1px solid rgba(148,163,184,.28) !important;
    box-shadow:0 24px 70px rgba(0,0,0,.55) !important;
    z-index:2147483002 !important;
    transform:translateY(-14px) scale(.98) !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    transition:opacity .16s ease, transform .16s ease, visibility .16s ease !important;
    filter:none !important;
    -webkit-filter:none !important;
  }
  .topbar .nav.open,
  body.edepo-nav-open .topbar .nav{
    transform:translateY(0) scale(1) !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
  }
  html[data-theme="light"] .topbar .nav{
    background:linear-gradient(180deg,#ffffff,#eef4ff) !important;
    color:#0f172a !important;
  }
  .topbar .nav .pill,
  .topbar .nav .btn,
  .topbar .nav .badge{
    display:flex !important;
    width:100% !important;
    min-height:46px !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    white-space:normal !important;
    line-height:1.25 !important;
  }
}

/* Dashboard hızlı stok listeleme mobilde tam düzen */
@media (max-width: 820px){
  #ddDashBrand,#ddDashType{display:block !important; width:100% !important;}
  #ddDashBrand .dd-menu,#ddDashType .dd-menu{
    position:relative !important;
    top:auto !important; left:auto !important; right:auto !important;
    display:none;
    margin-top:8px !important;
    z-index:5 !important;
  }
  #ddDashBrand .dd-menu[style*="block"],#ddDashType .dd-menu[style*="block"]{display:block !important;}
}

/* === 2026-04-30 CRITICAL MOBILE MENU LAYER FIX ===
   Sorun: nav-backdrop, topbar stacking context'inin üstünde kalıp menüyü blur/karartma altında bırakıyordu.
   Çözüm: backdrop topbar'ın altında, nav topbar içinde en üstte kalır. */
@media (max-width: 820px){
  .topbar{z-index:2147483000 !important; isolation:isolate !important;}
  .nav-backdrop{
    z-index:2147482500 !important;
    pointer-events:auto !important;
  }
  .topbar .nav,
  .topbar .nav.open,
  body.edepo-nav-open .topbar .nav{
    z-index:2147483200 !important;
    filter:none !important;
    -webkit-filter:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }
  #btnHamburger,.hamburger{z-index:2147483300 !important;}
}



/* =========================================================
   E-DEPO FINAL UI FIX
   - Eski profesyonel tasarımı korur
   - Koyu/açık tema geçişini bozmadan input/dropdown düzeltir
   - Mobil hamburger menü katman/overlay sorununu düzeltir
   ========================================================= */

:root{
  --ed-bg:#0b1220;
  --ed-panel:#0f172a;
  --ed-panel2:#111827;
  --ed-text:#e5e7eb;
  --ed-muted:#94a3b8;
  --ed-border:#1f2a3a;
  --ed-input:#111827;
  --ed-primary:#2563eb;
  --ed-primary2:#06b6d4;
}

html[data-theme="light"]{
  --ed-bg:#eef2f7;
  --ed-panel:#ffffff;
  --ed-panel2:#f8fafc;
  --ed-text:#0f172a;
  --ed-muted:#475569;
  --ed-border:#cbd5e1;
  --ed-input:#ffffff;
  --ed-primary:#2563eb;
  --ed-primary2:#0891b2;
}

body{
  background:var(--ed-bg) !important;
  color:var(--ed-text) !important;
}

.topbar{
  background:var(--ed-panel) !important;
  border-bottom:1px solid var(--ed-border) !important;
  position:sticky;
  top:0;
  z-index:5000;
}

.card,
.notice,
.dd-menu,
.compat-brand{
  background:var(--ed-panel) !important;
  color:var(--ed-text) !important;
  border-color:var(--ed-border) !important;
}

input,
select,
textarea,
.input,
.dd-btn{
  background:var(--ed-input) !important;
  color:var(--ed-text) !important;
  border:1px solid var(--ed-border) !important;
  box-shadow:none !important;
}

select option{
  background:var(--ed-input) !important;
  color:var(--ed-text) !important;
}

.pill{
  background:var(--ed-panel2) !important;
  color:var(--ed-text) !important;
  border:1px solid var(--ed-border) !important;
}

.pill:hover{
  filter:brightness(1.12);
}

.pill.active{
  background:linear-gradient(90deg,var(--ed-primary),var(--ed-primary2)) !important;
  color:#fff !important;
  border-color:transparent !important;
}

.btn.primary{
  background:linear-gradient(90deg,var(--ed-primary),var(--ed-primary2)) !important;
  color:#fff !important;
}

.btn.ghost,
.btn{
  border-color:var(--ed-border) !important;
}

/* Dropdown üst üste binme fix */
.dd{
  position:relative;
}

.dd-menu{
  position:absolute;
  left:0;
  right:0;
  top:calc(100% + 6px);
  display:none;
  z-index:9000;
  max-height:280px;
  overflow:auto;
  border:1px solid var(--ed-border);
  border-radius:12px;
  box-shadow:0 18px 50px rgba(0,0,0,.35);
}

.dd-menu .dd-item,
.dd-menu div{
  color:var(--ed-text) !important;
  padding:10px 12px;
  cursor:pointer;
}

.dd-menu .dd-item:hover,
.dd-menu div:hover{
  background:rgba(59,130,246,.18) !important;
}

/* Mobil hamburger */
.hamburger{
  display:none;
  width:46px;
  height:46px;
  border-radius:14px;
  border:1px solid var(--ed-border);
  background:var(--ed-panel2);
  color:var(--ed-text);
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:5px;
  cursor:pointer;
  z-index:10020;
}

.hamburger span{
  display:block;
  width:22px;
  height:3px;
  border-radius:20px;
  background:currentColor;
}

.nav-backdrop{
  display:none;
  position:fixed;
  inset:0;
  background:rgba(2,6,23,.62);
  backdrop-filter:blur(2px);
  z-index:9990;
}

.nav-backdrop.show{
  display:block;
}

body.edepo-nav-open{
  overflow:hidden;
}

@media (max-width: 820px){
  .topbar .row{
    align-items:center;
  }

  .hamburger{
    display:flex !important;
    margin-left:auto;
  }

  .topbar .nav{
    position:fixed !important;
    top:0;
    right:-88vw;
    width:min(86vw,360px);
    height:100vh;
    padding:86px 16px 18px;
    background:var(--ed-panel) !important;
    border-left:1px solid var(--ed-border);
    box-shadow:-25px 0 70px rgba(0,0,0,.45);
    z-index:10010;
    display:flex !important;
    flex-direction:column;
    align-items:stretch;
    justify-content:flex-start;
    gap:10px;
    overflow:auto;
    transition:right .22s ease;
  }

  .topbar .nav.open{
    right:0 !important;
  }

  .topbar .nav .pill,
  .topbar .nav .btn,
  .topbar .nav .badge{
    width:100%;
    justify-content:center;
    text-align:center;
    min-height:42px;
  }

  .container{
    padding:12px !important;
  }

  .grid{
    display:block !important;
  }

  .grid > *{
    margin-bottom:14px;
  }

  .card{
    width:100% !important;
    grid-column:span 12 !important;
  }

  .bd[style*="display:flex"]{
    flex-direction:column !important;
  }

  .dd{
    width:100% !important;
    min-width:0 !important;
  }

  .dd-menu{
    position:static !important;
    margin-top:6px;
  }

  .btn{
    width:100%;
  }
}


/* ===== E-Depo tablo taşma + mobil aksiyon fix ===== */
.table-wrap,
.table-responsive,
.card:has(table) .bd {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

table {
  max-width: 100%;
}

.table td:last-child,
.table th:last-child {
  min-width: 155px;
}

.action-buttons,
.table-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  align-items: center;
}

.action-buttons .btn,
.table-actions .btn {
  padding: 5px 7px;
  font-size: 12px;
  line-height: 1.1;
}

@media (max-width: 768px) {
  .table-wrap,
  .table-responsive,
  .card:has(table) .bd {
    overflow-x: auto;
  }

  table {
    min-width: 920px;
  }

  .table td,
  .table th {
    font-size: 12px;
  }

  .action-buttons,
  .table-actions {
    flex-direction: column;
    align-items: stretch;
    min-width: 78px;
  }

  .action-buttons .btn,
  .table-actions .btn {
    width: 100%;
    padding: 6px 7px;
  }

  .vehicle-extra {
    display: block;
  }
}


/* ===== E-Depo mobile horizontal table fix v2 ===== */
html, body {
  max-width: 100%;
  overflow-x: auto;
}

.container {
  max-width: 1200px;
  width: 100%;
}

.table-responsive,
.table-scroll,
.table-wrap,
.card .bd:has(table) {
  width: 100%;
  max-width: 100%;
  overflow-x: auto !important;
  overflow-y: visible;
  -webkit-overflow-scrolling: touch;
  touch-action: pan-x pan-y;
}

.table-responsive table,
.table-scroll table,
.table-wrap table,
.card .bd:has(table) table {
  min-width: 980px;
}

.action-buttons,
.table-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  align-items: center;
  min-width: 150px;
}

.action-buttons .btn,
.table-actions .btn {
  padding: 5px 7px;
  font-size: 12px;
  line-height: 1.1;
}

@media (max-width: 820px) {
  .container {
    padding: 10px;
    max-width: 100vw;
  }

  .grid {
    display: block;
  }

  .grid > .card {
    margin-bottom: 12px;
  }

  .topbar .row {
    align-items: flex-start;
  }

  .table-responsive,
  .table-scroll,
  .table-wrap,
  .card .bd:has(table) {
    overflow-x: scroll !important;
    max-width: calc(100vw - 20px);
    display: block;
  }

  .table-responsive table,
  .table-scroll table,
  .table-wrap table,
  .card .bd:has(table) table {
    width: max-content;
    min-width: 1050px;
  }

  table.table th,
  table.table td {
    font-size: 12px;
    padding: 8px 9px;
    white-space: normal;
  }

  .action-buttons,
  .table-actions {
    flex-direction: column;
    align-items: stretch;
    min-width: 82px;
  }

  .action-buttons .btn,
  .table-actions .btn {
    width: 100%;
    padding: 6px 7px;
  }

  .admin-form-modern [style*="grid-template-columns"],
  form [style*="grid-template-columns"] {
    grid-template-columns: 1fr !important;
  }
}


/* ===== E-Depo kesin tablo scroll fix v3 ===== */
html, body{
  width:100%;
  max-width:100%;
}

body{
  overflow-x:hidden;
}

.table-responsive{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  overflow-x:auto !important;
  overflow-y:visible !important;
  -webkit-overflow-scrolling:touch !important;
  touch-action:pan-x pan-y !important;
  overscroll-behavior-x:contain;
}

.table-responsive table{
  width:max-content !important;
  max-width:none !important;
  border-collapse:collapse;
}

.admin-stock-table{
  min-width:1650px !important;
  table-layout:fixed !important;
}

.stock-table{
  min-width:1250px !important;
  table-layout:fixed !important;
}

.admin-stock-table th,
.admin-stock-table td,
.stock-table th,
.stock-table td{
  vertical-align:middle;
  word-break:normal;
  overflow-wrap:normal;
}

.admin-stock-table th:nth-child(1), .admin-stock-table td:nth-child(1){width:170px;}
.admin-stock-table th:nth-child(2), .admin-stock-table td:nth-child(2){width:120px;}
.admin-stock-table th:nth-child(3), .admin-stock-table td:nth-child(3){width:160px;}
.admin-stock-table th:nth-child(4), .admin-stock-table td:nth-child(4){width:120px;}
.admin-stock-table th:nth-child(5), .admin-stock-table td:nth-child(5){width:115px;}
.admin-stock-table th:nth-child(6), .admin-stock-table td:nth-child(6){width:100px;}
.admin-stock-table th:nth-child(7), .admin-stock-table td:nth-child(7){width:70px;text-align:center;}
.admin-stock-table th:nth-child(8), .admin-stock-table td:nth-child(8){width:80px;}
.admin-stock-table th:nth-child(9), .admin-stock-table td:nth-child(9){width:70px;text-align:center;}
.admin-stock-table th:nth-child(10), .admin-stock-table td:nth-child(10){width:75px;}
.admin-stock-table th:nth-child(11), .admin-stock-table td:nth-child(11){width:95px;}
.admin-stock-table th:nth-child(12), .admin-stock-table td:nth-child(12){width:100px;}
.admin-stock-table th:nth-child(13), .admin-stock-table td:nth-child(13){width:110px;}
.admin-stock-table th:nth-child(14), .admin-stock-table td:nth-child(14){width:130px;}
.admin-stock-table th:nth-child(15), .admin-stock-table td:nth-child(15){width:180px;}

.compat-cell{
  display:flex;
  flex-direction:column;
  gap:4px;
  max-height:96px;
  overflow:auto;
  padding:2px 0;
}

.compat-cell .badge{
  display:block;
  width:fit-content;
  max-width:150px;
  white-space:normal;
  line-height:1.15;
  font-size:11px;
  padding:5px 7px;
}

.admin-stock-table .action-buttons{
  display:grid !important;
  grid-template-columns:1fr 1fr;
  gap:5px;
  min-width:160px;
}

.admin-stock-table .action-buttons .btn{
  width:100%;
  padding:6px 6px;
  font-size:11px;
  line-height:1.1;
  text-align:center;
}

@media (max-width:820px){
  .container{
    width:100%;
    max-width:100vw !important;
    padding-left:10px !important;
    padding-right:10px !important;
    margin:0 !important;
  }

  .grid{
    display:block !important;
  }

  .grid > .card{
    margin-bottom:12px;
  }

  .table-responsive{
    max-width:calc(100vw - 20px) !important;
    margin:0 !important;
    border-radius:0 0 14px 14px;
  }

  .admin-stock-table{
    min-width:1600px !important;
  }

  .stock-table{
    min-width:1200px !important;
  }

  .table-responsive::after{
    content:"← sağa sola kaydır";
    display:block;
    position:sticky;
    left:0;
    bottom:0;
    padding:6px 10px;
    font-size:12px;
    opacity:.75;
    background:rgba(15,23,42,.92);
    border-top:1px solid rgba(148,163,184,.2);
  }

  .admin-stock-table th,
  .admin-stock-table td,
  .stock-table th,
  .stock-table td{
    font-size:12px !important;
    padding:8px 8px !important;
  }
}


/* ===== E-Depo 13 Not Revizyonu ===== */
.dd, .dropdown, .custom-dd { position: relative; z-index: 20; }
.dd-menu, .dropdown-menu, .custom-dd-menu {
  z-index: 9999 !important;
  max-height: 280px !important;
  overflow-y: auto !important;
  overscroll-behavior: contain;
}
.card, .card .bd { overflow: visible; }
.stock-readable td,
.stock-table td,
#tblParts td {
  white-space: normal !important;
  line-height: 1.25;
  font-size: 13px;
}
#tblParts th { font-size: 12px; }
#tblParts .badge { white-space: normal; }
.log-note-readable {
  white-space: pre-wrap;
  line-height: 1.35;
}
.logo-img {
  width: 38px;
  height: 38px;
  object-fit: contain;
  border-radius: 8px;
}
@media (max-width: 820px){
  #tblParts td, #tblParts th { font-size: 11px !important; padding: 7px 7px !important; }
  .dd-menu, .dropdown-menu, .custom-dd-menu { max-height: 240px !important; }
}


/* ===== E-Depo UI Fix: dropdown + geniş tablo okunabilirliği ===== */

/* Ana sayfa hızlı stok listeleme dropdown kararma/arkada kalma fix */
.quick-stock-panel,
.dashboard-quick-stock,
#ddDashBrand,
#ddDashType,
.dd,
.dropdown,
.custom-dd {
  position: relative;
  z-index: 100;
}

.dd-menu,
.dropdown-menu,
.custom-dd-menu {
  position: absolute !important;
  z-index: 99999 !important;
  max-height: 320px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  background: #0f172a !important;
  border: 1px solid #334155 !important;
  box-shadow: 0 18px 45px rgba(0,0,0,.45) !important;
}

.dd.open,
.dropdown.open,
.custom-dd.open {
  z-index: 100000 !important;
}

.card:has(.dd-menu),
.card:has(.dropdown-menu),
.card:has(.custom-dd-menu) {
  overflow: visible !important;
  z-index: 200;
}

/* Stok ve Stok Ekle tablolarını daha kompakt ve okunur yap */
.table-responsive {
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch;
}

.stock-table,
.admin-stock-table,
#tblParts,
#tblAdminParts {
  width: 100% !important;
  min-width: 0 !important;
  table-layout: fixed !important;
}

#tblParts th,
#tblParts td,
#tblAdminParts th,
#tblAdminParts td {
  font-size: 11.5px !important;
  padding: 6px 6px !important;
  line-height: 1.22 !important;
  white-space: normal !important;
  word-break: break-word !important;
  overflow-wrap: anywhere !important;
  vertical-align: middle !important;
}

/* Sütun genişlikleri: ekranı bozmadan tabloyu sayfaya sığdırma */
#tblParts th:nth-child(1), #tblParts td:nth-child(1) { width: 9%; }
#tblParts th:nth-child(2), #tblParts td:nth-child(2) { width: 9%; }
#tblParts th:nth-child(3), #tblParts td:nth-child(3) { width: 9%; }
#tblParts th:nth-child(4), #tblParts td:nth-child(4) { width: 9%; }
#tblParts th:nth-child(5), #tblParts td:nth-child(5) { width: 17%; }
#tblParts th:nth-child(6), #tblParts td:nth-child(6) { width: 10%; }
#tblParts th:nth-child(7), #tblParts td:nth-child(7) { width: 10%; }
#tblParts th:nth-child(8), #tblParts td:nth-child(8) { width: 6%; text-align:center; }
#tblParts th:nth-child(9), #tblParts td:nth-child(9) { width: 6%; }
#tblParts th:nth-child(10), #tblParts td:nth-child(10) { width: 7%; }

#tblAdminParts th:nth-child(1), #tblAdminParts td:nth-child(1) { width: 10%; }
#tblAdminParts th:nth-child(2), #tblAdminParts td:nth-child(2) { width: 7%; }
#tblAdminParts th:nth-child(3), #tblAdminParts td:nth-child(3) { width: 12%; }
#tblAdminParts th:nth-child(4), #tblAdminParts td:nth-child(4) { width: 8%; }
#tblAdminParts th:nth-child(5), #tblAdminParts td:nth-child(5) { width: 8%; }
#tblAdminParts th:nth-child(6), #tblAdminParts td:nth-child(6) { width: 7%; }
#tblAdminParts th:nth-child(7), #tblAdminParts td:nth-child(7) { width: 5%; text-align:center; }
#tblAdminParts th:nth-child(8), #tblAdminParts td:nth-child(8) { width: 5%; }
#tblAdminParts th:nth-child(9), #tblAdminParts td:nth-child(9) { width: 5%; text-align:center; }
#tblAdminParts th:nth-child(10), #tblAdminParts td:nth-child(10) { width: 5%; }
#tblAdminParts th:nth-child(11), #tblAdminParts td:nth-child(11) { width: 6%; }
#tblAdminParts th:nth-child(12), #tblAdminParts td:nth-child(12) { width: 7%; }
#tblAdminParts th:nth-child(13), #tblAdminParts td:nth-child(13) { width: 7%; }
#tblAdminParts th:nth-child(14), #tblAdminParts td:nth-child(14) { width: 8%; }
#tblAdminParts th:nth-child(15), #tblAdminParts td:nth-child(15) { width: 10%; }

/* Araç uyumluluk etiketleri tabloyu şişirmesin */
.compat-cell,
.compat-td {
  max-height: 84px;
  overflow-y: auto;
}

.compat-cell .badge,
.compat-td .badge {
  display: inline-block;
  max-width: 100%;
  font-size: 10.5px !important;
  padding: 4px 5px !important;
  margin: 2px !important;
  white-space: normal !important;
}

/* İşlem butonları kompakt */
.action-buttons,
.table-actions {
  display: grid !important;
  grid-template-columns: 1fr 1fr;
  gap: 4px;
  min-width: 0 !important;
}

.action-buttons .btn,
.table-actions .btn {
  width: 100%;
  padding: 5px 4px !important;
  font-size: 10.5px !important;
  line-height: 1.1 !important;
}

/* Büyük ekranlarda stok alanını biraz daha geniş hissettir */
@media (min-width: 1200px) {
  .container {
    max-width: 1440px !important;
  }
}

/* Mobilde taşmayı engelle ama gerekirse parmakla kaydırma kalsın */
@media (max-width: 820px) {
  .container {
    max-width: 100vw !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  #tblParts,
  #tblAdminParts {
    table-layout: auto !important;
    min-width: 980px !important;
  }

  #tblParts th,
  #tblParts td,
  #tblAdminParts th,
  #tblAdminParts td {
    font-size: 10.5px !important;
    padding: 6px 5px !important;
  }

  .table-responsive {
    max-width: calc(100vw - 16px) !important;
    overflow-x: auto !important;
  }

  .dd-menu,
  .dropdown-menu,
  .custom-dd-menu {
    max-height: 260px !important;
  }
}


/* =========================================================
   E-Depo Modern UI V3
   Sidebar + glass dashboard + compact responsive tables
   ========================================================= */
:root{
  --ed-bg:#07111f;
  --ed-bg2:#0b1628;
  --ed-panel:rgba(15, 23, 42, .72);
  --ed-panel-solid:#111c30;
  --ed-panel-2:rgba(30, 41, 59, .66);
  --ed-border:rgba(148, 163, 184, .18);
  --ed-border-strong:rgba(148, 163, 184, .34);
  --ed-text:#e5edf8;
  --ed-muted:#9fb0c6;
  --ed-blue:#4f8cff;
  --ed-cyan:#22d3ee;
  --ed-green:#22c55e;
  --ed-orange:#f97316;
  --ed-red:#ef4444;
  --ed-shadow:0 24px 80px rgba(0,0,0,.35);
  --ed-radius:18px;
  --ed-sidebar:292px;
}

html[data-theme="light"]{
  --ed-bg:#eef4fb;
  --ed-bg2:#f7fbff;
  --ed-panel:rgba(255,255,255,.78);
  --ed-panel-solid:#ffffff;
  --ed-panel-2:rgba(241,245,249,.86);
  --ed-border:rgba(15,23,42,.12);
  --ed-border-strong:rgba(15,23,42,.22);
  --ed-text:#102033;
  --ed-muted:#64748b;
  --ed-shadow:0 18px 60px rgba(15,23,42,.10);
}

html,body{
  min-height:100%;
}

body{
  background:
    radial-gradient(circle at 12% 10%, rgba(79,140,255,.20), transparent 30%),
    radial-gradient(circle at 78% 24%, rgba(34,211,238,.12), transparent 26%),
    radial-gradient(circle at 68% 75%, rgba(34,197,94,.10), transparent 26%),
    linear-gradient(135deg,var(--ed-bg),var(--ed-bg2)) !important;
  color:var(--ed-text) !important;
  font-family:Inter, "Segoe UI", Roboto, Arial, sans-serif !important;
  overflow-x:hidden;
}

/* app shell */
.topbar{
  position:fixed !important;
  top:0 !important;
  left:0 !important;
  bottom:0 !important;
  width:var(--ed-sidebar) !important;
  height:auto !important;
  background:linear-gradient(180deg,rgba(15,23,42,.92),rgba(2,6,23,.90)) !important;
  border-right:1px solid var(--ed-border) !important;
  border-bottom:0 !important;
  box-shadow:var(--ed-shadow) !important;
  backdrop-filter:blur(18px) saturate(140%);
  z-index:5000;
  padding:16px 12px;
}

.topbar .row{
  height:100%;
  display:flex !important;
  flex-direction:column !important;
  align-items:stretch !important;
  justify-content:flex-start !important;
  gap:18px !important;
  padding:0 !important;
}

.brand{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  padding:10px 8px 16px !important;
  border-bottom:1px solid var(--ed-border);
}

.logo{
  width:46px !important;
  height:46px !important;
  border-radius:14px !important;
  display:grid !important;
  place-items:center !important;
  background:linear-gradient(135deg,#e6f0ff,#8ec5ff 45%,#38bdf8) !important;
  color:#082f49 !important;
  font-weight:900 !important;
  box-shadow:0 12px 30px rgba(56,189,248,.25);
  overflow:hidden;
}
.logo::before{
  content:"";
  width:24px;
  height:28px;
  border-radius:4px;
  background:
    linear-gradient(#17324f 0 0) top/100% 5px no-repeat,
    linear-gradient(#22c55e 0 0) 0 9px/100% 5px no-repeat,
    linear-gradient(#f8fafc 0 0) 0 17px/100% 5px no-repeat,
    linear-gradient(#22c55e 0 0) bottom/100% 5px no-repeat;
  border:2px solid rgba(8,47,73,.75);
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.45);
}
.logo img{width:100%;height:100%;object-fit:contain}

.brand .title strong,
.title strong{
  font-size:18px !important;
  line-height:1 !important;
  letter-spacing:.3px;
}
.brand .title span,
.title span{
  color:var(--ed-muted) !important;
  font-size:12px !important;
  margin-top:5px !important;
}

.nav,#topnav{
  display:flex !important;
  flex-direction:column !important;
  gap:8px !important;
  overflow-y:auto;
  padding:2px 2px 8px;
  max-height:calc(100vh - 140px);
}

.nav .pill,
#topnav .pill,
.nav a,
#topnav a{
  width:100%;
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  justify-content:flex-start !important;
  padding:11px 12px !important;
  border-radius:14px !important;
  color:var(--ed-text) !important;
  text-decoration:none !important;
  border:1px solid transparent !important;
  background:transparent !important;
  transition:.16s ease;
  font-size:14px !important;
  min-height:42px;
}
.nav .pill:hover,#topnav .pill:hover,
.nav a:hover,#topnav a:hover{
  background:rgba(79,140,255,.14) !important;
  border-color:rgba(79,140,255,.26) !important;
  transform:translateX(2px);
}
.nav .pill.active,#topnav .pill.active,
.nav a.active,#topnav a.active{
  background:linear-gradient(135deg,rgba(79,140,255,.36),rgba(34,211,238,.16)) !important;
  border-color:rgba(125,211,252,.35) !important;
  box-shadow:0 12px 26px rgba(37,99,235,.18);
}
.nav .badge,#topnav .badge{
  margin-top:auto;
  width:100%;
  justify-content:center;
  border:1px solid var(--ed-border) !important;
  background:rgba(15,23,42,.66) !important;
  border-radius:14px !important;
  padding:10px !important;
}
.nav .btn,#topnav .btn{
  width:100%;
  justify-content:center;
}

.container{
  margin-left:var(--ed-sidebar) !important;
  max-width:none !important;
  width:auto !important;
  padding:22px 28px 40px !important;
}

/* cards / panels */
.card{
  background:var(--ed-panel) !important;
  border:1px solid var(--ed-border) !important;
  border-radius:var(--ed-radius) !important;
  box-shadow:var(--ed-shadow) !important;
  backdrop-filter:blur(16px) saturate(140%);
  overflow:visible !important;
}
.card .hd,.hd{
  border-bottom:1px solid var(--ed-border) !important;
  padding:14px 16px !important;
}
.card .hd h2,.hd h2{
  font-size:16px !important;
  letter-spacing:.2px;
}
.card .bd,.bd{
  padding:16px !important;
}

.grid{
  gap:16px !important;
}

/* dashboard KPI cards */
#kpiTotal,#kpiCritical,.num{
  font-size:30px !important;
  font-weight:900 !important;
  letter-spacing:.5px;
  background:linear-gradient(135deg,#fff,#93c5fd);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent !important;
}
.card:has(#kpiTotal),
.card:has(#kpiCritical){
  position:relative;
  overflow:hidden !important;
}
.card:has(#kpiTotal)::after,
.card:has(#kpiCritical)::after{
  content:"";
  position:absolute;
  right:-35px;
  top:-35px;
  width:130px;height:130px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(79,140,255,.32),transparent 68%);
}

/* controls */
.input,select,textarea{
  background:rgba(15,23,42,.62) !important;
  border:1px solid var(--ed-border-strong) !important;
  color:var(--ed-text) !important;
  border-radius:14px !important;
  min-height:42px !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.input:focus,select:focus,textarea:focus{
  outline:none !important;
  border-color:rgba(79,140,255,.75) !important;
  box-shadow:0 0 0 3px rgba(79,140,255,.16) !important;
}
.btn{
  border-radius:13px !important;
  border:1px solid var(--ed-border) !important;
  background:rgba(30,41,59,.72) !important;
  color:var(--ed-text) !important;
  min-height:38px;
  transition:.16s ease;
}
.btn:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(0,0,0,.18)}
.btn.primary,.primary{
  background:linear-gradient(135deg,#2563eb,#0891b2) !important;
  border-color:rgba(125,211,252,.35) !important;
  color:white !important;
}
.btn.ghost,.ghost{
  background:rgba(15,23,42,.46) !important;
}

/* dropdown fix */
.dd,.dropdown,.custom-dd{position:relative;z-index:50}
.dd-menu,.dropdown-menu,.custom-dd-menu{
  position:absolute !important;
  z-index:999999 !important;
  background:rgba(15,23,42,.98) !important;
  border:1px solid rgba(148,163,184,.35) !important;
  border-radius:14px !important;
  box-shadow:0 22px 55px rgba(0,0,0,.45) !important;
  max-height:320px !important;
  overflow:auto !important;
  backdrop-filter:blur(18px);
}
.card:has(.dd-menu),.card:has(.dropdown-menu),.card:has(.custom-dd-menu){overflow:visible!important;z-index:100}

/* tables */
.table-responsive{
  border-radius:16px;
  border:1px solid var(--ed-border);
  overflow:auto !important;
  -webkit-overflow-scrolling:touch;
  background:rgba(2,6,23,.22);
}
.table,table{
  border-collapse:separate !important;
  border-spacing:0 !important;
  width:100% !important;
}
.table th,table th{
  position:sticky;
  top:0;
  z-index:5;
  background:rgba(15,23,42,.95) !important;
  color:#dbeafe !important;
  font-weight:800 !important;
  font-size:12px !important;
  padding:10px 9px !important;
  border-bottom:1px solid var(--ed-border-strong) !important;
}
.table td,table td{
  font-size:12px !important;
  padding:9px 9px !important;
  line-height:1.28 !important;
  border-bottom:1px solid rgba(148,163,184,.10) !important;
  color:var(--ed-text) !important;
  vertical-align:middle !important;
}
.table tr:nth-child(even) td{background:rgba(255,255,255,.025)}
.table tr:hover td{background:rgba(79,140,255,.08)!important}

.stock-table,#tblParts,.admin-stock-table,#tblAdminParts{
  table-layout:fixed !important;
  min-width:0 !important;
}
#tblParts td,#tblParts th,#tblAdminParts td,#tblAdminParts th{
  white-space:normal !important;
  overflow-wrap:anywhere !important;
  word-break:break-word !important;
}
#tblParts th:nth-child(5),#tblParts td:nth-child(5),
#tblAdminParts th:nth-child(3),#tblAdminParts td:nth-child(3){width:15%}
#tblParts th:nth-child(8),#tblParts td:nth-child(8),
#tblAdminParts th:nth-child(7),#tblAdminParts td:nth-child(7){text-align:center;width:5%}

.badge{
  border-radius:999px !important;
  border:1px solid var(--ed-border) !important;
  background:rgba(30,41,59,.72) !important;
  color:var(--ed-text) !important;
}

/* notices */
.notice{
  background:rgba(15,23,42,.48) !important;
  border:1px dashed var(--ed-border-strong) !important;
  border-radius:16px !important;
  color:var(--ed-text) !important;
}

/* mobile sidebar drawer */
@media (max-width: 920px){
  :root{--ed-sidebar:0px}
  .topbar{
    position:sticky !important;
    top:0 !important;
    left:0 !important;
    right:0 !important;
    bottom:auto !important;
    width:100% !important;
    height:auto !important;
    padding:10px !important;
    border-right:0 !important;
    border-bottom:1px solid var(--ed-border) !important;
  }
  .topbar .row{
    flex-direction:row !important;
    align-items:center !important;
    gap:10px !important;
  }
  .brand{
    border-bottom:0 !important;
    padding:4px !important;
    min-width:170px;
  }
  .nav,#topnav{
    flex-direction:row !important;
    overflow-x:auto !important;
    max-height:none !important;
    gap:6px !important;
    padding-bottom:4px;
  }
  .nav .pill,#topnav .pill,.nav a,#topnav a{
    width:auto !important;
    min-width:max-content !important;
    padding:9px 11px !important;
  }
  .nav .badge,#topnav .badge,.nav .btn,#topnav .btn{
    width:auto !important;
    min-width:max-content !important;
  }
  .container{
    margin-left:0 !important;
    padding:14px 10px 30px !important;
  }
  .grid{
    display:block !important;
  }
  .grid>.card{
    margin-bottom:12px;
  }
  #tblParts,#tblAdminParts{
    min-width:980px !important;
    table-layout:auto !important;
  }
  .table-responsive{
    max-width:calc(100vw - 20px);
  }
}

/* extra polish */
::-webkit-scrollbar{height:10px;width:10px}
::-webkit-scrollbar-thumb{background:rgba(148,163,184,.28);border-radius:99px}
::-webkit-scrollbar-thumb:hover{background:rgba(148,163,184,.42)}
::selection{background:rgba(79,140,255,.35)}


/* =========================================================
   E-Depo Modern UI V4
   Görseldeki stile yakın: çok renkli cam panel, dengeli açık tema,
   ikonlu menü, mini görseller ve yumuşak dashboard
   ========================================================= */

/* Açık tema artık saf beyaz değil; göz yormayan gri-mavi ton */
html[data-theme="light"]{
  --ed-bg:#dbe5ef;
  --ed-bg2:#eef4f9;
  --ed-panel:rgba(239,246,255,.62);
  --ed-panel-solid:#eaf1f8;
  --ed-panel-2:rgba(226,235,245,.74);
  --ed-border:rgba(51,65,85,.18);
  --ed-border-strong:rgba(51,65,85,.30);
  --ed-text:#142033;
  --ed-muted:#526276;
  --ed-shadow:0 18px 60px rgba(30,41,59,.16);
}

/* Koyu tema daha görseldeki mavi-gri metalik havaya yaklaştırıldı */
html[data-theme="dark"]{
  --ed-bg:#0b1320;
  --ed-bg2:#1c2a38;
  --ed-panel:rgba(31,43,58,.58);
  --ed-panel-solid:#172334;
  --ed-panel-2:rgba(51,65,85,.48);
}

/* Gövde: tek renk değil, görseldeki gibi metalik/cam karışımı */
body{
  background:
    radial-gradient(circle at 8% 6%, rgba(96,165,250,.30), transparent 28%),
    radial-gradient(circle at 78% 18%, rgba(248,113,113,.13), transparent 24%),
    radial-gradient(circle at 78% 52%, rgba(34,197,94,.18), transparent 30%),
    radial-gradient(circle at 42% 42%, rgba(251,191,36,.10), transparent 20%),
    linear-gradient(135deg,var(--ed-bg),var(--ed-bg2)) !important;
}

/* Açık temada sol bar koyu kalmasın */
html[data-theme="light"] .topbar{
  background:
    linear-gradient(180deg,rgba(232,240,249,.88),rgba(207,219,232,.78)) !important;
  border-right:1px solid rgba(51,65,85,.20) !important;
  box-shadow:0 20px 80px rgba(51,65,85,.18) !important;
}

html[data-theme="dark"] .topbar{
  background:
    linear-gradient(180deg,rgba(25,37,52,.84),rgba(8,14,24,.90)) !important;
}

/* Cam yüzey hissi */
.topbar,
.card,
.notice,
.input,
.btn,
.dd-menu,
.dropdown-menu,
.custom-dd-menu{
  backdrop-filter: blur(18px) saturate(145%) !important;
}

/* Logo daha görseldeki depo/evrak ikonuna yakın */
.logo{
  background:
    linear-gradient(135deg,#f8fbff 0%,#b7d7ff 45%,#4ade80 100%) !important;
  box-shadow:
    0 12px 30px rgba(59,130,246,.22),
    inset 0 0 0 1px rgba(255,255,255,.55) !important;
}
.logo::before{
  content:"";
  width:27px;
  height:30px;
  border-radius:5px;
  background:
    linear-gradient(#1e3a5f 0 0) top/100% 6px no-repeat,
    linear-gradient(#ffffff 0 0) 0 9px/100% 5px no-repeat,
    linear-gradient(#22c55e 0 0) 0 17px/100% 5px no-repeat,
    linear-gradient(#ffffff 0 0) bottom/100% 5px no-repeat;
  border:2px solid rgba(30,58,95,.82);
}

/* Menü ikonları: görseldeki mini görsel/ikon hissi */
#topnav a,
.nav a,
#topnav .pill,
.nav .pill{
  position:relative;
  padding-left:46px !important;
}

#topnav a::before,
.nav a::before,
#topnav .pill::before,
.nav .pill::before{
  content:"▣";
  position:absolute;
  left:13px;
  width:24px;
  height:24px;
  display:grid;
  place-items:center;
  border-radius:8px;
  font-size:14px;
  color:#e0f2fe;
  background:linear-gradient(135deg,rgba(59,130,246,.58),rgba(34,197,94,.38));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.18);
}

html[data-theme="light"] #topnav a::before,
html[data-theme="light"] .nav a::before,
html[data-theme="light"] #topnav .pill::before,
html[data-theme="light"] .nav .pill::before{
  color:#0f172a;
  background:linear-gradient(135deg,rgba(147,197,253,.78),rgba(134,239,172,.60));
}

#topnav a[href*="dashboard"]::before,.nav a[href*="dashboard"]::before{content:"⌂";}
#topnav a[href*="stok"]::before,.nav a[href*="stok"]::before{content:"▤";}
#topnav a[href*="talep"]::before,.nav a[href*="talep"]::before{content:"✉";}
#topnav a[href*="girdi"]::before,.nav a[href*="girdi"]::before{content:"↕";}
#topnav a[href*="cikis"]::before,.nav a[href*="cikis"]::before{content:"↘";}
#topnav a[href*="arac"]::before,.nav a[href*="arac"]::before{content:"▰";}
#topnav a[href*="analiz"]::before,.nav a[href*="analiz"]::before{content:"◴";}
#topnav a[href*="rapor"]::before,.nav a[href*="rapor"]::before{content:"▥";}
#topnav a[href*="qr-okut"]::before,.nav a[href*="qr-okut"]::before{content:"▦";}
#topnav a[href*="qr-stok"]::before,.nav a[href*="qr-stok"]::before{content:"▦";}
#topnav a[href*="kullanici"]::before,.nav a[href*="kullanici"]::before{content:"●";}
#topnav a[href*="kayit"]::before,.nav a[href*="kayit"]::before{content:"☷";}
#topnav a[href*="ayar"]::before,.nav a[href*="ayar"]::before{content:"⚙";}
#topnav a[href*="yedek"]::before,.nav a[href*="yedek"]::before{content:"⇩";}

/* Dashboard kartlarına mini görsel/ikon katmanı */
.card{
  position:relative;
}

.card .hd h2{
  display:flex;
  align-items:center;
  gap:8px;
}

.card .hd h2::before{
  content:"";
  width:28px;
  height:28px;
  border-radius:10px;
  display:inline-grid;
  place-items:center;
  background:linear-gradient(135deg,rgba(96,165,250,.62),rgba(34,197,94,.42));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.18);
}

/* KPI kartları: kutu/depo/uyarı mini görsel havası */
.card:has(#kpiTotal) .hd h2::before{content:"📦";font-size:17px;text-align:center;background:linear-gradient(135deg,rgba(251,191,36,.55),rgba(249,115,22,.36));}
.card:has(#kpiCritical) .hd h2::before{content:"⚠";font-size:17px;text-align:center;background:linear-gradient(135deg,rgba(248,113,113,.58),rgba(251,191,36,.36));}

/* QR kartlarında QR minisi */
a[href*="qr-okut"]::after,
a[href*="qr-stok"]::after{
  content:"";
  margin-left:auto;
  width:18px;
  height:18px;
  border-radius:4px;
  background:
    linear-gradient(90deg,#fff 2px,transparent 2px 5px,#fff 5px 7px,transparent 7px),
    linear-gradient(#fff 2px,transparent 2px 5px,#fff 5px 7px,transparent 7px),
    #0f172a;
  box-shadow:0 0 0 1px rgba(255,255,255,.22);
}

/* Kartların içinde renkli vurgu çizgisi */
.card::before{
  content:"";
  position:absolute;
  left:16px;
  right:16px;
  top:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(125,211,252,.55),rgba(74,222,128,.38),transparent);
  pointer-events:none;
}

/* Açık tema kartları daha gri/mavi, beyaz patlamasın */
html[data-theme="light"] .card,
html[data-theme="light"] .notice,
html[data-theme="light"] .input,
html[data-theme="light"] select,
html[data-theme="light"] textarea{
  background:rgba(232,240,249,.70) !important;
  color:#142033 !important;
}

html[data-theme="light"] .btn{
  background:rgba(213,225,238,.76) !important;
  color:#142033 !important;
}

html[data-theme="light"] .btn.primary,
html[data-theme="light"] .primary{
  background:linear-gradient(135deg,#4f8cff,#15aabf) !important;
  color:white !important;
}

html[data-theme="light"] .table th,
html[data-theme="light"] table th{
  background:rgba(214,226,239,.96) !important;
  color:#102033 !important;
}

html[data-theme="light"] .table td,
html[data-theme="light"] table td{
  color:#142033 !important;
}

html[data-theme="light"] .table tr:nth-child(even) td{
  background:rgba(255,255,255,.30) !important;
}

/* Renkli durum çipleri */
.badge{
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);
}

.badge:has(+ *){}

td .badge,
.compat-cell .badge{
  background:linear-gradient(135deg,rgba(59,130,246,.24),rgba(34,197,94,.16)) !important;
}

/* Login de aynı tasarıma yaklaşsın */
body:has(#frmLogin) .container{
  margin-left:0 !important;
  max-width:580px !important;
  min-height:100vh;
  display:grid;
  place-content:center;
}

body:has(#frmLogin) .card{
  background:rgba(15,23,42,.64) !important;
}

html[data-theme="light"] body:has(#frmLogin) .card{
  background:rgba(232,240,249,.82) !important;
}

/* Mobilde ikonlar taşmasın */
@media (max-width:920px){
  #topnav a,
  .nav a,
  #topnav .pill,
  .nav .pill{
    padding-left:38px !important;
  }
  #topnav a::before,
  .nav a::before,
  #topnav .pill::before,
  .nav .pill::before{
    left:8px;
    width:22px;
    height:22px;
    font-size:12px;
  }
}


/* =========================================================
   E-Depo Modern UI V5
   Daha koyu açık tema + modern kompakt login ekranı
   ========================================================= */

/* Açık tema beyaz değil: koyu gri-mavi soft-light */
html[data-theme="light"]{
  --ed-bg:#b9c7d6;
  --ed-bg2:#d2dce7;
  --ed-panel:rgba(216,226,237,.72);
  --ed-panel-solid:#d6e0eb;
  --ed-panel-2:rgba(199,212,226,.78);
  --ed-border:rgba(51,65,85,.24);
  --ed-border-strong:rgba(51,65,85,.38);
  --ed-text:#101d2e;
  --ed-muted:#46586d;
  --ed-shadow:0 18px 55px rgba(30,41,59,.20);
}

html[data-theme="light"] body{
  background:
    radial-gradient(circle at 8% 6%, rgba(59,130,246,.24), transparent 30%),
    radial-gradient(circle at 78% 18%, rgba(34,197,94,.13), transparent 27%),
    radial-gradient(circle at 70% 72%, rgba(249,115,22,.11), transparent 28%),
    linear-gradient(135deg,#b8c7d7,#d4dee9) !important;
}

html[data-theme="light"] .topbar{
  background:linear-gradient(180deg,rgba(190,204,220,.90),rgba(165,182,200,.84)) !important;
  border-right:1px solid rgba(51,65,85,.26) !important;
}

html[data-theme="light"] .card,
html[data-theme="light"] .notice,
html[data-theme="light"] .input,
html[data-theme="light"] select,
html[data-theme="light"] textarea{
  background:rgba(211,222,234,.78) !important;
  color:#101d2e !important;
}

html[data-theme="light"] .card .hd,
html[data-theme="light"] .hd{
  background:rgba(187,203,219,.32) !important;
}

html[data-theme="light"] .btn{
  background:rgba(188,202,218,.82) !important;
  color:#101d2e !important;
}

html[data-theme="light"] .table th,
html[data-theme="light"] table th{
  background:rgba(178,194,212,.98) !important;
  color:#101d2e !important;
}

html[data-theme="light"] .table tr:nth-child(even) td{
  background:rgba(235,241,247,.28) !important;
}

html[data-theme="light"] .dd-menu,
html[data-theme="light"] .dropdown-menu,
html[data-theme="light"] .custom-dd-menu{
  background:rgba(205,217,230,.98) !important;
  color:#101d2e !important;
}

/* Login ekranı: büyük kart yerine kompakt modern panel */
.login-page{
  min-height:100vh;
  display:grid;
  place-items:center;
  padding:22px;
  background:
    radial-gradient(circle at 12% 10%, rgba(79,140,255,.30), transparent 26%),
    radial-gradient(circle at 86% 22%, rgba(34,197,94,.16), transparent 24%),
    radial-gradient(circle at 72% 82%, rgba(249,115,22,.14), transparent 26%),
    linear-gradient(135deg,var(--ed-bg),var(--ed-bg2)) !important;
}

.login-page .container,
body.login-page .container{
  margin-left:0 !important;
  max-width:none !important;
  min-height:auto !important;
  display:block !important;
  padding:0 !important;
}

.login-shell{
  width:min(920px, 100%);
  display:grid;
  grid-template-columns:1fr 390px;
  gap:18px;
  align-items:stretch;
}

.login-brand-panel,
.login-card{
  border:1px solid var(--ed-border);
  border-radius:24px;
  background:var(--ed-panel);
  backdrop-filter:blur(18px) saturate(145%);
  box-shadow:var(--ed-shadow);
  overflow:hidden;
}

.login-brand-panel{
  min-height:390px;
  padding:26px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  position:relative;
}

.login-brand-panel::after{
  content:"";
  position:absolute;
  right:-70px;
  bottom:-70px;
  width:240px;
  height:240px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(34,197,94,.22),transparent 68%);
}

.login-brand-head{
  display:flex;
  align-items:center;
  gap:14px;
  position:relative;
  z-index:2;
}

.login-logo-mark{
  width:58px;
  height:58px;
  border-radius:18px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,#f8fbff,#93c5fd 50%,#4ade80);
  box-shadow:0 16px 36px rgba(59,130,246,.24);
}

.login-logo-mark span{
  width:31px;
  height:34px;
  border-radius:6px;
  background:
    linear-gradient(#1e3a5f 0 0) top/100% 7px no-repeat,
    linear-gradient(#fff 0 0) 0 11px/100% 5px no-repeat,
    linear-gradient(#22c55e 0 0) 0 20px/100% 5px no-repeat,
    linear-gradient(#fff 0 0) bottom/100% 5px no-repeat;
  border:2px solid rgba(30,58,95,.86);
}

.login-brand-head h1{
  margin:0;
  font-size:30px;
  letter-spacing:.4px;
}

.login-brand-head p,
.login-title p,
.login-hint span{
  margin:5px 0 0;
  color:var(--ed-muted);
}

.login-visual{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
  position:relative;
  z-index:2;
}

.mini-card{
  border:1px solid var(--ed-border);
  border-radius:18px;
  padding:14px 12px;
  background:rgba(15,23,42,.30);
  display:grid;
  gap:4px;
  min-height:86px;
}

html[data-theme="light"] .mini-card{
  background:rgba(198,211,225,.62);
}

.mini-card b{
  font-size:24px;
  line-height:1;
}

.mini-card span{
  font-size:12px;
  color:var(--ed-muted);
}

.mini-card.green{box-shadow:inset 0 0 0 1px rgba(34,197,94,.22)}
.mini-card.blue{box-shadow:inset 0 0 0 1px rgba(59,130,246,.24)}
.mini-card.orange{box-shadow:inset 0 0 0 1px rgba(249,115,22,.24)}

.login-hint{
  position:relative;
  z-index:2;
  border:1px dashed var(--ed-border-strong);
  border-radius:18px;
  padding:14px;
  display:grid;
  gap:4px;
  background:rgba(15,23,42,.22);
}

html[data-theme="light"] .login-hint{
  background:rgba(197,211,226,.58);
}

.login-card{
  padding:26px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.login-title h2{
  margin:0;
  font-size:24px;
}

.login-form{
  display:grid;
  gap:14px;
  margin-top:20px;
}

.login-form label{
  display:block;
  font-size:13px;
  color:var(--ed-muted);
  margin-bottom:6px;
}

.login-form .input{
  width:100%;
  min-height:46px !important;
}

.login-submit{
  min-height:46px !important;
  font-weight:800;
}

.login-msg{
  color:#fca5a5;
  min-height:18px;
  font-size:13px;
}

.login-notice{
  border:1px dashed var(--ed-border-strong);
  border-radius:16px;
  padding:12px;
  font-size:13px;
  color:var(--ed-muted);
  background:rgba(15,23,42,.22);
}

html[data-theme="light"] .login-notice{
  background:rgba(197,211,226,.58);
}

@media (max-width:820px){
  .login-page{
    padding:12px;
    display:block;
  }

  .login-shell{
    grid-template-columns:1fr;
    gap:12px;
  }

  .login-brand-panel{
    min-height:auto;
    padding:18px;
  }

  .login-visual{
    margin-top:18px;
  }

  .login-hint{
    margin-top:12px;
  }

  .login-card{
    padding:20px;
  }
}