/* ═══════════════════════════════════════════════════════════════════════
   YÖNETİM PANELİ — TEMA OVERRIDE KATMANI
   ═══════════════════════════════════════════════════════════════════════
   Yönetim sayfalarındaki ortak class'lar (sv-, pk-, pj-, ym-, yon-, vb.)
   sabit `#fff`, `white`, `#0f172a` gibi renkler kullanıyor. Koyu temalar
   (dark, midnight) seçildiğinde okunabilirliği bozmamak için bu dosya
   `.ym-page` kapsayıcısı altındaki yaygın elementleri tema değişkenlerine
   bağlar. Açık tema (`light`, `auto-light`) etkilenmez (override yok).

   Bu dosya App.razor'da global olarak yüklenir; mevcut scoped CSS'lerin
   üzerine `[data-theme="dark"] .ym-page` şeklinde özgüllükle uygulanır.
   ═══════════════════════════════════════════════════════════════════════ */

/* ── KOYU TEMALAR İÇİN — yönetim sayfası ortak override'ları ── */
[data-theme="dark"] .ym-page,
[data-theme="midnight"] .ym-page {
    background: var(--t-bg, #0b1220) !important;
    color: var(--t-text, #e2e8f0);
}

/* ── KART/PANEL/TABLO ARKA PLANLARI ── */
[data-theme="dark"] .ym-page .ym-card,
[data-theme="dark"] .ym-page .yon-card,
[data-theme="dark"] .ym-page .ym-table-wrap,
[data-theme="dark"] .ym-page .yon-tablo-wrap,
[data-theme="dark"] .ym-page .ym-content,
[data-theme="dark"] .ym-page .ym-popup,
[data-theme="dark"] .ym-page .ym-modal,
[data-theme="dark"] .ym-page .ozk-modal,
[data-theme="dark"] .ym-page [class*="-modal"],
[data-theme="dark"] .ym-page [class*="-popup"],
[data-theme="dark"] .ym-page .md-card,
[data-theme="dark"] .ym-page .pj-sub-card,
[data-theme="dark"] .ym-page [class*="-panel"],
[data-theme="dark"] .ym-page [class*="-section"]:not(.ym-section),
[data-theme="midnight"] .ym-page .ym-card,
[data-theme="midnight"] .ym-page .yon-card,
[data-theme="midnight"] .ym-page .ym-table-wrap,
[data-theme="midnight"] .ym-page .yon-tablo-wrap,
[data-theme="midnight"] .ym-page .ym-content,
[data-theme="midnight"] .ym-page .ym-popup,
[data-theme="midnight"] .ym-page .ym-modal,
[data-theme="midnight"] .ym-page .ozk-modal,
[data-theme="midnight"] .ym-page [class*="-modal"],
[data-theme="midnight"] .ym-page [class*="-popup"],
[data-theme="midnight"] .ym-page .md-card,
[data-theme="midnight"] .ym-page .pj-sub-card,
[data-theme="midnight"] .ym-page [class*="-panel"],
[data-theme="midnight"] .ym-page [class*="-section"]:not(.ym-section) {
    background: var(--t-card, #1e293b) !important;
    color: var(--t-text, #e2e8f0);
    border-color: var(--t-card-border, #334155) !important;
}

/* ── TABLO HÜCRELERİ ── */
[data-theme="dark"] .ym-page table,
[data-theme="midnight"] .ym-page table {
    background: var(--t-card, #1e293b) !important;
    color: var(--t-text, #e2e8f0);
}
[data-theme="dark"] .ym-page table th,
[data-theme="midnight"] .ym-page table th {
    background: color-mix(in srgb, var(--t-card, #1e293b) 90%, var(--t-accent, #6366f1)) !important;
    color: var(--t-text, #e2e8f0) !important;
    border-color: var(--t-card-border, #334155) !important;
}
[data-theme="dark"] .ym-page table td,
[data-theme="midnight"] .ym-page table td {
    background: var(--t-card, #1e293b) !important;
    color: var(--t-text, #e2e8f0) !important;
    border-color: var(--t-card-border, #334155) !important;
}
[data-theme="dark"] .ym-page table tr:hover td,
[data-theme="midnight"] .ym-page table tr:hover td {
    background: var(--t-hover, #334155) !important;
}
[data-theme="dark"] .ym-page table tr:nth-child(even) td,
[data-theme="midnight"] .ym-page table tr:nth-child(even) td {
    background: color-mix(in srgb, var(--t-card, #1e293b) 95%, var(--t-text-muted, #94a3b8)) !important;
}

/* ── INPUT, SELECT, TEXTAREA ── */
[data-theme="dark"] .ym-page input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
[data-theme="dark"] .ym-page select,
[data-theme="dark"] .ym-page textarea,
[data-theme="midnight"] .ym-page input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
[data-theme="midnight"] .ym-page select,
[data-theme="midnight"] .ym-page textarea {
    background: color-mix(in srgb, var(--t-card, #1e293b) 80%, #000) !important;
    color: var(--t-text, #e2e8f0) !important;
    border-color: var(--t-card-border, #475569) !important;
}
[data-theme="dark"] .ym-page input::placeholder,
[data-theme="dark"] .ym-page textarea::placeholder,
[data-theme="midnight"] .ym-page input::placeholder,
[data-theme="midnight"] .ym-page textarea::placeholder {
    color: var(--t-text-muted, #94a3b8) !important;
    opacity: 0.7;
}
[data-theme="dark"] .ym-page input:focus,
[data-theme="dark"] .ym-page select:focus,
[data-theme="dark"] .ym-page textarea:focus,
[data-theme="midnight"] .ym-page input:focus,
[data-theme="midnight"] .ym-page select:focus,
[data-theme="midnight"] .ym-page textarea:focus {
    border-color: var(--t-accent, #6366f1) !important;
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--t-accent, #6366f1) 22%, transparent) !important;
}

/* ── METİN RENGİ — yaygın text container'lar ── */
[data-theme="dark"] .ym-page h1,
[data-theme="dark"] .ym-page h2,
[data-theme="dark"] .ym-page h3,
[data-theme="dark"] .ym-page h4,
[data-theme="dark"] .ym-page h5,
[data-theme="dark"] .ym-page h6,
[data-theme="dark"] .ym-page label,
[data-theme="dark"] .ym-page p,
[data-theme="dark"] .ym-page span,
[data-theme="dark"] .ym-page strong,
[data-theme="dark"] .ym-page td,
[data-theme="dark"] .ym-page th,
[data-theme="dark"] .ym-page li,
[data-theme="midnight"] .ym-page h1,
[data-theme="midnight"] .ym-page h2,
[data-theme="midnight"] .ym-page h3,
[data-theme="midnight"] .ym-page h4,
[data-theme="midnight"] .ym-page h5,
[data-theme="midnight"] .ym-page h6,
[data-theme="midnight"] .ym-page label,
[data-theme="midnight"] .ym-page p,
[data-theme="midnight"] .ym-page span,
[data-theme="midnight"] .ym-page strong,
[data-theme="midnight"] .ym-page td,
[data-theme="midnight"] .ym-page th,
[data-theme="midnight"] .ym-page li {
    color: var(--t-text, #e2e8f0);
}

/* Muted / soluk metinler — kart kenarındaki açıklamalar, tarihler vs. */
[data-theme="dark"] .ym-page .td-muted,
[data-theme="dark"] .ym-page small,
[data-theme="dark"] .ym-page .text-muted,
[data-theme="dark"] .ym-page [class*="-aciklama"],
[data-theme="dark"] .ym-page [class*="-desc"],
[data-theme="dark"] .ym-page [class*="-meta"],
[data-theme="dark"] .ym-page [class*="-hint"],
[data-theme="dark"] .ym-page [class*="-info-text"],
[data-theme="midnight"] .ym-page .td-muted,
[data-theme="midnight"] .ym-page small,
[data-theme="midnight"] .ym-page .text-muted,
[data-theme="midnight"] .ym-page [class*="-aciklama"],
[data-theme="midnight"] .ym-page [class*="-desc"],
[data-theme="midnight"] .ym-page [class*="-meta"],
[data-theme="midnight"] .ym-page [class*="-hint"],
[data-theme="midnight"] .ym-page [class*="-info-text"] {
    color: var(--t-text-muted, #94a3b8) !important;
}

/* ── BUTON — primary buton temalı, secondary nötr ── */
[data-theme="dark"] .ym-page button,
[data-theme="midnight"] .ym-page button {
    /* renk dönüşümünü sayfanın kendisi yönetsin; sadece resmi olmayan
       butonlar için varsayılan koyu görünüm */
}

/* ── TOPBAR — yönetim üst çubuğu ── */
[data-theme="dark"] .ym-page .ym-topbar,
[data-theme="midnight"] .ym-page .ym-topbar {
    background: var(--t-card, #1e293b) !important;
    border-bottom-color: var(--t-card-border, #334155) !important;
    color: var(--t-text, #e2e8f0);
}

/* ── ÖZEL: Beyaz inline-style background'a sahip elementler ── */
[data-theme="dark"] .ym-page [style*="background: white"],
[data-theme="dark"] .ym-page [style*="background:#fff"],
[data-theme="dark"] .ym-page [style*="background-color: white"],
[data-theme="dark"] .ym-page [style*="background-color:#fff"],
[data-theme="midnight"] .ym-page [style*="background: white"],
[data-theme="midnight"] .ym-page [style*="background:#fff"],
[data-theme="midnight"] .ym-page [style*="background-color: white"],
[data-theme="midnight"] .ym-page [style*="background-color:#fff"] {
    background: var(--t-card, #1e293b) !important;
    color: var(--t-text, #e2e8f0);
}

/* ── PILL/CHIP/BADGE'ler — soluk renklerini koru, ama text kontrastı ── */
[data-theme="dark"] .ym-page .sv-pill,
[data-theme="dark"] .ym-page [class*="-pill"],
[data-theme="dark"] .ym-page [class*="-chip"],
[data-theme="dark"] .ym-page [class*="-badge"],
[data-theme="midnight"] .ym-page .sv-pill,
[data-theme="midnight"] .ym-page [class*="-pill"],
[data-theme="midnight"] .ym-page [class*="-chip"],
[data-theme="midnight"] .ym-page [class*="-badge"] {
    /* Pill/chip'ler kendi renkleriyle gelsin, ama gölge biraz uyumlu */
    box-shadow: 0 0 0 1px rgba(255,255,255,0.05);
}

/* ── SCROLLBAR koyu temada ── */
[data-theme="dark"] .ym-page ::-webkit-scrollbar-track,
[data-theme="midnight"] .ym-page ::-webkit-scrollbar-track {
    background: var(--t-bg, #0b1220);
}
[data-theme="dark"] .ym-page ::-webkit-scrollbar-thumb,
[data-theme="midnight"] .ym-page ::-webkit-scrollbar-thumb {
    background: var(--t-card-border, #334155);
    border-radius: 4px;
}
[data-theme="dark"] .ym-page ::-webkit-scrollbar-thumb:hover,
[data-theme="midnight"] .ym-page ::-webkit-scrollbar-thumb:hover {
    background: color-mix(in srgb, var(--t-card-border, #334155) 70%, var(--t-accent, #6366f1));
}

/* ── DIVIDER / AYRAÇ ── */
[data-theme="dark"] .ym-page hr,
[data-theme="midnight"] .ym-page hr {
    border-color: var(--t-card-border, #334155);
}

/* ═══════════════════════════════════════════════════════════════════════
   AKSAN RENGİ — TÜM TEMALARDA YÖNETİM SAYFALARINDA UYGULA
   ───────────────────────────────────────────────────────────────────────
   Yönetim sayfaları hardcoded mor (#6366f1, #4f46e5, #4338ca) kullanıyor.
   Kullanıcı tema accent'ini (yeşil, turuncu, pembe vb.) seçtiğinde bunlar
   da değişmeli. Class pattern eşlemesiyle global olarak override ediyoruz.
   Her tema için (light dahil) çalışır.
   ═══════════════════════════════════════════════════════════════════════ */

/* ── PRIMARY/SAVE/UPDATE/SUBMIT/PRIMARY-CREATE BUTONLARI ── */
.ym-page button[class*="-save"]:not([disabled]):not([class*="cancel"]),
.ym-page button[class*="-submit"]:not([disabled]),
.ym-page button[class*="-primary"]:not([disabled]),
.ym-page button[class*="-update"]:not([disabled]):not([class*="cancel"]),
.ym-page button[class*="btn-update"]:not([disabled]),
.ym-page button[class*="-onayla"]:not([disabled]):not([class*="cancel"]),
.ym-page button[class*="primary-btn"]:not([disabled]),
.ym-page button.btn-primary:not([disabled]),
.ym-page button.ym-btn-primary:not([disabled]),
.ym-page button.sv-btn-save:not([disabled]),
.ym-page button.sv-btn-update:not([disabled]) {
    background: var(--t-accent, #6366f1) !important;
    border-color: var(--t-accent, #6366f1) !important;
    color: #ffffff !important;
}
.ym-page button[class*="-save"]:not([disabled]):not([class*="cancel"]):hover,
.ym-page button[class*="-submit"]:not([disabled]):hover,
.ym-page button[class*="-primary"]:not([disabled]):hover,
.ym-page button[class*="-update"]:not([disabled]):not([class*="cancel"]):hover,
.ym-page button[class*="btn-update"]:not([disabled]):hover,
.ym-page button[class*="-onayla"]:not([disabled]):not([class*="cancel"]):hover,
.ym-page button[class*="primary-btn"]:not([disabled]):hover,
.ym-page button.btn-primary:not([disabled]):hover,
.ym-page button.ym-btn-primary:not([disabled]):hover,
.ym-page button.sv-btn-save:not([disabled]):hover,
.ym-page button.sv-btn-update:not([disabled]):hover {
    background: color-mix(in srgb, var(--t-accent, #6366f1) 85%, #000) !important;
    border-color: color-mix(in srgb, var(--t-accent, #6366f1) 85%, #000) !important;
}

/* ── İSİM/LİNK/HIGHLIGHT MOR RENKLERİ ── */
/* "İş Kaydı Düzenle — #9 (Meliha AY)" gibi başlık vurguları */
.ym-page [class*="-personel"]:not([class*="-pasif"]):not([class*="-name"]) {
    color: var(--t-accent, #6366f1) !important;
}
.ym-page .igt-edit-personel,
.ym-page .yon-vurgu,
.ym-page .ym-link-accent,
.ym-page .accent-text,
.ym-page a.text-accent {
    color: var(--t-accent, #6366f1) !important;
}

/* ── INPUT FOCUS ÇERÇEVESİ — accent rengi yansısın ── */
.ym-page input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):focus,
.ym-page select:focus,
.ym-page textarea:focus {
    border-color: var(--t-accent, #6366f1) !important;
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--t-accent, #6366f1) 18%, transparent) !important;
    outline: none !important;
}

/* ── CHECKBOX / RADIO accent ── */
.ym-page input[type="checkbox"],
.ym-page input[type="radio"] {
    accent-color: var(--t-accent, #6366f1);
}

/* ── AKTİF SEKME / TAB / YAN ÇUBUK SEÇİLİ ÖGE ── */
.ym-page [class*="-tab"].active,
.ym-page [class*="-tab"].selected,
.ym-page [class*="tab-item"].active,
.ym-page button[class*="-tab"].active {
    color: var(--t-accent, #6366f1) !important;
    border-bottom-color: var(--t-accent, #6366f1) !important;
}
.ym-page [class*="-tab"].active::after,
.ym-page [class*="-tab"].selected::after {
    background: var(--t-accent, #6366f1) !important;
}

/* ── BAĞLANTI / LİNK ── */
.ym-page a:not([class]):not([style*="color"]) {
    color: var(--t-accent, #6366f1);
}
.ym-page a:not([class]):not([style*="color"]):hover {
    color: color-mix(in srgb, var(--t-accent, #6366f1) 80%, #000);
}

/* ── KART KENARLIKLARI BİRAZ DAHA BELİRGİN ── */
/* Aydınlık temada KPI kartları, panel kartları kenarlıkları sigorta için
   biraz daha güçlü görünsün — soluk #e2e8f0 yerine doygun renkli */
.ym-page .igt-stat,
.ym-page [class*="-stat-card"],
.ym-page [class*="-kpi-card"],
.ym-page [class*="-info-card"] {
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

/* ── PILL/CHIP/ROZET — primary varyantları accent renge ── */
.ym-page [class*="-pill-primary"],
.ym-page [class*="-chip-primary"],
.ym-page [class*="-badge-primary"] {
    background: color-mix(in srgb, var(--t-accent, #6366f1) 15%, transparent) !important;
    color: var(--t-accent, #6366f1) !important;
    border-color: color-mix(in srgb, var(--t-accent, #6366f1) 30%, transparent) !important;
}

/* ── KOYU TEMALAR — İstatistik kartları ── */
[data-theme="dark"] .ym-page .ym-stat.green,
[data-theme="midnight"] .ym-page .ym-stat.green {
    background: color-mix(in srgb, #16a34a 12%, var(--t-card, #1e293b)) !important;
    border-color: color-mix(in srgb, #16a34a 30%, var(--t-card-border, #334155)) !important;
}
[data-theme="dark"] .ym-page .ym-stat.blue,
[data-theme="midnight"] .ym-page .ym-stat.blue {
    background: color-mix(in srgb, #3b82f6 12%, var(--t-card, #1e293b)) !important;
    border-color: color-mix(in srgb, #3b82f6 30%, var(--t-card-border, #334155)) !important;
}
[data-theme="dark"] .ym-page .ym-stat.red,
[data-theme="midnight"] .ym-page .ym-stat.red {
    background: color-mix(in srgb, #dc2626 12%, var(--t-card, #1e293b)) !important;
    border-color: color-mix(in srgb, #dc2626 30%, var(--t-card-border, #334155)) !important;
}
[data-theme="dark"] .ym-page .ym-stat.purple,
[data-theme="midnight"] .ym-page .ym-stat.purple {
    background: color-mix(in srgb, #9333ea 12%, var(--t-card, #1e293b)) !important;
    border-color: color-mix(in srgb, #9333ea 30%, var(--t-card-border, #334155)) !important;
}
[data-theme="dark"] .ym-page .ym-stat.gray,
[data-theme="midnight"] .ym-page .ym-stat.gray {
    background: var(--t-card, #1e293b) !important;
    border-color: var(--t-card-border, #334155) !important;
}
[data-theme="dark"] .ym-page .ym-stat.teal,
[data-theme="midnight"] .ym-page .ym-stat.teal {
    background: color-mix(in srgb, #0d9488 12%, var(--t-card, #1e293b)) !important;
    border-color: color-mix(in srgb, #0d9488 30%, var(--t-card-border, #334155)) !important;
}
[data-theme="dark"] .ym-page .ym-stat.indigo,
[data-theme="midnight"] .ym-page .ym-stat.indigo {
    background: color-mix(in srgb, #6366f1 12%, var(--t-card, #1e293b)) !important;
    border-color: color-mix(in srgb, #6366f1 30%, var(--t-card-border, #334155)) !important;
}
[data-theme="dark"] .ym-page .ym-stat.orange,
[data-theme="midnight"] .ym-page .ym-stat.orange {
    background: color-mix(in srgb, #ea580c 12%, var(--t-card, #1e293b)) !important;
    border-color: color-mix(in srgb, #ea580c 30%, var(--t-card-border, #334155)) !important;
}

/* ── KOYU TEMALAR — Pill/rozet dark uyumu ── */
[data-theme="dark"] .ym-page .ym-pill.green,
[data-theme="midnight"] .ym-page .ym-pill.green {
    background: color-mix(in srgb, #16a34a 15%, var(--t-card, #1e293b)) !important;
}
[data-theme="dark"] .ym-page .ym-pill.blue,
[data-theme="midnight"] .ym-page .ym-pill.blue {
    background: color-mix(in srgb, #3b82f6 15%, var(--t-card, #1e293b)) !important;
}
[data-theme="dark"] .ym-page .ym-pill.red,
[data-theme="midnight"] .ym-page .ym-pill.red {
    background: color-mix(in srgb, #dc2626 15%, var(--t-card, #1e293b)) !important;
}
[data-theme="dark"] .ym-page .ym-pill.gray,
[data-theme="midnight"] .ym-page .ym-pill.gray {
    background: color-mix(in srgb, #64748b 15%, var(--t-card, #1e293b)) !important;
    color: var(--t-text-muted, #94a3b8) !important;
}
[data-theme="dark"] .ym-page .ym-pill.purple,
[data-theme="midnight"] .ym-page .ym-pill.purple {
    background: color-mix(in srgb, #9333ea 15%, var(--t-card, #1e293b)) !important;
}
[data-theme="dark"] .ym-page .ym-pill.orange,
[data-theme="midnight"] .ym-page .ym-pill.orange {
    background: color-mix(in srgb, #ea580c 15%, var(--t-card, #1e293b)) !important;
}
[data-theme="dark"] .ym-page .ym-pill.indigo,
[data-theme="midnight"] .ym-page .ym-pill.indigo {
    background: color-mix(in srgb, #6366f1 15%, var(--t-card, #1e293b)) !important;
}
[data-theme="dark"] .ym-page .ym-pill.teal,
[data-theme="midnight"] .ym-page .ym-pill.teal {
    background: color-mix(in srgb, #0d9488 15%, var(--t-card, #1e293b)) !important;
}

/* ── KOYU TEMALAR — Toolbar badge ── */
[data-theme="dark"] .ym-page .ym-toolbar-badge,
[data-theme="midnight"] .ym-page .ym-toolbar-badge {
    background: color-mix(in srgb, #3b82f6 15%, var(--t-card, #1e293b)) !important;
    border-color: color-mix(in srgb, #3b82f6 30%, var(--t-card-border, #334155)) !important;
}
[data-theme="dark"] .ym-page .ym-toolbar-badge.green,
[data-theme="midnight"] .ym-page .ym-toolbar-badge.green {
    background: color-mix(in srgb, #16a34a 15%, var(--t-card, #1e293b)) !important;
    border-color: color-mix(in srgb, #16a34a 30%, var(--t-card-border, #334155)) !important;
}

/* ── KOYU TEMALAR — Satır durum renkleri ── */
[data-theme="dark"] .ym-page .ym-table .row-active,
[data-theme="midnight"] .ym-page .ym-table .row-active {
    background: color-mix(in srgb, var(--t-accent, #6366f1) 10%, var(--t-card, #1e293b)) !important;
}
[data-theme="dark"] .ym-page .ym-table .row-locked,
[data-theme="dark"] .ym-page .ym-table .row-danger,
[data-theme="midnight"] .ym-page .ym-table .row-locked,
[data-theme="midnight"] .ym-page .ym-table .row-danger {
    background: color-mix(in srgb, #dc2626 10%, var(--t-card, #1e293b)) !important;
}
[data-theme="dark"] .ym-page .ym-table .row-warning,
[data-theme="midnight"] .ym-page .ym-table .row-warning {
    background: color-mix(in srgb, #d97706 10%, var(--t-card, #1e293b)) !important;
}
[data-theme="dark"] .ym-page .empty-row,
[data-theme="midnight"] .ym-page .empty-row {
    background: color-mix(in srgb, #dc2626 8%, var(--t-card, #1e293b)) !important;
}

/* ── KOYU TEMALAR — Bulk bar ── */
[data-theme="dark"] .ym-page .ym-bulk-bar,
[data-theme="midnight"] .ym-page .ym-bulk-bar {
    background: color-mix(in srgb, #3b82f6 12%, var(--t-card, #1e293b)) !important;
    border-color: color-mix(in srgb, #3b82f6 30%, var(--t-card-border, #334155)) !important;
}

/* ── KOYU TEMALAR — Kolon filtre banner ── */
[data-theme="dark"] .ym-page .col-filter-banner,
[data-theme="midnight"] .ym-page .col-filter-banner {
    background: color-mix(in srgb, var(--t-accent, #6366f1) 12%, var(--t-card, #1e293b)) !important;
    border-color: color-mix(in srgb, var(--t-accent, #6366f1) 30%, var(--t-card-border, #334155)) !important;
    color: var(--t-accent, #6366f1) !important;
}
[data-theme="dark"] .ym-page .col-filter-banner button,
[data-theme="midnight"] .ym-page .col-filter-banner button {
    background: var(--t-card, #1e293b) !important;
    color: var(--t-accent, #6366f1) !important;
    border-color: color-mix(in srgb, var(--t-accent, #6366f1) 30%, transparent) !important;
}

/* ── KOYU TEMALAR — Mesaj/toast ── */
[data-theme="dark"] .ym-page .ym-msg.success,
[data-theme="midnight"] .ym-page .ym-msg.success {
    background: color-mix(in srgb, #16a34a 12%, var(--t-card, #1e293b)) !important;
    color: #4ade80 !important;
    border-color: color-mix(in srgb, #16a34a 30%, var(--t-card-border, #334155)) !important;
}
[data-theme="dark"] .ym-page .ym-msg.error,
[data-theme="midnight"] .ym-page .ym-msg.error {
    background: color-mix(in srgb, #dc2626 12%, var(--t-card, #1e293b)) !important;
    color: #f87171 !important;
    border-color: color-mix(in srgb, #dc2626 30%, var(--t-card-border, #334155)) !important;
}

/* ── KOYU TEMALAR — CFP sort/action butonları ── */
[data-theme="dark"] .cfp-sort-btn,
[data-theme="midnight"] .cfp-sort-btn {
    background: var(--t-card, #1e293b) !important;
    border-color: var(--t-card-border, #334155) !important;
    color: var(--t-text-muted, #94a3b8) !important;
}
[data-theme="dark"] .cfp-actions button,
[data-theme="midnight"] .cfp-actions button {
    background: var(--t-card, #1e293b) !important;
    border-color: var(--t-card-border, #334155) !important;
    color: var(--t-text-muted, #94a3b8) !important;
}

/* Çevrimiçi kullanıcılar butonu — baz kural YonetimDashboard.razor.css'te;
   yarı-şeffaf yeşil tint herhangi bir topbar rengine uyumludur, tema override'a gerek yok. */