:root{--bg:#f4f7fb;--surface:#ffffff;--surface-2:#f7f9fc;--surface-3:#eef3f8;--text:#172033;--muted:#718096;--border:#e2e8f0;--primary:#5b61e6;--primary-strong:#3942ca;--primary-soft:#eef0ff;--success:#21a374;--warning:#f59e0b;--danger:#e65262;--cyan:#28a8c9;--orange:#f08a42;--purple:#8b5cf6;--sidebar:#101a2d;--sidebar-2:#17233a;--sidebar-text:#dce5f3;--sidebar-muted:#7f90aa;--shadow:0 7px 24px rgba(28,45,74,.06);--shadow-lg:0 22px 60px rgba(17,29,52,.18);--radius:16px}

/* Alpha 1.374 - Tema stilleri ana theme.css içine alındı; ayrı CSS route gerektirmez. */
/* Alpha 1.371 - Kullanıcı seçilebilir tema seçenekleri: Gündüz / Gece / Füme */
html[data-theme="day"]{
  color-scheme:light;
}
html[data-theme="night"]{
  color-scheme:dark;
  --bg:#0d1420;
  --surface:#151f2d;
  --surface-2:#1b2737;
  --surface-3:#243244;
  --text:#e8eef7;
  --muted:#98a8bd;
  --border:#314055;
  --primary:#7884ff;
  --primary-strong:#9ba4ff;
  --primary-soft:#252d55;
  --success:#45c992;
  --warning:#f6b94b;
  --danger:#ff7480;
  --cyan:#57bfd7;
  --orange:#f3a064;
  --purple:#a78bfa;
  --shadow:0 8px 26px rgba(0,0,0,.20);
  --shadow-lg:0 24px 70px rgba(0,0,0,.42);
}
html[data-theme="fume"]{
  color-scheme:dark;
  --bg:#22262b;
  --surface:#2b3036;
  --surface-2:#343a41;
  --surface-3:#3d444c;
  --text:#f2f4f6;
  --muted:#abb3bc;
  --border:#4a525b;
  --primary:#66aeb0;
  --primary-strong:#83c5c6;
  --primary-soft:#304b4d;
  --success:#60c693;
  --warning:#e9b65a;
  --danger:#ef7b84;
  --cyan:#6bbdcc;
  --orange:#d99965;
  --purple:#a99ad8;
  --shadow:0 8px 24px rgba(0,0,0,.18);
  --shadow-lg:0 24px 64px rgba(0,0,0,.36);
}

/* Tema seçici */
#appShell .sidebar-theme-picker{
  display:grid;
  gap:5px;
  padding:7px;
  border:1px solid #eadbc2;
  border-radius:12px;
  background:rgba(255,255,255,.76);
}
#appShell .sidebar-theme-title{font-size:8.5px;font-weight:900;color:#8f795d;letter-spacing:.04em;text-transform:uppercase}
#appShell .sidebar-theme-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}
#appShell .sidebar-theme-button{
  min-width:0;
  height:29px;
  border:1px solid #e5d6bd;
  border-radius:8px;
  background:#fff;
  color:#6f5d45;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:4px;
  padding:0 5px;
  font-size:8px!important;
  font-weight:850;
  cursor:pointer;
}
#appShell .sidebar-theme-button:hover{background:#fff6e8}
#appShell .sidebar-theme-button.is-active{border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary);color:var(--primary-strong);background:var(--primary-soft)}
#appShell .theme-dot{width:9px;height:9px;border-radius:50%;flex:0 0 auto;border:1px solid rgba(0,0,0,.12)}
#appShell .theme-dot.day{background:#f7c957}
#appShell .theme-dot.night{background:#263449}
#appShell .theme-dot.fume{background:#5b6168}
body.sidebar-collapsed #appShell .sidebar-theme-title,
body.sidebar-collapsed #appShell .sidebar-theme-button span{display:none}
body.sidebar-collapsed #appShell .sidebar-theme-picker{padding:6px 3px}
body.sidebar-collapsed #appShell .sidebar-theme-options{grid-template-columns:1fr;gap:3px}
body.sidebar-collapsed #appShell .sidebar-theme-button{width:30px;min-width:30px;height:26px;padding:0;margin:auto}
@media(max-width:900px){
  body.sidebar-collapsed #appShell .sidebar-theme-title{display:block}
  body.sidebar-collapsed #appShell .sidebar-theme-button span{display:inline}
  body.sidebar-collapsed #appShell .sidebar-theme-picker{padding:7px}
  body.sidebar-collapsed #appShell .sidebar-theme-options{grid-template-columns:repeat(3,minmax(0,1fr))}
  body.sidebar-collapsed #appShell .sidebar-theme-button{width:auto;min-width:0;height:29px;padding:0 5px;margin:0}
}

