/**
 * Oyuncakhobi Panel — premium dark theme (data-theme="dark" on html).
 * Top navbar color themes (Üst Menü Renk Teması) remain independent.
 */

[data-theme="dark"] {
  color-scheme: dark;

  /* Semantic theme tokens (+ panel.php :root aliases) */
  --bg-main: #0b1220;
  --bg-page: #0b1220;
  --bg: #0b1220;
  --surface: #111c2e;
  --bg-surface: #111c2e;
  --bg-card: #162238;
  --bg-card-hover: #1a2842;
  --card: #162238;
  --text-primary: #f8fafc;
  --text: #f8fafc;
  --text-secondary: #cbd5e1;
  --text-muted: #94a3b8;
  --muted: #94a3b8;
  --border-soft: rgba(148, 163, 184, 0.18);
  --border-strong: rgba(148, 163, 184, 0.32);
  --border: rgba(148, 163, 184, 0.18);
  --border-color: rgba(148, 163, 184, 0.18);
  --input-bg: #0f1729;
  --input-border: rgba(148, 163, 184, 0.22);
  --button-bg: #162238;
  --primary-soft: #1e3a5f;
  --primary: #3b82f6;
  --primary-2: #93c5fd;
  --accent-color: #60a5fa;
  --shadow-soft: 0 4px 24px rgba(0, 0, 0, 0.28);
  --shadow: 0 4px 24px rgba(0, 0, 0, 0.28);
  --shadow-lg: 0 20px 50px rgba(0, 0, 0, 0.42);
  --shadow-color: rgba(0, 0, 0, 0.35);
  /* Premium button + date picker tokens */
  --btn-primary-shadow: 0 4px 14px rgba(37, 99, 235, 0.32);
  --btn-primary-hover-shadow: 0 8px 22px rgba(37, 99, 235, 0.38);
  --btn-primary-inset: inset 0 1px 0 rgba(255, 255, 255, 0.14);
  --btn-secondary-bg: linear-gradient(180deg, rgba(24, 35, 56, 0.98) 0%, rgba(15, 23, 41, 0.96) 100%);
  --btn-secondary-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), 0 1px 3px rgba(0, 0, 0, 0.18);
  --date-icon-filter: invert(0.92) sepia(0.2) saturate(2.4) hue-rotate(188deg) brightness(1.85) contrast(1.12);
  --date-icon-filter-hover: invert(0.96) sepia(0.26) saturate(2.8) hue-rotate(188deg) brightness(2) contrast(1.14);
  --date-icon-filter-focus: invert(0.94) sepia(0.24) saturate(2.8) hue-rotate(188deg) brightness(1.92) contrast(1.1);
  --date-icon-filter-disabled: invert(0.72) sepia(0.12) saturate(1.8) hue-rotate(188deg) brightness(1.35) contrast(0.98);
  /* Evaluation highlight rows (Benim Ticketlarım) — opaque surfaces (no light tr bleed-through) */
  --eval-row-bg: linear-gradient(90deg, #2a2318 0%, #141e32 48%);
  --eval-row-bg-hover: linear-gradient(90deg, #352c1c 0%, #1a2842 48%);
  --eval-row-accent: #d4a01e;
  --eval-row-border: rgba(212, 160, 30, 0.28);
  --eval-row-badge-bg: rgba(212, 160, 30, 0.18);
  --eval-row-badge-color: #fde68a;
  --eval-row-badge-border: rgba(212, 160, 30, 0.35);
  /* Toast + dropdown surfaces */
  --toast-surface: linear-gradient(165deg, rgba(22, 34, 56, 0.98) 0%, rgba(17, 28, 46, 0.96) 100%);
  --toast-border: rgba(148, 163, 184, 0.22);
  --toast-shadow: 0 16px 48px rgba(0, 0, 0, 0.42), 0 0 0 1px rgba(148, 163, 184, 0.08);
  --ic-toast-bg: var(--toast-surface);
  --ic-toast-border: var(--toast-border);
  --ic-toast-shadow: var(--toast-shadow);
  --ic-toast-title: var(--text-primary);
  --ic-toast-body: var(--text-secondary);
  --ic-toast-meta: var(--text-muted);
  --ic-toast-close: var(--text-muted);
  --ic-toast-icon-bg: linear-gradient(145deg, var(--primary-soft), rgba(30, 58, 95, 0.65));
  --ic-toast-icon-color: var(--primary-2);
  --dropdown-surface: #0f1729;
  --dropdown-option-bg: #0f1729;
  --dropdown-option-hover: #1e3a5f;
  --dropdown-option-text: #f8fafc;
  --dropdown-option-muted: #94a3b8;
  --sp-toolbar-bg: linear-gradient(180deg, var(--bg-card) 0%, var(--bg-surface) 100%);
}

/* —— Global page —— */
[data-theme="dark"] body {
  background: linear-gradient(180deg, var(--bg-page) 0%, #111827 100%);
  color: var(--text-primary);
}

[data-theme="dark"] body::before {
  opacity: 0.32;
  background:
    radial-gradient(ellipse 80% 50% at 10% -10%, rgba(37, 99, 235, 0.14), transparent 52%),
    radial-gradient(ellipse 60% 45% at 95% 0%, rgba(56, 189, 248, 0.1), transparent 48%),
    radial-gradient(ellipse 50% 35% at 50% 100%, rgba(99, 102, 241, 0.08), transparent 50%);
}

[data-theme="dark"] a {
  color: var(--primary-2);
}

[data-theme="dark"] .footer-note {
  color: var(--text-muted);
}

[data-theme="dark"] .footer-note b {
  color: var(--text-primary);
}

.theme-toggle-btn {
  padding: 9px 12px;
  min-width: 42px;
  font-size: 1.05rem;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* —— Module Center (default.php) —— */
[data-theme="dark"] .welcome {
  background: linear-gradient(135deg, var(--bg-card) 0%, var(--bg-card-hover) 52%, rgba(30, 58, 95, 0.42) 100%);
  border: 1px solid var(--border-soft);
  box-shadow: var(--shadow-soft);
}

[data-theme="dark"] .welcome::before {
  background: radial-gradient(circle, rgba(59, 130, 246, 0.16), transparent 70%);
}

[data-theme="dark"] .welcome-kicker {
  color: var(--primary-2);
}

[data-theme="dark"] .welcome h2 {
  color: var(--text-primary);
}

[data-theme="dark"] .welcome p {
  color: var(--text-secondary);
}

[data-theme="dark"] .welcome .highlight {
  color: var(--primary-2);
}

[data-theme="dark"] .section-head h3 {
  color: var(--text-muted);
}

[data-theme="dark"] .section-head span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1.35;
  padding: 6px 12px;
  color: var(--text-secondary);
  background: linear-gradient(180deg, rgba(26, 40, 66, 0.98) 0%, rgba(17, 28, 46, 0.96) 100%);
  border: 1px solid var(--border-soft);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    0 1px 3px rgba(0, 0, 0, 0.2);
}

[data-theme="dark"] .mod-card {
  background: var(--bg-card);
  border-color: var(--border-soft);
  box-shadow: var(--shadow-soft);
  --icon-bg: #1a2842;
  --icon-border: rgba(148, 163, 184, 0.22);
}

[data-theme="dark"] .mod-card.active:hover {
  background: var(--bg-card-hover);
  border-color: color-mix(in srgb, var(--accent, #3b82f6) 45%, var(--border-soft));
  box-shadow: var(--shadow-lg);
  transform: translateY(-4px);
}

[data-theme="dark"] .mod-card.soon {
  opacity: 0.82;
}

[data-theme="dark"] .mod-card h4 {
  color: var(--text-primary);
}

[data-theme="dark"] .mod-card p {
  color: var(--text-secondary);
}

[data-theme="dark"] .mod-foot {
  border-top-color: var(--border-soft);
}

[data-theme="dark"] .mod-card.active .mod-foot {
  border-top-color: color-mix(in srgb, var(--accent, #3b82f6) 18%, var(--border-soft));
}

[data-theme="dark"] .mod-card.active:hover .mod-foot {
  border-top-color: color-mix(in srgb, var(--accent, #3b82f6) 32%, var(--border-soft));
}

[data-theme="dark"] .mod-card.active .mod-link {
  color: color-mix(in srgb, var(--accent, #60a5fa) 78%, #f0f9ff);
  font-size: 0.875rem;
  font-weight: 800;
  letter-spacing: 0.015em;
  transition: color 0.2s ease, gap 0.2s ease, text-shadow 0.2s ease;
}

[data-theme="dark"] .mod-card.active .mod-link-arrow {
  color: color-mix(in srgb, var(--accent, #60a5fa) 92%, #ffffff);
  font-size: 1.05em;
  font-weight: 800;
  opacity: 0.95;
}

[data-theme="dark"] .mod-card.active:hover .mod-link {
  color: color-mix(in srgb, var(--accent, #60a5fa) 88%, #ffffff);
  gap: 8px;
  text-shadow: 0 0 18px color-mix(in srgb, var(--accent, #60a5fa) 42%, transparent);
}

[data-theme="dark"] .mod-card.active:hover .mod-link-arrow {
  opacity: 1;
  text-shadow: 0 0 12px color-mix(in srgb, var(--accent, #60a5fa) 55%, transparent);
}

[data-theme="dark"] .mod-card.soon .mod-link {
  color: var(--text-muted);
}

[data-theme="dark"] .mod-stat {
  color: var(--text-muted);
}

[data-theme="dark"] .mod-metric {
  background: rgba(15, 23, 42, 0.55);
  border-color: var(--border-soft);
}

[data-theme="dark"] .mod-metric-hot {
  background: linear-gradient(
    135deg,
    color-mix(in srgb, var(--accent, #3b82f6) 20%, #0f1729),
    color-mix(in srgb, var(--accent, #3b82f6) 10%, #162238)
  );
  border-color: color-mix(in srgb, var(--accent, #3b82f6) 42%, transparent);
}

[data-theme="dark"] .mod-metric-num {
  color: var(--text-primary);
}

[data-theme="dark"] .mod-metric-hot .mod-metric-num {
  color: color-mix(in srgb, var(--accent, #60a5fa) 80%, #f8fafc);
}

[data-theme="dark"] .mod-metric-label {
  color: var(--text-secondary);
}

[data-theme="dark"] .mod-metric-unit,
[data-theme="dark"] .mod-metric-hint {
  color: var(--text-muted);
}

[data-theme="dark"] .mod-icon {
  background: linear-gradient(
    145deg,
    color-mix(in srgb, var(--accent, #3b82f6) 30%, #1e293b),
    color-mix(in srgb, var(--accent, #3b82f6) 14%, #0f1729)
  ) !important;
  border-color: color-mix(in srgb, var(--accent, #3b82f6) 46%, var(--border-soft)) !important;
  box-shadow:
    0 0 0 1px color-mix(in srgb, var(--accent, #3b82f6) 20%, transparent),
    0 4px 18px color-mix(in srgb, var(--accent, #3b82f6) 24%, transparent),
    inset 0 1px 0 rgba(255, 255, 255, 0.1);
  font-size: 1.45rem;
  transition: box-shadow 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}

[data-theme="dark"] .mod-card.active:hover .mod-icon {
  border-color: color-mix(in srgb, var(--accent, #3b82f6) 58%, var(--border-soft)) !important;
  box-shadow:
    0 0 0 1px color-mix(in srgb, var(--accent, #3b82f6) 30%, transparent),
    0 6px 22px color-mix(in srgb, var(--accent, #3b82f6) 34%, transparent),
    inset 0 1px 0 rgba(255, 255, 255, 0.14);
  transform: scale(1.04);
}

[data-theme="dark"] .badge-live {
  background: rgba(16, 185, 129, 0.16);
  color: #6ee7b7;
  border-color: rgba(16, 185, 129, 0.38);
}

[data-theme="dark"] .badge-soon {
  background: rgba(148, 163, 184, 0.12);
  color: var(--text-secondary);
  border-color: var(--border-soft);
}

/* —— Shared surfaces —— */
[data-theme="dark"] .sidebar,
[data-theme="dark"] .card,
[data-theme="dark"] .stat,
[data-theme="dark"] .modalbox,
[data-theme="dark"] .hub-ayar-card,
[data-theme="dark"] .settings-modal .modalbox,
[data-theme="dark"] .notif-modal .modalbox,
[data-theme="dark"] .mine-stat,
[data-theme="dark"] .taslak-detail-panel {
  background: var(--bg-surface);
  border-color: var(--border-soft);
  color: var(--text-primary);
}

[data-theme="dark"] .card h2,
[data-theme="dark"] .card h3,
[data-theme="dark"] .stat b,
[data-theme="dark"] .stat .val {
  color: var(--text-primary);
}

[data-theme="dark"] .card p,
[data-theme="dark"] .stat small {
  color: var(--text-secondary);
}

[data-theme="dark"] .hub-home-bar {
  background: var(--bg-surface);
  border-color: var(--border-soft);
  color: var(--text-primary);
}

[data-theme="dark"] .settings-tabs {
  background: var(--bg-surface);
  border-bottom-color: var(--border-soft);
}

/* —— Buttons & tabs (content area only; topbar excluded above) —— */
[data-theme="dark"] .btn:not(.ai-corporate-message-button) {
  background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
  color: #fff;
  border: 1px solid rgba(59, 130, 246, 0.38);
  box-shadow: var(--btn-primary-shadow), var(--btn-primary-inset);
}

[data-theme="dark"] .btn:not(.ai-corporate-message-button):hover:not(:disabled) {
  box-shadow: var(--btn-primary-hover-shadow), inset 0 1px 0 rgba(255, 255, 255, 0.18);
}

[data-theme="dark"] .btn:not(.ai-corporate-message-button):active:not(:disabled) {
  transform: translateY(0) scale(0.98);
  box-shadow: 0 2px 8px rgba(37, 99, 235, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

[data-theme="dark"] .btn:not(.ai-corporate-message-button):focus-visible {
  outline: 2px solid rgba(147, 197, 253, 0.65);
  outline-offset: 2px;
}

[data-theme="dark"] .btn:not(.ai-corporate-message-button):disabled {
  opacity: 0.55;
  cursor: not-allowed;
  transform: none;
  filter: saturate(0.75);
}

[data-theme="dark"] .btn2,
[data-theme="dark"] .hub-atab,
[data-theme="dark"] .stab,
[data-theme="dark"] .durum-mini-btn,
[data-theme="dark"] .mine-row-menu-btn,
[data-theme="dark"] .taslak-cat-btn,
[data-theme="dark"] .taslak-draft-row,
[data-theme="dark"] .profil-avatar-opt,
[data-theme="dark"] .taslak-var-btn,
[data-theme="dark"] .ann-toolbar-btn {
  background: var(--btn-secondary-bg);
  color: var(--text-primary);
  border-color: var(--input-border);
  box-shadow: var(--btn-secondary-shadow);
}

[data-theme="dark"] .mine-row-menu-pop,
[data-theme="dark"] .ticket-paste-item,
[data-theme="dark"] .settings-iframe,
[data-theme="dark"] .ann-editor-wrap {
  background: var(--input-bg);
  color: var(--text-primary);
  border-color: var(--input-border);
}

[data-theme="dark"] .btn2:hover,
[data-theme="dark"] .stab:hover,
[data-theme="dark"] .durum-mini-btn:hover,
[data-theme="dark"] .mine-row-menu-item:hover,
[data-theme="dark"] .hub-atab:hover,
[data-theme="dark"] .taslak-var-btn:hover {
  background: var(--bg-card-hover);
  color: var(--text-primary);
  border-color: var(--border-strong);
}

[data-theme="dark"] .btn2:active:not(:disabled),
[data-theme="dark"] .hub-atab:active:not(:disabled),
[data-theme="dark"] .stab:active:not(:disabled),
[data-theme="dark"] .durum-mini-btn:active:not(:disabled),
[data-theme="dark"] .taslak-var-btn:active:not(:disabled) {
  transform: translateY(0) scale(0.98);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
}

[data-theme="dark"] .btn2:focus-visible,
[data-theme="dark"] .hub-atab:focus-visible,
[data-theme="dark"] .stab:focus-visible,
[data-theme="dark"] .durum-mini-btn:focus-visible,
[data-theme="dark"] .taslak-var-btn:focus-visible {
  outline: 2px solid rgba(148, 163, 184, 0.45);
  outline-offset: 2px;
}

[data-theme="dark"] .btn2:disabled,
[data-theme="dark"] .hub-atab:disabled,
[data-theme="dark"] .stab:disabled,
[data-theme="dark"] .durum-mini-btn:disabled,
[data-theme="dark"] .taslak-var-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  transform: none;
}

[data-theme="dark"] .navbtn {
  color: var(--text-muted);
}

[data-theme="dark"] .navbtn:hover {
  background: var(--bg-card-hover);
  color: var(--text-primary);
}

[data-theme="dark"] .navbtn.active {
  background: linear-gradient(90deg, var(--primary-soft), var(--bg-surface));
  color: var(--primary-2);
  box-shadow: inset 0 0 0 1px rgba(59, 130, 246, 0.35);
}

[data-theme="dark"] .navbtn .count {
  background: rgba(148, 163, 184, 0.14);
  color: var(--text-secondary);
}

[data-theme="dark"] .navbtn.active .count {
  background: rgba(59, 130, 246, 0.22);
  color: var(--primary-2);
}

[data-theme="dark"] .navbtn .count.accent {
  background: rgba(251, 191, 36, 0.18);
  color: #fde68a;
}

[data-theme="dark"] .navbtn.active .count.accent {
  background: rgba(251, 191, 36, 0.28);
  color: #fef3c7;
}

[data-theme="dark"] .stab.active,
[data-theme="dark"] .hub-atab.active,
[data-theme="dark"] .taslak-cat-btn.active,
[data-theme="dark"] .taslak-draft-row.active {
  background: var(--primary-soft);
  border-color: rgba(59, 130, 246, 0.45);
  color: var(--primary-2);
}

[data-theme="dark"] .stab,
[data-theme="dark"] .hub-atab {
  background: var(--input-bg);
  color: var(--text-secondary);
}

/* Content-area ghost buttons (Sanalpazar, admin views, modals) */
[data-theme="dark"] .btn-ghost {
  background: var(--input-bg);
  color: var(--text-primary);
  border-color: var(--border-soft);
}

[data-theme="dark"] .btn-ghost:hover {
  background: var(--bg-card-hover);
  color: var(--text-primary);
}

/* —— Forms & inputs —— */
[data-theme="dark"] input,
[data-theme="dark"] select,
[data-theme="dark"] textarea,
[data-theme="dark"] .search,
[data-theme="dark"] .ai-form input,
[data-theme="dark"] .ai-form select,
[data-theme="dark"] .ai-form textarea,
[data-theme="dark"] .taslak-form .field input,
[data-theme="dark"] .taslak-form .field select,
[data-theme="dark"] .taslak-form .field textarea,
[data-theme="dark"] .ann-editor {
  background: var(--input-bg);
  color: var(--text-primary);
  border-color: var(--input-border);
}

[data-theme="dark"] input::placeholder,
[data-theme="dark"] textarea::placeholder,
[data-theme="dark"] .search::placeholder {
  color: #64748b;
}

[data-theme="dark"] input:focus,
[data-theme="dark"] select:focus,
[data-theme="dark"] textarea:focus {
  border-color: #3b82f6;
  outline: none;
  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.25);
}

/* Native date/datetime picker: dark popup surface + calendar icon (global İç Ticket Sistemi) */
[data-theme="dark"] input[type="date"],
[data-theme="dark"] input[type="datetime-local"],
[data-theme="dark"] input[type="month"] {
  color-scheme: dark;
  accent-color: var(--primary);
}

[data-theme="dark"] input[type="date"]::-webkit-calendar-picker-indicator,
[data-theme="dark"] input[type="datetime-local"]::-webkit-calendar-picker-indicator,
[data-theme="dark"] input[type="month"]::-webkit-calendar-picker-indicator {
  filter: var(--date-icon-filter);
  opacity: 1;
  cursor: pointer;
  padding: 4px;
  border-radius: 6px;
  transition: opacity 0.15s ease, filter 0.15s ease, background 0.15s ease;
}

[data-theme="dark"] input[type="date"]::-webkit-calendar-picker-indicator:hover,
[data-theme="dark"] input[type="datetime-local"]::-webkit-calendar-picker-indicator:hover,
[data-theme="dark"] input[type="month"]::-webkit-calendar-picker-indicator:hover {
  filter: var(--date-icon-filter-hover);
  background: rgba(59, 130, 246, 0.16);
}

[data-theme="dark"] input[type="date"]:focus::-webkit-calendar-picker-indicator,
[data-theme="dark"] input[type="datetime-local"]:focus::-webkit-calendar-picker-indicator,
[data-theme="dark"] input[type="month"]:focus::-webkit-calendar-picker-indicator {
  filter: var(--date-icon-filter-focus);
}

[data-theme="dark"] input[type="date"]:disabled::-webkit-calendar-picker-indicator,
[data-theme="dark"] input[type="datetime-local"]:disabled::-webkit-calendar-picker-indicator,
[data-theme="dark"] input[type="month"]:disabled::-webkit-calendar-picker-indicator {
  filter: var(--date-icon-filter-disabled);
  opacity: 0.55;
  cursor: not-allowed;
}

[data-theme="dark"] input[type="date"]::-webkit-datetime-edit,
[data-theme="dark"] input[type="date"]::-webkit-datetime-edit-fields-wrapper,
[data-theme="dark"] input[type="datetime-local"]::-webkit-datetime-edit,
[data-theme="dark"] input[type="datetime-local"]::-webkit-datetime-edit-fields-wrapper,
[data-theme="dark"] input[type="month"]::-webkit-datetime-edit,
[data-theme="dark"] input[type="month"]::-webkit-datetime-edit-fields-wrapper {
  color: var(--text-primary);
}

[data-theme="dark"] input:disabled,
[data-theme="dark"] select:disabled,
[data-theme="dark"] textarea:disabled {
  opacity: 0.6;
  background: #0a101c;
}

[data-theme="dark"] .durum-checks,
[data-theme="dark"] .info,
[data-theme="dark"] .thh-deadline-detail-box,
[data-theme="dark"] .tickets-dash-extra,
[data-theme="dark"] .file-item,
[data-theme="dark"] .wvx-details,
[data-theme="dark"] .wvx-meta-cell,
[data-theme="dark"] .wvx-cari-ozet,
[data-theme="dark"] .wvx-msg-muted,
[data-theme="dark"] .hub-yetki-help,
[data-theme="dark"] details.hub-yetki-help,
[data-theme="dark"] .hub-plat-row,
[data-theme="dark"] .perm-row,
[data-theme="dark"] .sp-plat-row,
[data-theme="dark"] .tpl-admin-item,
[data-theme="dark"] .ann-toolbar {
  background: var(--input-bg);
  border-color: var(--border-soft);
  color: var(--text-primary);
}

[data-theme="dark"] .hub-plat-row,
[data-theme="dark"] .perm-row,
[data-theme="dark"] .sp-plat-row,
[data-theme="dark"] .tpl-admin-item {
  border-bottom-color: var(--border-soft);
}

[data-theme="dark"] .taslak-cat-btn small,
[data-theme="dark"] .taslak-draft-meta,
[data-theme="dark"] .taslak-empty,
[data-theme="dark"] .ai-form label {
  color: var(--text-muted);
}

[data-theme="dark"] .taslak-badge-off {
  background: rgba(148, 163, 184, 0.14);
  color: var(--text-secondary);
}

/* —— Tables —— */
[data-theme="dark"] th {
  background: var(--input-bg);
  color: var(--text-muted);
}

[data-theme="dark"] td {
  border-bottom-color: var(--border-soft);
  color: var(--text-primary);
}

[data-theme="dark"] tr:hover td {
  background: rgba(255, 255, 255, 0.03);
}

[data-theme="dark"] .dash-recent-item {
  border-bottom-color: var(--border-soft);
}

[data-theme="dark"] .dash-recent-item:hover {
  background: var(--bg-card-hover);
}

[data-theme="dark"] .dash-bar-track {
  background: rgba(148, 163, 184, 0.14);
}

[data-theme="dark"] .dash-bar-label,
[data-theme="dark"] .dash-legend-label {
  color: var(--text-muted);
}

[data-theme="dark"] .dash-bar-val,
[data-theme="dark"] .dash-legend-item b,
[data-theme="dark"] .dash-donut-center {
  color: var(--text-primary);
}

[data-theme="dark"] thead tr[style*="background"] {
  background: var(--input-bg) !important;
}

/* —— Chat & messages —— */
[data-theme="dark"] .chatlist {
  background: var(--input-bg);
}

[data-theme="dark"] .chatinput {
  background: var(--bg-surface);
  border-top-color: var(--border-soft);
}

[data-theme="dark"] .msg.other {
  background: var(--bg-surface);
  border-color: var(--border-soft);
  color: var(--text-primary);
}

[data-theme="dark"] .msg.me {
  background: #1e3a5f;
  color: #e0f2fe;
}

[data-theme="dark"] .msg.dahili {
  background: #2a2410;
  border-color: #854d0e;
  color: #fde68a;
}

[data-theme="dark"] .msg.sistem {
  background: #0f2918;
  border-color: #166534;
  color: #86efac;
}

[data-theme="dark"] .msg-unread .msg-body,
[data-theme="dark"] .msg-unread .msg-text {
  color: var(--text-primary);
}

[data-theme="dark"] .msg .msg-body,
[data-theme="dark"] .msg .msg-text {
  color: inherit;
}

[data-theme="dark"] .msg small {
  opacity: 1;
}

[data-theme="dark"] .td-chat-gorsel-link,
[data-theme="dark"] .td-chat-gorsel-thumb,
[data-theme="dark"] .td-chat-dosya-item {
  background: var(--input-bg);
  border-color: var(--border-soft);
  color: var(--text-primary);
}

/* —— Modals —— */
[data-theme="dark"] .modal {
  background: rgba(0, 0, 0, 0.65);
}

[data-theme="dark"] .modalbody,
[data-theme="dark"] .settings-modal-body {
  color: var(--text-primary);
}

[data-theme="dark"] .notif-item {
  border-bottom-color: var(--border-soft);
}

/* —— Shared native select option panels —— */
[data-theme="dark"] select {
  color-scheme: dark;
}

[data-theme="dark"] select option {
  background: var(--dropdown-option-bg);
  color: var(--dropdown-option-text);
}

[data-theme="dark"] select option:checked,
[data-theme="dark"] select option:focus {
  background: var(--dropdown-option-hover);
  color: var(--primary-2);
}

[data-theme="dark"] select option:disabled,
[data-theme="dark"] select option.status-option-muted {
  color: var(--dropdown-option-muted);
  opacity: 0.65;
}

/* —— Toasts & alerts —— */
[data-theme="dark"] .ic-desktop-toast-stack {
  filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.25));
}

[data-theme="dark"] .ic-desktop-toast {
  background: var(--ic-toast-bg) !important;
  border: 1px solid var(--ic-toast-border) !important;
  box-shadow: var(--ic-toast-shadow) !important;
  backdrop-filter: blur(8px);
}

[data-theme="dark"] .ic-desktop-toast:hover {
  border-color: rgba(148, 163, 184, 0.32) !important;
  box-shadow:
    0 20px 52px rgba(0, 0, 0, 0.48),
    0 0 0 1px rgba(59, 130, 246, 0.12) !important;
}

[data-theme="dark"] .ic-desktop-toast-title {
  color: var(--ic-toast-title) !important;
}

[data-theme="dark"] .ic-desktop-toast-body,
[data-theme="dark"] .ic-desktop-toast-meta {
  color: var(--ic-toast-body) !important;
}

[data-theme="dark"] .ic-desktop-toast-meta span:first-child {
  color: var(--ic-toast-meta) !important;
}

[data-theme="dark"] .ic-desktop-toast-icon {
  background: var(--ic-toast-icon-bg) !important;
  color: var(--ic-toast-icon-color) !important;
  border: 1px solid rgba(59, 130, 246, 0.28);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

[data-theme="dark"] .ic-desktop-toast-close {
  color: var(--ic-toast-close) !important;
  transition: color 0.15s ease, background 0.15s ease;
}

[data-theme="dark"] .ic-desktop-toast:hover .ic-desktop-toast-close {
  color: var(--text-secondary) !important;
}

[data-theme="dark"] .alert.ok {
  background: #0f2918;
  color: #6ee7b7;
  border-color: #166534;
}

[data-theme="dark"] .alert.err {
  background: #2a1212;
  color: #fca5a5;
  border-color: #991b1b;
}

[data-theme="dark"] .alert.warn {
  background: #2a2410;
  color: #fde68a;
  border-color: #854d0e;
}

/* —— Status badges (keep readable accent colors) —— */
[data-theme="dark"] .b-closed,
[data-theme="dark"] .thh-deadline-normal {
  background: rgba(148, 163, 184, 0.14);
  color: var(--text-secondary);
}

[data-theme="dark"] .b-open {
  background: rgba(59, 130, 246, 0.18);
  color: #93c5fd;
}

[data-theme="dark"] .b-progress {
  background: rgba(249, 115, 22, 0.16);
  color: #fdba74;
}

[data-theme="dark"] .b-wait {
  background: rgba(234, 179, 8, 0.16);
  color: #fde68a;
}

[data-theme="dark"] .badge-warn,
[data-theme="dark"] .mine-eval-badge,
[data-theme="dark"] .mine-eval-btn-prominent {
  background: rgba(251, 191, 36, 0.16);
  color: #fde68a;
  border-color: rgba(251, 191, 36, 0.32);
}

[data-theme="dark"] .badge-err,
[data-theme="dark"] .mine-sla-badge {
  background: rgba(239, 68, 68, 0.16);
  color: #fca5a5;
}

[data-theme="dark"] .mine-prompt-badge {
  background: rgba(139, 92, 246, 0.18);
  color: #ddd6fe;
}

[data-theme="dark"] .thh-deadline-yellow {
  background: rgba(234, 179, 8, 0.16);
  color: #fde68a;
}

[data-theme="dark"] .thh-deadline-orange {
  background: rgba(249, 115, 22, 0.16);
  color: #fdba74;
}

[data-theme="dark"] .thh-deadline-urgent {
  background: rgba(239, 68, 68, 0.16);
  color: #fca5a5;
}

[data-theme="dark"] .assigned-thh-deadline-date {
  color: var(--text-primary);
}

/* Personel Sohbet dark theme: see personel_chat_theme.css (loaded after this file). */

/* —— Dashboard AI card —— */
[data-theme="dark"] .dash-ai-card,
[data-theme="dark"] .dash-ai-hero {
  background: linear-gradient(180deg, #1a1a3a 0%, var(--bg-surface) 100%);
  border-color: rgba(99, 102, 241, 0.35);
}

[data-theme="dark"] .dash-ai-card h2 {
  color: #c4b5fd;
}

[data-theme="dark"] .dash-ai-hero .btn {
  background: rgba(255, 255, 255, 0.12);
  color: #e0e7ff;
}

/* —— Ticket rows —— */
[data-theme="dark"] tr.mine-row-needs-eval {
  background: transparent !important;
}

[data-theme="dark"] tr.mine-row-needs-eval td {
  background: var(--eval-row-bg);
  border-bottom-color: var(--eval-row-border);
  color: var(--text-primary);
}

[data-theme="dark"] tr.mine-row-needs-eval:hover td {
  background: var(--eval-row-bg-hover);
}

[data-theme="dark"] tr.mine-row-needs-eval td:nth-child(3) {
  border-left: 3px solid var(--eval-row-accent);
}

[data-theme="dark"] tr.mine-row-needs-eval .ticket-konu,
[data-theme="dark"] tr.mine-row-needs-eval .mine-id-num {
  color: var(--text-primary);
}

[data-theme="dark"] tr.mine-row-needs-eval .mine-eval-badge {
  background: var(--eval-row-badge-bg);
  color: var(--eval-row-badge-color);
  border: 1px solid var(--eval-row-badge-border);
}

[data-theme="dark"] tr.mine-row-needs-eval.ticket-row-unread td,
[data-theme="dark"] tr.mine-row-needs-eval.ticket-row-unread:hover td {
  background: var(--eval-row-bg);
}

[data-theme="dark"] tr.mine-row-needs-eval.ticket-row-unread:hover td {
  background: var(--eval-row-bg-hover);
}

[data-theme="dark"] tr.mine-row-needs-eval .mine-eval-btn-prominent {
  background: var(--eval-row-badge-bg) !important;
  border-color: var(--eval-row-badge-border) !important;
  color: var(--eval-row-badge-color) !important;
}

[data-theme="dark"] tr.mine-row-needs-eval .btn2:not(.mine-eval-btn-prominent):not(.ticket-eval-btn) {
  background: var(--btn-secondary-bg);
  border-color: var(--border-soft);
  color: var(--text-primary);
}

[data-theme="dark"] tr.ic-bulk-selected > td {
  background: rgba(59, 130, 246, 0.12) !important;
}

[data-theme="dark"] .ic-bulk-toggle.active {
  background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
  color: #fff;
  border-color: rgba(59, 130, 246, 0.45);
}

[data-theme="dark"] .ticket-eval-info {
  background: var(--input-bg);
  border-color: var(--border-soft);
  color: var(--text-primary);
}

[data-theme="dark"] .ticket-eval-star {
  background: var(--input-bg);
  border-color: var(--border-soft);
  color: var(--text-secondary);
}

[data-theme="dark"] .ticket-eval-star:hover,
[data-theme="dark"] .ticket-eval-star.active {
  background: var(--primary-soft);
  border-color: rgba(59, 130, 246, 0.45);
  color: var(--primary-2);
}

[data-theme="dark"] .ticket-eval-star small {
  color: var(--text-muted);
}

[data-theme="dark"] .ticket-eval-star.active small,
[data-theme="dark"] .ticket-eval-star:hover small {
  color: var(--text-secondary);
}

[data-theme="dark"] #ticketMessageModalBody {
  color: var(--text-primary) !important;
}

[data-theme="dark"] .assigned-filter-banner {
  background: rgba(251, 191, 36, 0.12);
  border-color: rgba(251, 191, 36, 0.32);
  color: #fde68a;
}

[data-theme="dark"] .mine-fav-btn.is-fav,
[data-theme="dark"] .mine-fav-btn:hover {
  background: rgba(251, 191, 36, 0.14);
  color: #fde68a;
}

/* —— Sanalpazar (birlesik.php) —— */
[data-theme="dark"] body.embed-mode {
  background: var(--bg-page);
}

[data-theme="dark"] .summary-card,
[data-theme="dark"] .filters-card,
[data-theme="dark"] .question-card,
[data-theme="dark"] .sp-dash-card,
[data-theme="dark"] .sp-answer-panel,
[data-theme="dark"] .sp-modal-box,
[data-theme="dark"] .platform-card {
  background: var(--bg-card);
  border-color: var(--border-soft);
  color: var(--text-primary);
}

[data-theme="dark"] .platform-card {
  color: var(--text-primary);
  box-shadow: var(--shadow-soft);
}

[data-theme="dark"] .platform-card.platform-card-muted:not(.platform-card-active):not(.active):not(.disabled),
[data-theme="dark"] .platform-card.zero-count:not(.platform-card-active):not(.active):not(.disabled) {
  background: var(--input-bg);
  border-color: var(--border-soft);
  opacity: 0.88;
}

[data-theme="dark"] .platform-card.platform-card-active,
[data-theme="dark"] .platform-card.active {
  background: linear-gradient(
    135deg,
    color-mix(in srgb, var(--platform-color) 20%, var(--input-bg)),
    var(--bg-card)
  );
  color: var(--text-primary);
}

[data-theme="dark"] .status-tab {
  background: var(--input-bg);
  border-color: var(--border-soft);
  color: var(--text-secondary);
}

[data-theme="dark"] .status-tab.active {
  background: var(--primary);
  color: #fff;
}

[data-theme="dark"] .answer-box,
[data-theme="dark"] .sp-draft-select,
[data-theme="dark"] .sp-answer-textarea {
  background: var(--input-bg);
  color: var(--text-primary);
  border-color: var(--input-border);
}

[data-theme="dark"] .sp-page-head {
  background: linear-gradient(180deg, var(--bg-card) 0%, var(--bg-surface) 100%);
  border-color: var(--border-soft);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

/* Sanalpazar embed header (panel.php #view-sanalpazar) */
[data-theme="dark"] .sp-view .card.sp-embed {
  background: var(--bg-surface);
  border-color: var(--border-soft);
}

/* Sanalpazar embed header strip — panel.php #view-sanalpazar [data-sanalpazar-header-surface] */
[data-theme="dark"] #view-sanalpazar [data-sanalpazar-header-surface="true"],
[data-theme="dark"] .sanalpazar-page-header-strip {
  background: linear-gradient(180deg, #162238 0%, #111c2e 100%) !important;
  border-bottom-color: rgba(148, 163, 184, 0.18) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
  color: #f8fafc !important;
}

[data-theme="dark"] #view-sanalpazar [data-sanalpazar-header-surface="true"] h2,
[data-theme="dark"] .sanalpazar-page-header-strip h2 {
  color: #f8fafc !important;
}

[data-theme="dark"] #view-sanalpazar [data-sanalpazar-header-surface="true"] p,
[data-theme="dark"] .sanalpazar-page-header-strip p {
  color: #94a3b8 !important;
}

[data-theme="dark"] #view-sanalpazar [data-sanalpazar-header-surface="true"] .btn2,
[data-theme="dark"] .sanalpazar-page-header-strip .btn2 {
  background: rgba(37, 99, 235, 0.16) !important;
  color: #dbeafe !important;
  border-color: rgba(96, 165, 250, 0.35) !important;
}

[data-theme="dark"] #view-sanalpazar [data-sanalpazar-header-surface="true"] .btn2:hover:not(:disabled),
[data-theme="dark"] .sanalpazar-page-header-strip .btn2:hover:not(:disabled) {
  background: rgba(37, 99, 235, 0.24) !important;
  color: #eff6ff !important;
  border-color: rgba(96, 165, 250, 0.45) !important;
}

[data-theme="dark"] .sp-frame {
  background: var(--bg-page);
}

/* —— Impersonation banner —— */
[data-theme="dark"] .ic-impersonate-banner {
  background: linear-gradient(90deg, #422006 0%, #713f12 100%);
  border-bottom-color: #b45309;
  color: #fde68a;
}

[data-theme="dark"] .ic-impersonate-banner b {
  color: #fef3c7;
}

[data-theme="dark"] .ic-impersonate-banner .btn-stop {
  background: var(--bg-surface);
  border-color: #b45309;
  color: #fde68a;
}

/* —— Module Center: Ayarlar settings modal —— */
[data-theme="dark"] .settings-modal .settings-body {
  background: var(--bg-surface);
  color: var(--text-primary);
}

[data-theme="dark"] .settings-modal .settings-body label {
  color: var(--text-primary);
}

[data-theme="dark"] .settings-modal .settings-body h4 {
  color: var(--text-primary);
}

[data-theme="dark"] .settings-modal .sub {
  color: var(--text-muted);
}

[data-theme="dark"] .settings-modal .profil-settings-block {
  border-bottom-color: var(--border-soft);
}

[data-theme="dark"] .settings-modal .btn-secondary {
  background: var(--input-bg);
  color: var(--text-primary);
  border-color: var(--input-border);
}

[data-theme="dark"] .settings-modal .btn-secondary:hover {
  background: var(--bg-card-hover);
  color: var(--text-primary);
}

[data-theme="dark"] .settings-modal .profil-avatar-opt {
  background: var(--input-bg);
  border-color: var(--input-border);
  color: var(--text-primary);
}

[data-theme="dark"] .settings-modal .profil-avatar-opt:hover {
  border-color: rgba(59, 130, 246, 0.45);
}

[data-theme="dark"] .settings-modal .profil-avatar-opt.selected {
  border-color: var(--primary);
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.28);
}

[data-theme="dark"] .settings-modal .settings-body input[type="checkbox"] {
  accent-color: var(--primary);
}

[data-theme="dark"] .settings-modal #taslakSearch,
[data-theme="dark"] .settings-modal #taslakActiveFilter,
[data-theme="dark"] .settings-modal .taslak-toolbar input,
[data-theme="dark"] .settings-modal .taslak-toolbar select {
  background: var(--input-bg);
  color: var(--text-primary);
  border-color: var(--input-border);
}

[data-theme="dark"] .settings-modal .taslak-badge-ok {
  background: rgba(16, 185, 129, 0.16);
  color: #6ee7b7;
}

[data-theme="dark"] .settings-modal .taslak-ai-btn {
  box-shadow: 0 4px 14px rgba(99, 102, 241, 0.35);
}

[data-theme="dark"] .settings-modal .taslak-ai-btn:disabled {
  opacity: 0.55;
}

[data-theme="dark"] .settings-modal .taslak-form #taslakFormAlert.ok {
  color: #6ee7b7;
}

[data-theme="dark"] .settings-modal .taslak-form #taslakFormAlert.warn {
  color: #fde68a;
}

[data-theme="dark"] .settings-modal .taslak-form #taslakFormAlert.err {
  color: #fca5a5;
}

[data-theme="dark"] .settings-modal .btn2#taslakDeleteBtn {
  color: #fca5a5;
  border-color: rgba(239, 68, 68, 0.35);
}

[data-theme="dark"] .settings-modal .btn2#taslakDeleteBtn:hover {
  background: rgba(239, 68, 68, 0.12);
}

[data-theme="dark"] .settings-modal .settings-body .field label {
  color: var(--text-muted);
}

[data-theme="dark"] .settings-modal .settings-body input[type="password"],
[data-theme="dark"] .settings-modal .settings-body input[type="text"],
[data-theme="dark"] .settings-modal .settings-body input[type="search"],
[data-theme="dark"] .settings-modal .settings-body select,
[data-theme="dark"] .settings-modal .settings-body textarea {
  background: var(--input-bg);
  color: var(--text-primary);
  border-color: var(--input-border);
}

[data-theme="dark"] .settings-modal .settings-tabs {
  background: var(--bg-surface);
}

[data-theme="dark"] .settings-modal-body {
  background: var(--bg-surface);
}

[data-theme="dark"] .settings-modal .modalbox {
  background: var(--bg-surface);
}

[data-theme="dark"] .settings-modal .taslak-detail-panel {
  background: var(--input-bg);
}

[data-theme="dark"] .settings-modal .taslak-cat-btn,
[data-theme="dark"] .settings-modal .taslak-draft-row {
  background: var(--input-bg);
  color: var(--text-primary);
}

[data-theme="dark"] .settings-modal .taslak-var-btn {
  background: var(--input-bg);
  color: var(--text-secondary);
  border-color: var(--border-soft);
}

[data-theme="dark"] .settings-modal .taslak-var-btn:hover {
  background: var(--bg-card-hover);
  color: var(--text-primary);
}

[data-theme="dark"] .settings-modal .stab {
  background: var(--input-bg);
  color: var(--text-secondary);
  border-color: var(--input-border);
  box-shadow: var(--btn-secondary-shadow);
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}

[data-theme="dark"] .settings-modal .stab:hover {
  background: var(--bg-card-hover);
  color: var(--text-primary);
  border-color: var(--border-strong);
}

[data-theme="dark"] .settings-modal .stab:focus-visible {
  outline: 2px solid rgba(148, 163, 184, 0.45);
  outline-offset: 2px;
}

[data-theme="dark"] .settings-modal .stab.active {
  background: var(--primary-soft);
  border-color: rgba(59, 130, 246, 0.45);
  color: var(--primary-2);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 1px 3px rgba(0, 0, 0, 0.18);
}

[data-theme="dark"] .btn-secondary {
  background: var(--input-bg);
  color: var(--text-primary);
  border-color: var(--input-border);
}

[data-theme="dark"] .btn-secondary:hover {
  background: var(--bg-card-hover);
  color: var(--text-primary);
}

/* —— Topbar graphic theme previews in settings —— */
[data-theme="dark"] .topbar-theme-opt,
[data-theme="dark"] .topbar-graphic-opt {
  border-color: var(--border-soft);
}

[data-theme="dark"] .topbar-graphic-opt-none .topbar-graphic-preview {
  background: var(--input-bg);
  border-color: var(--border-soft);
}

/* —— Scrollbars (webkit) —— */
[data-theme="dark"] ::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

[data-theme="dark"] ::-webkit-scrollbar-track {
  background: var(--bg-page);
}

[data-theme="dark"] ::-webkit-scrollbar-thumb {
  background: #334155;
  border-radius: 5px;
}

[data-theme="dark"] ::-webkit-scrollbar-thumb:hover {
  background: #475569;
}

/* —— Top navbar overrides (must follow content .btn-ghost rules) —— */
[data-theme="dark"] .topbar .btn-ghost,
[data-theme="dark"] .topbar .btn-ghost-chat,
[data-theme="dark"] .topbar .notif-btn,
[data-theme="dark"] .topbar .settings-icon-btn,
[data-theme="dark"] .topbar .theme-toggle-btn {
  border-color: rgba(255, 255, 255, 0.22);
  background: rgba(255, 255, 255, 0.08);
  color: #f8fafc;
}

[data-theme="dark"] .topbar .btn-ghost:hover,
[data-theme="dark"] .topbar .btn-ghost-chat:hover,
[data-theme="dark"] .topbar .notif-btn:hover,
[data-theme="dark"] .topbar .settings-icon-btn:hover,
[data-theme="dark"] .topbar .theme-toggle-btn:hover {
  background: rgba(255, 255, 255, 0.16);
  color: #fff;
}

[data-theme="dark"] .topbar .theme-toggle-btn.is-dark-active {
  background: rgba(251, 191, 36, 0.2);
  border-color: rgba(251, 191, 36, 0.38);
  color: #fde68a;
}

[data-theme="dark"] .topbar .notif-badge {
  border-color: rgba(15, 23, 42, 0.85);
}