/* ═══════════════════════════════════════════════════════
   YÖNETİM PANELİ — ORTAK LİSTE / TABLO / FİLTRE CSS
   Tüm yönetim sayfalarında aynı görünümü sağlar.
   Prefix: ym-  (yönetim modülü)
   Referans: MasrafYonetimi liste yapısı
   ═══════════════════════════════════════════════════════ */

/* ═══ SAYFA ARKAPLAN ═══ */
.ym-page {
    background: var(--t-body, #f5f7fa); min-height: 100vh; padding: 0;
    font-family: inherit;
    color: var(--t-text, #1e293b);
}

/* ═══ TOPBAR ═══ */
.ym-topbar {
    background: linear-gradient(135deg, #1e293b, #334155);
    padding: 18px 30px; display: flex; align-items: center; gap: 16px; flex-wrap: wrap;
}
.ym-back {
    background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15);
    color: #e2e8f0; padding: 8px 16px; border-radius: 10px; cursor: pointer;
    font-weight: 600; font-size: 0.85rem; transition: all 0.2s;
}
.ym-back:hover { background: rgba(255,255,255,0.15); }
.ym-topbar h2 { margin: 0; color: #f8fafc; font-size: 1.2rem; font-weight: 700; flex: 1; }
.ym-count { color: #94a3b8; font-size: 0.85rem; font-weight: 600; }

/* ═══ TOPBAR KULLANICI MENÜ ═══ */
.ym-topbar-user { margin-left: auto; display: flex; align-items: center; gap: 6px; }
.ym-user-menu-wrap { position: relative; }
.ym-topbar-ubtn {
    padding: 0 18px; border-radius: 10px; border: 1.5px solid rgba(255,255,255,0.2);
    background: rgba(255,255,255,0.08); color: #e2e8f0; font-weight: 600;
    font-size: 0.9rem; cursor: pointer; transition: all 0.2s;
    display: flex; align-items: center; gap: 8px; height: 40px; box-sizing: border-box;
}
.ym-topbar-ubtn:hover { background: rgba(255,255,255,0.14); border-color: rgba(255,255,255,0.35); }
@media (hover: none) {
    .ym-topbar-ubtn:hover { background: rgba(255,255,255,0.08); border-color: rgba(255,255,255,0.2); }
}
.ym-arrow { font-size: 0.7rem; color: #94a3b8; margin-left: 2px; }
.ym-topbar-dropdown {
    position: absolute; top: calc(100% + 6px); right: 0; min-width: 220px;
    background: #ffffff; border-radius: 12px;
    box-shadow: 0 12px 40px rgba(0,0,0,0.3); border: 1px solid #e2e8f0; z-index: 2000; overflow: hidden;
}
.ym-td-item {
    display: flex; align-items: center; gap: 10px; width: 100%;
    padding: 12px 18px; border: none; background: none; cursor: pointer;
    font-size: 0.88rem; font-weight: 600; color: #334155; transition: all 0.15s; text-align: left;
}
.ym-td-item:hover { background: #f0f9ff; color: #0369a1; }
.ym-td-item.ym-td-exit { color: #dc2626; border-top: 1px solid #f1f5f9; }
.ym-td-item.ym-td-exit:hover { background: #fef2f2; color: #b91c1c; }

/* ═══ VIEWONLY BANNER ═══ */
.ym-viewonly-banner {
    display: flex; align-items: center; gap: 16px; margin: 16px 24px 0;
    padding: 14px 20px; background: linear-gradient(135deg, #fef3c7, #fde68a);
    border: 1.5px solid #fbbf24; border-radius: 12px;
}
.ym-viewonly-icon { font-size: 1.3rem; }
.ym-viewonly-content { display: flex; flex-direction: column; gap: 2px; }
.ym-viewonly-content strong { font-size: 0.88rem; color: #92400e; }
.ym-viewonly-content span { font-size: 0.78rem; color: #a16207; }

/* ═══ MESAJ / TOAST ═══ */
.ym-msg {
    margin: 16px 24px 0; padding: 12px 18px; border-radius: 10px;
    font-weight: 600; font-size: 0.9rem;
}
.ym-msg.success { background: #f0fdf4; color: #16a34a; border: 1px solid #bbf7d0; }
.ym-msg.error { background: #fef2f2; color: #dc2626; border: 1px solid #fecaca; }

/* ═══ SEKMELER — Modern Tarayıcı Sekme Stili ═══ */
.ym-tabs-wrapper {
    position: relative;
    display: flex;
    align-items: flex-end;
    background: linear-gradient(180deg, #475569 0%, #64748b 100%);
    padding: 0;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}
.ym-tabs {
    display: flex;
    overflow-x: auto;
    scroll-behavior: smooth;
    padding: 0;
    flex: 1;
    min-width: 0;
    gap: 2px;
    -ms-overflow-style: none;
    scrollbar-width: none;
    cursor: grab;
}
.ym-tabs.ym-tabs-dragging { cursor: grabbing; }
.ym-tabs.ym-tabs-dragging .ym-tab { pointer-events: none; }
.ym-tabs::-webkit-scrollbar { display: none; }
.ym-tab {
    padding: 11px 19px;
    border: none;
    background: rgba(255,255,255,0.10);
    cursor: pointer;
    font-weight: 600;
    font-size: 0.82rem;
    color: rgba(255,255,255,0.78);
    border-radius: 8px 8px 0 0;
    transition: all 0.18s;
    white-space: nowrap;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    position: relative;
    flex-shrink: 0;
    box-shadow: none;
}
.ym-tab + .ym-tab::before {
    content: '';
    position: absolute;
    left: -1px;
    top: 22%;
    height: 56%;
    width: 1px;
    background: rgba(255,255,255,0.12);
    transition: opacity 0.18s;
}
.ym-tabs .ym-tab:hover:not(:disabled):not(.active) {
    color: #fff;
    background: rgba(255,255,255,0.18);
}
.ym-tabs .ym-tab:disabled {
    opacity: 0.35;
    cursor: not-allowed;
    color: rgba(255,255,255,0.38);
    background: rgba(0,0,0,0.08);
    pointer-events: auto;
    position: relative;
    transform: none !important;
    box-shadow: none !important;
    transition: none;
}
.ym-tabs .ym-tab:disabled:hover {
    opacity: 0.35;
    background: rgba(0,0,0,0.08);
    color: rgba(255,255,255,0.38);
    transform: none !important;
    box-shadow: none !important;
}
.ym-tab.active + .ym-tab::before,
.ym-tab.active::before {
    opacity: 0;
}
.ym-tab.active {
    color: #4f46e5;
    background: var(--t-body, #f5f7fa);
    font-weight: 700;
    box-shadow: -1px -2px 6px rgba(0,0,0,0.06);
}
.ym-tab-badge {
    position: absolute; top: 4px; right: 2px;
    background: #ef4444; color: white; font-size: 0.62rem; font-weight: 800;
    padding: 1px 5px; border-radius: 6px; min-width: 14px; text-align: center;
    line-height: 1.3;
}
.ym-tab-count {
    font-size: 0.65rem; background: rgba(255,255,255,0.15); color: rgba(255,255,255,0.8);
    padding: 1px 6px; border-radius: 6px; margin-left: 2px;
}
.ym-tab.active .ym-tab-count {
    background: rgba(99,102,241,0.12); color: #6366f1;
}
@media (max-width: 768px) {
    .ym-tabs-wrapper .ym-tab { padding: 11px 18px; font-size: 0.82rem; }
}
@media (max-width: 480px) {
    .ym-tabs-wrapper .ym-tab { padding: 10px 15px; font-size: 0.78rem; }
}

/* Eski flat sekmeler (legacy fallback) */
.ym-tab-bar {
    display: flex; gap: 4px; padding: 0; background: var(--t-card, white);
    border-bottom: 2px solid var(--t-card-border, #f1f5f9); flex-wrap: wrap;
}
.ym-tab-bar .ym-tab {
    color: #475569;
    background: rgba(71,85,105,0.08);
}
.ym-tab-bar .ym-tab:hover:not(:disabled):not(.active) {
    color: #1e293b;
    background: rgba(71,85,105,0.15);
}
.ym-tab-bar .ym-tab.active {
    color: #4f46e5;
    background: #eef2ff;
    box-shadow: none;
}

/* ═══ SECTION (Ana içerik kutusu) ═══ */
.ym-section {
    margin: 16px 24px 24px; background: var(--t-card, white); border-radius: 16px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.06); padding: 20px;
}

/* ═══ İSTATİSTİK KARTLARI ═══ */
.ym-stats { display: flex; gap: 12px; margin-bottom: 16px; flex-wrap: wrap; }
.ym-stat {
    flex: 1; min-width: 100px; text-align: center; padding: 14px 12px;
    border-radius: 12px; border: 1.5px solid var(--t-card-border, #e2e8f0);
    background: var(--t-hover, #f8fafc);
    transition: transform 0.15s, box-shadow 0.15s, background 0.15s, border-color 0.15s;
    position: relative; overflow: hidden;
}
.ym-stat.green  { background: #f0fdf4; border-color: #bbf7d0; }
.ym-stat.blue   { background: #eff6ff; border-color: #bfdbfe; }
.ym-stat.red    { background: #fef2f2; border-color: #fecaca; }
.ym-stat.gray   { background: #f8fafc; border-color: #e2e8f0; }
.ym-stat.purple { background: #faf5ff; border-color: #e9d5ff; }
.ym-stat.teal   { background: #f0fdfa; border-color: #99f6e4; }
.ym-stat.indigo { background: #eef2ff; border-color: #c7d2fe; }
.ym-stat.orange { background: #fff7ed; border-color: #fed7aa; }
.ym-stat[style*="cursor"]:hover { transform: scale(1.02); }
.ym-stat::after {
    content: ''; position: absolute; left: 0; top: 0; bottom: 0;
    width: 0; border-radius: 12px 0 0 12px;
    transition: width 0.2s ease;
}
.ym-stat.active::after { width: 4px; }
.ym-stat.active::after { background: #6366f1; }
.ym-stat.green.active::after  { background: #16a34a; }
.ym-stat.blue.active::after   { background: #3b82f6; }
.ym-stat.red.active::after    { background: #dc2626; }
.ym-stat.gray.active::after   { background: #64748b; }
.ym-stat.purple.active::after { background: #9333ea; }
.ym-stat.teal.active::after   { background: #0d9488; }
.ym-stat.indigo.active::after { background: #6366f1; }
.ym-stat.orange.active::after { background: #ea580c; }
.ym-stat.active { transform: scale(1.03); box-shadow: 0 4px 16px rgba(0,0,0,0.1); border-width: 2.5px; }
.ym-stat.green.active  { background: #dcfce7; border-color: #16a34a; }
.ym-stat.blue.active   { background: #dbeafe; border-color: #3b82f6; }
.ym-stat.red.active    { background: #fee2e2; border-color: #dc2626; }
.ym-stat.gray.active   { background: #e2e8f0; border-color: #475569; }
.ym-stat.purple.active { background: #f3e8ff; border-color: #9333ea; }
.ym-stat.teal.active   { background: #ccfbf1; border-color: #0d9488; }
.ym-stat.indigo.active { background: #e0e7ff; border-color: #6366f1; }
.ym-stat.orange.active { background: #ffedd5; border-color: #ea580c; }
.ym-stat.active:not(.green):not(.blue):not(.red):not(.gray):not(.purple):not(.teal):not(.indigo):not(.orange) { background: #e0e7ff; border-color: #6366f1; }
.ym-stat-val { display: block; font-size: 1.5rem; font-weight: 800; color: var(--t-text, #1e293b); }
.ym-stat.green  .ym-stat-val { color: #16a34a; }
.ym-stat.blue   .ym-stat-val { color: #3b82f6; }
.ym-stat.red    .ym-stat-val { color: #dc2626; }
.ym-stat.purple .ym-stat-val { color: #9333ea; }
.ym-stat.teal   .ym-stat-val { color: #0d9488; }
.ym-stat.indigo .ym-stat-val { color: #6366f1; }
.ym-stat.orange .ym-stat-val { color: #ea580c; }
.ym-stat.active:not(.green):not(.blue):not(.red):not(.gray):not(.purple):not(.teal):not(.indigo):not(.orange) .ym-stat-val { color: #4f46e5; }
.ym-stat-lbl { display: block; font-size: 0.72rem; font-weight: 600; color: #94a3b8; text-transform: uppercase; }
.ym-stat.active .ym-stat-lbl { color: #64748b; }
.ym-stat-tutar { display: block; font-size: 0.72rem; font-weight: 700; color: #94a3b8; margin-top: 2px; }
.ym-stat.active .ym-stat-tutar { color: #475569; }

/* ═══ FİLTRE HEADER ═══ */
.ym-filter-header {
    display: flex; align-items: center; gap: 8px; margin-bottom: 12px;
    padding-bottom: 10px; border-bottom: 1.5px solid #f1f5f9;
}
.ym-filter-header span:first-child { font-size: 1.1rem; }
.ym-filter-title { font-size: 0.92rem; font-weight: 800; color: var(--t-text, #1e293b); }
.ym-filter-desc { font-size: 0.78rem; color: var(--t-text-muted, #94a3b8); font-weight: 500; margin-left: 4px; }

/* ═══ FİLTRE SATIRI (Butonlar) ═══ */
.ym-filter-row { display: flex; gap: 6px; margin-bottom: 0; flex-wrap: wrap; align-items: center; }
.ym-fbtn {
    padding: 0 14px; border: 1.5px solid var(--t-card-border, #e2e8f0); border-radius: 20px;
    background: var(--t-card, white); font-weight: 600; font-size: 0.8rem; cursor: pointer;
    color: var(--t-text-muted, #64748b); transition: all 0.2s;
    display: inline-flex; align-items: center; gap: 5px; height: 36px;
}
.ym-fbtn:hover:not(.active):not(.download):not(.raporlama) {
    border-color: var(--t-input-border, #cbd5e1);
    background: var(--t-hover, #f8fafc);
    color: var(--t-text, #334155);
}
.ym-fbtn.active {
    color: white; font-weight: 700;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}
/* Tümü — varsayılan indigo */
.ym-fbtn.active:not(.waiting):not(.arrived):not(.reporting):not(.reported):not(.approved):not(.paid):not(.pending):not(.rejected):not(.canceled):not(.completed):not(.planned):not(.expired) {
    background: #4f46e5; border-color: #4f46e5;
}
/* Durum renkleri */
.ym-fbtn.waiting   { border-left: 3px solid #94a3b8; }
.ym-fbtn.waiting.active   { background: #475569; border-color: #475569; }
.ym-fbtn.arrived   { border-left: 3px solid #3b82f6; }
.ym-fbtn.arrived.active   { background: #2563eb; border-color: #2563eb; }
.ym-fbtn.reporting { border-left: 3px solid #f59e0b; }
.ym-fbtn.reporting.active { background: #d97706; border-color: #d97706; }
.ym-fbtn.reported  { border-left: 3px solid #8b5cf6; }
.ym-fbtn.reported.active  { background: #7c3aed; border-color: #7c3aed; }
.ym-fbtn.approved  { border-left: 3px solid #14b8a6; }
.ym-fbtn.approved.active  { background: #0d9488; border-color: #0d9488; }
.ym-fbtn.paid      { border-left: 3px solid #10b981; }
.ym-fbtn.paid.active      { background: #059669; border-color: #059669; }
.ym-fbtn.pending   { border-left: 3px solid #f59e0b; }
.ym-fbtn.pending.active   { background: #d97706; border-color: #d97706; }
.ym-fbtn.rejected  { border-left: 3px solid #ef4444; }
.ym-fbtn.rejected.active  { background: #dc2626; border-color: #dc2626; }
.ym-fbtn.canceled  { border-left: 3px solid #94a3b8; }
.ym-fbtn.canceled.active  { background: #64748b; border-color: #64748b; }
.ym-fbtn.completed { border-left: 3px solid #10b981; }
.ym-fbtn.completed.active { background: #059669; border-color: #059669; }
.ym-fbtn.planned   { border-left: 3px solid #0ea5e9; }
.ym-fbtn.planned.active   { background: #0284c7; border-color: #0284c7; }
.ym-fbtn.expired   { border-left: 3px solid #ef4444; }
.ym-fbtn.expired.active   { background: #dc2626; border-color: #dc2626; }
/* Aksiyon butonları — download & raporlama */
.ym-fbtn.download {
    background: linear-gradient(135deg, #059669, #10b981); color: white;
    border-color: #059669; border-left: none; border-radius: 10px; white-space: nowrap; font-weight: 700;
}
.ym-fbtn.download:hover { background: linear-gradient(135deg, #047857, #059669); border-color: #047857; transform: translateY(-1px); box-shadow: 0 3px 10px rgba(5,150,105,0.25); }
.ym-fbtn.download:disabled { opacity: 0.6; cursor: wait; transform: none; box-shadow: none; }
.ym-fbtn.raporlama {
    background: linear-gradient(135deg, #f59e0b, #d97706); color: white;
    border-color: #d97706; border-left: none; border-radius: 10px; white-space: nowrap; font-weight: 700;
}
.ym-fbtn.raporlama:hover { background: linear-gradient(135deg, #d97706, #b45309); border-color: #b45309; transform: translateY(-1px); box-shadow: 0 3px 10px rgba(217,119,6,0.25); }

/* Aksiyon grubu */
.ym-action-group { display: contents; }

/* ═══ ARAMA + AKSİYON SATIRI ═══ */
.ym-search-action-row {
    display: flex; gap: 8px; margin-top: 12px; margin-bottom: 14px; align-items: center; flex-wrap: wrap;
}
.ym-search-action-row .ym-search { flex: 1; min-width: 200px; }
.ym-search { flex: 1; min-width: 180px; }
.ym-search input {
    width: 100%; padding: 7px 14px; border: 1.5px solid var(--t-input-border, #e2e8f0);
    border-radius: 10px; font-size: 0.84rem; outline: none; box-sizing: border-box;
    background: var(--t-input-bg, #fff); color: var(--t-text, #1e293b);
    height: 36px;
}
.ym-search input:focus { border-color: #6366f1; }

/* ═══ SONUÇ BADGE ═══ */
.ym-result-badge {
    display: inline-flex; align-items: center; gap: 6px;
    padding: 0 14px; background: linear-gradient(135deg, #f8fafc, #f1f5f9);
    border: 1.5px solid #e2e8f0; border-radius: 10px; white-space: nowrap;
    height: 36px;
}
.ym-rb-count { font-size: 0.82rem; font-weight: 700; color: #475569; }
.ym-rb-total { font-size: 0.82rem; font-weight: 800; color: #6366f1; padding-left: 6px; border-left: 1.5px solid #e2e8f0; }

/* ═══ TOOLBAR BADGE (sayfa-ortak) ═══ */
.ym-toolbar-badge {
    display: inline-flex; align-items: center; gap: 5px;
    padding: 0 14px; border-radius: 10px; white-space: nowrap;
    font-size: 0.82rem; font-weight: 700; height: 36px;
    background: #eff6ff; color: #3b82f6; border: 1px solid #bfdbfe;
}
.ym-toolbar-badge.green { background: #f0fdf4; color: #16a34a; border-color: #bbf7d0; }
.ym-toolbar-badge.purple { background: #faf5ff; color: #9333ea; border-color: #e9d5ff; }
.ym-toolbar-badge.orange { background: #fff7ed; color: #ea580c; border-color: #fed7aa; }
.ym-toolbar-badge.indigo { background: #eef2ff; color: #6366f1; border-color: #c7d2fe; }
.ym-toolbar-badge.gray { background: #f8fafc; color: #475569; border-color: #e2e8f0; }

/* ═══ TOOLBAR (Arama + Aksiyon Çubuğu) ═══ */
.ym-toolbar {
    display: flex; align-items: center; gap: 12px; flex-wrap: wrap;
    padding: 16px 30px; max-width: 1400px; margin: 0 auto;
}

/* ═══ EKLEME BUTONU ═══ */
.ym-add-btn {
    padding: 0 20px; height: 38px; border: none; border-radius: 10px;
    background: linear-gradient(135deg, #6366f1, #4f46e5); color: white;
    font-weight: 700; font-size: 0.84rem; cursor: pointer;
    display: inline-flex; align-items: center; gap: 6px;
    transition: all 0.2s; white-space: nowrap; flex-shrink: 0;
}
.ym-add-btn:hover { background: linear-gradient(135deg, #4f46e5, #4338ca); transform: translateY(-1px); box-shadow: 0 4px 12px rgba(99,102,241,0.3); }
.ym-add-btn:disabled { opacity: 0.5; cursor: not-allowed; transform: none; box-shadow: none; }

/* ═══ SATIR AKSİYON BUTONLARI ═══ */
.ym-row-btn {
    padding: 4px 10px; border: 1.5px solid var(--t-card-border, #e2e8f0); border-radius: 8px;
    background: var(--t-card, white); font-size: 0.78rem; font-weight: 600;
    cursor: pointer; transition: all 0.15s; color: var(--t-text, #334155);
    display: inline-flex; align-items: center; gap: 4px;
}
.ym-row-btn:hover { background: var(--t-hover, #f0f9ff); border-color: var(--t-accent, #6366f1); color: #4f46e5; }

/* ═══ SEARCH (doğrudan input) ═══ */
input.ym-search {
    padding: 7px 14px; border: 1.5px solid var(--t-input-border, #e2e8f0); border-radius: 10px;
    font-size: 0.84rem; outline: none; box-sizing: border-box;
    background: var(--t-input-bg, #fff); color: var(--t-text, #1e293b);
    height: 38px; min-width: 200px; flex: 1; max-width: 360px;
    transition: border 0.2s;
}
input.ym-search:focus { border-color: #6366f1; box-shadow: 0 0 0 3px rgba(99,102,241,0.1); }
input.ym-search::placeholder { color: var(--t-text-muted, #94a3b8); }

/* ═══ INPUT ═══ */
.ym-input {
    padding: 7px 14px; border: 1.5px solid var(--t-input-border, #e2e8f0); border-radius: 10px;
    font-size: 0.84rem; transition: border 0.2s; outline: none;
    width: 100%; box-sizing: border-box;
    background: var(--t-input-bg, #fff); color: var(--t-text, #1e293b);
    height: 36px;
}
.ym-input:focus { border-color: #6366f1; box-shadow: 0 0 0 3px rgba(99,102,241,0.1); }

/* ═══ TABLO WRAP ═══ */
.ym-table-wrap { overflow-x: auto; }

/* ═══ TABLO ═══ */
.ym-table { width: 100%; border-collapse: separate; border-spacing: 0; font-size: 0.85rem; }
.ym-table thead { background: var(--t-hover, #f8fafc); }
.ym-table th {
    padding: 10px 14px; text-align: left; font-weight: 700; color: var(--t-text-muted, #475569);
    border-bottom: 2px solid var(--t-card-border, #e2e8f0); white-space: nowrap;
}
.ym-table th.th-sort { cursor: pointer; user-select: none; transition: color 0.15s; }
.ym-table th.th-sort:hover { color: #6366f1; }
.sort-icon { font-size: 0.65rem; opacity: 0.5; margin-left: 2px; }
.ym-table th.th-sort:hover .sort-icon { opacity: 1; }
.ym-table td {
    padding: 10px 14px; border-bottom: 1px solid var(--t-card-border, #f1f5f9); color: var(--t-text, #334155);
}
.ym-table tr:hover { background: var(--t-hover, #fafbfc); }
.ym-table.clickable-rows tbody tr { cursor: pointer; }
.ym-table.clickable-rows tbody tr:hover { background: #f0f4ff; }
.ym-table .row-active { background: #eff6ff !important; }
.ym-table .row-pasif { opacity: 0.55; }
.ym-table .row-locked { background: #fef2f2 !important; }
.ym-table .row-danger { background: #fef2f2 !important; }
.ym-table .row-warning { background: #fffbeb !important; }

/* ═══ KOLON FİLTRE BAŞLIKLARI ═══ */
.th-sf { cursor: pointer; user-select: none; position: relative; transition: all 0.15s; }
.th-sf:hover { color: #6366f1; background: #f0f4ff; }
.th-sf.filtered { color: #4f46e5; background: #eef2ff; }
.th-sf.filterable { border-bottom: 2.5px solid #c7d2fe; }
.th-sf.filterable.filtered { border-bottom-color: #6366f1; }
.col-filter-banner {
    display: flex; align-items: center; gap: 12px; padding: 8px 16px; margin-bottom: 8px;
    background: #eef2ff; border: 1.5px solid #c7d2fe; border-radius: 8px;
    font-size: 0.82rem; font-weight: 600; color: #4f46e5;
}
.col-filter-banner button {
    margin-left: auto; border: 1px solid #a5b4fc; background: white; color: #4f46e5;
    padding: 3px 10px; border-radius: 6px; font-size: 0.75rem; font-weight: 600; cursor: pointer;
}
.col-filter-banner button:hover { background: #eef2ff; }

/* ═══ KOLON FİLTRE POPUP (cfp-*) — Ekran ortası popup ═══ */
.cfp-backdrop {
    position: fixed; top: 0; left: 0; width: 100%; height: 100%;
    z-index: 9000; background: rgba(15,23,42,0.18);
    backdrop-filter: blur(2px);
    animation: cfpFade 0.15s ease-out;
}
@keyframes cfpFade { from { opacity: 0; } to { opacity: 1; } }
.cfp-dropdown {
    position: fixed; top: 50%; left: 50%; z-index: 9001;
    transform: translate(-50%, -50%);
    background: var(--t-card, white); border-radius: 16px;
    box-shadow: 0 25px 60px rgba(0,0,0,0.25), 0 0 0 1px rgba(0,0,0,0.04);
    width: 320px; max-height: 480px; overflow: hidden;
    display: flex; flex-direction: column;
    animation: cfp-in 0.2s cubic-bezier(0.175,0.885,0.32,1.275);
    text-transform: none; letter-spacing: 0; font-weight: 400;
}
@keyframes cfp-in {
    from { opacity: 0; transform: translate(-50%,-50%) scale(0.9); }
    to   { opacity: 1; transform: translate(-50%,-50%) scale(1); }
}
.cfp-header {
    padding: 12px 16px 10px; display: flex; align-items: center;
    justify-content: space-between; border-bottom: 1px solid #f1f5f9;
}
.cfp-title { font-weight: 800; font-size: 0.88rem; color: #1e293b; }
.cfp-close {
    border: none; background: #f1f5f9; color: #64748b;
    width: 24px; height: 24px; border-radius: 6px; cursor: pointer;
    font-size: 0.78rem; font-weight: 700;
    display: flex; align-items: center; justify-content: center; transition: all 0.15s;
}
.cfp-close:hover { background: #fef2f2; color: #dc2626; }
.cfp-sort { padding: 10px 16px; display: flex; gap: 6px; }
.cfp-sort-btn {
    flex: 1; padding: 8px 14px; border: 1.5px solid #e2e8f0; border-radius: 8px;
    background: #f8fafc; font-size: 0.8rem; font-weight: 700; color: #475569;
    cursor: pointer; transition: all 0.15s;
    display: flex; align-items: center; justify-content: center; gap: 4px;
}
.cfp-sort-btn:hover { border-color: #a5b4fc; background: #eef2ff; color: #4f46e5; }
.cfp-sort-btn.asc.active { border-color: #86efac; background: #f0fdf4; color: #16a34a; }
.cfp-sort-btn.asc:hover { border-color: #86efac; background: #f0fdf4; color: #16a34a; }
.cfp-sort-btn.desc.active { border-color: #fca5a5; background: #fef2f2; color: #dc2626; }
.cfp-sort-btn.desc:hover { border-color: #fca5a5; background: #fef2f2; color: #dc2626; }
.cfp-divider { height: 1px; background: #e2e8f0; margin: 0; }
.cfp-search-wrap { padding: 10px 16px 6px; }
.cfp-search {
    width: 100%; padding: 7px 12px; border: 1.5px solid #e2e8f0; border-radius: 8px;
    font-size: 0.8rem; outline: none; box-sizing: border-box; transition: border 0.15s;
}
.cfp-search:focus { border-color: #6366f1; box-shadow: 0 0 0 3px rgba(99,102,241,0.08); }
.cfp-actions {
    display: flex; gap: 4px; padding: 4px 16px 6px;
}
.cfp-actions button {
    flex: 1; padding: 5px 8px; border: 1.5px solid #e2e8f0; border-radius: 6px;
    background: white; font-size: 0.72rem; font-weight: 700; color: #475569;
    cursor: pointer; transition: all 0.15s;
}
.cfp-actions button:hover { background: #eef2ff; border-color: #a5b4fc; color: #4f46e5; }
.cfp-list { flex: 1; overflow-y: auto; padding: 2px 0 6px; max-height: 200px; }
.cfp-item {
    display: flex; align-items: center; gap: 8px; padding: 5px 16px;
    cursor: pointer; font-size: 0.82rem; color: #334155; transition: background 0.1s;
}
.cfp-item:hover { background: #f8fafc; }
.cfp-item input[type="checkbox"] {
    width: 15px; height: 15px; accent-color: #6366f1; cursor: pointer; flex-shrink: 0;
}
.cfp-empty { padding: 12px; text-align: center; color: #94a3b8; font-size: 0.8rem; }

/* ═══ ORTAK TD YARDIMCILARI ═══ */
.td-id { font-weight: 700; color: #94a3b8; font-size: 0.78rem; }
.td-tutar { font-weight: 700; color: #1e293b; white-space: nowrap; }
.td-desc { max-width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #64748b; }
.td-actions { white-space: nowrap; }
.td-center { text-align: center; }
.td-bold { font-weight: 700; }
.td-muted { color: #cbd5e1; }
.td-chk { width: 32px; text-align: center; }
.th-chk { width: 32px; text-align: center; }
.empty-row {
    text-align: center;
    padding: 40px 16px !important;
    color: #dc2626;
    font-size: 0.92rem;
    font-weight: 600;
    background: linear-gradient(135deg, #fef2f2, #fff5f5) !important;
}
.empty-row .empty-icon {
    display: block;
    font-size: 2.2rem;
    margin-bottom: 8px;
    opacity: 0.7;
}
.empty-row .empty-text {
    display: block;
    color: #dc2626;
    font-size: 0.88rem;
    font-weight: 700;
    letter-spacing: 0.02em;
}
.row-checked { background: #eff6ff !important; }

/* ═══ PİLLER (Durum etiketleri) ═══ */
.ym-pill {
    display: inline-block; padding: 3px 10px; border-radius: 6px;
    font-size: 0.72rem; font-weight: 700;
}
.ym-pill.green  { background: #f0fdf4; color: #16a34a; }
.ym-pill.blue   { background: #eff6ff; color: #3b82f6; }
.ym-pill.red    { background: #fef2f2; color: #dc2626; }
.ym-pill.gray   { background: #f1f5f9; color: #64748b; }
.ym-pill.orange { background: #fff7ed; color: #ea580c; }
.ym-pill.purple { background: #faf5ff; color: #9333ea; }
.ym-pill.indigo { background: #eef2ff; color: #6366f1; }
.ym-pill.teal   { background: #f0fdfa; color: #0d9488; }

.durum-pill {
    padding: 4px 12px; border-radius: 8px; font-size: 0.78rem; font-weight: 700;
    display: inline-block;
}
.durum-pill.aktif { background: #f0fdf4; color: #16a34a; }
.durum-pill.pasif { background: #fef2f2; color: #dc2626; }
.durum-pill.beklemede { background: #fffbeb; color: #d97706; }
.durum-pill.planlandi { background: #ecfeff; color: #0891b2; }
.durum-pill.raporlandi { background: #f0fdf4; color: #16a34a; }
.durum-pill.raporlanmadi { background: #fffbeb; color: #d97706; }

/* Personel hücre */
.ym-personel { display: flex; flex-direction: column; gap: 2px; }
.ym-personel strong { font-size: 0.88rem; }
.ym-mail { font-size: 0.72rem; color: #94a3b8; }

.personel-tag {
    background: #eff6ff; color: #3b82f6; padding: 3px 10px; border-radius: 6px;
    font-size: 0.78rem; font-weight: 700; white-space: nowrap;
}

/* ═══ AKSİYON BUTONLARI ═══ */
.ym-act {
    border: none; background: none; cursor: pointer; font-size: 1rem;
    padding: 4px 6px; border-radius: 6px; transition: all 0.2s;
}
.ym-act.approve  { background: #f0fdf4; }
.ym-act.approve:hover { background: #dcfce7; }
.ym-act.reject   { background: #fef2f2; }
.ym-act.reject:hover  { background: #fecaca; }
.ym-act.edit:hover     { background: #eff6ff; }
.ym-act.del:hover      { background: #fef2f2; }
.ym-act.info:hover     { background: #faf5ff; }
.ym-act.pay, .ym-act.receipt {
    background: linear-gradient(135deg, #16a34a, #22c55e); color: white;
    font-size: 0.75rem; padding: 6px 12px; border-radius: 8px; font-weight: 700;
}
.ym-act.pay:hover, .ym-act.receipt:hover {
    transform: translateY(-1px); box-shadow: 0 4px 12px rgba(22,163,74,0.3);
}
.ym-act.receipt { background: linear-gradient(135deg, #3b82f6, #60a5fa); }
.ym-act.receipt:hover { box-shadow: 0 4px 12px rgba(59,130,246,0.3); }

/* ═══ BULK BAR (Toplu işlem) ═══ */
.ym-bulk-bar {
    display: flex; gap: 8px; align-items: center; padding: 10px 16px;
    background: #eff6ff; border: 1.5px solid #bfdbfe; border-radius: 10px;
    margin-bottom: 12px; flex-wrap: wrap;
}
.ym-bulk-info { font-size: 0.82rem; font-weight: 700; color: #3b82f6; flex: 1; }
.ym-bulk-btn {
    padding: 6px 14px; border: none; border-radius: 8px; cursor: pointer;
    font-size: 0.78rem; font-weight: 700; color: white; transition: all 0.2s;
}
.ym-bulk-btn.arrived { background: #3b82f6; }
.ym-bulk-btn.reporting { background: #6366f1; }
.ym-bulk-btn.reported { background: #9333ea; }
.ym-bulk-btn.approved { background: #0d9488; }
.ym-bulk-btn.paid { background: linear-gradient(135deg, #16a34a, #22c55e); }
.ym-bulk-btn.paid.disabled { background: #cbd5e1; cursor: not-allowed; opacity: 0.5; }
.ym-bulk-btn.paid.disabled:hover { transform: none; box-shadow: none; }
.ym-bulk-btn.cancel { background: white; color: #64748b; border: 1.5px solid #e2e8f0; }
.ym-bulk-btn:hover { transform: translateY(-1px); box-shadow: 0 2px 8px rgba(0,0,0,0.1); }

/* ═══ POPUP / OVERLAY ═══ */
.ym-overlay {
    position: fixed; inset: 0; background: rgba(0,0,0,0.4);
    z-index: 1000; backdrop-filter: blur(4px);
}
.ym-popup {
    position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%);
    background: white; border-radius: 16px; padding: 28px; z-index: 1001;
    width: 90%; max-width: 440px; box-shadow: 0 20px 60px rgba(0,0,0,0.2);
}
.ym-popup h3 { margin: 0 0 8px; font-size: 1.1rem; }
.ym-popup p { margin: 0 0 16px; color: #64748b; font-size: 0.9rem; }
.ym-popup-label { display: block; font-weight: 700; font-size: 0.82rem; color: #475569; margin-bottom: 6px; }
.ym-popup-input {
    width: 100%; padding: 10px 14px; border: 1.5px solid #e2e8f0; border-radius: 10px;
    font-size: 0.9rem; outline: none; font-family: inherit; box-sizing: border-box; resize: vertical;
}
.ym-popup-input:focus { border-color: #ef4444; }
.ym-popup-actions { display: flex; gap: 10px; margin-top: 16px; }
.ym-popup-wide { max-width: 680px; max-height: 90vh; overflow-y: auto; }

/* ═══ FORM BUTONLARI ═══ */
.ym-btn {
    padding: 10px 20px; border: none; border-radius: 10px; cursor: pointer;
    font-weight: 700; font-size: 0.85rem; transition: all 0.2s;
}
.ym-btn.primary { background: linear-gradient(135deg, #16a34a, #22c55e); color: white; }
.ym-btn.primary:hover { transform: translateY(-1px); box-shadow: 0 4px 12px rgba(22,163,74,0.3); }
.ym-btn.danger { background: linear-gradient(135deg, #dc2626, #ef4444); color: white; flex: 1; }
.ym-btn.danger:hover { transform: translateY(-1px); box-shadow: 0 4px 12px rgba(220,38,38,0.3); }
.ym-btn.cancel { background: white; color: #64748b; border: 1.5px solid #e2e8f0; }
.ym-btn.cancel:hover { border-color: #94a3b8; }
.ym-btn.secondary {
    padding: 8px 16px; border: 1.5px solid #c7d2fe; border-radius: 10px; background: #eef2ff;
    color: #4f46e5; font-weight: 700; font-size: 0.82rem; cursor: pointer; transition: all 0.2s;
    display: inline-flex; align-items: center; gap: 6px;
}
.ym-btn.secondary:hover { background: #e0e7ff; border-color: #6366f1; }

.ym-btn-save {
    padding: 10px 28px; border: none; border-radius: 10px; cursor: pointer;
    font-weight: 700; font-size: 0.9rem; color: white;
    background: #4f46e5; box-shadow: 0 2px 8px rgba(79,70,229,0.18); transition: all 0.2s;
}
.ym-btn-save:hover { background: #4338ca; transform: translateY(-1px); box-shadow: 0 4px 14px rgba(79,70,229,0.28); }
.ym-btn-cancel {
    padding: 10px 28px; border: 1.5px solid #e2e8f0; border-radius: 10px;
    cursor: pointer; font-weight: 700; font-size: 0.9rem; color: #64748b;
    background: white; transition: all 0.2s;
}
.ym-btn-cancel:hover { border-color: #dc2626; color: #dc2626; background: #fef2f2; }

/* Temizle butonu */
.ym-btn-clear {
    padding: 0 14px; border: 1.5px solid #fecaca; border-radius: 10px;
    background: #fef2f2; color: #dc2626; font-weight: 700; font-size: 0.82rem;
    cursor: pointer; transition: all 0.2s; white-space: nowrap;
    height: 36px; display: inline-flex; align-items: center; gap: 4px;
}
.ym-btn-clear:hover { background: #fee2e2; }

/* ═══ COMPACT TABLE ═══ */
.ym-table-compact th, .ym-table-compact td { padding: 7px 10px; font-size: 0.78rem; }

/* ═══ FİLTRE GROUP (select/input kapsayıcı) ═══ */
.ym-filter-group { min-width: 140px; display: flex; flex-direction: column; gap: 4px; }
.ym-filter-group label { font-size: 0.78rem; font-weight: 700; color: #475569; }
.ym-filter-group select, .ym-filter-group input { width: 100%; }

/* ═══ LİSTE SECTION (Tablo kapsayıcı — ayrı kutu) ═══ */
.ym-list-section {
    background: white; margin: 0 24px 24px; border-radius: 16px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.06); overflow: hidden;
}
.ym-list-header {
    padding: 18px 24px; border-bottom: 1px solid #f1f5f9;
}

/* ═══ DENIED (yetkisiz) ═══ */
.ym-denied { text-align: center; padding: 80px 24px; color: #64748b; }
.ym-denied-icon { font-size: 4rem; margin-bottom: 16px; }
.ym-denied h3 { color: #1e293b; font-size: 1.3rem; margin-bottom: 8px; }
.ym-denied p { max-width: 420px; margin: 0 auto 24px; line-height: 1.6; }

/* ═══ SearchSelect — ortak uyumluluk ═══ */
.ym-filter-group ::deep .m-input,
.ym-section ::deep .m-input {
    padding: 10px 14px; border: 1.5px solid #e2e8f0; border-radius: 10px;
    font-size: 0.9rem; transition: border 0.2s; outline: none;
    background: white; width: 100%; box-sizing: border-box;
}
.ym-filter-group ::deep .m-input:focus,
.ym-filter-group ::deep .m-input.ss-open,
.ym-section ::deep .m-input:focus,
.ym-section ::deep .m-input.ss-open {
    border-color: #6366f1; box-shadow: 0 0 0 3px rgba(99,102,241,0.1);
}

/* ═══ RESPONSİVE ═══ */
@media (max-width: 768px) {
    .ym-topbar { padding: 14px 16px; gap: 10px; }
    .ym-back { padding: 6px 12px; font-size: 0.78rem; }
    .ym-topbar h2 { font-size: 1rem; }
    .ym-tabs {
        display: flex; flex-wrap: nowrap; gap: 2px;
        overflow-x: auto; scroll-behavior: smooth;
        -ms-overflow-style: none; scrollbar-width: none;
        padding: 0; border-bottom: none;
        background: linear-gradient(180deg, #475569 0%, #64748b 100%);
    }
    .ym-tabs::-webkit-scrollbar { display: none; }
    .ym-tab {
        flex-shrink: 0; min-width: 0;
        padding: 11px 18px; border: none;
        background: rgba(255,255,255,0.10);
        border-radius: 8px 8px 0 0; font-size: 0.82rem; font-weight: 600;
        color: rgba(255,255,255,0.78); text-align: center;
        white-space: nowrap;
        display: flex; align-items: center; justify-content: center; gap: 4px;
        box-shadow: none; transition: all 0.18s;
    }
    .ym-tabs .ym-tab:hover:not(:disabled):not(.active) {
        color: #fff;
        background: rgba(255,255,255,0.18);
    }
    .ym-tabs .ym-tab:disabled {
        opacity: 0.35;
        cursor: not-allowed;
        color: rgba(255,255,255,0.38);
        background: rgba(0,0,0,0.08);
        box-shadow: none;
        transform: none !important;
        transition: none;
    }
    .ym-tabs .ym-tab:disabled:hover {
        opacity: 0.35;
        color: rgba(255,255,255,0.38);
        background: rgba(0,0,0,0.08);
        box-shadow: none;
        transform: none !important;
    }
    .ym-tab.active {
        color: #4f46e5;
        background: var(--t-body, #f5f7fa);
        font-weight: 700;
        box-shadow: -1px -2px 6px rgba(0,0,0,0.06);
    }
    .ym-tab-bar .ym-tab {
        color: #475569;
        background: rgba(71,85,105,0.08);
    }
    .ym-tab-bar .ym-tab:hover:not(:disabled):not(.active) {
        color: #1e293b;
        background: rgba(71,85,105,0.15);
    }
    .ym-tab-bar .ym-tab.active {
        color: #4f46e5;
        background: #eef2ff;
        box-shadow: none;
    }
    .ym-stats { display: flex; flex-wrap: wrap; gap: 8px; }
    .ym-stat { flex: 1 1 calc(33.33% - 6px); min-width: 90px; padding: 10px 6px; }
    .ym-stat-val { font-size: 1.15rem; }
    .ym-stat-lbl { font-size: 0.62rem; }
    .ym-stat-tutar { font-size: 0.62rem; }
    .ym-section { margin: 0 8px 12px; padding: 12px; }
    .ym-list-section { margin: 0 8px 12px; }
    .ym-filter-row { display: flex; flex-wrap: wrap; gap: 5px; align-items: center; }
    .ym-fbtn { flex: 1 1 auto; font-size: 0.72rem; padding: 5px 10px; text-align: center; min-width: 0; border-radius: 16px; }
    .ym-fbtn.download, .ym-fbtn.raporlama { border-radius: 8px; }
    .ym-action-group { display: flex; flex-wrap: wrap; gap: 5px; flex-basis: 100%; }
    .ym-action-group .ym-fbtn { flex: 1 1 auto; min-width: 0; }
    .ym-search { flex: 1 1 100%; min-width: 0; }
    .ym-search-action-row { flex-direction: column; align-items: stretch; }
    .ym-result-badge { align-self: flex-start; }
    .ym-filter-desc { display: none; }
    .ym-filter-group { min-width: 100%; width: 100%; }
    .ym-btn-clear { width: 100%; text-align: center; box-sizing: border-box; }
    .ym-table th { padding: 10px 12px; font-size: 0.72rem; }
    .ym-table td { padding: 10px 12px; font-size: 0.8rem; }
    .ym-msg { margin: 12px 12px 0; }
    .ym-denied { padding: 40px 16px; }
    .cfp-dropdown { width: 90vw; }
    .ym-toolbar { padding: 12px 16px; gap: 8px; }
    .ym-add-btn { width: 100%; justify-content: center; }
    input.ym-search { max-width: 100%; min-width: 0; flex: 1 1 100%; font-size: 0.8rem; padding: 6px 12px; height: 34px; }
    .ym-input { font-size: 0.82rem; padding: 7px 12px; }
    .ym-result-badge { height: 32px; font-size: 0.76rem; padding: 0 10px; }
    .ym-toolbar-badge { height: 32px; font-size: 0.76rem; padding: 0 10px; }
    .ym-add-btn { height: 34px; font-size: 0.78rem; padding: 0 14px; }
}

@media (max-width: 480px) {
    .ym-stat { flex: 1 1 calc(33.33% - 6px); min-width: 80px; padding: 8px 4px; }
    .ym-stat-val { font-size: 1rem; }
    .ym-stat-lbl { font-size: 0.58rem; }
    .ym-stat-tutar { font-size: 0.58rem; }
    .ym-fbtn { font-size: 0.67rem; padding: 4px 7px; border-radius: 14px; }
    .ym-section { margin: 0 4px 10px; padding: 10px; }
    .ym-tab { padding: 10px 15px; font-size: 0.78rem; }
    input.ym-search { font-size: 0.76rem; padding: 5px 10px; height: 32px; }
    .ym-input { font-size: 0.78rem; padding: 6px 10px; }
    .ym-add-btn { height: 32px; font-size: 0.74rem; padding: 0 12px; }
}

/* Yönetim sayfaları global mobil input küçültme */
@media (max-width: 768px) {
    .ym-page input[type="search"],
    .ym-page input[type="text"],
    .ym-page input[type="date"],
    .ym-page input[type="number"],
    .ym-page select,
    .ym-page textarea {
        font-size: 0.82rem !important;
        padding: 7px 12px !important;
    }
    .ym-page input[type="search"] {
        height: 34px !important;
    }
}
@media (max-width: 480px) {
    .ym-page input[type="search"],
    .ym-page input[type="text"],
    .ym-page input[type="date"],
    .ym-page input[type="number"],
    .ym-page select,
    .ym-page textarea {
        font-size: 0.78rem !important;
        padding: 6px 10px !important;
    }
    .ym-page input[type="search"] {
        height: 32px !important;
    }
}

/* ═══════════════════════════════════════════════════════
   TEMA UYUMU — Yönetim sayfaları dark mode desteği
   ═══════════════════════════════════════════════════════ */

/* ── Sayfa arkaplanı ── */
[data-theme] .ym-page {
    background: var(--t-body) !important;
    color: var(--t-text) !important;
    transition: background 0.3s;
}

/* ── Section / Kartlar ── */
[data-theme] .ym-section,
[data-theme] .ym-list-section,
[data-theme] .ym-form-section,
[data-theme] .ym-popup {
    background: var(--t-card) !important;
    color: var(--t-text) !important;
    border-color: var(--t-card-border) !important;
}

/* ── Sekmeler (Tabs) — tema etki etmemeli, orijinal koyu gradient korunur ── */
[data-theme] .ym-tabs {
    background: transparent !important;
    border-bottom-color: transparent !important;
}
[data-theme] .ym-tabs-wrapper {
    background: linear-gradient(180deg, #475569 0%, #64748b 100%) !important;
}
[data-theme] .ym-tab {
    color: rgba(255,255,255,0.78) !important;
    background: rgba(255,255,255,0.10) !important;
}
[data-theme] .ym-tabs .ym-tab:hover:not(:disabled):not(.active) {
    color: #fff !important;
    background: rgba(255,255,255,0.18) !important;
}
[data-theme] .ym-tabs .ym-tab:disabled {
    opacity: 0.35;
    cursor: not-allowed;
    color: rgba(255,255,255,0.38) !important;
    background: rgba(0,0,0,0.08) !important;
    transform: none !important;
    box-shadow: none !important;
    transition: none;
}
[data-theme] .ym-tabs .ym-tab:disabled:hover {
    opacity: 0.35;
    background: rgba(0,0,0,0.08) !important;
    color: rgba(255,255,255,0.38) !important;
    transform: none !important;
    box-shadow: none !important;
}
[data-theme] .ym-tab.active {
    color: #4f46e5 !important;
    background: #f5f7fa !important;
    box-shadow: -1px -2px 6px rgba(0,0,0,0.06) !important;
}

/* ── Form sekme çubuğu (ym-tab-bar) — açık arka planlı, tema etkilememeli ── */
[data-theme] .ym-tab-bar {
    background: #fff !important;
    border-bottom-color: #f1f5f9 !important;
}
[data-theme] .ym-tab-bar .ym-tab {
    color: #475569 !important;
    background: rgba(71,85,105,0.08) !important;
}
[data-theme] .ym-tab-bar .ym-tab:hover:not(:disabled):not(.active) {
    color: #1e293b !important;
    background: rgba(71,85,105,0.15) !important;
}
[data-theme] .ym-tab-bar .ym-tab.active {
    color: #4f46e5 !important;
    background: #eef2ff !important;
    box-shadow: none !important;
}

/* ── Tablo ── */
[data-theme] .ym-table {
    color: var(--t-text) !important;
}
[data-theme] .ym-table thead {
    background: var(--t-hover) !important;
}
[data-theme] .ym-table th {
    color: var(--t-text) !important;
    border-bottom-color: var(--t-card-border) !important;
}
[data-theme] .ym-table td {
    color: var(--t-text) !important;
    border-bottom-color: var(--t-card-border) !important;
}
[data-theme] .ym-table tr:hover {
    background: var(--t-hover) !important;
}
[data-theme] .ym-table.clickable-rows tbody tr:hover {
    background: var(--t-accent-light) !important;
}
[data-theme] .ym-table .row-active {
    background: var(--t-accent-light) !important;
}

/* ── İstatistik kartları ── */
[data-theme] .ym-stat {
    border-color: var(--t-card-border);
    background: var(--t-hover);
}
[data-theme] .ym-stat-val {
    color: var(--t-text);
}
[data-theme] .ym-stat-lbl {
    color: var(--t-text-muted);
}
[data-theme] .ym-stat.active .ym-stat-lbl {
    color: var(--t-text);
}
[data-theme] .ym-stat-tutar {
    color: var(--t-text-muted);
}

/* ── Filtre butonları ── */
[data-theme] .ym-fbtn {
    background: var(--t-card) !important;
    color: var(--t-text-muted) !important;
    border-color: var(--t-card-border) !important;
}
[data-theme] .ym-fbtn:hover:not(.active):not(.download):not(.raporlama) {
    border-color: var(--t-input-border) !important;
    color: var(--t-text) !important;
    background: var(--t-hover) !important;
}
[data-theme] .ym-fbtn.active {
    background: var(--t-accent) !important;
    color: #fff !important;
    border-color: var(--t-accent) !important;
}

/* ── Arama ── */
[data-theme] .ym-search input {
    background: var(--t-input-bg) !important;
    border-color: var(--t-input-border) !important;
    color: var(--t-text) !important;
}
[data-theme] .ym-search input:focus {
    border-color: var(--t-accent) !important;
}

/* ── Input ── */
[data-theme] .ym-input {
    background: var(--t-input-bg) !important;
    border-color: var(--t-input-border) !important;
    color: var(--t-text) !important;
}
[data-theme] .ym-input:focus {
    border-color: var(--t-accent) !important;
}

/* ── Filtre header ── */
[data-theme] .ym-filter-header {
    border-bottom-color: var(--t-card-border) !important;
}
[data-theme] .ym-filter-title {
    color: var(--t-text) !important;
}
[data-theme] .ym-filter-desc {
    color: var(--t-text-muted) !important;
}

/* ── Sonuç badge ── */
[data-theme] .ym-result-badge {
    background: var(--t-hover) !important;
    border-color: var(--t-card-border) !important;
}
[data-theme] .ym-rb-count {
    color: var(--t-text) !important;
}
[data-theme] .ym-rb-total {
    color: var(--t-accent) !important;
    border-left-color: var(--t-card-border) !important;
}

/* ── Mesaj / Toast ── */
[data-theme] .ym-msg.success {
    background: var(--t-accent-light) !important;
    color: var(--t-accent) !important;
    border-color: var(--t-accent) !important;
}

/* ── Popup / Overlay ── */
[data-theme] .ym-popup h3 {
    color: var(--t-text) !important;
}
[data-theme] .ym-popup p {
    color: var(--t-text-muted) !important;
}
[data-theme] .ym-popup-label {
    color: var(--t-text-muted) !important;
}
[data-theme] .ym-popup-input {
    background: var(--t-input-bg) !important;
    border-color: var(--t-input-border) !important;
    color: var(--t-text) !important;
}

/* ── Form butonları ── */
[data-theme] .ym-btn.cancel,
[data-theme] .ym-btn-cancel {
    background: var(--t-card) !important;
    color: var(--t-text-muted) !important;
    border-color: var(--t-card-border) !important;
}
[data-theme] .ym-bulk-btn.cancel {
    background: var(--t-card) !important;
    color: var(--t-text-muted) !important;
    border-color: var(--t-card-border) !important;
}

/* ── Topbar dropdown — sabit renkler, tema etki etmez ── */
[data-theme] .ym-topbar-dropdown,
[data-theme] .ym-user-dropdown {
    background: #ffffff !important;
    border-color: #e2e8f0 !important;
    color: #334155 !important;
}
[data-theme] .ym-td-item,
[data-theme] .ym-ud-item {
    color: #334155 !important;
}
[data-theme] .ym-td-item:hover,
[data-theme] .ym-ud-item:hover {
    background: #f0f9ff !important;
    color: #0369a1 !important;
}
[data-theme] .ym-td-item.ym-td-exit,
[data-theme] .ym-ud-item.ym-ud-exit {
    color: #dc2626 !important;
    border-top-color: #f1f5f9 !important;
}
[data-theme] .ym-td-item.ym-td-exit:hover,
[data-theme] .ym-ud-item.ym-ud-exit:hover {
    background: #fef2f2 !important;
    color: #b91c1c !important;
}

/* ── List header / section header ── */
[data-theme] .ym-list-header {
    border-bottom-color: var(--t-card-border) !important;
}

/* ── Denied (yetkisiz) ── */
[data-theme] .ym-denied {
    color: var(--t-text-muted) !important;
}
[data-theme] .ym-denied h3 {
    color: var(--t-text) !important;
}

/* ── Kolon filtre popup — yönetim sayfaları ── */
[data-theme] .cfp-dropdown {
    background: var(--t-card) !important;
}
[data-theme] .cfp-header {
    border-bottom-color: var(--t-card-border) !important;
}
[data-theme] .cfp-title {
    color: var(--t-text) !important;
}
[data-theme] .cfp-close {
    background: var(--t-hover) !important;
    color: var(--t-text-muted) !important;
}
[data-theme] .cfp-search {
    background: var(--t-input-bg) !important;
    border-color: var(--t-input-border) !important;
    color: var(--t-text) !important;
}
[data-theme] .cfp-divider {
    background: var(--t-card-border) !important;
}
[data-theme] .cfp-item {
    color: var(--t-text) !important;
}
[data-theme] .cfp-item:hover {
    background: var(--t-hover) !important;
}

/* ── Viewonly banner ── */
[data-theme="dark"] .ym-viewonly-banner,
[data-theme="midnight"] .ym-viewonly-banner {
    background: linear-gradient(135deg, rgba(146,64,14,0.2), rgba(180,83,9,0.15)) !important;
    border-color: rgba(251,191,36,0.3) !important;
}
[data-theme="dark"] .ym-viewonly-content strong,
[data-theme="midnight"] .ym-viewonly-content strong {
    color: #fbbf24 !important;
}
[data-theme="dark"] .ym-viewonly-content span,
[data-theme="midnight"] .ym-viewonly-content span {
    color: #fcd34d !important;
}

/* ── Kolon filtre th ── */
[data-theme] .th-sf:hover {
    color: var(--t-accent) !important;
    background: var(--t-accent-light) !important;
}
[data-theme] .th-sf.filtered {
    color: var(--t-accent) !important;
    background: var(--t-accent-light) !important;
}
[data-theme] .th-sf.filterable {
    border-bottom-color: color-mix(in srgb, var(--t-accent) 40%, var(--t-card-border) 60%) !important;
}
[data-theme] .th-sf.filterable.filtered {
    border-bottom-color: var(--t-accent) !important;
}