/* Gece ve füme: eski sabit beyaz kurallarının üstüne tema değişkenlerini uygula */
html[data-theme="night"] body,
html[data-theme="fume"] body{background:var(--bg)!important;color:var(--text)!important}
html[data-theme="night"] #appShell .workspace,
html[data-theme="fume"] #appShell .workspace,
html[data-theme="night"] #appShell .page-host,
html[data-theme="fume"] #appShell .page-host{background:var(--bg)!important;color:var(--text)!important}
html[data-theme="night"] #appShell :is(.topbar,.filterbar,.panel-card,.table-card,.report-group-search-card,.settings-card,.admin-card,.loading-card,.toast),
html[data-theme="fume"] #appShell :is(.topbar,.filterbar,.panel-card,.table-card,.report-group-search-card,.settings-card,.admin-card,.loading-card,.toast){background-color:var(--surface)!important;color:var(--text)!important;border-color:var(--border)!important}
html[data-theme="night"] #appShell .report-group-search-card>:is(header,.profit-group-drop-zone),
html[data-theme="fume"] #appShell .report-group-search-card>:is(header,.profit-group-drop-zone),
html[data-theme="night"] #appShell .report-group-search-card>header>div,
html[data-theme="fume"] #appShell .report-group-search-card>header>div,
html[data-theme="night"] #appShell .report-group-search-card>header [class*="actions"],
html[data-theme="fume"] #appShell .report-group-search-card>header [class*="actions"]{background:var(--surface)!important;color:var(--text)!important}
html[data-theme="night"] #appShell :is(input,select,textarea,option,optgroup),
html[data-theme="fume"] #appShell :is(input,select,textarea,option,optgroup),
html[data-theme="night"] #appShell .date-input-wrap input,
html[data-theme="fume"] #appShell .date-input-wrap input,
html[data-theme="night"] #appShell .order-entry-field :is(input,select),
html[data-theme="fume"] #appShell .order-entry-field :is(input,select){
  background:var(--surface)!important;
  background-color:var(--surface)!important;
  color:var(--text)!important;
  border-color:var(--border)!important;
  box-shadow:inset 0 0 0 1000px var(--surface)!important;
  color-scheme:dark!important;
}
html[data-theme="night"] #appShell table,
html[data-theme="fume"] #appShell table{background:var(--surface)!important;color:var(--text)!important}
html[data-theme="night"] #appShell table thead th,
html[data-theme="fume"] #appShell table thead th{background:var(--surface-2)!important;color:var(--text)!important;border-color:var(--border)!important}
html[data-theme="night"] #appShell table tbody td,
html[data-theme="fume"] #appShell table tbody td{background:var(--surface)!important;color:var(--text)!important;border-color:var(--border)!important}
html[data-theme="night"] #appShell table tbody tr:nth-child(even) td,
html[data-theme="fume"] #appShell table tbody tr:nth-child(even) td{background:color-mix(in srgb,var(--surface-2) 62%,var(--surface))!important}
html[data-theme="night"] #appShell table tfoot td,
html[data-theme="fume"] #appShell table tfoot td{background:var(--surface-2)!important;color:var(--text)!important;border-color:var(--border)!important}
html[data-theme="night"] #appShell .button-soft,
html[data-theme="fume"] #appShell .button-soft,
html[data-theme="night"] #appShell .icon-button,
html[data-theme="fume"] #appShell .icon-button,
html[data-theme="night"] #appShell .status-pill,
html[data-theme="fume"] #appShell .status-pill{background:var(--surface-2)!important;color:var(--text)!important;border-color:var(--border)!important}

/* Sidebar koyu tema */
html[data-theme="night"] #appShell .sidebar,
html[data-theme="fume"] #appShell .sidebar{background:linear-gradient(180deg,var(--surface) 0%,var(--surface-2) 62%,var(--bg) 100%)!important;color:var(--text)!important;border-right-color:var(--border)!important;box-shadow:6px 0 22px rgba(0,0,0,.12)!important}
html[data-theme="night"] #appShell .sidebar-bottom,
html[data-theme="fume"] #appShell .sidebar-bottom,
html[data-theme="night"] #appShell .nav-top-items,
html[data-theme="fume"] #appShell .nav-top-items{border-color:var(--border)!important}
html[data-theme="night"] #appShell .sidebar-account,
html[data-theme="fume"] #appShell .sidebar-account,
html[data-theme="night"] #appShell .sidebar-theme-picker,
html[data-theme="fume"] #appShell .sidebar-theme-picker{background:var(--surface-2)!important;border-color:var(--border)!important;box-shadow:none!important}
html[data-theme="night"] #appShell .sidebar-account-copy strong,
html[data-theme="fume"] #appShell .sidebar-account-copy strong{color:var(--text)!important}
html[data-theme="night"] #appShell .sidebar-account-copy small,
html[data-theme="fume"] #appShell .sidebar-account-copy small,
html[data-theme="night"] #appShell .sidebar-theme-title,
html[data-theme="fume"] #appShell .sidebar-theme-title{color:var(--muted)!important}
html[data-theme="night"] #appShell .sidebar-theme-button,
html[data-theme="fume"] #appShell .sidebar-theme-button{background:var(--surface)!important;color:var(--muted)!important;border-color:var(--border)!important}
html[data-theme="night"] #appShell .sidebar-theme-button.is-active,
html[data-theme="fume"] #appShell .sidebar-theme-button.is-active{background:var(--primary-soft)!important;color:var(--text)!important;border-color:var(--primary)!important}
html[data-theme="night"] #appShell .nav-item,
html[data-theme="fume"] #appShell .nav-item{color:var(--muted)}
html[data-theme="night"] #appShell .nav-item:hover,
html[data-theme="fume"] #appShell .nav-item:hover{color:var(--text)}
html[data-theme="night"] #appShell .nav-item-top,
html[data-theme="fume"] #appShell .nav-item-top{background:var(--surface-2);border-color:var(--border)}
html[data-theme="night"] #appShell .sidebar-collapse-button,
html[data-theme="fume"] #appShell .sidebar-collapse-button{background:var(--surface-2)!important;color:var(--muted)!important;border-color:var(--border)!important}

/* Muhasebe ekranındaki mavi/yeşil vurgu koyu temalarda da okunur kalsın */
html[data-theme="night"] #appShell #pageHost .accounting-transfer-sales-card>header,
html[data-theme="fume"] #appShell #pageHost .accounting-transfer-sales-card>header{background:color-mix(in srgb,#2563eb 16%,var(--surface))!important}
html[data-theme="night"] #appShell #pageHost .accounting-transfer-payment-card>header,
html[data-theme="fume"] #appShell #pageHost .accounting-transfer-payment-card>header{background:color-mix(in srgb,#16a34a 16%,var(--surface))!important}
html[data-theme="night"] #appShell #pageHost .accounting-transfer-payment-card .accounting-payment-preview-table thead th,
html[data-theme="fume"] #appShell #pageHost .accounting-transfer-payment-card .accounting-payment-preview-table thead th{background:color-mix(in srgb,#16a34a 20%,var(--surface-2))!important;color:#b9f6d2!important}
html[data-theme="night"] #appShell #pageHost .accounting-transfer-sales-card .accounting-sales-preview-table thead th,
html[data-theme="fume"] #appShell #pageHost .accounting-transfer-sales-card .accounting-sales-preview-table thead th{background:color-mix(in srgb,#2563eb 18%,var(--surface-2))!important;color:#c8d7ff!important}

/* Login ekranı da seçili temaya uyum sağlar */
html[data-theme="night"] .login-screen,
html[data-theme="fume"] .login-screen{background:var(--bg)!important;color:var(--text)!important}
html[data-theme="night"] .login-card,
html[data-theme="fume"] .login-card{background:var(--surface)!important;color:var(--text)!important;border-color:var(--border)!important}
html[data-theme="night"] .login-card input,
html[data-theme="fume"] .login-card input{background:var(--surface-2)!important;color:var(--text)!important;border-color:var(--border)!important;box-shadow:none!important}

/* Alpha 1.374 - Saat altında çalışan ve renkleri sabit görünen tema noktaları */
#appShell .top-clock-theme-dots{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:5px!important;
  min-height:16px!important;
  margin-top:3px!important;
}
#appShell .top-theme-dot{
  -webkit-appearance:none!important;
  appearance:none!important;
  display:grid!important;
  place-items:center!important;
  width:16px!important;
  height:16px!important;
  min-width:16px!important;
  min-height:16px!important;
  max-width:16px!important;
  max-height:16px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:50%!important;
  background:transparent!important;
  box-shadow:none!important;
  cursor:pointer!important;
  outline:none!important;
  overflow:visible!important;
}
#appShell .top-theme-dot::before{
  content:"";
  display:block;
  width:11px;
  height:11px;
  border-radius:50%;
  border:1px solid rgba(23,32,51,.22);
  box-shadow:0 1px 3px rgba(15,23,42,.14);
  transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease;
}
#appShell .top-theme-dot.day::before{background-color:#f6c84f!important}
#appShell .top-theme-dot.night::before{background-color:#263449!important}
#appShell .top-theme-dot.fume::before{background-color:#626a73!important}
#appShell .top-theme-dot:hover::before{transform:scale(1.16)}
#appShell .top-theme-dot.is-active::before{
  border-color:var(--primary)!important;
  box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 26%,transparent),0 1px 3px rgba(15,23,42,.16)!important;
  transform:scale(1.08);
}
html[data-theme="night"] #appShell .top-theme-dot::before,
html[data-theme="fume"] #appShell .top-theme-dot::before{border-color:rgba(255,255,255,.34)}

/* Eski sol menü tema kutusu artık kullanılmıyor. */
#appShell .sidebar-theme-picker{display:none!important}



/* Alpha 1.374 - saat altı tema noktaları gerçek renkli butonlardır */
#appShell .top-clock-theme-dots{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:6px!important;margin-top:4px!important;min-height:16px!important}
#appShell button.top-theme-dot{
  display:block!important;width:12px!important;height:12px!important;min-width:12px!important;min-height:12px!important;max-width:12px!important;max-height:12px!important;
  padding:0!important;margin:0!important;border-radius:50%!important;border:1px solid rgba(15,23,42,.28)!important;
  box-shadow:0 1px 3px rgba(15,23,42,.18)!important;outline:none!important;cursor:pointer!important;opacity:1!important;
  font-size:0!important;line-height:0!important;overflow:hidden!important;
}
#appShell button.top-theme-dot::before,#appShell button.top-theme-dot::after{content:none!important;display:none!important}
#appShell button.top-theme-dot.day{background:#f6c84f!important;background-color:#f6c84f!important}
#appShell button.top-theme-dot.night{background:#263449!important;background-color:#263449!important}
#appShell button.top-theme-dot.fume{background:#626a73!important;background-color:#626a73!important}
#appShell button.top-theme-dot.is-active{transform:scale(1.15)!important;box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--primary)!important}
html[data-theme="night"] #appShell button.top-theme-dot,html[data-theme="fume"] #appShell button.top-theme-dot{border-color:rgba(255,255,255,.45)!important}

/* Alpha1 489: TailAdmin 2.4.0 original palette tokens. */
:root,html[data-theme="day"]{--bg:var(--color-gray-50);--surface:var(--color-white);--surface-2:var(--color-gray-50);--surface-3:var(--color-gray-100);--text:var(--color-gray-800);--muted:var(--color-gray-600);--border:var(--color-gray-200);--primary:var(--color-brand-500);--primary-strong:var(--color-brand-600);--primary-soft:var(--color-brand-50);--success:var(--color-success-700);--warning:var(--color-warning-700);--danger:var(--color-error-700);--cyan:var(--color-blue-light-700);--orange:var(--color-orange-700);--purple:var(--color-theme-purple-500);--chart-line:var(--color-brand-500);--chart-area:var(--color-brand-400);--chart-cyan:var(--color-brand-500);--chart-pale:var(--color-brand-200);--chart-orange:var(--color-warning-500);--chart-cream:var(--color-warning-200);--shadow:var(--shadow-theme-xs);--shadow-lg:var(--shadow-theme-xl);--radius:16px}
html[data-theme="night"]{--bg:var(--color-gray-900);--surface:var(--color-gray-dark);--surface-2:var(--color-gray-800);--surface-3:var(--color-gray-700);--text:var(--color-gray-100);--muted:var(--color-gray-300);--border:var(--color-gray-700);--primary:var(--color-brand-300);--primary-strong:var(--color-brand-200);--primary-soft:var(--color-brand-950);--success:var(--color-success-300);--warning:var(--color-warning-300);--danger:var(--color-error-300);--cyan:var(--color-blue-light-300);--orange:var(--color-orange-300);--purple:var(--color-brand-200)}
html[data-theme="fume"]{--bg:#252b35;--surface:#303947;--surface-2:#394557;--surface-3:#46556b;--text:var(--color-gray-100);--muted:var(--color-gray-300);--border:#52647b;--primary:var(--color-brand-200);--primary-strong:var(--color-brand-100);--primary-soft:#405575;--success:var(--color-success-200);--warning:var(--color-warning-200);--danger:var(--color-error-200);--cyan:var(--color-blue-light-200);--orange:var(--color-orange-200);--purple:var(--color-brand-200)}