body { font-size: 13px !important; border-top: none !important; }
html { border-top: none !important; }
.page { border-top: none !important; }
.app-header { border-top: none !important; }

/* Header center group - quick access tam ortada */
.main-header-container { position: relative !important; }
.header-center-group { position: absolute !important; top: 50% !important; transform: translateY(-50%) !important; }
.header-quick-access.header-center-group { left: calc(50% - 24px) !important; }
.header-center-group + .header-center-group { left: calc(50% + 24px) !important; }
.header-cari-arama { position: absolute !important; top: 50% !important; transform: translateY(-50%) !important; left: calc(50% - 72px) !important; }

/* ===== 3-DOT DROPDOWN MODERN STİLLERİ ===== */
/* Dropdown tetikleyici buton (gri default) */
.btn.btn-dots,
.btn.btn-sm.btn-dots,
.btn.btn-primary.btn-dots { border-radius: 8px; padding: 4px 8px; line-height: 1; background: #e9ecef !important; background-image: none !important; border: 1px solid #d1d5db !important; color: #495057 !important; box-shadow: none !important; }
    .btn.btn-dots:hover,
    .btn.btn-primary.btn-dots:hover { background: #d1d5db !important; background-image: none !important; border-color: #adb5bd !important; color: #212529 !important; box-shadow: none !important; }
.btn-dots .fe-more-vertical { font-size: 14px; }
[data-theme-mode=dark] .btn.btn-dots,
[data-theme-mode=dark] .btn.btn-primary.btn-dots { background: #334155 !important; background-image: none !important; border-color: #475569 !important; color: #94a3b8 !important; }
    [data-theme-mode=dark] .btn.btn-dots:hover,
    [data-theme-mode=dark] .btn.btn-primary.btn-dots:hover { background: #475569 !important; background-image: none !important; border-color: #64748b !important; color: #e2e8f0 !important; }
/* Dropdown menü */
.table-responsive .dropdown { position: static; }
.dropdown-menu.dropdown-menu-modern { min-width: 180px; border-radius: 10px; padding: 6px 0; }
    .dropdown-menu.dropdown-menu-modern.dropdown-menu-lg { min-width: 200px; }
    .dropdown-menu.dropdown-menu-modern.dropdown-menu-xl { min-width: 220px; }
    .dropdown-menu.dropdown-menu-modern.dropdown-menu-xxl { min-width: 280px; }

/* ===== INLINE-STYLE REPLACEMENT UTILITY CLASSES ===== */
.btn-rounded { border-radius: 8px; font-weight: 600; }
.card-body-min { min-height: 320px; }

/* ============================================================
   GLOBAL PAGE PREMIUM OVERRIDE (auto-upgrade all old pages)
   ============================================================ */

/* --- Cards: premium rounded + shadow --- */
.card { border-radius: 14px !important; border: none !important; box-shadow: 0 2px 12px rgba(0,0,0,0.06) !important; overflow: hidden !important; transition: box-shadow 0.3s ease !important; }
    .card:hover { box-shadow: 0 4px 20px rgba(0,0,0,0.09) !important; }

    /* Card gradient bar at top (auto-inject via ::before) */
    .card > .card-header:first-child::before { content: '' !important; display: block !important; height: 3px !important; background: linear-gradient(90deg, #6259ca 0%, #8b5cf6 30%, #667eea 60%, #a78bfa 100%) !important; position: absolute !important; top: 0 !important; left: 0 !important; right: 0 !important; }
    .card > .card-header:first-child { position: relative !important; }

/* Card header: clean transparent */
.card-header { background: transparent !important; border-bottom: 1px solid #f0f1f5 !important; padding: 14px 22px !important; }
    .card-header .card-title,
    .card-header h3.card-title,
    .card-header h4.card-title { font-size: 15px !important; font-weight: 700 !important; color: #1a1a2e !important; margin: 0 !important; }

/* Card body */
.card-body { padding: 18px 22px !important; }

/* --- Breadcrumb: hide old page-header, modernize --- */
.page-header { margin-bottom: 16px !important; padding: 0 !important; background: transparent !important; border: none !important; }
.breadcrumb { background: transparent !important; padding: 8px 0 !important; margin: 0 !important; font-size: 13px !important; }
.breadcrumb-item a { color: #6259ca !important; text-decoration: none !important; font-weight: 500 !important; }
.breadcrumb-item.active { color: #8392a5 !important; font-weight: 600 !important; }
/* Replace old glyphicon home with feather icon */
.breadcrumb .glyphicon-home::before { content: '\e900' !important; font-family: 'feather' !important; font-size: 14px !important; }

/* --- Tables: premium styling --- */
.table { font-size: 11.5px !important; border-collapse: separate !important; border-spacing: 0 !important; border: none !important; }
    .table thead th { background: #5a50c8 !important; color: #fff !important; font-weight: 600 !important; font-size: 10.5px !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; padding: 10px 12px !important; border: none !important; border-bottom: 2px solid #4a42b0 !important; white-space: nowrap !important; position: sticky; top: 0; z-index: 2; }
        .table thead th:first-child { border-radius: 0 !important; }
        .table thead th:last-child { border-radius: 0 !important; }
    .table tbody tr { transition: background 0.15s ease !important; cursor: pointer; }
        .table tbody tr:hover > td { background-color: rgba(98,89,202,0.06) !important; }
    .table tbody td { padding: 8px 12px !important; vertical-align: middle !important; border-color: #eef0f5 !important; border-bottom: 1px solid #eef0f5 !important; border-right: none !important; border-left: none !important; transition: background 0.15s ease; }
        .table tbody td.text-right { font-weight: 600; font-variant-numeric: tabular-nums; }
/* Zebra striping subtle */
.table-striped > tbody > tr:nth-of-type(odd) > *:not([class*="bg-"]) { --bs-table-striped-bg: rgba(98,89,202,0.04) !important; background-color: rgba(98,89,202,0.04) !important; }
/* Numeric cell mono font */
.num-cell { font-weight: 600 !important; font-family: 'Roboto Mono', monospace !important; font-size: 12px !important; letter-spacing: -0.3px !important; }
/* Table wrapper rounded bottom */
.table-responsive { border-radius: 0 0 14px 14px; overflow-x: auto; }
    /* Premium scrollbar for tables */
    .table-responsive::-webkit-scrollbar { height: 6px; }
    .table-responsive::-webkit-scrollbar-track { background: #f1f5f9; border-radius: 3px; }
    .table-responsive::-webkit-scrollbar-thumb { background: #c4b5fd; border-radius: 3px; }
        .table-responsive::-webkit-scrollbar-thumb:hover { background: #8b5cf6; }
/* Row selection highlight */
.table tbody tr.cts-row-selected > td { background-color: rgba(245,199,26,0.18) !important; box-shadow: inset 3px 0 0 #f5c71a; }

/* --- Pagination / Pager: premium styling --- */
.pagination { gap: 4px; margin-top: 16px; }
    .pagination .page-link { border-radius: 8px !important; margin: 0 !important; font-size: 11px !important; font-weight: 600 !important; color: #4a3fa0 !important; border: 1px solid #e8ecf1 !important; padding: 6px 12px !important; transition: all 0.2s ease !important; min-width: 34px; text-align: center; }
    .pagination .page-item.active .page-link { background: linear-gradient(135deg, #4a3fa0, #6259ca) !important; border-color: #4a3fa0 !important; color: #fff !important; box-shadow: 0 2px 6px rgba(74,63,160,0.3) !important; }
    .pagination .page-link:hover { background: #f5f3ff !important; border-color: #c4b5fd !important; color: #6259ca !important; }
    .pagination .page-item.disabled .page-link { color: #b8bcc8 !important; background: #f8f9fa !important; border-color: #e8ecf1 !important; }

/* --- Collapsible search panel --- */
.cts-search-collapse { display: none !important; }
    .cts-search-collapse.cts-search-open { display: flex !important; flex-wrap: wrap; animation: ctsSearchSlideDown 0.25s ease-out; }

@keyframes ctsSearchSlideDown {
    from { opacity: 0; transform: translateY(-8px); }
    to { opacity: 1; transform: translateY(0); }
}

.cts-search-collapse .row.mb-3 { margin-bottom: 0.4rem !important; }
.cts-search-collapse .form-control { padding-top: 0.3rem; padding-bottom: 0.3rem; }
/* Search toggle button */
.btn-cts-search-toggle { background: transparent !important; color: #6259ca !important; border: 1.5px solid #6259ca !important; border-radius: 8px !important; font-weight: 600 !important; font-size: 11px !important; padding: 6px 14px !important; text-transform: uppercase !important; transition: all 0.2s ease !important; display: inline-flex; align-items: center; gap: 6px; }
    .btn-cts-search-toggle:hover { background: rgba(98,89,202,0.08) !important; color: #5548b5 !important; border-color: #5548b5 !important; transform: translateY(-1px); }
    .btn-cts-search-toggle .cts-search-toggle-icon { font-size: 10px; transition: transform 0.3s ease; }
    .btn-cts-search-toggle.active .cts-search-toggle-icon { transform: rotate(180deg); }

/* --- Form labels: premium uppercase style --- */
.form-label,
label.form-label,
.form-horizontal .form-label { font-size: 12px !important; font-weight: 600 !important; color: #8392a5 !important; text-transform: uppercase !important; letter-spacing: 0.3px !important; }

/* --- Form controls: premium styling --- */
.form-control { border-radius: 8px !important; border: 1px solid #e8ecf1 !important; font-size: 13px !important; padding: 7px 12px !important; transition: border-color 0.2s, box-shadow 0.2s !important; background-color: #fff !important; color: #333 !important; }
    .form-control:focus { border-color: #6259ca !important; box-shadow: 0 0 0 3px rgba(98,89,202,0.1) !important; }

/* --- Pagination premium --- */
.pagination .page-link { border-radius: 8px !important; margin: 0 2px !important; font-size: 12px !important; font-weight: 600 !important; color: #6259ca !important; border: 1px solid #e8ecf1 !important; padding: 6px 12px !important; }
.pagination .page-item.active .page-link { background: linear-gradient(135deg, #6259ca, #8b5cf6) !important; border-color: #6259ca !important; color: #fff !important; }
.pagination .page-link:hover { background: #f5f3ff !important; border-color: #c4b5fd !important; }

/* --- Alerts: rounded --- */
.alert { border-radius: 10px !important; border: none !important; font-size: 13px !important; }

/* --- Badge: rounded pill --- */
.badge { border-radius: 20px !important; font-weight: 600 !important; font-size: 11px !important; padding: 3px 10px !important; }

/* ============================================
   TABS — Zanex template style
   Targets both .nav-link and bare <a> for compat
   ============================================ */
.tabs-menu ul:not(.dropdown-menu),
.tabs-menu .nav:not(.dropdown-menu) { display: flex !important; flex-wrap: wrap !important; gap: 0 !important; border-bottom: 1px solid #e9ecef !important; padding: 0 !important; margin: 0 !important; list-style: none !important; }
    .tabs-menu ul:not(.dropdown-menu) li,
    .tabs-menu .nav:not(.dropdown-menu) li,
    .tabs-menu .nav .nav-item { margin: 0 !important; padding: 0 !important; border: none !important; list-style: none !important; }
        .tabs-menu ul:not(.dropdown-menu) li a,
        .tabs-menu .nav:not(.dropdown-menu) li a { display: block !important; font-size: 13px !important; font-weight: 600 !important; color: #8392a5 !important; border: none !important; border-bottom: 2px solid transparent !important; border-radius: 0 !important; padding: 10px 16px !important; margin: 0 !important; line-height: 1.5 !important; transition: color 0.2s, border-color 0.2s, background 0.2s !important; white-space: nowrap !important; background: transparent !important; text-decoration: none !important; }
            .tabs-menu ul:not(.dropdown-menu) li a:hover,
            .tabs-menu .nav:not(.dropdown-menu) li a:hover { color: #6259ca !important; background: rgba(98,89,202,0.04) !important; }
            .tabs-menu ul:not(.dropdown-menu) li a.active,
            .tabs-menu .nav:not(.dropdown-menu) li a.active { color: #6259ca !important; border-bottom: 2px solid #6259ca !important; background: rgba(98,89,202,0.06) !important; }
/* Mobile: horizontal scroll */
@media (max-width: 768px) {
    .tabs-menu ul:not(.dropdown-menu),
    .tabs-menu .nav:not(.dropdown-menu) { flex-wrap: nowrap !important; overflow-x: auto !important; overflow-y: hidden !important; -webkit-overflow-scrolling: touch; scrollbar-width: thin; scrollbar-color: rgba(98,89,202,0.3) transparent; }
        .tabs-menu ul:not(.dropdown-menu)::-webkit-scrollbar,
        .tabs-menu .nav:not(.dropdown-menu)::-webkit-scrollbar { height: 3px; }
        .tabs-menu ul:not(.dropdown-menu)::-webkit-scrollbar-thumb,
        .tabs-menu .nav:not(.dropdown-menu)::-webkit-scrollbar-thumb { background: rgba(98,89,202,0.3); border-radius: 3px; }
        .tabs-menu ul:not(.dropdown-menu) li,
        .tabs-menu .nav:not(.dropdown-menu) li { flex-shrink: 0 !important; }
            .tabs-menu ul:not(.dropdown-menu) li a,
            .tabs-menu .nav:not(.dropdown-menu) li a { font-size: 12px !important; padding: 8px 12px !important; }
}

/* --- Dark mode: global page overrides --- */
[data-theme-mode=dark] .card { background: #1e293b !important; box-shadow: 0 2px 12px rgba(0,0,0,0.3) !important; }
[data-theme-mode=dark] .card-header { border-bottom-color: rgba(255,255,255,0.06) !important; }
    [data-theme-mode=dark] .card-header .card-title,
    [data-theme-mode=dark] .card-header h3.card-title,
    [data-theme-mode=dark] .card-header h4.card-title { color: #f0f1f5 !important; }
[data-theme-mode=dark] .table thead th { background: #332d6a !important; border-bottom-color: #4a3fa0 !important; }
[data-theme-mode=dark] .table tbody td { border-color: rgba(255,255,255,0.04) !important; color: #c8ccd4 !important; }
[data-theme-mode=dark] .table tbody tr:hover > td { background-color: rgba(98,89,202,0.1) !important; }
[data-theme-mode=dark] .table-responsive::-webkit-scrollbar-track { background: #1e293b; }
[data-theme-mode=dark] .table-responsive::-webkit-scrollbar-thumb { background: #4a3fa0; }
    [data-theme-mode=dark] .table-responsive::-webkit-scrollbar-thumb:hover { background: #6259ca; }
[data-theme-mode=dark] .form-control { background: #1e293b !important; border-color: rgba(255,255,255,0.1) !important; color: #f0f1f5 !important; }
[data-theme-mode=dark] .form-label { color: #a8afc7 !important; }
[data-theme-mode=dark] .breadcrumb-item a { color: #a78bfa !important; }
[data-theme-mode=dark] .breadcrumb-item.active { color: #8392a5 !important; }
[data-theme-mode=dark] .tabs-menu ul:not(.dropdown-menu) li a,
[data-theme-mode=dark] .tabs-menu .nav:not(.dropdown-menu) li a { color: #8392a5 !important; background: transparent !important; }
    [data-theme-mode=dark] .tabs-menu ul:not(.dropdown-menu) li a:hover,
    [data-theme-mode=dark] .tabs-menu .nav:not(.dropdown-menu) li a:hover { color: #a78bfa !important; background: rgba(139,92,246,0.06) !important; }
    [data-theme-mode=dark] .tabs-menu ul:not(.dropdown-menu) li a.active,
    [data-theme-mode=dark] .tabs-menu .nav:not(.dropdown-menu) li a.active { color: #a78bfa !important; border-bottom-color: #a78bfa !important; background: rgba(139,92,246,0.08) !important; }
[data-theme-mode=dark] .pagination .page-link { background: #1e293b !important; border-color: rgba(255,255,255,0.08) !important; color: #a78bfa !important; }
    [data-theme-mode=dark] .pagination .page-link:hover { background: rgba(139,92,246,0.1) !important; border-color: rgba(139,92,246,0.3) !important; }
[data-theme-mode=dark] .pagination .page-item.active .page-link { background: linear-gradient(135deg, #4a3fa0, #6259ca) !important; border-color: #4a3fa0 !important; box-shadow: 0 2px 6px rgba(74,63,160,0.4) !important; }
[data-theme-mode=dark] .pagination .page-item.disabled .page-link { color: #4a5568 !important; background: #0f172a !important; border-color: rgba(255,255,255,0.04) !important; }
/* Dark mode search toggle */
[data-theme-mode=dark] .btn-cts-search-toggle { color: #a78bfa !important; border-color: #a78bfa !important; }
    [data-theme-mode=dark] .btn-cts-search-toggle:hover { background: rgba(139,92,246,0.1) !important; color: #c4b5fd !important; }

/* card-gradient-bar override for dashboard-specific cards */
.dashboard-card .card-gradient-bar { display: block !important; }

/* ===== PREMIUM NOTIFICATION DROPDOWN (ctsv2) ===== */
.notif-premium .dropdown-menu { min-width: 370px !important; border-radius: 14px !important; overflow: hidden !important; box-shadow: 0 20px 60px rgba(0,0,0,0.18) !important; border: none !important; padding: 0 !important; }
.notif-premium .notif-header { background: #fff; padding: 14px 18px; border-bottom: 1px solid rgba(0,0,0,0.08); display: flex; align-items: center; gap: 12px; }
.notif-premium .notif-icon-box { width: 40px; height: 40px; border-radius: 12px; background: linear-gradient(135deg, #7c3aed, #5b21b6); display: flex; align-items: center; justify-content: center; flex-shrink: 0; box-shadow: 0 4px 12px rgba(124,58,237,0.28); color: #fff; font-size: 17px; }
.notif-premium .notif-header-text { flex: 1; min-width: 0; }
.notif-premium .notif-header-title { color: #1e2a3a; font-weight: 700; font-size: 13px; letter-spacing: 0.1px; line-height: 1.3; }
.notif-premium .notif-header-sub { color: #94a3b8; font-size: 11px; margin-top: 2px; }
.notif-premium .notif-count-badge { background: linear-gradient(135deg, #7c3aed, #5b21b6); color: #fff; font-weight: 700; font-size: 12px; padding: 4px 12px; border-radius: 20px; box-shadow: 0 2px 8px rgba(124,58,237,0.3); flex-shrink: 0; }
.notif-premium .notifications-menu { max-height: 400px; overflow-y: auto; background: #fff; }
.notif-premium .notif-item { display: block; padding: 12px 16px; border-bottom: 1px solid rgba(0,0,0,0.06); text-decoration: none !important; transition: background 0.15s; cursor: pointer; }
    .notif-premium .notif-item:hover { background: rgba(0,0,0,0.025); }
.notif-premium .notif-pd { display: flex; align-items: stretch; width: 100%; gap: 12px; }
.notif-premium .notif-accent { width: 3px; border-radius: 3px; flex-shrink: 0; }
.notif-premium .notif-pd-content { flex: 1; min-width: 0; }
.notif-premium .notif-pd-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 4px; gap: 8px; }
.notif-premium .notif-pd-title { font-weight: 700; font-size: 13px; color: #1e2a3a; letter-spacing: -0.2px; }
.notif-premium .notif-pd-mid { font-size: 11px; color: #64748b; font-weight: 500; margin-bottom: 5px; }
.notif-premium .notif-pd-meta { display: flex; align-items: center; gap: 12px; font-size: 10px; color: #94a3b8; flex-wrap: wrap; }
    .notif-premium .notif-pd-meta i { font-size: 9px; }
.notif-premium .notif-pill { display: inline-flex; align-items: center; gap: 3px; font-size: 10px; font-weight: 700; padding: 3px 9px; border-radius: 20px; letter-spacing: 0.4px; text-transform: uppercase; white-space: nowrap; flex-shrink: 0; }
.notif-premium .notif-pill-status-ok { background: #dcfce7; color: #22c55e; }
.notif-premium .notif-pill-status-fail { background: #fee2e2; color: #ef4444; }
.notif-premium .notif-pill-orange { background: #fff7ed; color: #f97316; }
.notif-premium .notif-pill-blue { background: #eff6ff; color: #3b82f6; }
.notif-premium .notif-pill-purple { background: #f3e8ff; color: #8b5cf6; }
.notif-premium .notif-pill-teal { background: #f0fdfa; color: #14b8a6; }
.notif-premium .notif-pill-amber { background: #fffbeb; color: #f59e0b; }
.notif-premium .notif-pill-red { background: #fef2f2; color: #ef4444; }
.notif-premium .notif-pill-green { background: #f0fdf4; color: #22c55e; }
.notif-premium .notif-pill-slate { background: #f1f5f9; color: #64748b; }
.notif-premium .notif-footer { background: #fff; border-top: 1px solid rgba(0,0,0,0.07); padding: 10px 16px; }
    .notif-premium .notif-footer a { display: flex; align-items: center; justify-content: center; gap: 6px; background: linear-gradient(135deg, #7c3aed, #5b21b6); color: #fff !important; font-weight: 600; font-size: 12px; padding: 9px 16px; border-radius: 9px; text-decoration: none !important; letter-spacing: 0.3px; transition: opacity 0.15s; box-shadow: 0 4px 14px rgba(124,58,237,0.3); }
        .notif-premium .notif-footer a:hover { opacity: 0.88; }

[data-theme-mode=dark] .notif-premium .notif-header { background: #1e293b; border-bottom-color: rgba(255,255,255,0.06); }
[data-theme-mode=dark] .notif-premium .notif-header-title { color: #f0f1f5; }
[data-theme-mode=dark] .notif-premium .notifications-menu { background: #1e293b; }
[data-theme-mode=dark] .notif-premium .notif-item { border-bottom-color: rgba(255,255,255,0.06); }
    [data-theme-mode=dark] .notif-premium .notif-item:hover { background: rgba(255,255,255,0.03); }
[data-theme-mode=dark] .notif-premium .notif-pd-title { color: #f0f1f5; }
[data-theme-mode=dark] .notif-premium .notif-pd-mid { color: #8a8ea8; }
[data-theme-mode=dark] .notif-premium .notif-footer { background: #1e293b; border-top-color: rgba(255,255,255,0.06); }

/* ===== HEADER SAĞ TARAF İKONLARI (premium) ===== */
.header-content-right { display: flex !important; align-items: center !important; gap: 5px !important; }
    .header-content-right .header-element { display: flex !important; align-items: center !important; }
/* d-none olan bildirim ikonlarının parent header-element boşluk bırakmasın */
.header-element:has(> .d-none),
.header-element:has(> .dropdown.d-none),
.header-element:has(> .notif-premium.d-none) { display: none !important; }
/* Header link ikonları - moon/square box stili */
.header-content-right .header-link { display: flex !important; align-items: center !important; justify-content: center !important; width: 38px !important; height: 38px !important; border-radius: 50% !important; border: 1px solid #e8ecf1 !important; background: #fff !important; transition: all 0.2s ease !important; position: relative !important; color: #5b6e88 !important; }
    .header-content-right .header-link:hover { background: #f5f3ff !important; border-color: #c4b5fd !important; color: #6259ca !important; }
.header-content-right .header-link-icon { font-size: 18px !important; line-height: 1 !important; }

/* Bildirim dropdown ikonları - circular border stili */
.header-content-right .notif-premium .nav-link.icon { display: flex !important; align-items: center !important; justify-content: center !important; width: 38px !important; height: 38px !important; border-radius: 50% !important; border: 1px solid #e8ecf1 !important; background: #fff !important; transition: all 0.2s ease !important; position: relative !important; color: #5b6e88 !important; font-size: 18px !important; padding: 0 !important; }
    .header-content-right .notif-premium .nav-link.icon:hover { background: #f5f3ff !important; border-color: #c4b5fd !important; color: #6259ca !important; }

/* Pulse animasyonu - mor renk */
.header-content-right .pulse,
.notif-premium .pulse { position: absolute !important; width: 7px !important; height: 7px !important; top: 6px !important; right: 6px !important; background: #8b5cf6 !important; border-radius: 50% !important; }
    .header-content-right .pulse::before,
    .notif-premium .pulse::before { content: '' !important; position: absolute !important; width: 100% !important; height: 100% !important; border-radius: 50% !important; background: rgba(139,92,246,0.6) !important; animation: notifPulse 1.5s ease-in-out infinite !important; }

@keyframes notifPulse {
    0% { transform: scale(1); opacity: 1; }
    100% { transform: scale(3); opacity: 0; }
}

/* Profil avatar */
.header-content-right .profile-1 .header-link { width: auto !important; padding: 0 4px !important; }
.header-content-right .profile-1 .avatar { width: 34px !important; height: 34px !important; box-shadow: 0 2px 8px rgba(98,89,202,0.2) !important; border: 2px solid rgba(98,89,202,0.15) !important; }

/* Dark mode header ikonları */
[data-theme-mode=dark] .header-content-right .header-link { color: #a8afc7 !important; border-color: rgba(255,255,255,0.1) !important; background: rgba(255,255,255,0.04) !important; }
    [data-theme-mode=dark] .header-content-right .header-link:hover { background: rgba(139,92,246,0.12) !important; border-color: rgba(139,92,246,0.3) !important; color: #c4b5fd !important; }
[data-theme-mode=dark] .header-content-right .notif-premium .nav-link.icon { color: #a8afc7 !important; border-color: rgba(255,255,255,0.1) !important; background: rgba(255,255,255,0.04) !important; }
    [data-theme-mode=dark] .header-content-right .notif-premium .nav-link.icon:hover { background: rgba(139,92,246,0.12) !important; border-color: rgba(139,92,246,0.3) !important; color: #c4b5fd !important; }

/* ===== HORIZONTAL NAV SLIDE OKLARI - MENÜDEN UZAK ===== */
@media (min-width: 992px) {
    [data-nav-layout=horizontal] .main-menu-container .slide-right { inset-inline-end: -4% !important; }
    [data-nav-layout=horizontal] .main-menu-container .slide-left { inset-inline-start: -4% !important; }
}

/* ===== HEADER-MENÜ ARASI BOŞLUK KALDIR + BORDER (ctsv2) ===== */
.app-header { border-bottom: 1px solid #eaedf1 !important; }
[data-theme-mode=dark] .app-header { border-bottom-color: rgba(255,255,255,0.06) !important; }

/* Horizontal: header yüksekliği */
[data-nav-layout=horizontal] .app-header { height: 75px !important; }
/* Horizontal: content üst margin + sol margin düzelt */
@media (min-width: 992px) {
    [data-nav-layout=horizontal] .app-content { margin-block-start: 8.5rem !important; margin-inline-start: 0 !important; }
    [data-nav-style=menu-click][data-nav-layout=horizontal] .app-content { margin-inline-start: 0 !important; }
}

/* ===== CARD FOOTER BUTTONS: ALWAYS RIGHT-ALIGNED ===== */
.card-footer { display: flex !important; align-items: center !important; justify-content: flex-end !important; gap: 8px !important; }

/* ===== SIDEBAR LOGO ALTI AD SOYAD (dikey mod) ===== */
.main-sidebar-header { flex-direction: column !important; align-items: center !important; justify-content: center !important; padding: 12px 8px 8px !important; }
    .main-sidebar-header .header-logo { margin-bottom: 2px; }
.sidebar-user-info { text-align: center; width: 100%; padding: 2px 8px 0; font-size: 11px; font-weight: 600; color: #6259ca; letter-spacing: 0.3px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
[data-theme-mode=dark] .sidebar-user-info { color: #a78bfa; }
/* Sidebar kapalıyken (mini/overlay-close) ad soyad gizle */
[data-toggled="icon-overlay-close"] .sidebar-user-info,
[data-toggled="close-menu-close"] .sidebar-user-info,
[data-toggled="detached-close"] .sidebar-user-info { display: none; }
/* Horizontal modda sidebar user info gizle */
[data-nav-layout=horizontal] .sidebar-user-info { display: none; }

/* ===== HIZLI MENÜ DROPDOWN Z-INDEX ===== */
.quick-menu-row { position: relative; z-index: 1; }
    .quick-menu-row .btn-group { position: relative; }
        .quick-menu-row .btn-group.show { z-index: 1055; }
    .quick-menu-row .dropdown-menu { z-index: 1050 !important; position: absolute !important; }
    .quick-menu-row:has(.dropdown-menu.show) { z-index: 1060 !important; }
.dashboard-card { overflow: visible !important; }
    .dashboard-card .card-body { overflow: visible !important; }

    /* ===== MODAL İÇ İÇE STACKING FIX ===== */
    /* Dashboard card'ın backdrop-filter'ı yeni stacking context oluşturuyor,
   modal'ı clip'liyor. Modal'ı body seviyesine taşı. */
    .dashboard-card .modal { position: fixed !important; z-index: 1055 !important; inset: 0 !important; width: 100% !important; height: 100% !important; }
    .dashboard-card .modal-backdrop { z-index: 1050 !important; }


/* ---- Missing gradient background classes (used by notification icons) ---- */
.bg-primary-gradient { background: #6259ca !important; color: #fff; }
.bg-danger-gradient { background: #f5365c !important; color: #fff; }
.bg-teal-gradient { background: #0d9a8a !important; color: #fff; }
.bg-success-gradient { background: #2dce89 !important; color: #fff; }
.bg-warning-gradient { background: #fb6340 !important; color: #fff; }
.bg-info-gradient { background: #11cdef !important; color: #fff; }
.bg-purple-gradient { background: #7b2ff7 !important; color: #fff; }
.bg-dark-gradient { background: #2c3e7f !important; color: #fff; }

/* ---- Old v1 dashboard grid removed — v2 styles in dashboard.css ---- */

/* ---- Todo widget item rows ---- */
.todo-card .card-body .d-flex:last-child { border-bottom: none !important; }

/* Font size utility */
.fontsize11 { font-size: 11px !important; }


.card-body { padding: 20px !important; overflow: auto !important; }

.tab-menu-heading { /*padding: 0 !important;*/ }

.select2-container--open { z-index: 9999 !important; }

.select2 i { margin-bottom: 8px !important; margin-right: 8px !important; }

.select2-results i { margin-right: 8px !important; }

.modal { z-index: 9999 !important; }

    .modal .select2-container { width: 100% !important; }


.select2-container { width: 100% !important; }

.datepicker { z-index: 9999 !important; }

.ui-timepicker-wrapper { z-index: 9999 !important; }

.ui-widget.ui-widget-content { /*z-index: 999999999 !important;*/ }

.app-header { /*z-index: 9999999999 !important;*/ }

.card-fullscreen { /*z-index: 99999999999 !important;*/ }



/* Eski tablo override'ları silindi - üstteki premium tanımlar geçerli */
.table.fs-16 { font-size: 16px !important; }
.table thead th.fs-20,
.table tbody td.fs-20 { font-size: 20px !important; }

.table tbody td.padding15 { padding: 15px !important; vertical-align: middle !important; }

.table thead th.fs-20 { font-size: 20px !important; }

.notifications-menu { max-height: 360px !important; overflow-y: auto; }

.form-control { height: auto !important; padding: 0.375rem 0.75rem !important; }

.input-xs { font-size: 12px; padding: 0.25rem 0.5rem !important; }

.input-xxs { font-size: 12px; padding: 0.25rem 0.35rem !important; }

.breadcrumb-header { background-color: white; width: 100%; padding: 6px 12px; border-radius: 5px; }

.dark-mode .breadcrumb-header { background-color: #1e293b; }

.alert { font-size: 13px !important; border-radius: 0 !important; }

.text-left { text-align: left !important; }

.text-right { text-align: right !important; }

.text-center { text-align: center !important; }

.app-content .side-app { padding: 0 15px !important; }

.page-header { min-height: 20px !important; margin: 0rem 0rem 1rem !important; }


/* old css */
.pagination { margin-top: 20px; margin-bottom: 20px; }

.mt0 { margin-top: 0 !important; }

.mt3 { margin-top: 3px !important; }

.mt5 { margin-top: 5px !important; }

.mt10 { margin-top: 10px !important; }

.mt20 { margin-top: 20px !important; }

.mt30 { margin-top: 30px !important; }

.mr10 { margin-right: 10px !important; }

.mr20 { margin-right: 20px !important; }

.ml5 { margin-left: 5px !important; }

.ml10 { margin-left: 10px !important; }

.mr5 { margin-right: 5px !important; }

.mr10 { margin-right: 10px !important; }

.mr15 { margin-right: 15px !important; }

.mr20 { margin-right: 20px !important; }

.mr30 { margin-right: 30px !important; }

.mb5 { margin-bottom: 5px; }

.mb8 { margin-bottom: 8px; }

.mb9 { margin-bottom: 9px; }

.mb10 { margin-bottom: 10px; }

.mb15 { margin-bottom: 15px; }

.mb20 { margin-bottom: 20px; }

.mb30 { margin-bottom: 30px; }

.mb0 { margin-bottom: 0; }

.nomargin { margin: 0 !important; }

.nopadding { padding: 0 !important; }

.padding10 { padding: 10px !important; }

.padding15 { padding: 15px !important; }

.padding20 { padding: 20px !important; }

.padding5 { padding: 5px !important; }

.noborder { border: 0 !important; }

.wordwrap { word-break: break-all; }

.min-height20 { min-height: 20px !important; }

.min-height25 { min-height: 25px !important; }

.height28 { height: 28px !important; }

.height30 { height: 30px !important; }

.height40 { height: 40px !important; }

.height50 { height: 50px !important; }

.height60 { height: 60px !important; }

.height70 { height: 70px !important; }

.height80 { height: 80px !important; }

.height100 { height: 100px !important; }

.height110 { height: 110px !important; }

.height120 { height: 120px !important; }

.height130 { height: 130px !important; }

.height140 { height: 140px !important; }

.height150 { height: 150px !important; }

.height160 { height: 160px !important; }

.height170 { height: 170px !important; }

.height180 { height: 180px !important; }

.height190 { height: 190px !important; }

.height200 { height: 200px !important; }

.height300 { height: 300px !important; }

.width100p { width: 100%; }

.width80p { width: 80%; }

.width70p { width: 70%; }

.width300 { width: 300px; }

.width10 { width: 10px !important; }

.width20 { width: 20px !important; }

.width30 { width: 30px !important; }

.width40 { width: 40px !important; }

.width50 { width: 50px !important; }

.width60 { width: 60px !important; }

.width70 { width: 70px !important; }

.width80 { width: 80px !important; }

.width90 { width: 90px !important; }

.width100 { width: 100px !important; }

.width110 { width: 110px !important; }

.width120 { width: 120px !important; }

.width130 { width: 130px !important; }

.width140 { width: 140px !important; }

.width150 { width: 150px !important; }

.width160 { width: 160px !important; }

.width170 { width: 170px !important; }

.width180 { width: 180px !important; }

.width200 { width: 200px !important; }

.width210 { width: 210px !important; }

.width220 { width: 220px !important; }

.width230 { width: 230px !important; }

.width240 { width: 240px !important; }

.width250 { width: 250px !important; }

.width260 { width: 260px !important; }

.width270 { width: 270px !important; }

.width300 { width: 300px !important; }

.width400 { width: 400px !important; }

.width350 { width: 350px !important; }

.width5percent { width: 5% !important; }

.width7percent { width: 7% !important; }

.width8percent { width: 8% !important; }

.width10percent { width: 10% !important; }

.width15percent { width: 15% !important; }

.width20percent { width: 20% !important; }

.width25percent { width: 25% !important; }

.width30percent { width: 30% !important; }

.width50percent { width: 50% !important; }

.width80percent { width: 80% !important; }


.maxheight160scroll { max-height: 160px; height: 160px; overflow-x: auto; }

.maxheight350scroll { max-height: 350px; overflow-x: auto; }

.fontsizesmall { font-size: 90%; }

.fontsize14 { font-size: 14px !important; }

.fontsize13 { font-size: 13px !important; }

.fontsize12 { font-size: 12px !important; }

.fontsize11 { font-size: 11px !important; }

.fontsize10 { font-size: 10px !important; }

.pl10 { padding-left: 10px !important; }


.required-field { padding: 6px 8px; color: red; }

.SumoSelect > .CaptionCont { height: 34px !important; line-height: normal !important; }

    .SumoSelect > .CaptionCont > label { top: -5px !important; }


/* ===== PREMIUM DİKEY MENÜ ===== */

/* -- Sidebar logo -- */
.sidebar-logo-icon { font-size: 26px; color: #6259ca; filter: drop-shadow(0 2px 4px rgba(98,89,202,0.3)); }
.sidebar-logo-icon-sm { font-size: 22px; }
.sidebar-logo-text { font-size: 17px; font-weight: 700; margin-left: 8px; color: #1e293b; letter-spacing: -0.3px; }
.sidebar-logo-text-dark { color: #fff; }
[data-theme-mode=dark] .sidebar-logo-text { color: #e2e8f0; }

/* -- Sidebar arka plan -- */
.app-sidebar { background: linear-gradient(180deg, #fefefe 0%, #f8f7ff 100%) !important; border-right: 1px solid rgba(98,89,202,0.08) !important; }
[data-theme-mode=dark] .app-sidebar { background: linear-gradient(180deg, #1a1c2e 0%, #151726 100%) !important; border-right: 1px solid rgba(139,92,246,0.1) !important; }

/* -- Ana menü container -- */
.app-sidebar .main-menu { padding: 6px 10px !important; }

/* -- 1. seviye menü öğeleri -- */
.app-sidebar .side-menu__item { padding: 9px 14px !important; margin: 2px 0 !important; border-radius: 10px !important; font-size: 13.5px !important; font-weight: 500 !important; color: #475569 !important; transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important; position: relative !important; letter-spacing: 0.01em !important; }

    /* Hover */
    .app-sidebar .side-menu__item:hover { background: rgba(98,89,202,0.07) !important; color: #6259ca !important; transform: translateX(3px); box-shadow: none !important; }
        .app-sidebar .side-menu__item:hover .side-menu__icon { color: #6259ca !important; background: rgba(98,89,202,0.1) !important; }
        .app-sidebar .side-menu__item:hover .side-menu__label { color: #6259ca !important; }
.app-sidebar .side-menu__label { padding-right: 10px !important; }

/* Active (gradient + glow) */
.app-sidebar .side-menu__item.active { background: linear-gradient(135deg, #6259ca 0%, #8b5cf6 50%, #a78bfa 100%) !important; color: #fff !important; border-radius: 10px !important; box-shadow: 0 4px 16px rgba(98,89,202,0.4), 0 1px 3px rgba(98,89,202,0.2) !important; font-weight: 600 !important; }
    .app-sidebar .side-menu__item.active .side-menu__icon,
    .app-sidebar .side-menu__item.active .side-menu__label,
    .app-sidebar .side-menu__item.active .side-menu__angle { color: #fff !important; }
    .app-sidebar .side-menu__item.active .side-menu__icon { background: rgba(255,255,255,0.18) !important; }
    .app-sidebar .side-menu__item.active:hover { background: linear-gradient(135deg, #5548b5 0%, #7c3aed 50%, #9061f9 100%) !important; color: #fff !important; transform: none; box-shadow: 0 6px 20px rgba(98,89,202,0.5) !important; }

/* -- İkon stili (arka planlı daire) -- */
.app-sidebar .side-menu__icon { font-size: 17px !important; width: 34px !important; height: 34px !important; line-height: 34px !important; text-align: center !important; border-radius: 9px !important; margin-right: 10px !important; background: rgba(98,89,202,0.06) !important; color: #6c7293 !important; transition: all 0.25s ease !important; flex-shrink: 0 !important; }
.app-sidebar .side-menu__item.active .side-menu__icon { color: #fff !important; }

/* -- Angle (ok) -- */
.app-sidebar .side-menu__angle { color: #94a3b8 !important; font-size: 13px !important; transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important; opacity: 0.7; }
.app-sidebar .slide.is-expanded > .side-menu__item .side-menu__angle { transform: rotate(90deg) !important; opacity: 1; color: #6259ca !important; }

/* -- Alt menüler (genel) -- */
.app-sidebar .slide-menu { padding: 4px 0 4px 0 !important; margin: 0 0 0 26px !important; border-left: 2px solid rgba(98, 89, 202, 0.1) !important; font-size: 13px !important; }
    .app-sidebar .slide-menu li .slide-item:before,
    .app-sidebar .slide-menu a:before { content: none !important; }
    .app-sidebar .slide-menu li { border-bottom: none !important; margin: 0 !important; padding: 0 !important; }

    /* -- Child1 (2. seviye) -- */
    .app-sidebar .slide-menu.child1 { padding: 4px 0 !important; margin: 4px 0 4px 26px !important; border-left: 2px solid rgba(98, 89, 202, 0.1) !important; }
        .app-sidebar .slide-menu.child1 .side-menu__label1 { display: none !important; }
        .app-sidebar .slide-menu.child1 li { margin: 0 !important; padding: 0 !important; }
            .app-sidebar .slide-menu.child1 li .side-menu__item { padding: 6px 12px !important; font-size: 13px !important; font-weight: 400 !important; margin: 1px 0 !important; border-radius: 8px !important; min-height: auto !important; line-height: 1.5 !important; color: #64748b !important; transition: all 0.2s ease !important; position: relative !important; }
                .app-sidebar .slide-menu.child1 li .side-menu__item:hover { background: rgba(98, 89, 202, 0.06) !important; color: #6259ca !important; padding-left: 16px !important; transform: none !important; }
                .app-sidebar .slide-menu.child1 li .side-menu__item.active { background: linear-gradient(135deg, rgba(98,89,202,0.12), rgba(139,92,246,0.08)) !important; color: #6259ca !important; font-weight: 600 !important; box-shadow: none !important; border-left: 2px solid #6259ca !important; margin-left: -2px !important; }

    /* -- Child2 (3. seviye) -- */
    .app-sidebar .slide-menu.child2 { padding: 2px 0 !important; margin: 0 0 0 12px !important; border-left: 2px solid rgba(98, 89, 202, 0.06) !important; }
        .app-sidebar .slide-menu.child2 li { margin: 0 !important; padding: 0 !important; }
            .app-sidebar .slide-menu.child2 li .side-menu__item { padding: 4px 10px !important; font-size: 12.5px !important; font-weight: 400 !important; margin: 0 !important; border-radius: 6px !important; min-height: auto !important; line-height: 1.4 !important; color: #64748b !important; }
                .app-sidebar .slide-menu.child2 li .side-menu__item:hover { background: rgba(98, 89, 202, 0.06) !important; color: #6259ca !important; }

    /* -- Eski slide-item uyumu -- */
    .app-sidebar .slide-menu .slide-item { padding: 5px 12px !important; border-radius: 8px !important; transition: all 0.2s ease !important; margin: 0 !important; color: #64748b !important; }
        .app-sidebar .slide-menu .slide-item:hover { background: rgba(98, 89, 202, 0.06) !important; color: #6259ca !important; }

/* -- Sidebar scrollbar -- */
.app-sidebar .main-sidebar::-webkit-scrollbar { width: 4px; }
.app-sidebar .main-sidebar::-webkit-scrollbar-thumb { background: rgba(98,89,202,0.18); border-radius: 4px; }
    .app-sidebar .main-sidebar::-webkit-scrollbar-thumb:hover { background: rgba(98,89,202,0.35); }
.app-sidebar .main-sidebar::-webkit-scrollbar-track { background: transparent; }

/* -- Sidebar alt dil dropdown -- */
.sidebar-lang-dropdown { padding: 8px 12px !important; border-top: 1px solid rgba(98,89,202,0.08); }

/* ---- MİNİ MOD düzeltmeleri ---- */
[data-toggled="icon-overlay-close"]:not([data-icon-overlay="open"]) .app-sidebar .main-menu,
[data-toggled="detached-close"]:not([data-icon-overlay="open"]) .app-sidebar .main-menu { padding: 6px 6px !important; }
[data-toggled="icon-overlay-close"]:not([data-icon-overlay="open"]) .app-sidebar .side-menu__item,
[data-toggled="detached-close"]:not([data-icon-overlay="open"]) .app-sidebar .side-menu__item { padding: 8px 0 !important; justify-content: center !important; border-radius: 8px !important; transform: none !important; }
    [data-toggled="icon-overlay-close"]:not([data-icon-overlay="open"]) .app-sidebar .side-menu__item:hover,
    [data-toggled="detached-close"]:not([data-icon-overlay="open"]) .app-sidebar .side-menu__item:hover { transform: none !important; }
[data-toggled="icon-overlay-close"]:not([data-icon-overlay="open"]) .app-sidebar .side-menu__icon,
[data-toggled="detached-close"]:not([data-icon-overlay="open"]) .app-sidebar .side-menu__icon,
[data-toggled="icon-text-close"]:not([data-icon-text="open"]) .app-sidebar .side-menu__icon,
[data-toggled="close-menu-close"] .app-sidebar .side-menu__icon { margin-right: 0 !important; margin-inline-end: 0 !important; }
[data-toggled="icon-overlay-close"]:not([data-icon-overlay="open"]) .app-sidebar .slide-menu,
[data-toggled="icon-overlay-close"]:not([data-icon-overlay="open"]) .app-sidebar .slide-menu.child1,
[data-toggled="detached-close"]:not([data-icon-overlay="open"]) .app-sidebar .slide-menu,
[data-toggled="detached-close"]:not([data-icon-overlay="open"]) .app-sidebar .slide-menu.child1 { margin: 0 !important; border-left: none !important; }
[data-toggled="icon-text-close"]:not([data-icon-text="open"]) .app-sidebar .side-menu__item:hover { transform: none !important; }

/* ---- DARK MODE menü ---- */
[data-theme-mode=dark] .app-sidebar .side-menu__item { color: #b0b7d4 !important; }
    [data-theme-mode=dark] .app-sidebar .side-menu__item:hover { background: rgba(98,89,202,0.12) !important; color: #c4b5fd !important; }
        [data-theme-mode=dark] .app-sidebar .side-menu__item:hover .side-menu__icon { color: #c4b5fd !important; background: rgba(98,89,202,0.18) !important; }
        [data-theme-mode=dark] .app-sidebar .side-menu__item:hover .side-menu__label { color: #c4b5fd !important; }
    [data-theme-mode=dark] .app-sidebar .side-menu__item.active { background: linear-gradient(135deg, #6259ca 0%, #8b5cf6 50%, #a78bfa 100%) !important; color: #fff !important; }
[data-theme-mode=dark] .app-sidebar .side-menu__icon { color: #7c7fa8 !important; background: rgba(98,89,202,0.08) !important; }
[data-theme-mode=dark] .app-sidebar .slide-menu,
[data-theme-mode=dark] .app-sidebar .slide-menu.child1 { border-left-color: rgba(139, 92, 246, 0.12) !important; }
    [data-theme-mode=dark] .app-sidebar .slide-menu.child1 li .side-menu__item,
    [data-theme-mode=dark] .app-sidebar .slide-menu.child2 li .side-menu__item,
    [data-theme-mode=dark] .app-sidebar .slide-menu .slide-item { color: #8a8ea8 !important; }
        [data-theme-mode=dark] .app-sidebar .slide-menu.child1 li .side-menu__item:hover,
        [data-theme-mode=dark] .app-sidebar .slide-menu.child2 li .side-menu__item:hover,
        [data-theme-mode=dark] .app-sidebar .slide-menu .slide-item:hover { background: rgba(98,89,202,0.1) !important; color: #c4b5fd !important; }
        [data-theme-mode=dark] .app-sidebar .slide-menu.child1 li .side-menu__item.active { background: rgba(98,89,202,0.15) !important; color: #c4b5fd !important; border-left-color: #a78bfa !important; }
[data-theme-mode=dark] .sidebar-lang-dropdown { border-top-color: rgba(139,92,246,0.1); }

/* ===== PREMIUM YATAY MENÜ ===== */
@media (min-width: 992px) {
    /* Yatay menüde dikey overridelari sıfırla */
    /* Yatay menü ana item arası boşluk */
    [data-nav-layout=horizontal] .app-sidebar .main-menu > .slide { margin: 0 2px !important; }
    [data-nav-layout=horizontal] .app-sidebar .side-menu__item { padding: 10px 14px !important; margin: 0 !important; border-radius: 8px !important; font-size: 13px !important; font-weight: 500 !important; color: #4a5568 !important; transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important; transform: none !important; white-space: nowrap !important; }
    /* Yatay menü ok (angle) ikonu */
    [data-nav-layout=horizontal] .app-sidebar .side-menu__angle { margin-left: 10px !important; font-size: 12px !important; opacity: 0.5 !important; }
    [data-nav-layout=horizontal] .app-sidebar .side-menu__item:hover { background: rgba(98,89,202,0.08) !important; color: #6259ca !important; transform: none !important; box-shadow: none !important; border-radius: 8px !important; }
        [data-nav-layout=horizontal] .app-sidebar .side-menu__item:hover .side-menu__icon,
        [data-nav-layout=horizontal] .app-sidebar .side-menu__item:hover .side-menu__label { color: #6259ca !important; }
    /* Active - yatay: alt çizgi efekti + mor renk */
    [data-nav-layout=horizontal] .app-sidebar .side-menu__item.active { background: transparent !important; color: #6259ca !important; box-shadow: none !important; border-radius: 8px !important; position: relative !important; }
        [data-nav-layout=horizontal] .app-sidebar .side-menu__item.active::after { content: '' !important; position: absolute !important; bottom: 0 !important; left: 16px !important; right: 16px !important; height: 3px !important; background: linear-gradient(90deg, #6259ca, #8b5cf6) !important; border-radius: 3px 3px 0 0 !important; }
        [data-nav-layout=horizontal] .app-sidebar .side-menu__item.active .side-menu__icon,
        [data-nav-layout=horizontal] .app-sidebar .side-menu__item.active .side-menu__label,
        [data-nav-layout=horizontal] .app-sidebar .side-menu__item.active .side-menu__angle { color: #6259ca !important; }
        [data-nav-layout=horizontal] .app-sidebar .side-menu__item.active:hover { background: rgba(98,89,202,0.06) !important; color: #6259ca !important; }

    /* Yatay ikon stili */
    [data-nav-layout=horizontal] .app-sidebar .side-menu__icon { width: auto !important; height: auto !important; line-height: normal !important; font-size: 16px !important; margin-right: 6px !important; }

    /* Yatay dropdown (child1) */
    [data-nav-layout=horizontal] .app-sidebar .slide-menu.child1 { border-radius: 12px !important; border: none !important; box-shadow: 0 10px 40px rgba(0,0,0,0.12) !important; padding: 8px !important; margin: 0 !important; border-left: none !important; min-width: 200px !important; background: #fff !important; }
        [data-nav-layout=horizontal] .app-sidebar .slide-menu.child1 .side-menu__label1 { display: none !important; }
        [data-nav-layout=horizontal] .app-sidebar .slide-menu.child1 li { margin: 0 !important; padding: 0 !important; }
            [data-nav-layout=horizontal] .app-sidebar .slide-menu.child1 li .side-menu__item { padding: 7px 14px !important; font-size: 13px !important; font-weight: 400 !important; color: #4a5568 !important; border-radius: 8px !important; margin: 1px 0 !important; min-height: auto !important; line-height: 1.5 !important; transition: all 0.15s ease !important; }
                [data-nav-layout=horizontal] .app-sidebar .slide-menu.child1 li .side-menu__item:hover { background: linear-gradient(135deg, rgba(98,89,202,0.08), rgba(139,92,246,0.05)) !important; color: #6259ca !important; padding-left: 18px !important; }
                [data-nav-layout=horizontal] .app-sidebar .slide-menu.child1 li .side-menu__item.active { background: rgba(98,89,202,0.1) !important; color: #6259ca !important; font-weight: 600 !important; box-shadow: none !important; }
                    [data-nav-layout=horizontal] .app-sidebar .slide-menu.child1 li .side-menu__item.active::after { display: none !important; }

    /* Yatay dropdown (child2) */
    [data-nav-layout=horizontal] .app-sidebar .slide-menu.child2 { border-radius: 12px !important; border: none !important; box-shadow: 0 10px 40px rgba(0,0,0,0.12) !important; padding: 8px !important; margin: 0 !important; border-left: none !important; min-width: 200px !important; background: #fff !important; }
        [data-nav-layout=horizontal] .app-sidebar .slide-menu.child2 li { margin: 0 !important; padding: 0 !important; }
            [data-nav-layout=horizontal] .app-sidebar .slide-menu.child2 li .side-menu__item { padding: 7px 14px !important; font-size: 13px !important; font-weight: 400 !important; color: #4a5568 !important; border-radius: 8px !important; margin: 1px 0 !important; min-height: auto !important; line-height: 1.5 !important; }
                [data-nav-layout=horizontal] .app-sidebar .slide-menu.child2 li .side-menu__item:hover { background: rgba(98,89,202,0.08) !important; color: #6259ca !important; }
                [data-nav-layout=horizontal] .app-sidebar .slide-menu.child2 li .side-menu__item.active { background: rgba(98,89,202,0.1) !important; color: #6259ca !important; font-weight: 600 !important; }
                    [data-nav-layout=horizontal] .app-sidebar .slide-menu.child2 li .side-menu__item.active::after { display: none !important; }

    /* Yatay dark mode */
    [data-theme-mode=dark][data-nav-layout=horizontal] .app-sidebar .slide-menu.child1,
    [data-theme-mode=dark][data-nav-layout=horizontal] .app-sidebar .slide-menu.child2 { background: #1e293b !important; box-shadow: 0 10px 40px rgba(0,0,0,0.35) !important; }
    [data-theme-mode=dark][data-nav-layout=horizontal] .app-sidebar .side-menu__item { color: #a8afc7 !important; }
        [data-theme-mode=dark][data-nav-layout=horizontal] .app-sidebar .side-menu__item:hover { background: rgba(98,89,202,0.12) !important; color: #c4b5fd !important; }
        [data-theme-mode=dark][data-nav-layout=horizontal] .app-sidebar .side-menu__item.active { color: #c4b5fd !important; background: transparent !important; }
            [data-theme-mode=dark][data-nav-layout=horizontal] .app-sidebar .side-menu__item.active::after { background: linear-gradient(90deg, #8b5cf6, #a78bfa) !important; }
    [data-theme-mode=dark][data-nav-layout=horizontal] .app-sidebar .slide-menu.child1 li .side-menu__item,
    [data-theme-mode=dark][data-nav-layout=horizontal] .app-sidebar .slide-menu.child2 li .side-menu__item { color: #8a8ea8 !important; }
        [data-theme-mode=dark][data-nav-layout=horizontal] .app-sidebar .slide-menu.child1 li .side-menu__item:hover,
        [data-theme-mode=dark][data-nav-layout=horizontal] .app-sidebar .slide-menu.child2 li .side-menu__item:hover { background: rgba(98,89,202,0.1) !important; color: #c4b5fd !important; }
}

/* SumoSelect override */
.SumoSelect > .optWrapper > .options li.opt { height: 30px !important; line-height: 30px !important; font-size: 13px !important; }

/* (eski dark-mode .table thead th silindi - style.override üstte tanımlı) */

.dark-mode .alert a, .dark-mode .alert i { color: #fff; }

    .dark-mode .alert a:hover,
    .dark-mode .alert i:hover { color: #dadada; }

.dark-mode .table .table, .dark-mode .text-wrap table .table, .dark-mode .table .text-wrap table { background: transparent !important; margin-bottom: 0; }

.table .table, .text-wrap table .table, .table .text-wrap table { margin-bottom: 0; }

td.disabled.day,
td > span.month.disabled,
td > span.year.disabled,
td > span.decade.disabled,
td > span.century.disabled { visibility: hidden; }


/* firstColumnFix - sticky first column (modern, replaces absolute positioning) */
.firstColumnFix > tbody > tr > .fix,
.firstColumnFix > thead:first-child > tr:first-child > th:first-child,
.firstColumnFix > tfoot > tr > td:first-child { position: sticky !important; left: 0; z-index: 2; background: inherit; display: table-cell !important; min-width: 110px; box-shadow: 2px 0 4px rgba(0,0,0,0.06); }
.firstColumnFix > thead:first-child > tr:first-child > th:first-child { z-index: 3; }

.firstColumnFix td { cursor: pointer; }




.widget-messaging .new-msg { color: #fff; font-size: 18px; margin: 0; line-height: normal; opacity: 0.5; }

    .widget-messaging .new-msg:hover { opacity: 1; }

.widget-messaging ul li:hover { background-color: #f7f7f7; }


.dark-mode .widget-messaging ul li:hover { background-color: #22223D; }

.widget-messaging .sender { color: #333; font-weight: 600; font-size: 12px !important; line-height: normal; margin: 0; }

.dark-mode .widget-messaging .sender { color: #fff; }

.widget-messaging ul li p { line-height: 13px; margin: 0; }

.dark-mode .widget-messaging ul li p { color: #fff; }


ul.nav-wizard { border: 1px solid #efefef; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; *zoom: 1; position: relative; overflow: hidden; }

    ul.nav-wizard:before { display: block; position: absolute; left: 0px; right: 0px; top: 46px; height: 47px; border-top: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; z-index: 11; content: " "; }

    ul.nav-wizard:after { display: block; position: absolute; left: 0px; right: 0px; top: 138px; height: 47px; border-top: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; z-index: 11; content: " "; }

    ul.nav-wizard li { }

        ul.nav-wizard li a { position: relative; float: left; display: inline-block; padding: 0 10px; margin: 0; font-size: 13px; line-height: 40px; background-color: #fff; margin-left: 10px; }

            ul.nav-wizard li a:hover { background-color: transparent; }

            ul.nav-wizard li a:before { position: absolute; display: block; border: 24px solid transparent; border-left: 16px solid #d4d4d4; border-right: 0; top: -1px; z-index: 5; content: ''; right: -16px; }

            ul.nav-wizard li a:after { position: absolute; display: block; border: 24px solid transparent; border-left: 16px solid #fff; border-right: 0; top: -1px; z-index: 5; content: ''; right: -15px; }

            ul.nav-wizard li a.active { background-color: #6259C9 !important; color: #fff; }

                ul.nav-wizard li a.active:after { border-left: 16px solid #6259ca !important; }

        ul.nav-wizard li.active a,
        ul.nav-wizard li.active a:active,
        ul.nav-wizard li.active a:visited,
        ul.nav-wizard li.active a:focus { }

    ul.nav-wizard .active ~ li a { }

        ul.nav-wizard .active ~ li a:after { border-left: 16px solid #ededed; }

        ul.nav-wizard .active ~ li a,
        ul.nav-wizard .active ~ li a:active,
        ul.nav-wizard .active ~ li a:visited,
        ul.nav-wizard .active ~ li a:focus { }

    ul.nav-wizard.nav-wizard-backnav li a:hover { }

    ul.nav-wizard.nav-wizard-backnav li:hover:after { border-left: 16px solid #f6fbfd; }

    ul.nav-wizard.nav-wizard-backnav li:hover a,
    ul.nav-wizard.nav-wizard-backnav li:hover a:active,
    ul.nav-wizard.nav-wizard-backnav li:hover a:visited,
    ul.nav-wizard.nav-wizard-backnav li:hover a:focus { }

    ul.nav-wizard.nav-wizard-backnav .active ~ li { }

        ul.nav-wizard.nav-wizard-backnav .active ~ li:after { border-left: 16px solid #ededed; }

        ul.nav-wizard.nav-wizard-backnav .active ~ li a,
        ul.nav-wizard.nav-wizard-backnav .active ~ li a:active,
        ul.nav-wizard.nav-wizard-backnav .active ~ li a:visited,
        ul.nav-wizard.nav-wizard-backnav .active ~ li a:focus { }

/* nav-tabs / dark-mode panel-tabs — handled by tab styles at top */

.dark-mode .panel-default > .panel-heading { color: #ffffff !important; background-color: #2e2e4a !important; }

.dark-mode ul.nav-wizard li a { background-color: #1e293b; }

    .dark-mode ul.nav-wizard li a:after { border-left: solid 1px #1e293b; }

    .dark-mode ul.nav-wizard li a:before { position: absolute; display: block; border: 24px solid #334155; border-left: 16px solid #1e293b; border-right: 0; top: -1px; z-index: 5; content: ''; right: -16px; }

.dark-mode ul.nav-wizard { border: solid 1px #3c3c64 !important; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; }

.gallery { display: inline-block; margin-top: 20px; }

/* ── ctsv2 transparent cell backgrounds ── */
body .bg-success-transparent { background-color: #DCF4EE !important; border-left: 3px solid #10b981 !important; box-shadow: none !important; }
/* tr'ye uygulanan bg-success-transparent: td'lere yansıt */
body .table tr.bg-success-transparent > td { background-color: #DCF4EE !important; box-shadow: none !important; }
body.dark-mode .table tr.bg-success-transparent > td,
[data-theme-mode=dark] .table tr.bg-success-transparent > td { background-color: #29404F !important; box-shadow: none !important; }
body.dark-mode .bg-success-transparent { background-color: #29404F !important; border-left: 3px solid #10b981 !important; box-shadow: none !important; }

body .bg-info-transparent { background-color: rgb(199, 224, 253) !important; border-left: 3px solid #3b82f6 !important; box-shadow: none !important; }
body.dark-mode .bg-info-transparent { background-color: #365273 !important; border-left: 3px solid #3b82f6 !important; box-shadow: none !important; }

body .bg-warning-transparent { background-color: #fef3cd !important; border-left: 3px solid #f59e0b !important; border: 1.5px solid rgba(245,158,11,0.35) !important; border-left: 3px solid #f59e0b !important; box-shadow: none !important; color: #92400e !important; font-weight: 600 !important; }
body.dark-mode .bg-warning-transparent { background-color: rgba(245,158,11,0.15) !important; border: 1.5px solid rgba(245,158,11,0.3) !important; border-left: 3px solid #f59e0b !important; color: #fbbf24 !important; box-shadow: none !important; }

body .bg-danger-transparent { background-color: rgba(255, 56, 43, 0.1) !important; border-left: 3px solid #ef4444 !important; box-shadow: none !important; }
body.dark-mode .bg-danger-transparent { background-color: rgba(220, 38, 38, 0.13) !important; border-left: 3px solid #ef4444 !important; box-shadow: none !important; }


.selectedRow { background-color: lightyellow !important; }

.dark-mode .selectedRow { background-color: lightyellow !important; color: black !important; }

.morris-hover { z-index: 8 !important; }

input[type="radio"], input[type="checkbox"] { margin-right: 5px; vertical-align: middle; }

body .bg-primary-transparent { background-color: rgba(98, 89, 202, 0.1) !important; border-left: 3px solid #6259ca !important; box-shadow: none !important; }
body.dark-mode .bg-primary-transparent { background-color: rgba(98, 89, 202, 0.15) !important; border-left: 3px solid #6259ca !important; box-shadow: none !important; }

body .bg-purple-transparent { background-color: rgba(96, 77, 216, 0.1) !important; border-left: 3px solid #604dd8 !important; box-shadow: none !important; }

body .bg-dark-transparent { background-color: rgba(0, 0, 0, 0.15) !important; border-left: 3px solid #3b3b3b !important; box-shadow: none !important; }

.notification-label .badge { margin-right: 10px; }

.wizard > .steps { padding: 10px !important; }

.wizard { /*border: none !important;*/ }

    .wizard > .steps a { border: none !important; }

.page-item.active .page-link { background-color: #6259ca !important; border-color: #6259ca !important; }


.maxheight160scroll { max-height: 160px; height: 160px; overflow-x: auto; }

.maxheight350scroll { max-height: 350px; overflow-x: auto; }

.maxheight300scroll { max-height: 300px; overflow-x: auto; }

.table.table-bordered.dataTable { border-collapse: collapse !important; }

.table.dataTable thead > tr > th { text-align: center !important; }

.fontweight-bold { font-weight: bold; }

@media (min-width: 1200px) {
    .modal-xl { max-width: 80% !important; }

    .modal-lg { max-width: 900px !important; }
}

@media (min-width: 768px) and (max-width: 991px) {
    .btn { padding: 6px 12px; font-size: 1rem; }
}


.custom-panel { border-radius: 10px; border: 1px solid #EAEDF1; margin-bottom: 10px; padding: 0px !important; background-color: white !important; }

.placeholder { display: inline-block; min-height: 1em; vertical-align: middle; cursor: wait; background-color: currentColor; opacity: 0.5; }

    .placeholder.btn::before { display: inline-block; content: ""; }

.placeholder-xs { min-height: 0.6em; }

.placeholder-sm { min-height: 0.8em; }

.placeholder-lg { min-height: 1.2em; }

.placeholder-glow .placeholder { -webkit-animation: placeholder-glow 2s ease-in-out infinite; animation: placeholder-glow 2s ease-in-out infinite; }

@-webkit-keyframes placeholder-glow {
    50% { opacity: 0.2; }
}

@keyframes placeholder-glow {
    50% { opacity: 0.2; }
}

.placeholder-wave { -webkit-mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%); mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%); -webkit-mask-size: 200% 100%; mask-size: 200% 100%; -webkit-animation: placeholder-wave 2s linear infinite; animation: placeholder-wave 2s linear infinite; }

@-webkit-keyframes placeholder-wave {
    100% { -webkit-mask-position: -200% 0%; mask-position: -200% 0%; }
}

@keyframes placeholder-wave {
    100% { -webkit-mask-position: -200% 0%; mask-position: -200% 0%; }
}


.panel { width: 100%; background-color: #fff; border: 1px solid #ddd; border-radius: 6px; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.05); overflow: hidden; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; }

.panel-header { /* Arka plan rengi kaldırıldı, Bootstrap class'ı ile belirlenecek */ color: white; padding: 14px 20px; font-size: 1.2rem; font-weight: bold; border-bottom: 1px solid rgba(0, 0, 0, 0.1); }

.panel-body { padding: 20px; color: #333; line-height: 1.5; }

.panel-footer { padding: 14px 20px; background-color: #f9f9f9; border-top: 1px solid #eee; text-align: right; }

    .panel-footer button { background-color: #4a90e2; color: white; border: none; padding: 8px 14px; border-radius: 4px; cursor: pointer; font-weight: 500; transition: background-color 0.3s ease; }

        .panel-footer button:hover { background-color: #3a78c2; }


.maxheight500scroll { max-height: 500px; overflow-y: scroll; }

/* Content spacing */
.main-content.app-content { padding-top: 15px !important; }

/* ===== MOBILE RESPONSIVE FIXES ===== */
@media (max-width: 991.98px) {
    /* 1) Content was hidden under fixed header on mobile — add top margin */
    .app-content { margin-block-start: 4rem !important; }

    /* 2) Header: logo tamamen gizle mobilde */
    .horizontal-logo,
    .header-logo,
    .header-content-left .header-element:has(.horizontal-logo) { display: none !important; }
    .horizontal-user-info { display: none !important; }

    /* 3) Header center group (quick access) - mobilde gizleme, sağda kalsın */
    .header-center-group, .header-cari-arama { position: static !important; transform: none !important; left: auto !important; }

    /* 4) Sağ ikonları sığdır */
    .header-content-right { gap: 1px !important; flex: 1; justify-content: flex-end !important; }
        .header-content-right .header-link { width: 30px !important; height: 30px !important; margin: 2px !important; padding: 6px !important; box-shadow: none !important; }
        .header-content-right .header-link-icon { font-size: 14px !important; }
        .header-content-right .notif-premium .nav-link.icon { width: 30px !important; height: 30px !important; font-size: 14px !important; }
        .header-content-right .profile-1 .avatar { width: 26px !important; height: 26px !important; }
        /* Ayarlar dişlisi mobilde gizle */
        .header-content-right .header-element:last-child:has(.fe-settings) { display: none !important; }

    /* 3) Card header buttons: wrap to next line, right-aligned */
    .card-header { flex-wrap: wrap !important; gap: 8px !important; }
        .card-header .d-flex,
        .card-header > div:last-child { flex-wrap: wrap !important; justify-content: flex-end !important; gap: 6px !important; width: 100% !important; }
        .card-header .card-title { width: 100% !important; margin-bottom: 4px !important; }

    /* ch-search-card header (CariHesaplar etc.) */
    .ch-search-card .card-header { flex-wrap: wrap !important; gap: 8px !important; }
        .ch-search-card .card-header .d-flex { width: 100% !important; justify-content: flex-end !important; flex-wrap: wrap !important; gap: 6px !important; }

    /* fnd-filter-card header (Dashboard etc.) */
    .fnd-filter-card .card-header { flex-wrap: wrap !important; gap: 8px !important; }
        .fnd-filter-card .card-header > div:last-child { width: 100% !important; justify-content: flex-end !important; flex-wrap: wrap !important; }

    /* Shrink action buttons on mobile */
    .btn-ch-new, .btn-ch-search, .btn-ch-export, .btn-ch-bulk,
    .card-header .btn, .card-header .btn-sm { font-size: 11px !important; padding: 5px 10px !important; }
}

/* ===== CTS DATA-ATTRIBUTE BASED OVERRIDES (new Zanex template) ===== */

/* Hide language dropdown in horizontal mode */
[data-nav-layout=horizontal] .sidebar-lang-dropdown { display: none !important; }

/* Switcher offcanvas z-index */
#switcher-canvas { z-index: 99999 !important; }

/* ===== DASHBOARD CARD HEADER — flex for card-options alignment ===== */
.dashboard-card .card-header { display: flex !important; align-items: center; flex-wrap: nowrap; justify-content: space-between; }
    .dashboard-card .card-header .card-options { margin-left: auto; display: flex; align-items: center; flex-shrink: 0; gap: 4px; }

/* ===== BREADCRUMB HIDE ===== */
.page-header,
.breadcrumb { display: none !important; }

/* ===== HORIZONTAL USER INFO — only in horizontal mode ===== */
/* Use triple-class specificity (030) to beat .header-content-left .header-element (020) */
.header-content-left .header-element.horizontal-user-info { display: none !important; }
[data-nav-layout=horizontal] .header-element.horizontal-user-info { display: flex !important; align-items: center !important; }

@media (max-width: 991.98px) {
    [data-nav-layout=horizontal] .header-element.horizontal-user-info { display: none !important; }
}

/* ===== HEADER LOGO + KULLANICI DİKEY ORTALAMA ===== */
.main-header-container { align-items: center !important; height: 100% !important; }
.header-content-left { align-items: center !important; height: 100% !important; }
    .header-content-left .header-element { display: flex !important; align-items: center !important; height: 100% !important; }
/* horizontal-logo: base CSS hides at desktop, shows in horizontal/toggled states */
.horizontal-logo, .horizontal-logo .header-logo { align-items: center !important; height: 100% !important; }
/* In horizontal mode: force show logo with flex alignment */
[data-nav-layout=horizontal] .horizontal-logo,
[data-nav-layout=horizontal] .horizontal-logo .header-logo { display: flex !important; }

@media (max-width: 991.98px) {
    .app-header .header-logo .toggle-logo,
    .app-header .header-logo .toggle-dark,
    .app-header .header-logo .desktop-dark,
    [data-nav-layout=horizontal] .header-logo .toggle-logo,
    [data-nav-layout=horizontal] .header-logo .toggle-dark,
    [data-nav-layout=horizontal] .header-logo .desktop-dark { display: none !important; }
    .app-header .header-logo .desktop-logo,
    [data-nav-layout=horizontal] .header-logo .desktop-logo { display: inline-flex !important; }
        .app-header .header-logo .desktop-logo span[style*="font-size"],
        [data-nav-layout=horizontal] .header-logo .desktop-logo span[style*="font-size"] { display: none !important; }
}
/* In horizontal mode: ensure desktop-logo span is visible (light mode) */
[data-nav-layout=horizontal] .horizontal-logo .header-logo .desktop-logo { display: inline-flex !important; align-items: center !important; }
/* In horizontal mode dark: show desktop-dark instead */
[data-theme-mode=dark][data-nav-layout=horizontal] .horizontal-logo .header-logo .desktop-logo { display: none !important; }
[data-theme-mode=dark][data-nav-layout=horizontal] .horizontal-logo .header-logo .desktop-dark { display: inline-flex !important; align-items: center !important; }
/* In vertical mode (desktop): hide header logo — sidebar has its own */
@media (min-width: 992px) {
    html:not([data-nav-layout=horizontal]) .horizontal-logo { display: none !important; }
}

/* ===== HORIZONTAL LOGO / BRAND AREA ===== */
[data-nav-layout=horizontal] .horizontal-logo { min-width: auto; }
    [data-nav-layout=horizontal] .horizontal-logo .header-logo { font-size: 16px; }
        [data-nav-layout=horizontal] .horizontal-logo .header-logo .fa-shield { font-size: 22px !important; }
        [data-nav-layout=horizontal] .horizontal-logo .header-logo span[style*="font-size:14px"] { font-size: 16px !important; }

/* ===== MISSING CLASSES FROM OLD ZANEX ===== */

/* brround */
.brround { border-radius: 50% !important; }

/* box-shadow variants */
.box-shadow-primary { box-shadow: 0 5px 10px rgba(98,89,202,0.3); }
.box-shadow-success { box-shadow: 0 5px 10px rgba(16,185,129,0.3); }
.box-shadow-danger { box-shadow: 0 5px 10px rgba(239,68,68,0.3); }
.box-shadow-warning { box-shadow: 0 5px 10px rgba(245,158,11,0.3); }
.box-shadow-info { box-shadow: 0 5px 10px rgba(17,205,239,0.3); }

/* drop-heading */
.drop-heading { padding: 1rem; color: #8f9daf; border-bottom: 1px solid #eaedf1; }

/* card-collapsed */
.card-collapsed > :not(.card-header):not(.card-status) { display: none; }
.card-collapsed .card-options-collapse i:before { content: '\e92d'; }

/* card-fullscreen */
.card-fullscreen { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 9999; margin: 0; border-radius: 0; overflow-y: auto; }

/* mg-b-0 (margin-bottom-0) */
.mg-b-0 { margin-bottom: 0 !important; }

/* Custom utility classes */
.padding10 { padding: 10px !important; }
.fontsize11 { font-size: 11px !important; }
.width100 { width: 100px !important; }
.clearboth { clear: both; }
.mb5 { margin-bottom: 5px !important; }
.mb-10px { margin-bottom: 10px !important; }
.pl10 { padding-left: 10px !important; }

/* text-right / text-left (BS5 migration) */
.text-right { text-align: right !important; }
.text-left { text-align: left !important; }

.bg-purple-transparent { background-color: rgba(123,47,247,0.15) !important; box-shadow: none !important; }

/* img-circle for profile */
.img-circle { border-radius: 50% !important; }

/* card-options-fullscreen */
.card-options-fullscreen { padding: 0; background: transparent; border: none; cursor: pointer; color: #76839a; }
    .card-options-fullscreen:hover { color: #6259ca; }

/* form-bordered */
.form-bordered .row.mb-3 { padding-bottom: 0.75rem; border-bottom: 1px solid #f0f0f0; }
    .form-bordered .row.mb-3:last-child { border-bottom: none; }

/* ===== BTN-DEFAULT (missing from new Zanex) ===== */
.btn-default { color: #292828; background: #f6f4fb; border-color: #d5d3d9; }
    .btn-default:hover { color: #292828; background: #eae8f0; border-color: #b9b5b5; }
    .btn-default:focus,
    .btn-default.focus { box-shadow: 0 0 0 2px rgba(98,89,202,0.15); }
    .btn-default.disabled,
    .btn-default:disabled { color: #292828; background-color: #e5e4e6; border-color: #e5e4e6; }

/* ===== GLOBAL CARD FIX (new Zanex override) ===== */
/* New Zanex styles.css forces card-header bg to white with !important — override it */

.card { border-radius: 8px; box-shadow: 0 3px 9px 0 rgba(169, 184, 200, 0.15); }

    .card .card-header { background-color: rgba(0, 0, 0, 0.03) !important; border-bottom: 1px solid #eaedf1; padding: 1rem 1.5rem; display: flex !important; align-items: center; flex-wrap: nowrap; justify-content: space-between; }

        .card .card-header .card-title { font-size: 14px; font-weight: 700; color: #1a1a2e; margin: 0; flex-shrink: 0; }

/* dashboard-card header — already handled */
.dashboard-card .card-header { flex-wrap: nowrap; justify-content: space-between; }

/* Preserve colored card headers — override forced white bg */
.card-header[class*="bg-"] { background-color: unset !important; color: #fff !important; border-bottom: none !important; }

/* Solid bg colors on card-header */
.card-header.bg-primary { background-color: #6259ca !important; color: #fff !important; }
.card-header.bg-success { background-color: #10b981 !important; color: #fff !important; }
.card-header.bg-danger { background-color: #ef4444 !important; color: #fff !important; }
.card-header.bg-warning { background-color: #f59e0b !important; color: #fff !important; }
.card-header.bg-info { background-color: #11cdef !important; color: #fff !important; }
.card-header.bg-dark { background-color: #1a1a2e !important; color: #fff !important; }
.card-header.bg-secondary { background-color: #6c757d !important; color: #fff !important; }

/* Transparent bg variants on card-header */
.card-header.bg-success-transparent { background-color: rgba(16,185,129,0.15) !important; border-left: 3px solid #10b981 !important; color: #065f46 !important; }
.card-header.bg-danger-transparent { background-color: rgba(239,68,68,0.15) !important; border-left: 3px solid #ef4444 !important; color: #991b1b !important; }
.card-header.bg-warning-transparent { background-color: rgba(245,158,11,0.15) !important; border-left: 3px solid #f59e0b !important; color: #92400e !important; }
.card-header.bg-info-transparent { background-color: rgba(17,205,239,0.15) !important; border-left: 3px solid #11cdef !important; color: #0c4a6e !important; }
.card-header.bg-primary-transparent { background-color: rgba(98,89,202,0.15) !important; border-left: 3px solid #6259ca !important; color: #3730a3 !important; }

/* Gradient bg on card-header */
.card-header.bg-primary-gradient,
.card-header.bg-success-gradient,
.card-header.bg-danger-gradient,
.card-header.bg-warning-gradient,
.card-header.bg-info-gradient,
.card-header.bg-teal-gradient,
.card-header.bg-purple-gradient,
.card-header.bg-dark-gradient { color: #fff !important; border-bottom: none !important; }

/* Cards with colored class on .card itself */
.card[class*="bg-"] > .card-header { background-color: transparent !important; border-bottom: 1px solid rgba(255,255,255,0.15) !important; color: inherit !important; }

/* card-dark widget-messaging pattern */
.card.card-dark .card-header { background-color: transparent !important; }

/* Card options — missing from new Zanex */
.card-options { margin-left: auto; display: flex; align-items: center; order: 100; flex-shrink: 0; white-space: nowrap; gap: 4px; }
    .card-options a:not(.btn) { margin-left: 0.5rem; color: #76839a; display: inline-block; min-width: 1rem; text-decoration: none; }
        .card-options a:not(.btn):hover { color: #6259ca; }
        .card-options a:not(.btn) i { font-size: 1rem; vertical-align: middle; }
/* Colored header card-options should be white */
.card-header[class*="bg-"] .card-options,
.card-header[class*="bg-"] .card-options a:not(.btn) { color: rgba(255,255,255,0.8) !important; }
    .card-header[class*="bg-"] .card-options a:not(.btn):hover { color: #fff !important; }

/* Card footer */
.card .card-footer { background-color: rgba(0, 0, 0, 0.02) !important; border-top: 1px solid #eaedf1; }

/* Dark mode cards */
[data-theme-mode=dark] .card { background-color: #1e293b !important; border-color: rgba(255,255,255,0.06) !important; box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.2); }
    [data-theme-mode=dark] .card .card-header { background-color: rgba(255, 255, 255, 0.03) !important; border-bottom-color: rgba(255,255,255,0.06) !important; }
        [data-theme-mode=dark] .card .card-header .card-title { color: #f0f1f5 !important; }
    [data-theme-mode=dark] .card .card-footer { background-color: rgba(255, 255, 255, 0.02) !important; border-top-color: rgba(255,255,255,0.06) !important; }

/* ===== PREMIUM GLOBAL STYLES ===== */

/* Premium card */
.card-premium { border: none !important; border-radius: 16px !important; box-shadow: 0 2px 12px rgba(0,0,0,0.06), 0 0 0 1px rgba(0,0,0,0.03); overflow: visible; backdrop-filter: blur(10px); background: rgba(255,255,255,0.95) !important; transition: all 0.2s; }
    .card-premium:hover { box-shadow: 0 4px 15px rgba(0,0,0,0.08); }
    .card-premium .card-header { background: transparent; border-bottom: 1px solid rgba(0,0,0,0.05); padding: 16px 22px; }
    .card-premium .card-title { font-size: 15px; font-weight: 700; color: #1a1a2e; margin: 0; display: flex; align-items: center; }
        .card-premium .card-title i { opacity: 0.7; }
    .card-premium .card-body { padding: 20px; }
    .card-premium .card-footer { border-top: 1px solid rgba(0,0,0,0.05); padding: 12px 20px; }
    .card-premium .card-gradient-bar { height: 3px; background: linear-gradient(90deg, #6259ca 0%, #8b5cf6 30%, #667eea 60%, #a78bfa 100%); border-radius: 16px 16px 0 0; }

/* Dark mode card-premium */
[data-theme-mode=dark] .card-premium { background: #1e293b !important; box-shadow: none !important; }
    [data-theme-mode=dark] .card-premium .card-header { background: transparent !important; border-bottom-color: rgba(255,255,255,0.06) !important; }
    [data-theme-mode=dark] .card-premium .card-footer { background: rgba(255,255,255,0.02) !important; border-top-color: rgba(255,255,255,0.06) !important; }
    [data-theme-mode=dark] .card-premium .card-title { color: #f0f1f5 !important; }

/* Premium form labels - uppercase works with html lang="tr" for Turkish İ/I */
.label-premium { font-size: 12px !important; text-transform: uppercase; letter-spacing: 0.3px; color: #8392a5; font-weight: 600; }

/* Premium info box */
.info-box-premium { background: #f8f9fa; border-radius: 10px; padding: 16px; border: 1px solid #eee; }
    .info-box-premium .info-label { font-size: 11px; color: #8392a5; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 4px; }
    .info-box-premium .info-value { font-size: 14px; font-weight: 500; color: #1a1a2e; }

/* Premium icon circle */
.icon-circle { width: 36px; height: 36px; border-radius: 10px; background: #f0efff; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
    .icon-circle i { color: #6259ca; font-size: 14px; }

/* Premium badge styles */
.badge-premium-success { background: linear-gradient(135deg, #10b981, #059669) !important; padding: 5px 12px; font-size: 11px; border-radius: 20px; font-weight: 500; }
.badge-premium-primary { background: linear-gradient(135deg, #6259ca, #8b5cf6) !important; padding: 5px 12px; font-size: 11px; border-radius: 20px; font-weight: 500; }
.badge-premium-danger { background: linear-gradient(135deg, #ef4444, #dc2626) !important; padding: 5px 12px; font-size: 11px; border-radius: 20px; font-weight: 500; }
.badge-premium-warning { background: linear-gradient(135deg, #f59e0b, #d97706) !important; padding: 5px 12px; font-size: 11px; border-radius: 20px; font-weight: 500; color: #fff !important; }

/* Premium button */
.btn-premium { border-radius: 8px !important; padding: 8px 20px; font-weight: 500; transition: all 0.2s; }
    .btn-premium:hover { transform: translateY(-1px); box-shadow: 0 4px 12px rgba(98,89,202,0.3); }

/* Premium tab navigation */
.nav-premium { flex-wrap: wrap !important; border-bottom: 1px solid #eee; }
    .nav-premium .nav-link { padding: 10px 16px !important; border: none !important; background: transparent !important; border-bottom: 3px solid transparent !important; color: #8392a5; font-weight: 400; font-size: 13px; border-radius: 0 !important; margin-bottom: -1px; cursor: pointer; transition: all 0.2s; white-space: nowrap; }
        .nav-premium .nav-link.active { border-bottom-color: #6259ca !important; color: #6259ca !important; font-weight: 600; background: rgba(98,89,202,0.05) !important; }
        .nav-premium .nav-link:hover:not(.active) { color: #6259ca; background: rgba(98,89,202,0.03) !important; }

/* Premium avatar */
.avatar-premium { border-radius: 50%; object-fit: cover; border: 3px solid #fff; box-shadow: 0 4px 15px rgba(0,0,0,0.15); }

/* Premium cover gradient */
.cover-gradient { height: 120px; background: linear-gradient(135deg, #6259ca 0%, #8b5cf6 50%, #a78bfa 100%); }

/* ===================== Action Buttons ===================== */
.action-btn { display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; border: none; background: transparent; cursor: pointer; border-radius: 4px; padding: 0; margin: 0 1px; font-size: 13px; color: #6c757d; transition: all 0.15s; text-decoration: none !important; }
    .action-btn:hover { background: #f0f0f0; text-decoration: none !important; }
.action-btn-edit { color: #0d6efd; }
    .action-btn-edit:hover { background: #e7f1ff; color: #0a58ca; }
.action-btn-delete { color: #dc3545; }
    .action-btn-delete:hover { background: #fce4e6; color: #b02a37; }
.action-btn-view { color: #198754; }
    .action-btn-view:hover { background: #e6f4ed; color: #146c43; }
.action-btn-approve { color: #198754; }
    .action-btn-approve:hover { background: #e6f4ed; color: #146c43; }
.action-btn-expand { background: #eef0f5; color: #6259ca; }
    .action-btn-expand:hover { background: #6259ca; color: #fff; }
    .action-btn-expand i { transition: transform 0.25s ease; font-size: 11px; }
    .action-btn-expand.expanded { background: #6259ca; color: #fff; }
        .action-btn-expand.expanded i { transform: rotate(90deg); }


/* ===== PREMIUM NOTIFICATION DROPDOWN ===== */

/* Dropdown container */
.dropdown.message .dropdown-menu { min-width: 340px; border: none !important; border-radius: 14px !important; box-shadow: 0 20px 60px rgba(0,0,0,0.18) !important; overflow: hidden; padding: 0 !important; }

/* Drop heading */
.dropdown.message .drop-heading { background: #fff; border-bottom: 1px solid rgba(0,0,0,0.06) !important; padding: 14px 18px !important; }
    .dropdown.message .drop-heading h6 { font-size: 14px !important; font-weight: 700 !important; color: #1a1a2e; }

    /* Premium icon in header badge */
    .dropdown.message .drop-heading .badge { font-size: 11px; padding: 4px 10px; border-radius: 20px; }

/* Notifications menu area */
.dropdown.message .notifications-menu { max-height: 360px !important; overflow-y: auto; padding: 6px !important; }
    .dropdown.message .notifications-menu::-webkit-scrollbar { width: 4px; }
    .dropdown.message .notifications-menu::-webkit-scrollbar-thumb { background: rgba(98,89,202,0.2); border-radius: 4px; }

    /* Each notification item */
    .dropdown.message .notifications-menu .dropdown-item { padding: 10px 14px !important; border-radius: 10px !important; border: 1px solid rgba(0,0,0,0.04); margin-bottom: 4px; transition: all 0.2s; }
        .dropdown.message .notifications-menu .dropdown-item:hover { background: rgba(98,89,202,0.04) !important; border-color: rgba(98,89,202,0.1); }

/* Notify icon - premium circle */
.notifyimg { width: 38px !important; height: 38px !important; min-width: 38px; line-height: 38px !important; font-size: 15px !important; border-radius: 10px !important; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 12px rgba(0,0,0,0.12) !important; }

/* Notification text */
.notification-label { font-size: 13px !important; font-weight: 600 !important; color: #1a1a2e !important; line-height: 1.4; margin-bottom: 2px !important; }
.notification-subtext { font-size: 11.5px !important; color: #8392a5 !important; line-height: 1.3; }

/* Pulse animation */
.dropdown.message .pulse { width: 7px; height: 7px; top: 7px; right: 8px; background: #22c03c; }
    .dropdown.message .pulse:before { background: rgba(34,192,60,0.6); box-shadow: 0 0 0 rgba(34,192,60,0.9); animation: pulse 1s linear infinite; }

/* Footer link */
.dropdown.message .dropdown-item.text-center.p-3 { border-radius: 0 !important; border: none !important; font-size: 12.5px; font-weight: 600; color: #6259ca !important; background: #f8f9fe; margin: 0; transition: all 0.2s; }
    .dropdown.message .dropdown-item.text-center.p-3:hover { background: #eef0fc !important; color: #4338ca !important; }

/* ===== PREMIUM NOTIFICATION DARK MODE ===== */
[data-theme-mode=dark] .dropdown.message .dropdown-menu { background: #1a1c28 !important; box-shadow: 0 20px 60px rgba(0,0,0,0.5) !important; }
[data-theme-mode=dark] .dropdown.message .drop-heading { background: #1a1c28 !important; border-bottom-color: rgba(255,255,255,0.06) !important; }
    [data-theme-mode=dark] .dropdown.message .drop-heading h6 { color: #f0f1f5 !important; }
[data-theme-mode=dark] .dropdown.message .notifications-menu .dropdown-item { border-color: rgba(255,255,255,0.04) !important; }
    [data-theme-mode=dark] .dropdown.message .notifications-menu .dropdown-item:hover { background: rgba(129,140,248,0.08) !important; border-color: rgba(129,140,248,0.15) !important; }
[data-theme-mode=dark] .notification-label { color: #f0f1f5 !important; }
[data-theme-mode=dark] .notification-subtext { color: #8a8ea8 !important; }
[data-theme-mode=dark] .dropdown.message .dropdown-item.text-center.p-3 { background: #22243a !important; color: #818cf8 !important; }
    [data-theme-mode=dark] .dropdown.message .dropdown-item.text-center.p-3:hover { background: #282a44 !important; }

/* ============================================================
   GLOBAL BUTTON STANDARDIZATION (ctsv2 format)
   ============================================================ */

/* All buttons: consistent border-radius and font */
.btn { border-radius: 8px !important; font-weight: 600 !important; font-size: 13px !important; transition: all 0.2s ease !important; }
.btn-sm { font-size: 12px !important; padding: 4px 12px !important; }

/* Card footer / modal footer: buttons right-aligned with flex gap */
.card-footer,
.modal-footer { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; justify-content: flex-end !important; align-items: center !important; padding: 12px 20px !important; }

/* ============================================================
   GLOBAL FORM PAGE FOOTER (Kaydet/İptal her sayfada sağda)
   ============================================================ */

/* Form buton grupları: sadece div.form-group-sm.text-right (tablo hücreleri hariç) */
div.form-group.text-right,
div.form-group-sm.text-right { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; justify-content: flex-end !important; align-items: center !important; padding-top: 16px !important; margin-top: 16px !important; border-top: 1px solid #f0f0f5 !important; }

/* Card footer sağa hizalı */
.card-footer { justify-content: flex-end !important; }

/* is-footer (Islem.aspx gibi özel footer) sağa hizalı */
.is-footer { justify-content: flex-end !important; }

/* Premium button: gradient purple (Kaydet/Save) */
.btn-primary { background: linear-gradient(135deg, #6259ca, #8b5cf6) !important; border: none !important; color: #fff !important; box-shadow: 0 3px 10px rgba(98,89,202,0.25) !important; }
    .btn-primary:hover, .btn-primary:focus { background: linear-gradient(135deg, #5548b5, #7c3aed) !important; box-shadow: 0 5px 16px rgba(98,89,202,0.35) !important; transform: translateY(-1px) !important; color: #fff !important; }
    /* 3-dot dropdown buton: btn-primary override -> gri */
    .btn-primary.btn-dots, .btn.btn-primary.btn-dots { background: #e9ecef !important; background-image: none !important; border: 1px solid #d1d5db !important; color: #495057 !important; box-shadow: none !important; transform: none !important; }
        .btn-primary.btn-dots:hover, .btn.btn-primary.btn-dots:hover { background: #d1d5db !important; background-image: none !important; border-color: #adb5bd !important; color: #212529 !important; box-shadow: none !important; transform: none !important; }

/* Danger button (Sil/Delete) */
.btn-danger { background: linear-gradient(135deg, #ef4444, #dc2626) !important; border: none !important; color: #fff !important; box-shadow: 0 3px 10px rgba(239,68,68,0.25) !important; }
    .btn-danger:hover, .btn-danger:focus { background: linear-gradient(135deg, #dc2626, #b91c1c) !important; box-shadow: 0 5px 16px rgba(239,68,68,0.35) !important; transform: translateY(-1px) !important; color: #fff !important; }

/* Success button (Yeni Kayıt / New) */
.btn-success { background: linear-gradient(135deg, #10b981, #059669) !important; border: none !important; color: #fff !important; box-shadow: 0 3px 10px rgba(16,185,129,0.25) !important; }
    .btn-success:hover, .btn-success:focus { background: linear-gradient(135deg, #059669, #047857) !important; box-shadow: 0 5px 16px rgba(16,185,129,0.35) !important; transform: translateY(-1px) !important; color: #fff !important; }

/* Dark button (Vazgeç / Cancel) */
.btn-dark { background: linear-gradient(135deg, #334155, #475569) !important; border: none !important; color: #fff !important; box-shadow: 0 3px 10px rgba(51,65,85,0.25) !important; }
    .btn-dark:hover, .btn-dark:focus { background: linear-gradient(135deg, #1e293b, #334155) !important; box-shadow: 0 5px 16px rgba(51,65,85,0.35) !important; transform: translateY(-1px) !important; color: #fff !important; }

/* Info button */
.btn-info { background: linear-gradient(135deg, #0ea5e9, #0284c7) !important; border: none !important; color: #fff !important; box-shadow: 0 3px 10px rgba(14,165,233,0.25) !important; }
    .btn-info:hover, .btn-info:focus { background: linear-gradient(135deg, #0284c7, #0369a1) !important; box-shadow: 0 5px 16px rgba(14,165,233,0.35) !important; transform: translateY(-1px) !important; color: #fff !important; }

/* Warning button */
.btn-warning { background: linear-gradient(135deg, #f59e0b, #d97706) !important; border: none !important; color: #fff !important; box-shadow: 0 3px 10px rgba(245,158,11,0.25) !important; }
    .btn-warning:hover, .btn-warning:focus { background: linear-gradient(135deg, #d97706, #b45309) !important; box-shadow: 0 5px 16px rgba(245,158,11,0.35) !important; transform: translateY(-1px) !important; color: #fff !important; }

/* Outline buttons: consistent border-radius, hover lift */
.btn-outline-primary,
.btn-outline-success,
.btn-outline-danger,
.btn-outline-warning,
.btn-outline-info,
.btn-outline-dark { background: transparent !important; border-width: 1px !important; border-style: solid !important; }
.btn-outline-primary { border-color: #6259ca !important; color: #6259ca !important; }
    .btn-outline-primary:hover { background: #6259ca !important; color: #fff !important; }
.btn-outline-success { border-color: #10b981 !important; color: #10b981 !important; }
    .btn-outline-success:hover { background: #10b981 !important; color: #fff !important; }
.btn-outline-danger { border-color: #ef4444 !important; color: #ef4444 !important; }
    .btn-outline-danger:hover { background: #ef4444 !important; color: #fff !important; }
.btn-outline-warning { border-color: #f59e0b !important; color: #f59e0b !important; }
    .btn-outline-warning:hover { background: #f59e0b !important; color: #fff !important; }
.btn-outline-info { border-color: #0ea5e9 !important; color: #0ea5e9 !important; }
    .btn-outline-info:hover { background: #0ea5e9 !important; color: #fff !important; }
.btn-outline-dark { border-color: #475569 !important; color: #475569 !important; }
    .btn-outline-dark:hover { background: #475569 !important; color: #fff !important; }

/* Table action buttons: left-aligned in td */
.table td .btn,
.table td a.btn,
.datatable td .btn,
.datatable td a.btn { font-size: 11px !important; padding: 3px 10px !important; border-radius: 6px !important; }

/* SweetAlert2 premium styling */
.cts-swal-popup { border-radius: 16px !important; box-shadow: 0 10px 40px rgba(0,0,0,0.15) !important; }
.cts-swal-title { font-size: 18px !important; font-weight: 700 !important; color: #1a1a2e !important; }
.cts-swal-confirm { border-radius: 8px !important; font-weight: 600 !important; padding: 8px 24px !important; }
.cts-swal-cancel { border-radius: 8px !important; font-weight: 600 !important; padding: 8px 24px !important; }

/* Modal premium styling (global) */
.modal-content { border-radius: 14px !important; border: none !important; box-shadow: 0 10px 40px rgba(0,0,0,0.15) !important; }
.modal-header { background: linear-gradient(135deg, #6259ca, #8b5cf6) !important; color: #fff !important; border-radius: 14px 14px 0 0 !important; padding: 14px 20px !important; }
    .modal-header .modal-title { font-size: 15px !important; font-weight: 700 !important; color: #fff !important; }
    .modal-header .btn-close { filter: brightness(0) invert(1) !important; }
.modal-body { padding: 20px !important; }

/* Dark mode buttons */
[data-theme-mode=dark] .btn-outline-primary { color: #a78bfa !important; border-color: #a78bfa !important; }
    [data-theme-mode=dark] .btn-outline-primary:hover { background: #6259ca !important; color: #fff !important; }
[data-theme-mode=dark] .btn-outline-success { color: #34d399 !important; border-color: #34d399 !important; }
[data-theme-mode=dark] .btn-outline-danger { color: #f87171 !important; border-color: #f87171 !important; }
[data-theme-mode=dark] .modal-content { box-shadow: 0 10px 40px rgba(0,0,0,0.4) !important; }
[data-theme-mode=dark] .cts-swal-title { color: #f0f1f5 !important; }

/* Dark mode: form footer border */
[data-theme-mode=dark] .card > .card-body > .form-horizontal > .row > .col-md-6:last-child > .form-group-sm:last-child,
[data-theme-mode=dark] .card > .card-body > .form-horizontal > .form-group-sm:last-child,
[data-theme-mode=dark] .card > .card-body .form-bordered .form-group-sm:last-child { border-top-color: rgba(255,255,255,0.06) !important; }

/* ===== GÜNLÜK ALIM-SATIM RAPORU — Premium Scoped Styles ===== */
/* Apply .gas-report to the outer .card wrapper in each GunlukAlimSatim page */

/* Alım-Satım tabloları arası boşluk */
.gas-report #divRapor > .row > .col-xl-6 > .row > div > table { border-radius: 8px !important; overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,0.06); }
.gas-report #divRapor > .row { gap: 0; }
    .gas-report #divRapor > .row > .col-xl-6:first-child { padding-right: 12px !important; }
    .gas-report #divRapor > .row > .col-xl-6:last-child { padding-left: 12px !important; }
    .gas-report #divRapor > .row > .col-xl-6 > .row.mb-3 { margin-bottom: 20px !important; }

/* Alım section header (green title row inside thead) — opaque solid green */
.gas-report table td.bg-success-transparent.fw-bold { background: #059669 !important; background-color: #059669 !important; color: #fff !important; border: none !important; font-size: 13px !important; font-weight: 700 !important; letter-spacing: 0.4px !important; padding: 10px 14px !important; text-shadow: 0 1px 2px rgba(0,0,0,0.15) !important; }
/* Satım section header (red title row inside thead) — opaque solid red */
.gas-report table td.bg-danger-transparent.fw-bold { background: #dc2626 !important; background-color: #dc2626 !important; color: #fff !important; border: none !important; font-size: 13px !important; font-weight: 700 !important; letter-spacing: 0.4px !important; padding: 10px 14px !important; text-shadow: 0 1px 2px rgba(0,0,0,0.15) !important; position: relative; z-index: 1; }
/* MaliyetleriGir button inside Alım header: keep white */
.gas-report td.bg-success-transparent.fw-bold .btn,
.gas-report td.bg-danger-transparent.fw-bold .btn { background: rgba(255,255,255,0.2) !important; color: #fff !important; border: 1px solid rgba(255,255,255,0.4) !important; font-size: 11px !important; padding: 3px 10px !important; border-radius: 6px !important; }
    .gas-report td.bg-success-transparent.fw-bold .btn:hover,
    .gas-report td.bg-danger-transparent.fw-bold .btn:hover { background: rgba(255,255,255,0.35) !important; }
/* Devir row: amber highlight */
.gas-report tr.bg-warning-transparent > td { background: rgba(245,158,11,0.08) !important; }
/* Bottom total rows */
.gas-report tr.bg-success-transparent > td,
.gas-report tr.fs-15.bg-success-transparent > td { background: rgba(16,185,129,0.08) !important; }
.gas-report tr.bg-danger-transparent > td,
.gas-report tr.fs-15.bg-danger-transparent > td { background: rgba(239,68,68,0.07) !important; }
.gas-report tr.bg-info-transparent > td { background: rgba(59,130,246,0.08) !important; }
.gas-report tr.bg-purple-transparent > td { background: rgba(139,92,246,0.09) !important; }
/* Override fs-15 from being huge */
.gas-report .fs-15 { font-size: 13px !important; }
/* "MaliyetleriGir" action button inside table header td */
.gas-report table td .btn.pull-right { font-size: 10px !important; padding: 3px 10px !important; border-radius: 6px !important; line-height: 1.4 !important; float: right !important; }
/* Hedge/summary table section header */
.gas-report table thead th[colspan="4"] { text-align: center !important; background: linear-gradient(135deg, #1e3a5f 0%, #1d4ed8 100%) !important; color: #fff !important; font-size: 12px !important; letter-spacing: 0.5px !important; }
/* Komisyon link buttons in summary table */
.gas-report table td > b > a { color: #6259ca !important; font-weight: 700 !important; text-decoration: none !important; transition: color 0.2s !important; }
    .gas-report table td > b > a:hover { color: #8b5cf6 !important; }
/* Input group calendar icon */
.gas-report .input-group-text { background: #f8f9fe !important; border-color: #e8ecf1 !important; color: #6259ca !important; }
/* Dark mode */
[data-theme-mode=dark] .gas-report td.bg-success-transparent.fw-bold { background: #065f46 !important; color: #6ee7b7 !important; }
[data-theme-mode=dark] .gas-report td.bg-danger-transparent.fw-bold { background: #7f1d1d !important; color: #fca5a5 !important; }
[data-theme-mode=dark] .gas-report tr.bg-warning-transparent > td { background: rgba(245,158,11,0.1) !important; }
[data-theme-mode=dark] .gas-report tr.bg-success-transparent > td { background: rgba(16,185,129,0.1) !important; }
[data-theme-mode=dark] .gas-report tr.bg-danger-transparent > td { background: rgba(239,68,68,0.1) !important; }
[data-theme-mode=dark] .gas-report tr.bg-info-transparent > td { background: rgba(59,130,246,0.1) !important; }
[data-theme-mode=dark] .gas-report tr.bg-purple-transparent > td { background: rgba(139,92,246,0.12) !important; }

/* ============================================================
   GLOBAL TABLE CELL STATUS BADGES (İşlem Türü, Tipi, Durum)
   ============================================================ */

/* Tablo hücreleri içindeki alert/bg-transparent class'larını düzenle */
.table td.alert,
.table td[class*="bg-"][class*="-transparent"] { margin: 0 !important; border-top: none !important; border-right: none !important; border-bottom: none !important; vertical-align: middle !important; }
    /* border-left renkleri — specificity 031 ile .table tbody td (012) yener */
    .table td[class*="bg-"][class*="-transparent"].bg-success-transparent { border-left: 3px solid #10b981 !important; }
    .table td[class*="bg-"][class*="-transparent"].bg-info-transparent { border-left: 3px solid #3b82f6 !important; }
    .table td[class*="bg-"][class*="-transparent"].bg-warning-transparent { border-left: 3px solid #f59e0b !important; }
    .table td[class*="bg-"][class*="-transparent"].bg-danger-transparent { border-left: 3px solid #ef4444 !important; }
    .table td[class*="bg-"][class*="-transparent"].bg-primary-transparent { border-left: 3px solid #6259ca !important; }
    .table td[class*="bg-"][class*="-transparent"].bg-purple-transparent { border-left: 3px solid #604dd8 !important; }
    .table td[class*="bg-"][class*="-transparent"].bg-dark-transparent { border-left: 3px solid #3b3b3b !important; }

    /* Durum hücreleri: pill badge */
    .table td.alert::after,
    .table td.alert-info::after,
    .table td.alert-danger::after,
    .table td.alert-warning::after,
    .table td.alert-success::after { display: none !important; }

/* bg-transparent table cell — ctsv2 values, box-shadow:none beats Bootstrap 5 striped inset */
body .table td.bg-info-transparent { background-color: rgb(199,224,253) !important; box-shadow: none !important; }
body .table td.bg-success-transparent { background-color: #DCF4EE !important; box-shadow: none !important; }
body .table td.bg-warning-transparent { background-color: #FFF6E9 !important; box-shadow: none !important; }
body .table td.bg-danger-transparent { background-color: rgba(255,56,43,0.1) !important; box-shadow: none !important; }
body .table td.bg-primary-transparent { background-color: rgba(98,89,202,0.1) !important; box-shadow: none !important; }
body .table td.bg-purple-transparent { background-color: rgba(96,77,216,0.1) !important; box-shadow: none !important; }
body .table td.bg-dark-transparent { background-color: rgba(0,0,0,0.15) !important; box-shadow: none !important; }
body .table td.alert.alert-info { background-color: rgb(199,224,253) !important; box-shadow: none !important; }
body .table td.alert.alert-success { background-color: #DCF4EE !important; box-shadow: none !important; }
body .table td.alert.alert-warning { background-color: #FFF6E9 !important; box-shadow: none !important; }
body .table td.alert.alert-danger { background-color: rgba(255,56,43,0.1) !important; box-shadow: none !important; }

/* Dark mode */
[data-theme-mode=dark] .table td.bg-info-transparent,
[data-theme-mode=dark] .table td.alert.alert-info { background-color: rgba(59,130,246,0.15) !important; box-shadow: none !important; }
[data-theme-mode=dark] .table td.bg-danger-transparent,
[data-theme-mode=dark] .table td.alert.alert-danger { background-color: rgba(239,68,68,0.15) !important; box-shadow: none !important; }
[data-theme-mode=dark] .table td.bg-warning-transparent,
[data-theme-mode=dark] .table td.alert.alert-warning { background-color: #413842 !important; box-shadow: none !important; }
[data-theme-mode=dark] .table td.bg-success-transparent,
[data-theme-mode=dark] .table td.alert.alert-success { background-color: #29404f !important; box-shadow: none !important; }
[data-theme-mode=dark] .table td.bg-primary-transparent { background-color: rgba(98,89,202,0.15) !important; box-shadow: none !important; }

/* ===== VarlikYonetimi Dashboard Stat Cards (top row) ===== */
.vm-stat-card { display: flex; align-items: center; gap: 16px; background: #fff; border-radius: 16px; padding: 20px 22px; box-shadow: 0 2px 12px rgba(0,0,0,0.06); border: 1px solid rgba(0,0,0,0.04); transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); height: 100%; }
    .vm-stat-card:hover { box-shadow: 0 8px 28px rgba(98,89,202,0.12); transform: translateY(-2px); }
.vm-stat-icon { width: 52px; height: 52px; border-radius: 14px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; color: #fff; font-size: 22px; box-shadow: 0 4px 14px rgba(0,0,0,0.15); }
.vm-stat-content { flex: 1; min-width: 0; }
.vm-stat-label { display: block; font-size: 12px; font-weight: 600; color: #64748b; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 4px; }
.vm-stat-pct { font-size: 11px; color: #f59e0b; font-weight: 700; }
.vm-stat-value { display: block; font-size: 22px; font-weight: 800; color: #1e2a3a; line-height: 1.2; letter-spacing: -0.5px; }
.vm-stat-value-row { display: flex; align-items: center; gap: 8px; }
.vm-stat-select { font-size: 11px !important; padding: 2px 6px !important; border-radius: 6px !important; border: 1px solid #e2e8f0 !important; background: #f8fafc !important; color: #475569 !important; font-weight: 600 !important; height: auto !important; width: auto !important; min-width: 0 !important; }
.vm-stat-sub { display: block; font-size: 11px; color: #94a3b8; margin-top: 6px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    .vm-stat-sub strong { color: #64748b; }
.vm-stat-link { color: #6259ca !important; font-weight: 600; text-decoration: none !important; }
    .vm-stat-link:hover { text-decoration: underline !important; }
[data-theme-mode=dark] .vm-stat-card { background: #1e293b; border-color: rgba(255,255,255,0.06); box-shadow: 0 2px 12px rgba(0,0,0,0.3); }
    [data-theme-mode=dark] .vm-stat-card:hover { box-shadow: 0 8px 28px rgba(0,0,0,0.4); }
[data-theme-mode=dark] .vm-stat-label { color: #94a3b8; }
[data-theme-mode=dark] .vm-stat-value { color: #f0f1f5; }
[data-theme-mode=dark] .vm-stat-sub { color: #64748b; }
[data-theme-mode=dark] .vm-stat-select { background: #334155 !important; border-color: #475569 !important; color: #e2e8f0 !important; }

/* ===== VarlikYonetimi Dashboard Report Cards ===== */
.vm-report-card { border-radius: 16px; border: none; box-shadow: 0 2px 12px rgba(0,0,0,0.06); background: #fff; overflow: hidden; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); height: 100%; display: flex; flex-direction: column; border: 1px solid rgba(0,0,0,0.04); }
    .vm-report-card:hover { box-shadow: 0 8px 28px rgba(98,89,202,0.12); transform: translateY(-2px); }
.vm-gradient-bar { height: 3px; background: linear-gradient(90deg, #6259ca 0%, #8b5cf6 30%, #667eea 60%, #a78bfa 100%); flex-shrink: 0; }
.vm-report-card .card-header { background: transparent !important; border-bottom: 1px solid #f0f1f5; padding: 16px 20px; flex-shrink: 0; }
    .vm-report-card .card-header .card-title { font-size: 14px; font-weight: 700; color: #1a1a2e; margin: 0; display: flex; align-items: center; }
.vm-report-card .card-body { padding: 0; overflow-x: auto; flex: 1; }
.vm-report-card .table { margin-bottom: 0; }
    .vm-report-card .table thead th { background: #f8fafc !important; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; color: #64748b !important; padding: 10px 16px !important; border-bottom: 2px solid #e2e8f0 !important; }
    .vm-report-card .table tbody td { padding: 10px 16px !important; font-size: 13px; vertical-align: middle; border-bottom: 1px solid #f1f5f9 !important; }
    .vm-report-card .table tbody tr:hover { background: rgba(98,89,202,0.03) !important; }

/* Toplam summary kartları */
.vm-summary-bar { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; padding: 10px 14px; background: linear-gradient(135deg, #f8f9fe 0%, #eef0fb 100%); border-radius: 10px; border: 1px solid rgba(98,89,202,0.10); }
.vm-summary-item { display: flex; flex-direction: column; align-items: center; padding: 6px 12px; background: #fff; border-radius: 8px; box-shadow: 0 2px 8px rgba(98,89,202,0.10); min-width: 90px; transition: all 0.2s ease; }
    .vm-summary-item:hover { box-shadow: 0 4px 16px rgba(98,89,202,0.18); transform: translateY(-1px); }
.vm-summary-currency { font-size: 10px; font-weight: 600; color: #6259ca; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 1px; }
.vm-summary-amount { font-size: 13px; font-weight: 800; color: #1e2a3a; }

[data-theme-mode=dark] .vm-report-card { background: #1e293b; box-shadow: 0 2px 12px rgba(0,0,0,0.3); border-color: rgba(255,255,255,0.06); }
    [data-theme-mode=dark] .vm-report-card:hover { box-shadow: 0 8px 28px rgba(0,0,0,0.4); }
    [data-theme-mode=dark] .vm-report-card .card-header { border-bottom-color: rgba(255,255,255,0.06); }
        [data-theme-mode=dark] .vm-report-card .card-header .card-title { color: #f0f1f5; }
    [data-theme-mode=dark] .vm-report-card .table thead th { background: #162032 !important; color: #94a3b8 !important; border-bottom-color: #334155 !important; }
    [data-theme-mode=dark] .vm-report-card .table tbody td { border-bottom-color: rgba(255,255,255,0.04) !important; }
    [data-theme-mode=dark] .vm-report-card .table tbody tr:hover { background: rgba(255,255,255,0.03) !important; }
[data-theme-mode=dark] .vm-summary-bar { background: linear-gradient(135deg, #162032 0%, #1a2740 100%); border-color: rgba(255,255,255,0.06); }
[data-theme-mode=dark] .vm-summary-item { background: #1e293b; box-shadow: 0 2px 8px rgba(0,0,0,0.3); }
[data-theme-mode=dark] .vm-summary-currency { color: #a78bfa; }
[data-theme-mode=dark] .vm-summary-amount { color: #f0f1f5; }

/* ============================================================
   LANGUAGE TOGGLE BUTTON
   ============================================================ */
#langToggle { position: relative; top: 2.5px; }
.lang-btn { display: inline-flex; align-items: center; justify-content: center; min-width: 32px; height: 26px; padding: 0 8px; font-size: 11px; font-weight: 800; letter-spacing: 1px; color: #6259ca; background: rgba(98,89,202,0.1); border: 1.5px solid rgba(98,89,202,0.25); border-radius: 6px; cursor: pointer; transition: all 0.2s; user-select: none; }
    .lang-btn:hover { background: rgba(98,89,202,0.18); border-color: rgba(98,89,202,0.4); }
[data-theme-mode="dark"] .lang-btn { color: #a78bfa; background: rgba(167,139,250,0.12); border-color: rgba(167,139,250,0.25); }
    [data-theme-mode="dark"] .lang-btn:hover { background: rgba(167,139,250,0.2); border-color: rgba(167,139,250,0.4); }

/* ============================================================
   LOADER PERFORMANCE - blur ve agir efektleri kaldir
   ============================================================ */
#loader { backdrop-filter: none !important; -webkit-backdrop-filter: none !important; background: #fff !important; transition: none !important; }
.loader-glow { animation-duration: 1s !important; }
.loader-orbit-svg { animation-duration: 1s !important; }

/* ============================================================
   PREMIUM PAGE CARD COMPONENTS (Rol, etc.)
   ============================================================ */
/* Card */
.premium-card { border: none; border-radius: 16px; box-shadow: 0 1px 3px rgba(0,0,0,.04),0 4px 16px rgba(0,0,0,.06); overflow: hidden; background: #fff; transition: all .25s ease; }
    .premium-card:hover { box-shadow: 0 2px 8px rgba(0,0,0,.06),0 8px 30px rgba(98,89,202,.1); }
.premium-card-header { padding: 18px 24px; display: flex; align-items: center; justify-content: space-between; gap: 12px; border-bottom: 1px solid rgba(0,0,0,.04); background: linear-gradient(135deg,rgba(98,89,202,.04),rgba(139,92,246,.02)); flex-wrap: wrap; }
.premium-card-header-left { display: flex; align-items: center; gap: 12px; }
.premium-card-header .premium-icon { width: 36px; height: 36px; border-radius: 10px; display: inline-flex; align-items: center; justify-content: center; font-size: 15px; color: #fff; flex-shrink: 0; background: linear-gradient(135deg,#6259ca,#8b5cf6); box-shadow: 0 3px 10px rgba(98,89,202,.3); }
.premium-card-header h3 { font-size: 15px; font-weight: 700; color: #1e1e2d; margin: 0; }
.premium-card-body { padding: 24px; }
.premium-gradient-bar { height: 3px; background: linear-gradient(90deg,#6259ca 0%,#8b5cf6 30%,#667eea 60%,#a78bfa 100%); }
/* Update list button (premium-table removed) */
/* Update list button */
.btn-update-list { background: linear-gradient(135deg,#ef4444,#dc2626) !important; border: none !important; color: #fff !important; border-radius: 10px !important; font-size: 13px; font-weight: 600; padding: 10px 24px; box-shadow: 0 4px 14px rgba(239,68,68,.3); transition: all .2s; }
    .btn-update-list:hover { transform: translateY(-1px); box-shadow: 0 6px 20px rgba(239,68,68,.35); }
/* Empty state */
.empty-state { text-align: center; padding: 40px 20px; color: #8392a5; }
    .empty-state i { font-size: 32px; opacity: .35; margin-bottom: 10px; display: block; }
    .empty-state p { font-size: 13px; margin: 0; }
/* Premium modal */
.premium-modal .modal-content { border: none; border-radius: 16px; box-shadow: 0 8px 40px rgba(0,0,0,.15); overflow: hidden; }
.premium-modal .modal-header { background: linear-gradient(135deg,rgba(98,89,202,.06),rgba(139,92,246,.03)); border-bottom: 1px solid rgba(0,0,0,.04); padding: 18px 24px; }
    .premium-modal .modal-header .modal-title { font-size: 16px; font-weight: 700; color: #1e1e2d; display: flex; align-items: center; gap: 10px; }
.premium-modal .modal-body { padding: 24px; }
    .premium-modal .modal-body .form-label { font-weight: 600; color: #5a6778; font-size: 12.5px; padding-top: 7px; }
    .premium-modal .modal-body .form-control { border-radius: 8px; border: 1px solid #e2e8f0; font-size: 13px; transition: all .2s; color: black !important; }
        .premium-modal .modal-body .form-control:focus { border-color: #8b5cf6; box-shadow: 0 0 0 3px rgba(139,92,246,.12); }
    .premium-modal .modal-body .asterisk { color: #ef4444; font-weight: 700; }
.premium-modal .modal-footer { background: #fafbfc; border-top: 1px solid rgba(0,0,0,.04); padding: 16px 24px; gap: 10px; }
    .premium-modal .modal-footer .btn { border-radius: 10px; font-size: 13px; font-weight: 600; padding: 10px 24px; transition: all .2s; }
/* Modern toggle switch */
.table .ckbox, .modern-table .ckbox, .premium-modal .ckbox { position: relative; display: inline-block; }
    .table .ckbox label, .modern-table .ckbox label, .premium-modal .ckbox label { display: inline-flex; align-items: center; gap: 8px; cursor: pointer; margin: 0; font-size: 12px; color: #64748b; }
    .premium-modal .ckbox label { font-size: 13px; color: #475569; }
    .table .ckbox input[type="checkbox"], .modern-table .ckbox input[type="checkbox"], .premium-modal .ckbox input[type="checkbox"] { appearance: none; -webkit-appearance: none; width: 36px; height: 20px; background: #d1d5db; border-radius: 12px; position: relative; cursor: pointer; transition: all .25s cubic-bezier(.4,0,.2,1); outline: none; flex-shrink: 0; border: none; margin: 0; }
        .table .ckbox input[type="checkbox"]::after, .modern-table .ckbox input[type="checkbox"]::after, .premium-modal .ckbox input[type="checkbox"]::after { content: ''; position: absolute; top: 2px; left: 2px; width: 16px; height: 16px; border-radius: 50%; background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,.2); transition: transform .25s cubic-bezier(.4,0,.2,1); }
        .table .ckbox input[type="checkbox"]:checked, .modern-table .ckbox input[type="checkbox"]:checked, .premium-modal .ckbox input[type="checkbox"]:checked { background: linear-gradient(135deg,#6259ca,#8b5cf6); }
.table .ckbox-success input[type="checkbox"]:checked, .modern-table .ckbox-success input[type="checkbox"]:checked, .premium-modal .ckbox-success input[type="checkbox"]:checked { background: linear-gradient(135deg,#10b981,#059669); }
.table .ckbox input[type="checkbox"]:checked::after, .modern-table .ckbox input[type="checkbox"]:checked::after, .premium-modal .ckbox input[type="checkbox"]:checked::after { transform: translateX(16px); }
.table .ckbox input[type="checkbox"]:hover, .modern-table .ckbox input[type="checkbox"]:hover, .premium-modal .ckbox input[type="checkbox"]:hover { background: #b0b5bf; }
.table .ckbox input[type="checkbox"]:checked:hover, .modern-table .ckbox input[type="checkbox"]:checked:hover, .premium-modal .ckbox input[type="checkbox"]:checked:hover { filter: brightness(1.1); }
/* Dark mode */
[data-theme-mode="dark"] .premium-card { background: #1a1a2e; box-shadow: 0 4px 16px rgba(0,0,0,.3); }
[data-theme-mode="dark"] .premium-card-header { background: linear-gradient(135deg,rgba(98,89,202,.1),rgba(139,92,246,.06)); border-bottom-color: rgba(255,255,255,.06); }
    [data-theme-mode="dark"] .premium-card-header h3 { color: #e2e8f0; }
[data-theme-mode="dark"] .premium-card-body { background: #1a1a2e; }
[data-theme-mode="dark"] .table .ckbox input[type="checkbox"], [data-theme-mode="dark"] .modern-table .ckbox input[type="checkbox"], [data-theme-mode="dark"] .premium-modal .ckbox input[type="checkbox"] { background: #3d3d5c; }
    [data-theme-mode="dark"] .table .ckbox input[type="checkbox"]:hover, [data-theme-mode="dark"] .modern-table .ckbox input[type="checkbox"]:hover, [data-theme-mode="dark"] .premium-modal .ckbox input[type="checkbox"]:hover { background: #4d4d6c; }
    [data-theme-mode="dark"] .table .ckbox input[type="checkbox"]::after, [data-theme-mode="dark"] .modern-table .ckbox input[type="checkbox"]::after, [data-theme-mode="dark"] .premium-modal .ckbox input[type="checkbox"]::after { background: #e2e8f0; }
[data-theme-mode="dark"] .premium-modal .modal-content { background: #1a1a2e; }
[data-theme-mode="dark"] .premium-modal .modal-header { background: linear-gradient(135deg,rgba(98,89,202,.12),rgba(139,92,246,.06)); border-bottom-color: rgba(255,255,255,.06); }
    [data-theme-mode="dark"] .premium-modal .modal-header .modal-title { color: #e2e8f0; }
[data-theme-mode="dark"] .premium-modal .modal-body .form-label { color: #a0aec0; }
[data-theme-mode="dark"] .premium-modal .modal-body .form-control { background: #16162a; border-color: rgba(255,255,255,.08); color: #e2e8f0; }
[data-theme-mode="dark"] .premium-modal .modal-footer { background: #16162a; border-top-color: rgba(255,255,255,.06); }
[data-theme-mode="dark"] .premium-modal .ckbox label { color: #a0aec0; }

/* Warning transparent - data-theme-mode dark override */
[data-theme-mode="dark"] .bg-warning-transparent { background-color: rgba(245,158,11,0.15) !important; border: 1.5px solid rgba(245,158,11,0.3) !important; border-left: 3px solid #f59e0b !important; color: #fbbf24 !important; }

/* ============================================================
   GLOBAL BUTTON STANDARDIZATION
   ============================================================ */
/* Kaydet / Save -> Yesil */
.btn-cts-save { background: linear-gradient(135deg, #10b981, #059669) !important; color: #fff !important; border: none !important; box-shadow: 0 3px 10px rgba(16,185,129,0.3) !important; }
    .btn-cts-save:hover { background: linear-gradient(135deg, #059669, #047857) !important; color: #fff !important; transform: translateY(-1px); box-shadow: 0 5px 15px rgba(16,185,129,0.4) !important; }
/* Ara / Search -> Mor */
.btn-cts-search { background: linear-gradient(135deg, #6259ca, #8b5cf6) !important; color: #fff !important; border: none !important; box-shadow: 0 3px 10px rgba(98,89,202,0.3) !important; }
    .btn-cts-search:hover { background: linear-gradient(135deg, #5548b5, #7c3aed) !important; color: #fff !important; transform: translateY(-1px); box-shadow: 0 5px 15px rgba(98,89,202,0.4) !important; }
/* Yeni Kayit / New Record -> Koyu */
.btn-cts-new { background: linear-gradient(135deg, #334155, #475569) !important; color: #fff !important; border: none !important; box-shadow: 0 3px 10px rgba(51,65,85,0.3) !important; }
    .btn-cts-new:hover { background: linear-gradient(135deg, #1e293b, #334155) !important; color: #fff !important; transform: translateY(-1px); box-shadow: 0 5px 15px rgba(51,65,85,0.4) !important; }
/* Excele Aktar / Export -> Yesil (farkli ton) */
.btn-cts-excel { background: linear-gradient(135deg, #22c55e, #16a34a) !important; color: #fff !important; border: none !important; box-shadow: 0 3px 10px rgba(34,197,94,0.3) !important; }
    .btn-cts-excel:hover { background: linear-gradient(135deg, #16a34a, #15803d) !important; color: #fff !important; transform: translateY(-1px); box-shadow: 0 5px 15px rgba(34,197,94,0.4) !important; }
/* Sil / Delete -> Kirmizi */
.btn-cts-delete { background: linear-gradient(135deg, #ef4444, #dc2626) !important; color: #fff !important; border: none !important; box-shadow: 0 3px 10px rgba(239,68,68,0.3) !important; }
    .btn-cts-delete:hover { background: linear-gradient(135deg, #dc2626, #b91c1c) !important; color: #fff !important; transform: translateY(-1px); box-shadow: 0 5px 15px rgba(239,68,68,0.4) !important; }
/* Iptal / Cancel -> Gri */
.btn-cts-cancel { background: linear-gradient(135deg, #9ca3af, #6b7280) !important; color: #fff !important; border: none !important; box-shadow: 0 3px 10px rgba(107,114,128,0.3) !important; }
    .btn-cts-cancel:hover { background: linear-gradient(135deg, #6b7280, #4b5563) !important; color: #fff !important; transform: translateY(-1px); box-shadow: 0 5px 15px rgba(107,114,128,0.4) !important; }
/* Primary -> Mor */
.btn-cts-primary { background: linear-gradient(135deg, #6259ca, #8b5cf6) !important; color: #fff !important; border: none !important; box-shadow: 0 3px 10px rgba(98,89,202,0.3) !important; }
    .btn-cts-primary:hover { background: linear-gradient(135deg, #5548b5, #7c3aed) !important; color: #fff !important; transform: translateY(-1px); box-shadow: 0 5px 15px rgba(98,89,202,0.4) !important; }
/* Warning -> Turuncu */
.btn-cts-warning { background: linear-gradient(135deg, #f59e0b, #d97706) !important; color: #fff !important; border: none !important; box-shadow: 0 3px 10px rgba(245,158,11,0.3) !important; }
    .btn-cts-warning:hover { background: linear-gradient(135deg, #d97706, #b45309) !important; color: #fff !important; transform: translateY(-1px); box-shadow: 0 5px 15px rgba(245,158,11,0.4) !important; }
/* Info -> Mavi */
.btn-cts-info { background: linear-gradient(135deg, #0891b2, #06b6d4) !important; color: #fff !important; border: none !important; box-shadow: 0 3px 10px rgba(8,145,178,0.3) !important; }
    .btn-cts-info:hover { background: linear-gradient(135deg, #0e7490, #0891b2) !important; color: #fff !important; transform: translateY(-1px); box-shadow: 0 5px 15px rgba(8,145,178,0.4) !important; }
/* Secondary -> Koyu gri */
.btn-cts-secondary { background: linear-gradient(135deg, #64748b, #475569) !important; color: #fff !important; border: none !important; box-shadow: 0 3px 10px rgba(100,116,139,0.3) !important; }
    .btn-cts-secondary:hover { background: linear-gradient(135deg, #475569, #334155) !important; color: #fff !important; transform: translateY(-1px); box-shadow: 0 5px 15px rgba(100,116,139,0.4) !important; }
/* Button icons via CSS ::before (works for both asp:Button and asp:LinkButton) */
.btn-cts-save::before { content: "\e92a"; font-family: feather !important; margin-right: 6px; }
.btn-cts-search::before { content: "\e9bf"; font-family: feather !important; margin-right: 6px; }
.btn-cts-new::before { content: "\e9af"; font-family: feather !important; margin-right: 6px; }
.btn-cts-excel::before { content: "\e954"; font-family: feather !important; margin-right: 6px; }
.btn-cts-delete::before { content: "\e9e2"; font-family: feather !important; margin-right: 6px; }
.btn-cts-cancel::before { content: "\ea00"; font-family: feather !important; margin-right: 6px; }

/* ════════════════════════════════════════════════════════════════
   GOLDTAKASFX DARK THEME — Navy Blue Palette
   Replaces old purple-dark theme with professional navy dark theme.
   All rules below override earlier scattered dark mode rules.
   ════════════════════════════════════════════════════════════════ */

/* ─── 1. CSS Variable Overrides (styles.css base variables) ─── */
[data-theme-mode=dark] { --body-bg-rgb: 15, 23, 42; --body-bg-rgb2: 30, 41, 59; --menu-bg: #0c1929; --menu-border-color: #334155; --menu-prime-color: #e2e8f0; --header-bg: #0c1929; --header-prime-color: #e2e8f0; --header-border-color: #334155; --custom-white: #0f172a; --custom-black: #e2e8f0; --default-border: #334155; --default-text-color: #e2e8f0; --light-rgb: 30, 41, 59; --dark-rgb: 226, 232, 240; --bootstrap-card-border: #334155; --list-hover-focus-bg: rgba(255,255,255,0.06); --default-background: #1e293b; --default-body-bg-color: #0c1929; --text-muted: #94a3b8; --input-border: #475569; --form-control-bg: #253347; --gray-100: #0c1929; --gray-200: #1e293b; --gray-300: #334155; --gray-400: #475569; --gray-500: #64748b; --gray-600: #94a3b8; --gray-700: #cbd5e1; --gray-800: #e2e8f0; --gray-900: #f1f5f9; --white-1: rgba(0,0,0,0.1); --white-2: rgba(0,0,0,0.2); --white-3: rgba(0,0,0,0.3); --white-4: rgba(0,0,0,0.4); --white-5: rgba(0,0,0,0.5); --white-6: rgba(0,0,0,0.6); --white-7: rgba(0,0,0,0.7); --white-8: rgba(0,0,0,0.8); --white-9: rgba(0,0,0,0.9); --black-1: rgba(255,255,255,0.05); --black-2: rgba(255,255,255,0.15); --black-3: rgba(255,255,255,0.25); --black-4: rgba(255,255,255,0.35); --black-5: rgba(255,255,255,0.45); --black-6: rgba(255,255,255,0.55); --black-7: rgba(255,255,255,0.65); --black-8: rgba(255,255,255,0.75); --black-9: rgba(255,255,255,0.85); }

    /* ─── 2. Body & Global ─── */
    [data-theme-mode=dark] body,
    [data-theme-mode=dark] html { background-color: #0f172a !important; color: #e2e8f0 !important; }
    [data-theme-mode=dark] .page,
    [data-theme-mode=dark] .app-content { background-color: #0f172a !important; }

    /* ─── 3. Header ─── */
    [data-theme-mode=dark] .app-header,
    [data-header-styles=dark][data-theme-mode=dark] .app-header { background-color: #0c1929 !important; border-bottom-color: #334155 !important; box-shadow: 0 1px 3px rgba(0,0,0,0.3) !important; }
    /* Hamburger toggle in dark mode — match menu bar */
    [data-theme-mode=dark] .animated-arrow span,
    [data-theme-mode=dark] .animated-arrow span:before,
    [data-theme-mode=dark] .animated-arrow span:after { background: #94a3b8 !important; }
    [data-theme-mode=dark] .animated-arrow:hover span,
    [data-theme-mode=dark] .animated-arrow:hover span:before,
    [data-theme-mode=dark] .animated-arrow:hover span:after { background: #e2e8f0 !important; }
    /* Horizontal nav bar (app-sidebar in horizontal mode) — GoldTakas --bg-nav */
    [data-theme-mode=dark] .app-sidebar,
    [data-theme-mode=dark][data-nav-layout=horizontal] .app-sidebar,
    [data-menu-styles=dark][data-theme-mode=dark][data-nav-layout=horizontal] .app-sidebar { box-shadow: none !important; -webkit-box-shadow: none !important; }
    [data-theme-mode=dark][data-nav-layout=horizontal] .app-sidebar,
    [data-menu-styles=dark][data-theme-mode=dark][data-nav-layout=horizontal] .app-sidebar { background-color: #253347 !important; border-color: #334155 !important; height: 52px; }
    /* Horizontal user info */
    [data-theme-mode=dark] .horizontal-user-sep { background: rgba(96,165,250,0.3) !important; }
    [data-theme-mode=dark] .horizontal-user-name { color: #60a5fa !important; }
    /* Header icon buttons */
    [data-theme-mode=dark] .header-content-right .header-link,
    [data-header-styles=dark][data-theme-mode=dark] .header-content-right .header-link { color: #94a3b8 !important; border-color: #334155 !important; background: #1e293b !important; }
        [data-theme-mode=dark] .header-content-right .header-link:hover,
        [data-header-styles=dark][data-theme-mode=dark] .header-content-right .header-link:hover { background: #253347 !important; border-color: #60a5fa !important; color: #60a5fa !important; }
    [data-theme-mode=dark] .header-content-right .notif-premium .nav-link.icon,
    [data-header-styles=dark][data-theme-mode=dark] .header-content-right .notif-premium .nav-link.icon { color: #94a3b8 !important; border-color: #334155 !important; background: #1e293b !important; }
        [data-theme-mode=dark] .header-content-right .notif-premium .nav-link.icon:hover,
        [data-header-styles=dark][data-theme-mode=dark] .header-content-right .notif-premium .nav-link.icon:hover { background: #253347 !important; border-color: #60a5fa !important; color: #60a5fa !important; }
/* Header link icon overrides from styles.css */
[data-header-styles=dark][data-theme-mode=dark] .main-header-container .header-link-icon:hover { background-color: rgba(96,165,250,0.1) !important; }
[data-header-styles=dark][data-theme-mode=dark] .app-header .header-right-icons .nav-link.icon,
[data-menu-styles=dark][data-theme-mode=dark] .app-header .header-right-icons .nav-link.icon { background: #1e293b !important; box-shadow: 0 2px 4px rgba(0,0,0,0.2) !important; }

/* ─── 4. Sidebar ─── */
[data-theme-mode=dark] .app-sidebar,
[data-menu-styles=dark][data-theme-mode=dark] .app-sidebar { background-color: #0c1929 !important; border-right-color: #334155 !important; }
    /* Sidebar logo: show desktop-dark, hide desktop-logo in dark mode */
    [data-theme-mode=dark] .app-sidebar .main-sidebar-header .header-logo .desktop-dark,
    [data-menu-styles=dark][data-theme-mode=dark] .app-sidebar .main-sidebar-header .header-logo .desktop-dark,
    [data-menu-styles=dark][data-theme-mode=dark][data-vertical-style=overlay] .app-sidebar .main-sidebar-header .header-logo .desktop-dark { display: block !important; }
    [data-theme-mode=dark] .app-sidebar .main-sidebar-header .header-logo .desktop-logo,
    [data-theme-mode=dark] .app-sidebar .main-sidebar-header .header-logo .toggle-logo,
    [data-menu-styles=dark][data-theme-mode=dark] .app-sidebar .main-sidebar-header .header-logo .desktop-logo,
    [data-menu-styles=dark][data-theme-mode=dark] .app-sidebar .main-sidebar-header .header-logo .toggle-logo { display: none !important; }
/* When sidebar collapsed (overlay), show toggle-dark instead */
[data-theme-mode=dark][data-vertical-style=overlay][data-toggled=icon-overlay-close] .app-sidebar .main-sidebar-header .header-logo .desktop-dark,
[data-menu-styles=dark][data-theme-mode=dark][data-vertical-style=overlay][data-toggled=icon-overlay-close] .app-sidebar .main-sidebar-header .header-logo .desktop-dark { display: none !important; }
[data-theme-mode=dark][data-vertical-style=overlay][data-toggled=icon-overlay-close] .app-sidebar .main-sidebar-header .header-logo .toggle-dark,
[data-menu-styles=dark][data-theme-mode=dark][data-vertical-style=overlay][data-toggled=icon-overlay-close] .app-sidebar .main-sidebar-header .header-logo .toggle-dark { display: block !important; }
/* When sidebar re-expands on hover (icon-overlay open) */
[data-theme-mode=dark][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open] .app-sidebar .main-sidebar-header .header-logo .desktop-dark,
[data-menu-styles=dark][data-theme-mode=dark][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open] .app-sidebar .main-sidebar-header .header-logo .desktop-dark { display: block !important; }
[data-theme-mode=dark][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open] .app-sidebar .main-sidebar-header .header-logo .toggle-dark,
[data-menu-styles=dark][data-theme-mode=dark][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open] .app-sidebar .main-sidebar-header .header-logo .toggle-dark { display: none !important; }
/* Logo text color in dark mode */
[data-theme-mode=dark] .app-sidebar .main-sidebar-header .header-logo .desktop-dark span { color: #e2e8f0 !important; }
[data-theme-mode=dark] .app-sidebar .main-sidebar-header .header-logo .desktop-dark i,
[data-theme-mode=dark] .app-sidebar .main-sidebar-header .header-logo .toggle-dark i { color: #60a5fa !important; }
[data-theme-mode=dark] .app-sidebar .main-sidebar-header,
[data-menu-styles=dark][data-theme-mode=dark] .app-sidebar .main-sidebar-header { background-color: #0c1929 !important; border-bottom-color: #334155 !important; }
[data-theme-mode=dark] .sidebar-user-info { color: #60a5fa !important; }
/* Menu items: override Zanex pill-style from styles.css [data-menu-styles=dark] */
[data-theme-mode=dark] .app-sidebar .side-menu__item,
[data-menu-styles=dark][data-theme-mode=dark] .app-sidebar .side-menu__item { color: #94a3b8 !important; border-radius: 10px !important; border-start-start-radius: 10px !important; border-start-end-radius: 10px !important; border-end-end-radius: 10px !important; border-end-start-radius: 10px !important; }
    [data-theme-mode=dark] .app-sidebar .side-menu__item:hover,
    [data-menu-styles=dark][data-theme-mode=dark] .app-sidebar .side-menu__item:hover,
    [data-theme-mode=dark] .app-sidebar .side-menu__item:focus,
    [data-menu-styles=dark][data-theme-mode=dark] .app-sidebar .side-menu__item:focus { background: rgba(96,165,250,0.08) !important; color: #e2e8f0 !important; box-shadow: none !important; border-radius: 10px !important; border-start-start-radius: 10px !important; border-start-end-radius: 10px !important; border-end-end-radius: 10px !important; border-end-start-radius: 10px !important; }
        [data-theme-mode=dark] .app-sidebar .side-menu__item:hover .side-menu__icon,
        [data-theme-mode=dark] .app-sidebar .side-menu__item:hover .side-menu__label,
        [data-theme-mode=dark] .app-sidebar .side-menu__item:hover .side-menu__angle,
        [data-menu-styles=dark][data-theme-mode=dark] .app-sidebar .side-menu__item:hover .side-menu__icon,
        [data-menu-styles=dark][data-theme-mode=dark] .app-sidebar .side-menu__item:hover .side-menu__label,
        [data-menu-styles=dark][data-theme-mode=dark] .app-sidebar .side-menu__item:hover .side-menu__angle,
        [data-menu-styles=dark][data-theme-mode=dark] .app-sidebar .side-menu__item:focus .side-menu__icon,
        [data-menu-styles=dark][data-theme-mode=dark] .app-sidebar .side-menu__item:focus .side-menu__label,
        [data-menu-styles=dark][data-theme-mode=dark] .app-sidebar .side-menu__item:focus .side-menu__angle { color: #e2e8f0 !important; }
    [data-theme-mode=dark] .app-sidebar .side-menu__item.active,
    [data-menu-styles=dark][data-theme-mode=dark] .app-sidebar .side-menu__item.active { background: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%) !important; color: #fff !important; box-shadow: 0 4px 12px rgba(59,130,246,0.3) !important; border-radius: 10px !important; border-start-start-radius: 10px !important; border-start-end-radius: 10px !important; border-end-end-radius: 10px !important; border-end-start-radius: 10px !important; }
        [data-theme-mode=dark] .app-sidebar .side-menu__item.active .side-menu__label,
        [data-theme-mode=dark] .app-sidebar .side-menu__item.active .side-menu__icon,
        [data-theme-mode=dark] .app-sidebar .side-menu__item.active .side-menu__angle,
        [data-menu-styles=dark][data-theme-mode=dark] .app-sidebar .side-menu__item.active .side-menu__label,
        [data-menu-styles=dark][data-theme-mode=dark] .app-sidebar .side-menu__item.active .side-menu__icon,
        [data-menu-styles=dark][data-theme-mode=dark] .app-sidebar .side-menu__item.active .side-menu__angle { color: #fff !important; }
        [data-theme-mode=dark] .app-sidebar .side-menu__item.active:hover,
        [data-menu-styles=dark][data-theme-mode=dark] .app-sidebar .side-menu__item.active:hover { background: linear-gradient(135deg, #1d4ed8 0%, #2563eb 100%) !important; color: #fff !important; border-radius: 10px !important; border-start-start-radius: 10px !important; border-start-end-radius: 10px !important; border-end-end-radius: 10px !important; border-end-start-radius: 10px !important; }
            [data-theme-mode=dark] .app-sidebar .side-menu__item.active:hover .side-menu__label,
            [data-theme-mode=dark] .app-sidebar .side-menu__item.active:hover .side-menu__icon,
            [data-menu-styles=dark][data-theme-mode=dark] .app-sidebar .side-menu__item.active:hover .side-menu__label,
            [data-menu-styles=dark][data-theme-mode=dark] .app-sidebar .side-menu__item.active:hover .side-menu__icon { color: #fff !important; }
[data-theme-mode=dark] .app-sidebar .side-menu__icon,
[data-menu-styles=dark][data-theme-mode=dark] .app-sidebar .side-menu__icon { color: #64748b !important; }
[data-theme-mode=dark] .app-sidebar .slide-menu,
[data-menu-styles=dark][data-theme-mode=dark] .app-sidebar .slide-menu { border-left-color: rgba(96,165,250,0.15) !important; }
    /* Child menus */
    [data-theme-mode=dark] .app-sidebar .slide-menu.child1 li .side-menu__item,
    [data-theme-mode=dark] .app-sidebar .slide-menu.child2 li .side-menu__item,
    [data-theme-mode=dark] .app-sidebar .slide-menu.child3 li .side-menu__item,
    [data-theme-mode=dark] .app-sidebar .slide-menu .slide-item,
    [data-menu-styles=dark][data-theme-mode=dark] .app-sidebar .slide-menu.child1 .side-menu__item,
    [data-menu-styles=dark][data-theme-mode=dark] .app-sidebar .slide-menu.child2 .side-menu__item,
    [data-menu-styles=dark][data-theme-mode=dark] .app-sidebar .slide-menu.child3 .side-menu__item { color: #94a3b8 !important; }
        [data-theme-mode=dark] .app-sidebar .slide-menu.child1 li .side-menu__item:hover,
        [data-theme-mode=dark] .app-sidebar .slide-menu.child2 li .side-menu__item:hover,
        [data-theme-mode=dark] .app-sidebar .slide-menu.child3 li .side-menu__item:hover,
        [data-theme-mode=dark] .app-sidebar .slide-menu .slide-item:hover,
        [data-menu-styles=dark][data-theme-mode=dark] .app-sidebar .slide-menu.child1 .side-menu__item:hover,
        [data-menu-styles=dark][data-theme-mode=dark] .app-sidebar .slide-menu.child2 .side-menu__item:hover,
        [data-menu-styles=dark][data-theme-mode=dark] .app-sidebar .slide-menu.child3 .side-menu__item:hover { background: rgba(96,165,250,0.08) !important; color: #e2e8f0 !important; }
            /* Child menu hover ::before dot */
            [data-menu-styles=dark][data-theme-mode=dark] .app-sidebar .slide-menu.child1 .side-menu__item:hover:before,
            [data-menu-styles=dark][data-theme-mode=dark] .app-sidebar .slide-menu.child2 .side-menu__item:hover:before,
            [data-menu-styles=dark][data-theme-mode=dark] .app-sidebar .slide-menu.child3 .side-menu__item:hover:before { border-color: #60a5fa !important; opacity: 1 !important; }
        [data-theme-mode=dark] .app-sidebar .slide-menu.child1 li .side-menu__item.active,
        [data-menu-styles=dark][data-theme-mode=dark] .app-sidebar .slide-menu.child1 .side-menu__item.active,
        [data-menu-styles=dark][data-theme-mode=dark] .app-sidebar .slide-menu.child2 .side-menu__item.active,
        [data-menu-styles=dark][data-theme-mode=dark] .app-sidebar .slide-menu.child3 .side-menu__item.active { color: #60a5fa !important; background: transparent !important; }
[data-theme-mode=dark] .app-sidebar .main-sidebar::-webkit-scrollbar-thumb { background: #475569 !important; }
[data-theme-mode=dark] .app-sidebar .main-sidebar::-webkit-scrollbar-track { background: #0c1929 !important; }
/* Menu label1 (submenu header text) */
[data-menu-styles=dark][data-theme-mode=dark] .side-menu__label1 { border-block-end-color: #334155 !important; }
    [data-menu-styles=dark][data-theme-mode=dark] .side-menu__label1 a { color: #e2e8f0 !important; }

/* ─── 5. Horizontal Nav Dark ─── */
@media (min-width: 992px) {
    [data-theme-mode=dark][data-nav-layout=horizontal] .app-sidebar .slide-menu.child1,
    [data-theme-mode=dark][data-nav-layout=horizontal] .app-sidebar .slide-menu.child2,
    [data-menu-styles=dark][data-theme-mode=dark][data-nav-layout=horizontal] .app-sidebar .slide-menu.child1,
    [data-menu-styles=dark][data-theme-mode=dark][data-nav-layout=horizontal] .app-sidebar .slide-menu.child2 { background: #1e293b !important; border-color: #334155 !important; box-shadow: 0 10px 40px rgba(0,0,0,0.4) !important; }
    [data-theme-mode=dark][data-nav-layout=horizontal] .app-sidebar .side-menu__item,
    [data-menu-styles=dark][data-theme-mode=dark][data-nav-layout=horizontal] .app-sidebar .side-menu__item { color: #94a3b8 !important; }
        [data-theme-mode=dark][data-nav-layout=horizontal] .app-sidebar .side-menu__item:hover,
        [data-menu-styles=dark][data-theme-mode=dark][data-nav-layout=horizontal] .app-sidebar .side-menu__item:hover { background: rgba(96,165,250,0.08) !important; color: #e2e8f0 !important; }
        [data-theme-mode=dark][data-nav-layout=horizontal] .app-sidebar .side-menu__item.active,
        [data-menu-styles=dark][data-theme-mode=dark][data-nav-layout=horizontal] .app-sidebar .side-menu__item.active { background: transparent !important; color: #60a5fa !important; }
            [data-theme-mode=dark][data-nav-layout=horizontal] .app-sidebar .side-menu__item.active::after,
            [data-menu-styles=dark][data-theme-mode=dark][data-nav-layout=horizontal] .app-sidebar .side-menu__item.active::after { background: linear-gradient(90deg, #3b82f6, #60a5fa) !important; }
    [data-theme-mode=dark][data-nav-layout=horizontal] .app-sidebar .slide-menu.child1 li .side-menu__item,
    [data-theme-mode=dark][data-nav-layout=horizontal] .app-sidebar .slide-menu.child2 li .side-menu__item,
    [data-menu-styles=dark][data-theme-mode=dark][data-nav-layout=horizontal] .app-sidebar .slide-menu.child1 li .side-menu__item,
    [data-menu-styles=dark][data-theme-mode=dark][data-nav-layout=horizontal] .app-sidebar .slide-menu.child2 li .side-menu__item { color: #94a3b8 !important; }
        [data-theme-mode=dark][data-nav-layout=horizontal] .app-sidebar .slide-menu.child1 li .side-menu__item:hover,
        [data-theme-mode=dark][data-nav-layout=horizontal] .app-sidebar .slide-menu.child2 li .side-menu__item:hover,
        [data-menu-styles=dark][data-theme-mode=dark][data-nav-layout=horizontal] .app-sidebar .slide-menu.child1 li .side-menu__item:hover,
        [data-menu-styles=dark][data-theme-mode=dark][data-nav-layout=horizontal] .app-sidebar .slide-menu.child2 li .side-menu__item:hover { background: rgba(96,165,250,0.08) !important; color: #e2e8f0 !important; }
}
/* Hide light logo, show dark logo in horizontal dark mode */
[data-theme-mode=dark][data-nav-layout=horizontal] .horizontal-logo .header-logo .desktop-logo,
[data-menu-styles=dark][data-theme-mode=dark][data-nav-layout=horizontal] .horizontal-logo .header-logo .desktop-logo,
[data-header-styles=dark][data-theme-mode=dark][data-nav-layout=horizontal] .horizontal-logo .header-logo .desktop-logo,
[data-header-styles=dark][data-theme-mode=dark][data-nav-layout=horizontal] .header-element .horizontal-logo .header-logo .desktop-logo,
[data-theme-mode=dark][data-nav-layout=horizontal] .horizontal-logo .header-logo .toggle-logo,
[data-header-styles=dark][data-theme-mode=dark][data-nav-layout=horizontal] .horizontal-logo .header-logo .toggle-logo { display: none !important; }
[data-theme-mode=dark][data-nav-layout=horizontal] .horizontal-logo .header-logo .desktop-dark,
[data-menu-styles=dark][data-theme-mode=dark][data-nav-layout=horizontal] .horizontal-logo .header-logo .desktop-dark,
[data-header-styles=dark][data-theme-mode=dark][data-nav-layout=horizontal] .horizontal-logo .header-logo .desktop-dark,
[data-header-styles=dark][data-theme-mode=dark][data-nav-layout=horizontal] .header-element .horizontal-logo .header-logo .desktop-dark { display: inline-flex !important; align-items: center !important; }
/* Ensure dark logo text is visible */
[data-theme-mode=dark] .horizontal-logo .header-logo .desktop-dark span,
[data-theme-mode=dark] .horizontal-logo .header-logo .desktop-dark .text-white { color: #e2e8f0 !important; }
[data-theme-mode=dark] .horizontal-logo .header-logo .desktop-dark i { color: #60a5fa !important; }

/* ─── 6. Cards ─── */
[data-theme-mode=dark] .card { background-color: #1e293b !important; border-color: #334155 !important; box-shadow: none !important; }
    [data-theme-mode=dark] .card .card-header { background: linear-gradient(180deg, #253347 0%, #1e293b 100%) !important; border-bottom-color: #334155 !important; }
        [data-theme-mode=dark] .card .card-header .card-title,
        [data-theme-mode=dark] .card-header h3.card-title,
        [data-theme-mode=dark] .card-header h4.card-title { color: #e2e8f0 !important; }
    [data-theme-mode=dark] .card .card-footer { background-color: rgba(255,255,255,0.02) !important; border-top-color: #334155 !important; }
[data-theme-mode=dark] .card-premium { background: #1e293b !important; box-shadow: none !important; }
    [data-theme-mode=dark] .card-premium .card-header { background: transparent !important; border-bottom-color: #334155 !important; }
    [data-theme-mode=dark] .card-premium .card-footer { background: rgba(255,255,255,0.02) !important; border-top-color: #334155 !important; }
    [data-theme-mode=dark] .card-premium .card-title { color: #e2e8f0 !important; }

/* ─── 7. Premium-card (Rol.aspx etc.) ─── */
[data-theme-mode=dark] .premium-card,
[data-theme-mode="dark"] .premium-card { background: #1e293b !important; box-shadow: none !important; }
[data-theme-mode=dark] .premium-card-header,
[data-theme-mode="dark"] .premium-card-header { background: linear-gradient(180deg, #253347 0%, #1e293b 100%) !important; border-bottom-color: #334155 !important; }
    [data-theme-mode=dark] .premium-card-header h3,
    [data-theme-mode="dark"] .premium-card-header h3 { color: #e2e8f0 !important; }
[data-theme-mode=dark] .premium-card-body,
[data-theme-mode="dark"] .premium-card-body { background: #1e293b !important; }

/* ─── 9. Forms & Inputs ─── */
[data-theme-mode=dark] .form-control,
[data-theme-mode=dark] input[type="text"],
[data-theme-mode=dark] input[type="number"],
[data-theme-mode=dark] input[type="password"],
[data-theme-mode=dark] input[type="email"],
[data-theme-mode=dark] input[type="tel"],
[data-theme-mode=dark] input[type="date"],
[data-theme-mode=dark] input[type="datetime-local"],
[data-theme-mode=dark] select,
[data-theme-mode=dark] textarea { background-color: #253347 !important; color: #e2e8f0 !important; border-color: #475569 !important; }
    [data-theme-mode=dark] .form-control:focus { background-color: #253347 !important; color: #e2e8f0 !important; border-color: #60a5fa !important; box-shadow: none !important; }
    [data-theme-mode=dark] .form-control:disabled,
    [data-theme-mode=dark] .form-control[readonly] { background-color: #1a2537 !important; color: #94a3b8 !important; }
[data-theme-mode=dark] .form-label,
[data-theme-mode=dark] label { color: #cbd5e1 !important; }
[data-theme-mode=dark] .input-group-text { background: #253347 !important; border-color: #475569 !important; color: #94a3b8 !important; }
/* Select2 */
[data-theme-mode=dark] .select2-container--default .select2-selection--single,
[data-theme-mode=dark] .select2-container--default .select2-selection--multiple { background-color: #253347 !important; border-color: #475569 !important; color: #e2e8f0 !important; }
    [data-theme-mode=dark] .select2-container--default .select2-selection--single .select2-selection__rendered { color: #e2e8f0 !important; }
[data-theme-mode=dark] .select2-dropdown { background-color: #253347 !important; border-color: #475569 !important; }
[data-theme-mode=dark] .select2-results__option { color: #e2e8f0 !important; }
[data-theme-mode=dark] .select2-results__option--highlighted { background-color: #334155 !important; color: #fff !important; }
[data-theme-mode=dark] .select2-search__field { background: #1e293b !important; color: #e2e8f0 !important; border-color: #475569 !important; }

/* ─── 10. Breadcrumb ─── */
[data-theme-mode=dark] .breadcrumb-header { background-color: #1e293b !important; }
[data-theme-mode=dark] .breadcrumb-item a { color: #60a5fa !important; }
[data-theme-mode=dark] .breadcrumb-item.active { color: #94a3b8 !important; }

[data-theme-mode=dark] .nav-tabs { border-bottom-color: #334155 !important; }
[data-theme-mode=dark] .nav-premium { border-bottom-color: #334155 !important; }
    [data-theme-mode=dark] .nav-premium .nav-link { color: #94a3b8 !important; }
        [data-theme-mode=dark] .nav-premium .nav-link.active { color: #60a5fa !important; border-bottom-color: #60a5fa !important; }
[data-theme-mode=dark] .tab-content { background-color: #1e293b !important; }

/* ─── 12. Pagination ─── */
[data-theme-mode=dark] .pagination .page-link { background: #1e293b !important; border-color: #334155 !important; color: #60a5fa !important; }
    [data-theme-mode=dark] .pagination .page-link:hover { background: #253347 !important; border-color: #3b82f6 !important; }
[data-theme-mode=dark] .pagination .page-item.active .page-link { background: linear-gradient(135deg, #1e40af, #3b82f6) !important; border-color: #3b82f6 !important; color: #fff !important; }

/* ─── 13. Dropdowns ─── */
[data-theme-mode=dark] .dropdown-menu { background-color: #253347 !important; border-color: #334155 !important; box-shadow: 0 4px 20px rgba(0,0,0,0.4) !important; }
[data-theme-mode=dark] .dropdown-item { color: #e2e8f0 !important; }
    [data-theme-mode=dark] .dropdown-item:hover,
    [data-theme-mode=dark] .dropdown-item:focus { background-color: #334155 !important; color: #fff !important; }
[data-theme-mode=dark] .dropdown-divider { border-color: #334155 !important; }

/* ─── 14. Modals ─── */
[data-theme-mode=dark] .modal-content { background-color: #1e293b !important; border-color: #334155 !important; box-shadow: none !important; }
[data-theme-mode=dark] .modal-header { background: #1e293b !important; border-bottom-color: #334155 !important; color: #e2e8f0 !important; }
    [data-theme-mode=dark] .modal-header .modal-title { color: #e2e8f0 !important; }
[data-theme-mode=dark] .modal-body { background-color: #1e293b !important; color: #e2e8f0 !important; }
[data-theme-mode=dark] .modal-footer { background-color: #0c1929 !important; border-top-color: #334155 !important; }
/* Premium modal */
[data-theme-mode=dark] .premium-modal .modal-content,
[data-theme-mode="dark"] .premium-modal .modal-content { background: #1e293b !important; }
[data-theme-mode=dark] .premium-modal .modal-header,
[data-theme-mode="dark"] .premium-modal .modal-header { background: linear-gradient(180deg, #253347 0%, #1e293b 100%) !important; border-bottom-color: #334155 !important; }
    [data-theme-mode=dark] .premium-modal .modal-header .modal-title,
    [data-theme-mode="dark"] .premium-modal .modal-header .modal-title { color: #e2e8f0 !important; }
[data-theme-mode=dark] .premium-modal .modal-body .form-label,
[data-theme-mode="dark"] .premium-modal .modal-body .form-label { color: #94a3b8 !important; }
[data-theme-mode=dark] .premium-modal .modal-body .form-control,
[data-theme-mode="dark"] .premium-modal .modal-body .form-control { background: #253347 !important; border-color: #475569 !important; color: #e2e8f0 !important; }
[data-theme-mode=dark] .premium-modal .modal-footer,
[data-theme-mode="dark"] .premium-modal .modal-footer { background: #0c1929 !important; border-top-color: #334155 !important; }
[data-theme-mode=dark] .premium-modal .ckbox label,
[data-theme-mode="dark"] .premium-modal .ckbox label { color: #94a3b8 !important; }

/* ─── 15. Alerts ─── */
[data-theme-mode=dark] .alert-info { background-color: rgba(59,130,246,0.15) !important; color: #60a5fa !important; border-color: rgba(59,130,246,0.25) !important; }
[data-theme-mode=dark] .alert-success { background-color: rgba(16,185,129,0.15) !important; color: #34d399 !important; border-color: rgba(16,185,129,0.25) !important; }
[data-theme-mode=dark] .alert-warning { background-color: rgba(245,158,11,0.15) !important; color: #fbbf24 !important; border-color: rgba(245,158,11,0.25) !important; }
[data-theme-mode=dark] .alert-danger { background-color: rgba(239,68,68,0.15) !important; color: #f87171 !important; border-color: rgba(239,68,68,0.25) !important; }

/* ─── 16. Buttons (dark) ─── */
[data-theme-mode=dark] .btn-outline-primary { color: #60a5fa !important; border-color: #60a5fa !important; }
    [data-theme-mode=dark] .btn-outline-primary:hover { background: #3b82f6 !important; color: #fff !important; }
[data-theme-mode=dark] .btn-outline-success { color: #34d399 !important; border-color: #34d399 !important; }
[data-theme-mode=dark] .btn-outline-danger { color: #f87171 !important; border-color: #f87171 !important; }
[data-theme-mode=dark] .btn-default { background: #253347 !important; border-color: #475569 !important; color: #e2e8f0 !important; }
    [data-theme-mode=dark] .btn-default:hover { background: #334155 !important; border-color: #60a5fa !important; }
[data-theme-mode=dark] .btn-close { filter: invert(1) !important; }

/* ─── 17. Text & Typography ─── */
[data-theme-mode=dark] h1, [data-theme-mode=dark] h2, [data-theme-mode=dark] h3,
[data-theme-mode=dark] h4, [data-theme-mode=dark] h5, [data-theme-mode=dark] h6 { color: #e2e8f0 !important; }
[data-theme-mode=dark] .text-dark { color: #e2e8f0 !important; }
[data-theme-mode=dark] .text-muted { color: #94a3b8 !important; }
[data-theme-mode=dark] a { color: #60a5fa; }
    [data-theme-mode=dark] a:hover { color: #60a5fa; }
[data-theme-mode=dark] hr { border-color: #334155 !important; }

/* ─── 18. Backgrounds ─── */
[data-theme-mode=dark] .bg-white { background-color: #1e293b !important; }
[data-theme-mode=dark] .bg-light { background-color: #253347 !important; }
[data-theme-mode=dark] .border { border-color: #334155 !important; }

/* ─── 19. Notification dropdown ─── */
[data-theme-mode=dark] .notif-premium .notif-header { background: #1e293b !important; border-bottom-color: #334155 !important; }
[data-theme-mode=dark] .notif-premium .notif-header-title { color: #e2e8f0 !important; }
[data-theme-mode=dark] .notif-premium .notifications-menu { background: #1e293b !important; }
[data-theme-mode=dark] .notif-premium .notif-item { border-bottom-color: #334155 !important; }
    [data-theme-mode=dark] .notif-premium .notif-item:hover { background: rgba(96,165,250,0.06) !important; }
[data-theme-mode=dark] .notif-premium .notif-pd-title { color: #e2e8f0 !important; }
[data-theme-mode=dark] .notif-premium .notif-pd-mid { color: #94a3b8 !important; }
[data-theme-mode=dark] .notif-premium .notif-footer { background: #0c1929 !important; border-top-color: #334155 !important; }
[data-theme-mode=dark] .dropdown.message .dropdown-menu { background: #1e293b !important; box-shadow: 0 4px 20px rgba(0,0,0,0.4) !important; }
[data-theme-mode=dark] .dropdown.message .drop-heading { background: #1e293b !important; border-bottom-color: #334155 !important; }
    [data-theme-mode=dark] .dropdown.message .drop-heading h6 { color: #e2e8f0 !important; }
[data-theme-mode=dark] .dropdown.message .notifications-menu .dropdown-item { border-color: #334155 !important; }
    [data-theme-mode=dark] .dropdown.message .notifications-menu .dropdown-item:hover { background: rgba(96,165,250,0.08) !important; border-color: rgba(96,165,250,0.15) !important; }
[data-theme-mode=dark] .notification-label { color: #e2e8f0 !important; }
[data-theme-mode=dark] .notification-subtext { color: #94a3b8 !important; }
[data-theme-mode=dark] .dropdown.message .dropdown-item.text-center.p-3 { background: #0c1929 !important; color: #60a5fa !important; }
    [data-theme-mode=dark] .dropdown.message .dropdown-item.text-center.p-3:hover { background: #253347 !important; }

/* ─── 20. Scrollbar ─── */
[data-theme-mode=dark] ::-webkit-scrollbar-track { background: #1e293b !important; }
[data-theme-mode=dark] ::-webkit-scrollbar-thumb { background: #475569 !important; }
    [data-theme-mode=dark] ::-webkit-scrollbar-thumb:hover { background: #64748b !important; }

/* ─── 21. Form borders ─── */
[data-theme-mode=dark] .form-bordered .row.mb-3 { border-bottom-color: #334155 !important; }
[data-theme-mode=dark] div.form-group.text-right,
[data-theme-mode=dark] div.form-group-sm.text-right { border-top-color: #334155 !important; }
[data-theme-mode=dark] .card > .card-body > .form-horizontal > .row > .col-md-6:last-child > .form-group-sm:last-child,
[data-theme-mode=dark] .card > .card-body > .form-horizontal > .form-group-sm:last-child,
[data-theme-mode=dark] .card > .card-body .form-bordered .form-group-sm:last-child { border-top-color: #334155 !important; }

/* ─── 22. Table status cell backgrounds (dark) ─── */
[data-theme-mode=dark] .table td.bg-info-transparent,
[data-theme-mode=dark] .table td.alert.alert-info { background-color: rgba(59,130,246,0.15) !important; box-shadow: none !important; }
[data-theme-mode=dark] .table td.bg-danger-transparent,
[data-theme-mode=dark] .table td.alert.alert-danger { background-color: rgba(239,68,68,0.15) !important; box-shadow: none !important; }
[data-theme-mode=dark] .table td.bg-warning-transparent,
[data-theme-mode=dark] .table td.alert.alert-warning { background-color: rgba(245,158,11,0.15) !important; box-shadow: none !important; }
[data-theme-mode=dark] .table td.bg-success-transparent,
[data-theme-mode=dark] .table td.alert.alert-success { background-color: rgba(16,185,129,0.15) !important; box-shadow: none !important; }
[data-theme-mode=dark] .table td.bg-primary-transparent { background-color: rgba(59,130,246,0.15) !important; box-shadow: none !important; }
[data-theme-mode=dark] .table td.bg-purple-transparent { background-color: rgba(139,92,246,0.15) !important; box-shadow: none !important; }
[data-theme-mode=dark] .table tr.bg-success-transparent > td { background: rgba(16,185,129,0.1) !important; }
[data-theme-mode=dark] .table tr.bg-warning-transparent > td { background: rgba(245,158,11,0.1) !important; }
[data-theme-mode=dark] .table tr.bg-danger-transparent > td { background: rgba(239,68,68,0.1) !important; }
[data-theme-mode=dark] .table tr.bg-info-transparent > td { background: rgba(59,130,246,0.1) !important; }

/* ─── 23. Rapor dark overrides ─── */
[data-theme-mode=dark] .gas-report td.bg-success-transparent.fw-bold { background: #064e3b !important; color: #6ee7b7 !important; }
[data-theme-mode=dark] .gas-report td.bg-danger-transparent.fw-bold { background: #7f1d1d !important; color: #fca5a5 !important; }
[data-theme-mode=dark] .gas-report tr.bg-warning-transparent > td { background: rgba(245,158,11,0.1) !important; }
[data-theme-mode=dark] .gas-report tr.bg-success-transparent > td { background: rgba(16,185,129,0.1) !important; }
[data-theme-mode=dark] .gas-report tr.bg-danger-transparent > td { background: rgba(239,68,68,0.1) !important; }
[data-theme-mode=dark] .gas-report tr.bg-info-transparent > td { background: rgba(59,130,246,0.1) !important; }
[data-theme-mode=dark] .gas-report tr.bg-purple-transparent > td { background: rgba(139,92,246,0.12) !important; }
[data-theme-mode=dark] .gas-report .input-group-text { background: #253347 !important; border-color: #475569 !important; color: #60a5fa !important; }

/* ─── 25. SweetAlert (dark) ─── */
[data-theme-mode=dark] .cts-swal-popup { background: #1e293b !important; }
[data-theme-mode=dark] .cts-swal-title { color: #e2e8f0 !important; }
[data-theme-mode=dark] .swal2-html-container { color: #cbd5e1 !important; }

/* ─── 26. Language toggle (dark) ─── */
[data-theme-mode=dark] .lang-btn,
[data-theme-mode="dark"] .lang-btn { color: #60a5fa !important; background: rgba(96,165,250,0.12) !important; border-color: rgba(96,165,250,0.25) !important; }
    [data-theme-mode=dark] .lang-btn:hover,
    [data-theme-mode="dark"] .lang-btn:hover { background: rgba(96,165,250,0.2) !important; border-color: rgba(96,165,250,0.4) !important; }


/* ─── 28. Info box, Icon circle (dark) ─── */
[data-theme-mode=dark] .info-box-premium { background: #253347 !important; border-color: #334155 !important; }
    [data-theme-mode=dark] .info-box-premium .info-label { color: #94a3b8 !important; }
    [data-theme-mode=dark] .info-box-premium .info-value { color: #e2e8f0 !important; }
[data-theme-mode=dark] .icon-circle { background: rgba(59,130,246,0.15) !important; }
    [data-theme-mode=dark] .icon-circle i { color: #60a5fa !important; }

/* ─── 29. Toggle checkbox (dark) ─── */
[data-theme-mode=dark] .table .ckbox input[type="checkbox"],
[data-theme-mode=dark] .modern-table .ckbox input[type="checkbox"],
[data-theme-mode=dark] .premium-modal .ckbox input[type="checkbox"],
[data-theme-mode="dark"] .table .ckbox input[type="checkbox"],
[data-theme-mode="dark"] .modern-table .ckbox input[type="checkbox"],
[data-theme-mode="dark"] .premium-modal .ckbox input[type="checkbox"] { background: #475569 !important; }
    [data-theme-mode=dark] .table .ckbox input[type="checkbox"]:hover,
    [data-theme-mode=dark] .modern-table .ckbox input[type="checkbox"]:hover,
    [data-theme-mode=dark] .premium-modal .ckbox input[type="checkbox"]:hover,
    [data-theme-mode="dark"] .table .ckbox input[type="checkbox"]:hover,
    [data-theme-mode="dark"] .modern-table .ckbox input[type="checkbox"]:hover,
    [data-theme-mode="dark"] .premium-modal .ckbox input[type="checkbox"]:hover { background: #64748b !important; }
    [data-theme-mode=dark] .table .ckbox input[type="checkbox"]::after,
    [data-theme-mode=dark] .modern-table .ckbox input[type="checkbox"]::after,
    [data-theme-mode=dark] .premium-modal .ckbox input[type="checkbox"]::after,
    [data-theme-mode="dark"] .table .ckbox input[type="checkbox"]::after,
    [data-theme-mode="dark"] .modern-table .ckbox input[type="checkbox"]::after,
    [data-theme-mode="dark"] .premium-modal .ckbox input[type="checkbox"]::after { background: #e2e8f0 !important; }

/* ─── 30. Misc components (dark) ─── */
[data-theme-mode=dark] .drop-heading { color: #94a3b8 !important; border-bottom-color: #334155 !important; }
[data-theme-mode=dark] .dashboard-card { background: #1e293b !important; }
/* Old v1 dash-grip/dash-panel-over dark mode removed — v2 in dashboard.css */
[data-theme-mode=dark] #loader { background: #0f172a !important; }
[data-theme-mode=dark] .popover { background-color: #253347 !important; border-color: #334155 !important; color: #e2e8f0 !important; }
[data-theme-mode=dark] .popover-body { color: #e2e8f0 !important; }
[data-theme-mode=dark] .tooltip-inner { background-color: #253347 !important; color: #e2e8f0 !important; }
[data-theme-mode=dark] .toast { background: #1e293b !important; color: #e2e8f0 !important; border-color: #334155 !important; }
[data-theme-mode=dark] .list-group-item { background-color: #1e293b !important; border-color: #334155 !important; color: #e2e8f0 !important; }
[data-theme-mode=dark] .card-options a:not(.btn) { color: #94a3b8 !important; }
    [data-theme-mode=dark] .card-options a:not(.btn):hover { color: #60a5fa !important; }
[data-theme-mode=dark] .card-options-fullscreen { color: #94a3b8 !important; }
    [data-theme-mode=dark] .card-options-fullscreen:hover { color: #60a5fa !important; }
[data-theme-mode=dark] .bg-warning-transparent,
[data-theme-mode="dark"] .bg-warning-transparent { background-color: rgba(245,158,11,0.15) !important; border-color: rgba(245,158,11,0.3) !important; color: #fbbf24 !important; }
[data-theme-mode=dark] .empty-state { color: #94a3b8 !important; }

/* ─── 31. Datepicker & Timepicker (dark) ─── */
/* Main datepicker container */
[data-theme-mode=dark] .ui-datepicker,
[data-theme-mode=dark] .ui-widget.ui-widget-content,
[data-theme-mode=dark] .ui-datepicker.ui-widget-content { background: #1e293b !important; border-color: #334155 !important; color: #e2e8f0 !important; box-shadow: 0 8px 30px rgba(0,0,0,0.5) !important; }
    /* Header (month/year bar) */
    [data-theme-mode=dark] .ui-datepicker .ui-datepicker-header,
    [data-theme-mode=dark] .ui-datepicker .ui-widget-header { background: #0c1929 !important; border-color: #334155 !important; color: #e2e8f0 !important; }
    [data-theme-mode=dark] .ui-datepicker .ui-datepicker-title { color: #e2e8f0 !important; }
        [data-theme-mode=dark] .ui-datepicker .ui-datepicker-title select { background: #253347 !important; color: #e2e8f0 !important; border-color: #475569 !important; }
    /* Prev/Next arrows */
    [data-theme-mode=dark] .ui-datepicker .ui-datepicker-prev,
    [data-theme-mode=dark] .ui-datepicker .ui-datepicker-next { background: transparent !important; border-color: transparent !important; cursor: pointer; }
        [data-theme-mode=dark] .ui-datepicker .ui-datepicker-prev:hover,
        [data-theme-mode=dark] .ui-datepicker .ui-datepicker-next:hover { background: #253347 !important; border-color: #475569 !important; }
    [data-theme-mode=dark] .ui-datepicker .ui-icon { filter: invert(0.8) !important; }
    /* Day-of-week headers */
    [data-theme-mode=dark] .ui-datepicker th { color: #94a3b8 !important; background: transparent !important; }
    /* Day cells */
    [data-theme-mode=dark] .ui-datepicker td { background: transparent !important; }
        /* Day cells — override jQuery UI .ui-state-default background */
        [data-theme-mode=dark] .ui-datepicker td a,
        [data-theme-mode=dark] .ui-datepicker td span,
        [data-theme-mode=dark] .ui-datepicker .ui-state-default,
        [data-theme-mode=dark] .ui-widget-content .ui-state-default,
        [data-theme-mode=dark] .ui-datepicker td .ui-state-default { color: #cbd5e1 !important; background: transparent !important; border-color: transparent !important; }
            [data-theme-mode=dark] .ui-datepicker td a:hover,
            [data-theme-mode=dark] .ui-datepicker .ui-state-hover,
            [data-theme-mode=dark] .ui-widget-content .ui-state-hover,
            [data-theme-mode=dark] .ui-datepicker .ui-state-focus { background: #253347 !important; color: #e2e8f0 !important; border-color: #475569 !important; }
            /* Active (selected) day */
            [data-theme-mode=dark] .ui-datepicker .ui-state-active,
            [data-theme-mode=dark] .ui-widget-content .ui-state-active,
            [data-theme-mode=dark] .ui-datepicker td a.ui-state-active,
            [data-theme-mode=dark] .ui-datepicker .ui-datepicker-current-day a { background: #3b82f6 !important; color: #fff !important; border-color: #3b82f6 !important; border-radius: 4px; }
            /* Today highlight */
            [data-theme-mode=dark] .ui-datepicker .ui-state-highlight,
            [data-theme-mode=dark] .ui-widget-content .ui-state-highlight,
            [data-theme-mode=dark] .ui-datepicker td a.ui-state-highlight { background: #253347 !important; color: #60a5fa !important; border-color: #60a5fa !important; border-radius: 4px; }
    [data-theme-mode=dark] .ui-datepicker .ui-datepicker-buttonpane { background: #0c1929 !important; border-top-color: #334155 !important; }
        [data-theme-mode=dark] .ui-datepicker .ui-datepicker-buttonpane button { background: #253347 !important; color: #e2e8f0 !important; border-color: #475569 !important; }
            [data-theme-mode=dark] .ui-datepicker .ui-datepicker-buttonpane button:hover { background: #334155 !important; border-color: #60a5fa !important; }
/* Inline datepicker (embedded in page) */
[data-theme-mode=dark] .hasDatepicker { background: #253347 !important; color: #e2e8f0 !important; border-color: #475569 !important; }
/* Calendar icon button */
[data-theme-mode=dark] .ui-datepicker-trigger,
[data-theme-mode=dark] .input-group-text .fa-calendar,
[data-theme-mode=dark] .input-group-text .fe-calendar { color: #94a3b8 !important; }
/* Timepicker */
[data-theme-mode=dark] .ui-timepicker-wrapper { background: #1e293b !important; border-color: #334155 !important; box-shadow: 0 8px 30px rgba(0,0,0,0.5) !important; }
    [data-theme-mode=dark] .ui-timepicker-wrapper .ui-timepicker-list li { color: #e2e8f0 !important; border-bottom-color: #334155 !important; }
        [data-theme-mode=dark] .ui-timepicker-wrapper .ui-timepicker-list li:hover { background: #253347 !important; }
        [data-theme-mode=dark] .ui-timepicker-wrapper .ui-timepicker-list li.ui-timepicker-selected { background: #3b82f6 !important; color: #fff !important; }

/* ─── 31b. Bootstrap-datepicker (dark) ─── */
[data-theme-mode=dark] .datepicker { background: #1e293b !important; border-color: #334155 !important; color: #e2e8f0 !important; }
[data-theme-mode=dark] .datepicker-dropdown { box-shadow: 0 8px 30px rgba(0,0,0,0.5) !important; }
    [data-theme-mode=dark] .datepicker-dropdown::before { border-bottom-color: #334155 !important; }
    [data-theme-mode=dark] .datepicker-dropdown::after { border-bottom-color: #1e293b !important; }
/* Header (month/year switch) */
[data-theme-mode=dark] .datepicker table thead tr:first-child { background: #0c1929 !important; }
[data-theme-mode=dark] .datepicker .datepicker-switch,
[data-theme-mode=dark] .datepicker .prev,
[data-theme-mode=dark] .datepicker .next { color: #e2e8f0 !important; background: transparent !important; }
    [data-theme-mode=dark] .datepicker .datepicker-switch:hover,
    [data-theme-mode=dark] .datepicker .prev:hover,
    [data-theme-mode=dark] .datepicker .next:hover { background: #253347 !important; color: #60a5fa !important; }
/* Day-of-week headers */
[data-theme-mode=dark] .datepicker .dow { color: #94a3b8 !important; background: transparent !important; }
/* Calendar week column */
[data-theme-mode=dark] .datepicker .cw { color: #64748b !important; }
/* Day cells */
[data-theme-mode=dark] .datepicker table tr td { color: #cbd5e1 !important; background: transparent !important; border-color: transparent !important; }
    [data-theme-mode=dark] .datepicker table tr td:hover { background: #253347 !important; color: #e2e8f0 !important; border-radius: 4px; }
    /* Faded days (prev/next month) */
    [data-theme-mode=dark] .datepicker table tr td.old,
    [data-theme-mode=dark] .datepicker table tr td.new { color: #475569 !important; }
    /* Today highlight */
    [data-theme-mode=dark] .datepicker table tr td.today,
    [data-theme-mode=dark] .datepicker table tr td.today:hover { background: #253347 !important; color: #60a5fa !important; border-color: #60a5fa !important; border-radius: 4px; }
    /* Active (selected) day */
    [data-theme-mode=dark] .datepicker table tr td.active,
    [data-theme-mode=dark] .datepicker table tr td.active:hover,
    [data-theme-mode=dark] .datepicker table tr td.active.active,
    [data-theme-mode=dark] .datepicker table tr td span.active { background: #3b82f6 !important; color: #fff !important; border-color: #3b82f6 !important; border-radius: 4px; }
    /* Disabled days */
    [data-theme-mode=dark] .datepicker table tr td.disabled,
    [data-theme-mode=dark] .datepicker table tr td.disabled:hover { color: #334155 !important; background: transparent !important; }
/* Month/Year picker cells */
[data-theme-mode=dark] .datepicker .datepicker-months td span,
[data-theme-mode=dark] .datepicker .datepicker-years td span,
[data-theme-mode=dark] .datepicker .datepicker-decades td span,
[data-theme-mode=dark] .datepicker .datepicker-centuries td span { color: #cbd5e1 !important; background: transparent !important; border-radius: 4px; }
    [data-theme-mode=dark] .datepicker .datepicker-months td span:hover,
    [data-theme-mode=dark] .datepicker .datepicker-years td span:hover,
    [data-theme-mode=dark] .datepicker .datepicker-decades td span:hover,
    [data-theme-mode=dark] .datepicker .datepicker-centuries td span:hover { background: #253347 !important; color: #e2e8f0 !important; }
/* Footer (today/clear buttons) */
[data-theme-mode=dark] .datepicker tfoot tr th { color: #94a3b8 !important; background: #0c1929 !important; border-top: 1px solid #334155 !important; }
    [data-theme-mode=dark] .datepicker tfoot tr th:hover { background: #253347 !important; color: #60a5fa !important; }

/* ─── 32. jQuery UI widgets (dark) ─── */
[data-theme-mode=dark] .ui-widget-content { background: #253347 !important; border-color: #334155 !important; color: #e2e8f0 !important; }
[data-theme-mode=dark] .ui-widget-header { background: #1e293b !important; border-color: #334155 !important; color: #e2e8f0 !important; }
[data-theme-mode=dark] .ui-state-default,
[data-theme-mode=dark] .ui-widget-content .ui-state-default { background: #253347 !important; border-color: #475569 !important; color: #e2e8f0 !important; }
[data-theme-mode=dark] .ui-state-hover,
[data-theme-mode=dark] .ui-widget-content .ui-state-hover { background: #334155 !important; color: #fff !important; }
[data-theme-mode=dark] .ui-state-active,
[data-theme-mode=dark] .ui-widget-content .ui-state-active { background: #3b82f6 !important; color: #fff !important; }

/* ─── 33. SumoSelect (dark) ─── */
[data-theme-mode=dark] .SumoSelect > .CaptionCont { background: #253347 !important; border-color: #475569 !important; color: #e2e8f0 !important; }
[data-theme-mode=dark] .SumoSelect > .optWrapper { background: #253347 !important; border-color: #475569 !important; }
    [data-theme-mode=dark] .SumoSelect > .optWrapper > .options li { color: #e2e8f0 !important; border-color: #334155 !important; }
        [data-theme-mode=dark] .SumoSelect > .optWrapper > .options li:hover { background: #334155 !important; }
        [data-theme-mode=dark] .SumoSelect > .optWrapper > .options li.selected { background: rgba(59,130,246,0.2) !important; }

/* ─── 34. Accordion (dark) ─── */
[data-theme-mode=dark] .accordion-item { background-color: #1e293b !important; border-color: #334155 !important; }
[data-theme-mode=dark] .accordion-button { background-color: #1e293b !important; color: #e2e8f0 !important; }
    [data-theme-mode=dark] .accordion-button:not(.collapsed) { background-color: #253347 !important; color: #60a5fa !important; }
[data-theme-mode=dark] .accordion-body { background-color: #1e293b !important; color: #e2e8f0 !important; }

/* ─── 35. Progress, Badge, Inline-edit (dark) ─── */
[data-theme-mode=dark] .progress { background-color: #253347 !important; }
[data-theme-mode=dark] .badge.bg-light { background-color: #253347 !important; color: #e2e8f0 !important; }
[data-theme-mode=dark] .required-field { color: #f87171 !important; }

/* ─── 36. Page-specific cancel buttons & action bars (dark) ─── */
/* Global override for all *-btn-cancel patterns across ASPX pages */
[data-theme-mode=dark] .arb-btn-cancel,
[data-theme-mode=dark] .cht-btn-cancel,
[data-theme-mode=dark] .chm-btn-cancel,
[data-theme-mode=dark] .ka-btn-cancel,
[data-theme-mode=dark] .ki-btn-cancel,
[data-theme-mode=dark] .ms-btn-cancel,
[data-theme-mode=dark] .pa-btn-cancel,
[data-theme-mode=dark] .tf-btn-cancel,
[data-theme-mode=dark] .oe-btn-cancel,
[data-theme-mode=dark] .kas-btn-cancel,
[data-theme-mode=dark] .po-btn-cancel,
[data-theme-mode=dark] .pto-btn-cancel,
[data-theme-mode=dark] .isl-btn-cancel,
[data-theme-mode=dark] .ibe-btn-cancel,
[data-theme-mode=dark] .kul-btn-cancel,
[data-theme-mode=dark] [class$="-btn-cancel"] { background: #253347 !important; border-color: #475569 !important; color: #e2e8f0 !important; }
    [data-theme-mode=dark] .arb-btn-cancel:hover,
    [data-theme-mode=dark] .cht-btn-cancel:hover,
    [data-theme-mode=dark] .chm-btn-cancel:hover,
    [data-theme-mode=dark] .ka-btn-cancel:hover,
    [data-theme-mode=dark] .ki-btn-cancel:hover,
    [data-theme-mode=dark] .ms-btn-cancel:hover,
    [data-theme-mode=dark] .pa-btn-cancel:hover,
    [data-theme-mode=dark] .tf-btn-cancel:hover,
    [data-theme-mode=dark] .oe-btn-cancel:hover,
    [data-theme-mode=dark] .kas-btn-cancel:hover,
    [data-theme-mode=dark] .po-btn-cancel:hover,
    [data-theme-mode=dark] .pto-btn-cancel:hover,
    [data-theme-mode=dark] .isl-btn-cancel:hover,
    [data-theme-mode=dark] .ibe-btn-cancel:hover,
    [data-theme-mode=dark] .kul-btn-cancel:hover,
    [data-theme-mode=dark] [class$="-btn-cancel"]:hover { background: #334155 !important; border-color: #60a5fa !important; color: #fff !important; }
/* Global override for all *-actions-bar patterns */
[data-theme-mode=dark] .arb-actions-bar,
[data-theme-mode=dark] .cht-actions-bar,
[data-theme-mode=dark] .chm-actions-bar,
[data-theme-mode=dark] .ka-actions-bar,
[data-theme-mode=dark] .ki-actions-bar,
[data-theme-mode=dark] .ms-actions-bar,
[data-theme-mode=dark] .pa-actions-bar,
[data-theme-mode=dark] .tf-actions-bar,
[data-theme-mode=dark] .oe-actions-bar,
[data-theme-mode=dark] .kas-actions-bar,
[data-theme-mode=dark] .po-actions-bar,
[data-theme-mode=dark] .pto-actions-bar,
[data-theme-mode=dark] .isl-actions-bar,
[data-theme-mode=dark] .ibe-actions-bar,
[data-theme-mode=dark] .kul-actions-bar,
[data-theme-mode=dark] [class$="-actions-bar"] { background: #0c1929 !important; border-top-color: #334155 !important; }
/* Global override for all *-card patterns */
[data-theme-mode=dark] .arb-card,
[data-theme-mode=dark] .cht-card,
[data-theme-mode=dark] .chm-card,
[data-theme-mode=dark] .ka-card,
[data-theme-mode=dark] .ki-card,
[data-theme-mode=dark] .ms-card,
[data-theme-mode=dark] .pa-card,
[data-theme-mode=dark] .tf-card,
[data-theme-mode=dark] .oe-card,
[data-theme-mode=dark] .kas-card,
[data-theme-mode=dark] .po-card,
[data-theme-mode=dark] .pto-card,
[data-theme-mode=dark] .isl-card,
[data-theme-mode=dark] .ibe-card,
[data-theme-mode=dark] .kul-card { background: #1e293b !important; box-shadow: none !important; border-color: #334155 !important; }
    [data-theme-mode=dark] .arb-card:hover,
    [data-theme-mode=dark] .cht-card:hover,
    [data-theme-mode=dark] .chm-card:hover,
    [data-theme-mode=dark] .ka-card:hover,
    [data-theme-mode=dark] .ki-card:hover,
    [data-theme-mode=dark] .ms-card:hover,
    [data-theme-mode=dark] .pa-card:hover,
    [data-theme-mode=dark] .tf-card:hover,
    [data-theme-mode=dark] .oe-card:hover,
    [data-theme-mode=dark] .kas-card:hover,
    [data-theme-mode=dark] .po-card:hover,
    [data-theme-mode=dark] .pto-card:hover,
    [data-theme-mode=dark] .isl-card:hover,
    [data-theme-mode=dark] .ibe-card:hover,
    [data-theme-mode=dark] .kul-card:hover { box-shadow: none !important; transform: none !important; }
/* Card headers with gradient backgrounds */
[data-theme-mode=dark] [class$="-header-purple"],
[data-theme-mode=dark] [class$="-header-green"],
[data-theme-mode=dark] [class$="-header-blue"],
[data-theme-mode=dark] [class$="-header-orange"],
[data-theme-mode=dark] [class$="-header-cyan"],
[data-theme-mode=dark] [class$="-header-teal"] { background: linear-gradient(180deg, #253347 0%, #1e293b 100%) !important; }
/* Card header text */
[data-theme-mode=dark] [class*="-header-text"] h3 { color: #e2e8f0 !important; }
[data-theme-mode=dark] [class*="-header-text"] small { color: #94a3b8 !important; }
/* Card header border */
[data-theme-mode=dark] [class*="-card"] .arb-header,
[data-theme-mode=dark] [class*="-card"] [class$="-header"],
[data-theme-mode=dark] [class*="-card"] .card-header { border-bottom-color: #334155 !important; }
/* Card form labels */
[data-theme-mode=dark] [class*="-card"] .form-label { color: #cbd5e1 !important; }
/* Card form row borders */
[data-theme-mode=dark] [class*="-form-row"] { border-color: rgba(255,255,255,.06) !important; }
/* Card page titles */
[data-theme-mode=dark] [class$="-page-title"] { color: #e2e8f0 !important; }

/* ─── 37. Additional page-specific card dark rules (missing prefixes) ─── */
/* Cards not yet in the main list */
[data-theme-mode=dark] .rd-card,
[data-theme-mode=dark] .rd-role-card,
[data-theme-mode=dark] .rd-org-card,
[data-theme-mode=dark] .yd-card,
[data-theme-mode=dark] .yd-role-card,
[data-theme-mode=dark] .kd-card,
[data-theme-mode=dark] .ku-card,
[data-theme-mode=dark] .ku-user-card,
[data-theme-mode=dark] .todo-card,
/* ─── Net Getiri Raporu (ngr-) ─── */
.ngr-filter-card { border-radius: 16px; border: none; box-shadow: 0 2px 16px rgba(0,0,0,0.07); background: #fff; overflow: hidden; transition: box-shadow 0.3s ease; }
    .ngr-filter-card:hover { box-shadow: 0 6px 28px rgba(0,0,0,0.11); }
.ngr-gradient-bar { height: 3px; background: linear-gradient(90deg, #6259ca 0%, #8b5cf6 40%, #667eea 70%, #a78bfa 100%); }
.ngr-filter-card .card-header { background: transparent; border-bottom: 1px solid #e2e8f0; padding: 18px 24px; display: flex; align-items: center; justify-content: space-between; }
    .ngr-filter-card .card-header .card-title { font-size: 15px; font-weight: 700; color: #1a1a2e; margin: 0; }
.ngr-filter-card .card-body { padding: 20px 24px; }

.ngr-kpi-row { display: flex; gap: 14px; margin-bottom: 20px; flex-wrap: wrap; }
.ngr-kpi-card { flex: 1; min-width: 160px; border-radius: 14px; padding: 18px 20px; border: none; position: relative; overflow: hidden; transition: transform 0.2s ease, box-shadow 0.2s ease; }
    .ngr-kpi-card:hover { transform: translateY(-2px); }
    .ngr-kpi-card.purple { background: linear-gradient(135deg,#6259ca,#8b5cf6); box-shadow: 0 4px 18px rgba(98,89,202,.28); }
    .ngr-kpi-card.teal { background: linear-gradient(135deg,#0ea5e9,#22d3ee); box-shadow: 0 4px 18px rgba(14,165,233,.28); }
    .ngr-kpi-card.green { background: linear-gradient(135deg,#10b981,#34d399); box-shadow: 0 4px 18px rgba(16,185,129,.28); }
    .ngr-kpi-card.orange { background: linear-gradient(135deg,#f59e0b,#fbbf24); box-shadow: 0 4px 18px rgba(245,158,11,.28); }
    .ngr-kpi-card.red { background: linear-gradient(135deg,#ef4444,#f87171); box-shadow: 0 4px 18px rgba(239,68,68,.28); }
    .ngr-kpi-card .kpi-label { font-size: 11px; font-weight: 600; color: rgba(255,255,255,.75); text-transform: uppercase; letter-spacing: .5px; margin-bottom: 6px; }
    .ngr-kpi-card .kpi-value { font-size: 20px; font-weight: 800; color: #fff; line-height: 1.2; }
    .ngr-kpi-card .kpi-icon { position: absolute; right: 16px; top: 50%; transform: translateY(-50%); font-size: 32px; color: rgba(255,255,255,.18); }

.ngr-table-card { border-radius: 14px; border: none; box-shadow: 0 2px 12px rgba(0,0,0,0.06); background: #fff; overflow: hidden; }
    .ngr-table-card .ngr-table-header { padding: 14px 18px; border-bottom: 1px solid #e2e8f0; display: flex; align-items: center; gap: 10px; }
        .ngr-table-card .ngr-table-header h5 { font-size: 13px; font-weight: 700; color: #1a1a2e; margin: 0; }
        .ngr-table-card .ngr-table-header .badge-count { background: rgba(98,89,202,.1); color: #6259ca; font-size: 11px; font-weight: 700; padding: 3px 8px; border-radius: 20px; }
    .ngr-table-card .table { margin: 0; font-size: 12px; }
        .ngr-table-card .table thead th { background: #5a50c8 !important; color: #fff !important; font-weight: 600; font-size: 11px; letter-spacing: .3px; border: none; padding: 10px 12px; text-transform: uppercase; }
        .ngr-table-card .table tbody tr:hover { background: rgba(98,89,202,.04); }
        .ngr-table-card .table tbody td { padding: 8px 12px; vertical-align: middle; border-color: #e2e8f0; }
        .ngr-table-card .table .currency-badge { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 22px; border-radius: 6px; font-size: 10px; font-weight: 700; background: rgba(98,89,202,.1); color: #6259ca; }
    .ngr-table-card .total-row { background: rgba(245,158,11,.08) !important; }
        .ngr-table-card .total-row td { font-weight: 700 !important; }

.ngr-summary-value { font-size: 32px; font-weight: 800; letter-spacing: -1px; line-height: 1; }
    .ngr-summary-value.positive { color: #10b981; }
    .ngr-summary-value.negative { color: #ef4444; }
    .ngr-summary-value.neutral { color: #6259ca; }

.ngr-chart-card { border-radius: 14px; border: none; box-shadow: 0 2px 12px rgba(0,0,0,0.06); background: #fff; overflow: hidden; }
    .ngr-chart-card .ngr-table-header { padding: 14px 18px; border-bottom: 1px solid #e2e8f0; }
    .ngr-chart-card #net-getiri-chart { min-height: 260px; padding: 16px; }

.btn-ngr-search { background: linear-gradient(135deg,#6259ca,#8b5cf6); color: #fff; border: none; border-radius: 10px; padding: 9px 20px; font-weight: 700; font-size: 13px; box-shadow: 0 4px 14px rgba(98,89,202,.3); transition: all .25s; }
    .btn-ngr-search:hover { background: linear-gradient(135deg,#5548b5,#7c3aed); color: #fff; transform: translateY(-1px); }
.btn-ngr-export { background: #fff; color: #10b981; border: 1.5px solid #10b981; border-radius: 10px; padding: 9px 18px; font-weight: 700; font-size: 13px; transition: all .25s; }
    .btn-ngr-export:hover { background: #10b981; color: #fff; }
.btn-ngr-refresh { background: #fff; color: #6259ca; border: 1.5px solid #6259ca; border-radius: 10px; padding: 7px 16px; font-weight: 600; font-size: 12px; transition: all .25s; }
    .btn-ngr-refresh:hover { background: #6259ca; color: #fff; }

[data-theme-mode=dark] .card-premium,
[data-theme-mode=dark] .dev-card,
[data-theme-mode=dark] .filter-card,
[data-theme-mode=dark] .mt-filter-card,
[data-theme-mode=dark] .mt-report-card,
[data-theme-mode=dark] .ngr-filter-card,
[data-theme-mode=dark] .ngr-table-card,
[data-theme-mode=dark] .ngr-chart-card,
[data-theme-mode=dark] .gd-filter-card,
[data-theme-mode=dark] .gd-report-card,
[data-theme-mode=dark] .ks-card,
[data-theme-mode=dark] .ka-product-card,
[data-theme-mode=dark] .ki-product-card,
[data-theme-mode=dark] .ibk-card,
[data-theme-mode=dark] .ko-card,
[data-theme-mode=dark] .is-card,
[data-theme-mode=dark] .ch-search-card,
[data-theme-mode=dark] .ch-table-card,
[data-theme-mode=dark] .fnd-filter-card,
[data-theme-mode=dark] .chb-card { background: #1e293b !important; box-shadow: none !important; border-color: #334155 !important; }
    [data-theme-mode=dark] .rd-card:hover,
    [data-theme-mode=dark] .rd-role-card:hover,
    [data-theme-mode=dark] .rd-org-card:hover,
    [data-theme-mode=dark] .yd-card:hover,
    [data-theme-mode=dark] .yd-role-card:hover,
    [data-theme-mode=dark] .kd-card:hover,
    [data-theme-mode=dark] .ku-card:hover,
    [data-theme-mode=dark] .ku-user-card:hover,
    [data-theme-mode=dark] .todo-card:hover,
    [data-theme-mode=dark] .dev-card:hover,
    [data-theme-mode=dark] .filter-card:hover,
    [data-theme-mode=dark] .mt-filter-card:hover,
    [data-theme-mode=dark] .mt-report-card:hover,
    [data-theme-mode=dark] .ngr-filter-card:hover,
    [data-theme-mode=dark] .ngr-table-card:hover,
    [data-theme-mode=dark] .ngr-chart-card:hover,
    [data-theme-mode=dark] .is-card:hover,
    [data-theme-mode=dark] .ch-search-card:hover,
    [data-theme-mode=dark] .ch-table-card:hover,
    [data-theme-mode=dark] .chb-card:hover { box-shadow: none !important; transform: none !important; }

/* ─── 38. RolDevret (rd-) unique rules ─── */
[data-theme-mode=dark] .rd-check-item { color: #c8ccd4 !important; }
    [data-theme-mode=dark] .rd-check-item:hover { background: rgba(98,89,202,0.1) !important; }

/* ─── 39. YetkiDevret (yd-) unique rules ─── */
[data-theme-mode=dark] .yd-check-item { color: #c8ccd4 !important; }
    [data-theme-mode=dark] .yd-check-item:hover { background: rgba(98,89,202,0.1) !important; }

/* ─── 40. Kullanici (kd-) unique rules ─── */
[data-theme-mode=dark] .kd-tabs { background: #1e293b !important; border-bottom-color: rgba(255,255,255,0.06) !important; }
    [data-theme-mode=dark] .kd-tabs .nav-link { color: #8392a5 !important; }
        [data-theme-mode=dark] .kd-tabs .nav-link.active { color: #a78bfa !important; border-bottom-color: #a78bfa !important; background: rgba(139,92,246,0.08) !important; }
[data-theme-mode=dark] .kd-body .form-label { color: #94a3b8 !important; }
[data-theme-mode=dark] .kd-body .form-control { background: #1e293b !important; border-color: rgba(255,255,255,0.1) !important; color: #e2e8f0 !important; }
[data-theme-mode=dark] .kd-actions { background: #1e293b !important; border-top-color: rgba(255,255,255,0.06) !important; }

/* ─── 41. Kullanicilar (ku-) unique rules ─── */
[data-theme-mode=dark] .ku-user-card .ku-user-name { color: #e2e8f0 !important; }
[data-theme-mode=dark] .ku-user-card .ku-user-type { background: rgba(98,89,202,0.15) !important; }
[data-theme-mode=dark] .ku-user-card .ku-footer { border-top-color: rgba(255,255,255,0.06) !important; }

/* ─── 42. YapilacakIs (todo-) unique rules ─── */
[data-theme-mode=dark] .todo-card .todo-title { color: #e2e8f0 !important; }
[data-theme-mode=dark] .todo-card .todo-detail { color: #94a3b8 !important; }

/* ─── 43. GelistirmeTalepleri (dev-) unique rules ─── */
[data-theme-mode=dark] .dev-card .dev-title,
[data-theme-mode=dark] .dev-card .dev-title a { color: #e2e8f0 !important; }
[data-theme-mode=dark] .dev-card .dev-desc { color: #94a3b8 !important; }
[data-theme-mode=dark] .dev-card .dev-bottom { border-top-color: rgba(255,255,255,0.06) !important; }
[data-theme-mode=dark] .status-tab { border-color: rgba(255,255,255,0.1) !important; color: #94a3b8 !important; }

/* ─── 44. MutabakatRaporu (mt-) unique rules ─── */
[data-theme-mode=dark] .mt-report-card .table tbody td { border-bottom-color: rgba(255,255,255,0.06) !important; color: #94a3b8 !important; }
[data-theme-mode=dark] .mt-report-card .table tbody tr:hover { background: rgba(98,89,202,0.08) !important; }
[data-theme-mode=dark] .mt-date-badge { background: rgba(98,89,202,0.15) !important; color: #a78bfa !important; }
[data-theme-mode=dark] .mt-btn-action { background: rgba(98,89,202,0.12) !important; border-color: rgba(98,89,202,0.25) !important; color: #a78bfa !important; }
[data-theme-mode=dark] .mt-account-link { color: #a78bfa !important; }
[data-theme-mode=dark] .mt-filter-label { color: #6b7a99 !important; }

/* ─── 45. NetGetiriRaporu (ngr-) unique rules ─── */
[data-theme-mode=dark] .ngr-table-card .ngr-table-header,
[data-theme-mode=dark] .ngr-chart-card .ngr-table-header { border-bottom-color: rgba(255,255,255,.06) !important; }
    [data-theme-mode=dark] .ngr-table-card .ngr-table-header h5 { color: #e2e8f0 !important; }
[data-theme-mode=dark] .ngr-table-card .table tbody td { border-color: rgba(255,255,255,.06) !important; color: #cdd0e0 !important; }
[data-theme-mode=dark] .ngr-table-card .table tbody tr:hover { background: rgba(98,89,202,.08) !important; }
[data-theme-mode=dark] .ngr-kpi-card .kpi-value { color: #fff !important; }
[data-theme-mode=dark] .btn-ngr-export,
[data-theme-mode=dark] .btn-ngr-refresh { background: transparent !important; }

/* NGR inline CSS → class dönüşümü */
.ngr-icon-faded { opacity: .65; }
.ngr-icon-md { font-size: 16px; }
.ngr-icon-sm { font-size: 15px; }
.ngr-th-primary { background: #5a50c8 !important; color: #fff !important; font-size: 14px; padding: 14px; }
.ngr-td-summary { background: rgba(98,89,202,.04); }
.ngr-th-light { background: #f8f9fe; }
.currency-badge-gold { background: rgba(245,158,11,.1); color: #f59e0b; }
.currency-badge-silver { background: rgba(100,116,139,.1); color: #64748b; }
.currency-badge-total { background: rgba(245,158,11,.15); color: #d97706; font-size: 9px; }
.ngr-row-income { background: rgba(16,185,129,.06); }
.ngr-row-expense { background: rgba(239,68,68,.06); }
.ngr-row-inactive { background: rgba(14,165,233,.06); }
.ngr-chart-title { font-size: 13px; font-weight: 700; color: #1a1a2e; margin: 0; }
[data-theme-mode=dark] .ngr-th-primary { background: #332d6a !important; }
[data-theme-mode=dark] .ngr-td-summary { background: rgba(98,89,202,.08); }
[data-theme-mode=dark] .ngr-th-light { background: #253347; color: #cdd0e0; }
[data-theme-mode=dark] .ngr-row-income { background: rgba(16,185,129,.08); }
[data-theme-mode=dark] .ngr-row-expense { background: rgba(239,68,68,.08); }
[data-theme-mode=dark] .ngr-row-inactive { background: rgba(14,165,233,.08); }
[data-theme-mode=dark] .ngr-chart-title { color: #e2e8f0; }

/* ─── 46. GenelDurum (gd-) unique rules ─── */
[data-theme-mode=dark] .gd-cb-list label { background: #253347 !important; border-color: rgba(255,255,255,0.1) !important; color: #94a3b8 !important; }

/* ─── 47. Card footer & card body dark (common pattern) ─── */
[data-theme-mode=dark] .pa-card .card-footer,
[data-theme-mode=dark] .tf-card .card-footer,
[data-theme-mode=dark] .cht-card .card-footer,
[data-theme-mode=dark] .ki-card .card-footer,
[data-theme-mode=dark] .ka-card .card-footer,
[data-theme-mode=dark] [class*="-card"] .card-footer { background: #0c1929 !important; border-top-color: #334155 !important; }
[data-theme-mode=dark] .ki-card .card-body,
[data-theme-mode=dark] .ka-card .card-body,
[data-theme-mode=dark] [class*="-card"] .card-body { background: #1e293b !important; }

/* ─── 48. Kasalar (ks-) unique rules ─── */
[data-theme-mode=dark] .ks-card > .card-header { background: #1e293b !important; border-bottom-color: rgba(255,255,255,0.06) !important; }
    [data-theme-mode=dark] .ks-card > .card-header .card-title { color: #e2e8f0 !important; }
[data-theme-mode=dark] .ks-filter-section .form-label { color: #94a3b8 !important; }
[data-theme-mode=dark] .ks-filter-section .form-control { background: #253347 !important; border-color: rgba(255,255,255,0.08) !important; color: #e2e8f0 !important; }
[data-theme-mode=dark] .ks-actions { border-top-color: rgba(255,255,255,0.06) !important; }
[data-theme-mode=dark] .ks-balance { color: #e2e8f0 !important; }

/* ─── 49. KasaIslemi (ki-) unique rules ─── */
[data-theme-mode=dark] .ki-total-panel { background: linear-gradient(135deg, rgba(98,89,202,.12), rgba(139,92,246,.08)) !important; border-color: rgba(98,89,202,.2) !important; }

/* ─── 50. IslemBankaKontrol (ibk-) unique rules ─── */
[data-theme-mode=dark] .ibk-card .card-header { background: #1e293b !important; border-bottom-color: rgba(255,255,255,0.06) !important; }
    [data-theme-mode=dark] .ibk-card .card-header h5 { color: #e2e8f0 !important; }

/* ─── 51. IslemKomisyonOnaylama (ko-) unique rules ─── */
[data-theme-mode=dark] .ko-card > .card-header { background: #1e293b !important; border-bottom-color: rgba(255,255,255,0.06) !important; }
    [data-theme-mode=dark] .ko-card > .card-header .card-title { color: #e2e8f0 !important; }

/* ─── 52. IslemBankaEslestirme (ibe-) unique rules ─── */
[data-theme-mode=dark] .ibe-form-row { border-color: rgba(255,255,255,.04) !important; }
[data-theme-mode=dark] .ibe-actions { background: #0c1929 !important; border-top-color: rgba(255,255,255,.06) !important; }
[data-theme-mode=dark] .ibe-stat-purple { background: rgba(98,89,202,.12) !important; border-color: rgba(98,89,202,.2) !important; }
[data-theme-mode=dark] .ibe-stat-blue { background: rgba(37,99,235,.12) !important; border-color: rgba(37,99,235,.2) !important; }
[data-theme-mode=dark] .ibe-stat-label { color: #64748b !important; }
[data-theme-mode=dark] .ibe-stat-value { color: #e2e8f0 !important; }
    [data-theme-mode=dark] .ibe-stat-value .form-control { color: #e2e8f0 !important; }
[data-theme-mode=dark] .ibe-table thead tr th { background: rgba(98,89,202,.1) !important; color: #94a3b8 !important; border-color: rgba(98,89,202,.2) !important; }
[data-theme-mode=dark] .ibe-table tbody tr:hover { background: rgba(98,89,202,.06) !important; }

/* ─── 53. Islem (is-) unique rules ─── */
[data-theme-mode=dark] .is-card > .card-header { background: rgba(98,89,202,.08) !important; border-bottom-color: rgba(255,255,255,.06) !important; }
    [data-theme-mode=dark] .is-card > .card-header .card-title { color: #e2e8f0 !important; }
[data-theme-mode=dark] .is-card .form-label { color: #94a3b8 !important; }
[data-theme-mode=dark] .is-card .form-control { background: #253347 !important; border-color: rgba(255,255,255,.08) !important; color: #e2e8f0 !important; }
[data-theme-mode=dark] .is-footer { background: #1e2030 !important; border-top-color: rgba(255,255,255,.06) !important; }
[data-theme-mode=dark] .is-card .col-md-6:first-child { border-right-color: rgba(255,255,255,.06) !important; }
[data-theme-mode=dark] .is-card .row.mb-3 { border-bottom-color: rgba(255,255,255,.02) !important; }

/* ─── 54. CariHesaplar (ch-) unique rules ─── */
[data-theme-mode=dark] .ch-search-card .card-header,
[data-theme-mode=dark] .ch-table-card .ch-table-header { border-bottom-color: rgba(255,255,255,.06) !important; }
    [data-theme-mode=dark] .ch-search-card .card-header .card-title,
    [data-theme-mode=dark] .ch-table-card .ch-table-header h5 { color: #e2e8f0 !important; }
[data-theme-mode=dark] .ch-search-card .form-control,
[data-theme-mode=dark] .ch-search-card .form-select { background: #1e2130 !important; border-color: rgba(255,255,255,.1) !important; color: #cdd0e0 !important; }
[data-theme-mode=dark] .ch-search-card .form-label { color: #8b909a !important; }
[data-theme-mode=dark] .ch-search-card .input-group-text { background: #1e2130 !important; border-color: rgba(255,255,255,.1) !important; }
[data-theme-mode=dark] .ch-table-card .table tbody td { border-color: rgba(255,255,255,.05) !important; color: #cdd0e0 !important; }
[data-theme-mode=dark] .ch-table-card .table tbody tr:hover { background: rgba(98,89,202,.08) !important; }
[data-theme-mode=dark] .ch-unvan-link { color: #e0e2ef !important; }
    [data-theme-mode=dark] .ch-unvan-link:hover { color: #a78bfa !important; }
[data-theme-mode=dark] .btn-ch-export,
[data-theme-mode=dark] .btn-ch-bulk { background: transparent !important; }

/* ─── 55. CariHesapArbitraji form controls dark ─── */
[data-theme-mode=dark] .arb-card .form-control { background: #253347 !important; border-color: #475569 !important; color: #e2e8f0 !important; }
    [data-theme-mode=dark] .arb-card .form-control:focus { border-color: #60a5fa !important; }
[data-theme-mode=dark] .arb-card select { background: #253347 !important; border-color: #475569 !important; color: #e2e8f0 !important; }
[data-theme-mode=dark] .arb-card textarea { background: #253347 !important; border-color: #475569 !important; color: #e2e8f0 !important; }

/* ─── 56. FNDashboard (fnd-) unique rules ─── */
[data-theme-mode=dark] .fnd-filter-card .card-header { border-bottom-color: rgba(255,255,255,0.06) !important; }
    [data-theme-mode=dark] .fnd-filter-card .card-header .card-title { color: #e2e8f0 !important; }
[data-theme-mode=dark] .fnd-balance-card { box-shadow: 0 4px 20px rgba(98,89,202,0.4) !important; }

/* ─── 57. Gayrimenkuller (gm-) unique rules ─── */
[data-theme-mode=dark] .gm-progress { background: rgba(255,255,255,0.1) !important; }
[data-theme-mode=dark] .gm-progress-text { color: #a78bfa !important; }

/* ─── 58. Panel & task-list dark (GelistirmeTalebi answers section) ─── */
[data-theme-mode=dark] .panel { background: #1e293b !important; border-color: #334155 !important; box-shadow: none !important; }
[data-theme-mode=dark] .panel-header { background: #253347 !important; color: #e2e8f0 !important; border-bottom-color: #334155 !important; }
[data-theme-mode=dark] .panel-body { background: #1e293b !important; }
[data-theme-mode=dark] .task-list li { border-bottom-color: rgba(255,255,255,0.06) !important; }
    [data-theme-mode=dark] .task-list li h6 { color: #e2e8f0 !important; }
    [data-theme-mode=dark] .task-list li p { color: #94a3b8 !important; }
[data-theme-mode=dark] .btn-dark { background: #253347 !important; border-color: #475569 !important; color: #e2e8f0 !important; }
    [data-theme-mode=dark] .btn-dark:hover { background: #334155 !important; border-color: #60a5fa !important; }

/* ─── 59. Günlük Alım-Satım Raporu (.gas-report) dark mode ─── */
/* Card & table base */
[data-theme-mode=dark] .gas-report { background: #1e293b !important; }
    [data-theme-mode=dark] .gas-report .card-header { border-bottom-color: #334155 !important; }
        [data-theme-mode=dark] .gas-report .card-header .card-title { color: #e2e8f0 !important; }
    [data-theme-mode=dark] .gas-report .table { border-color: #334155 !important; }
        [data-theme-mode=dark] .gas-report .table td,
        [data-theme-mode=dark] .gas-report .table th { border-color: #334155 !important; color: #cbd5e1 !important; }
        [data-theme-mode=dark] .gas-report .table thead th { background: #253347 !important; color: #e2e8f0 !important; border-bottom-color: #475569 !important; }
        [data-theme-mode=dark] .gas-report .table tbody tr:hover { background: rgba(98,89,202,0.08) !important; }
    [data-theme-mode=dark] .gas-report .table-striped tbody tr:nth-of-type(odd) { background-color: rgba(255,255,255,0.02) !important; }
    [data-theme-mode=dark] .gas-report .table-striped tbody tr:nth-of-type(even) { background-color: transparent !important; }
    [data-theme-mode=dark] .gas-report .table b,
    [data-theme-mode=dark] .gas-report .table b a { color: #e2e8f0 !important; }
    [data-theme-mode=dark] .gas-report .table a { color: #60a5fa !important; }
        [data-theme-mode=dark] .gas-report .table a:hover { color: #93c5fd !important; }
    /* tfoot total rows */
    [data-theme-mode=dark] .gas-report .table tfoot td { background: #253347 !important; color: #e2e8f0 !important; border-color: #475569 !important; }
    [data-theme-mode=dark] .gas-report .table tfoot b { color: #e2e8f0 !important; }
    /* Transparent background utilities in dark mode (report-specific) */
    [data-theme-mode=dark] .gas-report .bg-success-transparent { background: rgba(16,185,129,0.12) !important; }
    [data-theme-mode=dark] .gas-report .bg-danger-transparent { background: rgba(239,68,68,0.12) !important; }
    [data-theme-mode=dark] .gas-report .bg-warning-transparent { background: rgba(245,158,11,0.15) !important; }
    [data-theme-mode=dark] .gas-report .bg-info-transparent { background: rgba(59,130,246,0.12) !important; }
    [data-theme-mode=dark] .gas-report .bg-purple-transparent { background: rgba(139,92,246,0.12) !important; }
    [data-theme-mode=dark] .gas-report .bg-white { background: #253347 !important; }
    /* Devir row highlight */
    [data-theme-mode=dark] .gas-report .bg-warning-transparent td { color: #fbbf24 !important; }
    [data-theme-mode=dark] .gas-report .bg-warning-transparent b { color: #fbbf24 !important; }
    /* Summary section rows */
    [data-theme-mode=dark] .gas-report .bg-success-transparent td,
    [data-theme-mode=dark] .gas-report .bg-success-transparent b { color: #34d399 !important; }
    [data-theme-mode=dark] .gas-report .bg-danger-transparent td,
    [data-theme-mode=dark] .gas-report .bg-danger-transparent b { color: #f87171 !important; }
    [data-theme-mode=dark] .gas-report .bg-info-transparent td,
    [data-theme-mode=dark] .gas-report .bg-info-transparent b { color: #60a5fa !important; }
    [data-theme-mode=dark] .gas-report .bg-purple-transparent td,
    [data-theme-mode=dark] .gas-report .bg-purple-transparent b { color: #a78bfa !important; }
    /* Header row title cells (ALIM/SATIM) */
    [data-theme-mode=dark] .gas-report thead .bg-success-transparent { background: rgba(16,185,129,0.15) !important; }
        [data-theme-mode=dark] .gas-report thead .bg-success-transparent .fw-bold,
        [data-theme-mode=dark] .gas-report thead .bg-success-transparent b { color: #34d399 !important; }
    [data-theme-mode=dark] .gas-report thead .bg-danger-transparent { background: rgba(239,68,68,0.15) !important; }
        [data-theme-mode=dark] .gas-report thead .bg-danger-transparent .fw-bold,
        [data-theme-mode=dark] .gas-report thead .bg-danger-transparent b { color: #f87171 !important; }
    /* Buttons */
    [data-theme-mode=dark] .gas-report .btn-default { background: #253347 !important; border-color: #475569 !important; color: #cbd5e1 !important; }
        [data-theme-mode=dark] .gas-report .btn-default:hover { background: #334155 !important; border-color: #60a5fa !important; color: #fff !important; }
    [data-theme-mode=dark] .gas-report .btn-secondary { background: #334155 !important; border-color: #475569 !important; color: #e2e8f0 !important; }
    /* Input group */
    [data-theme-mode=dark] .gas-report .input-group-text { background: #253347 !important; border-color: #475569 !important; color: #94a3b8 !important; }
    /* LinkButton links inside summary table */
    [data-theme-mode=dark] .gas-report .table td a[id*="btn"] { color: #60a5fa !important; }
        [data-theme-mode=dark] .gas-report .table td a[id*="btn"]:hover { color: #93c5fd !important; }

/* ─── 62. FN Dashboard sticky table headers ─── */
.fnd-filter-card .card-body > div[style*="max-height"] { overflow-y: auto; }
.fnd-filter-card .card-body table.fixedHeader thead th { position: sticky; top: 0; z-index: 2; background: #fff; box-shadow: 0 1px 0 #dee2e6; }
[data-theme-mode=dark] .fnd-filter-card .card-body table.fixedHeader thead th { background: #1e293b !important; box-shadow: 0 1px 0 #334155 !important; }

/* fnd-gradient-bar: FNDashboard.aspx:18-21 sayfa-ici <style> blogundan birebir tasindi
   (ayni desen icin bkz. .ngr-gradient-bar). RptFNDashboard + ExpenseDashboard'un
   ortak ReportPanelCard'inda basiliyor, tema dosyasinda tanimsiz oldugu icin serit
   gorunmuyordu. Dekoratif renkli serit oldugundan (metin/kontrast bagimliligi yok,
   .ngr-gradient-bar de dark override ICERMIYOR) ayri bir dark tema kurali gerekmez. */
.fnd-gradient-bar { height: 3px; background: linear-gradient(90deg, #6259ca 0%, #8b5cf6 30%, #667eea 60%, #a78bfa 100%); }

/* ─── 63. CariHesapBakiyeRaporu (chb-) ─── */
.chb-card { border-radius: 16px; border: 1px solid rgba(0,0,0,0.04); box-shadow: 0 2px 12px rgba(0,0,0,0.06); background: #fff; overflow: hidden; transition: all 0.3s cubic-bezier(0.4,0,0.2,1); }
    .chb-card:hover { box-shadow: 0 8px 28px rgba(98,89,202,0.10); }
.chb-gradient-bar { height: 3px; background: linear-gradient(90deg, #6259ca 0%, #8b5cf6 30%, #667eea 60%, #a78bfa 100%); }
.chb-card > .card-header { background: transparent !important; border-bottom: 1px solid #f0f1f5; padding: 14px 20px; }
    .chb-card > .card-header .card-title { color: #1a1a2e; }
.chb-card > .card-body { padding: 0 20px 20px; }

/* Filter bar */
.chb-filter-bar { display: flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 600; }

/* Tabs */
.chb-tabs-wrapper { padding-top: 16px; }
.chb-tabs { display: flex; gap: 4px; border-bottom: 2px solid #f0f1f5; padding: 0; margin-bottom: 16px; flex-wrap: wrap; list-style: none; }
    .chb-tabs .nav-link { font-size: 12px; font-weight: 600; color: #64748b; padding: 8px 14px; border: none; border-bottom: 2px solid transparent; margin-bottom: -2px; border-radius: 8px 8px 0 0; transition: all 0.2s ease; background: transparent; white-space: nowrap; }
        .chb-tabs .nav-link:hover { color: #6259ca; background: rgba(98,89,202,0.04); }
        .chb-tabs .nav-link.active { color: #6259ca; border-bottom-color: #6259ca; background: rgba(98,89,202,0.06); }

/* Table inside tabs */
.chb-card .table { font-size: 12px; margin-bottom: 0; }
    .chb-card .table thead th { background: #1e293b !important; color: #cbd5e1 !important; font-weight: 700; font-size: 11px; text-transform: uppercase; letter-spacing: 0.3px; border-bottom: 2px solid rgba(98,89,202,0.3); padding: 8px 10px; white-space: nowrap; }
    .chb-card .table thead td { background: linear-gradient(135deg, #6259ca 0%, #7c3aed 100%) !important; color: #fff !important; font-weight: 700; padding: 10px; border: none !important; }
    .chb-card .table tbody td { padding: 7px 10px; vertical-align: middle; border-bottom: 1px solid #f0f1f5; }
    .chb-card .table tbody tr:hover { background: rgba(98,89,202,0.03); }
    .chb-card .table tfoot td { background: #f8f9fc; border-top: 2px solid #e9ecf1; padding: 10px; font-size: 12px; }
    .chb-card .table tfoot b { color: #1a1a2e; }

/* Dark mode */
[data-theme-mode=dark] .chb-card { background: #1e293b !important; box-shadow: 0 2px 12px rgba(0,0,0,0.3); border-color: rgba(255,255,255,0.06); }
    [data-theme-mode=dark] .chb-card:hover { box-shadow: 0 8px 28px rgba(0,0,0,0.4); }
    [data-theme-mode=dark] .chb-card > .card-header { border-bottom-color: rgba(255,255,255,0.06); }
        [data-theme-mode=dark] .chb-card > .card-header .card-title { color: #e2e8f0 !important; }
[data-theme-mode=dark] .chb-filter-bar label { color: #94a3b8; }
[data-theme-mode=dark] .chb-filter-bar .form-control { background: #253347 !important; border-color: #475569 !important; color: #e2e8f0 !important; }
[data-theme-mode=dark] .chb-tabs { border-bottom-color: rgba(255,255,255,0.06); }
    [data-theme-mode=dark] .chb-tabs .nav-link { color: #8392a5; }
        [data-theme-mode=dark] .chb-tabs .nav-link:hover { color: #a78bfa; background: rgba(98,89,202,0.08); }
        [data-theme-mode=dark] .chb-tabs .nav-link.active { color: #a78bfa; border-bottom-color: #a78bfa; background: rgba(98,89,202,0.12); }
[data-theme-mode=dark] .chb-card .table thead th { background: #162032 !important; color: #94a3b8 !important; border-bottom-color: #334155 !important; }
[data-theme-mode=dark] .chb-card .table tbody td { border-bottom-color: rgba(255,255,255,0.04) !important; color: #cdd0e0 !important; }
[data-theme-mode=dark] .chb-card .table tbody tr:hover { background: rgba(98,89,202,0.06) !important; }
[data-theme-mode=dark] .chb-card .table tfoot td { background: #162032 !important; border-top-color: #334155 !important; }
[data-theme-mode=dark] .chb-card .table tfoot b { color: #e2e8f0 !important; }

/* ===== QUICK ACCESS / HIZLI ERISIM ===== */

/* Star button active state */
.quick-menu-star-active { color: #f59e0b !important; fill: #f59e0b; filter: drop-shadow(0 0 4px rgba(245, 158, 11, 0.4)); }

/* Badge */
.quick-access-badge { position: absolute !important; top: 8px; right: 4px; font-size: 10px !important; min-width: 16px; height: 16px; line-height: 16px; padding: 0 4px !important; }

/* Dropdown */
.quick-access-dropdown { width: 320px !important; max-height: 460px; padding: 0 !important; border-radius: 12px !important; box-shadow: 0 10px 40px rgba(0,0,0,0.12) !important; border: 1px solid rgba(0,0,0,0.06) !important; overflow: hidden; }

.quick-access-header { display: flex; align-items: center; justify-content: space-between; padding: 14px 16px; border-bottom: 1px solid #e9ecef; background: #f8f9fa; }

    .quick-access-header .fw-semibold { font-size: 14px; color: #2d2d3f; }

.quick-access-count { font-size: 12px; }

/* List */
.quick-access-list { max-height: 340px; overflow-y: auto; padding: 6px; }

    .quick-access-list::-webkit-scrollbar { width: 4px; }
    .quick-access-list::-webkit-scrollbar-track { background: transparent; }
    .quick-access-list::-webkit-scrollbar-thumb { background: #d1d5db; border-radius: 4px; }

/* Drag handle */
.quick-access-drag-handle { display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; margin-left: 4px; flex-shrink: 0; color: #c0c4cc; cursor: grab; border-radius: 4px; transition: all 0.15s; }
    .quick-access-drag-handle:hover { color: #6259ca; background: rgba(98,89,202,0.08); }
    .quick-access-drag-handle:active { cursor: grabbing; }

/* Drag states */
.quick-access-dragging { opacity: 0.4; background: rgba(98,89,202,0.05) !important; }
.quick-access-drag-over { border-top: 2px solid #6259ca !important; border-radius: 0 !important; }

.quick-access-item { display: flex; align-items: center; border-radius: 8px; transition: background 0.15s; }

    .quick-access-item:hover { background: #f1f3f5; }

.quick-access-link { flex: 1; display: flex; align-items: center; gap: 10px; padding: 10px 12px; color: #333; text-decoration: none !important; font-size: 13px; font-weight: 500; overflow: hidden; min-width: 0; }

    .quick-access-link i { color: var(--primary-color, #6259ca); font-size: 15px; flex-shrink: 0; }

    .quick-access-link span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

    .quick-access-link:hover { color: var(--primary-color, #6259ca); }

.quick-access-remove { border: none; background: none; color: #adb5bd; padding: 6px 10px; cursor: pointer; border-radius: 6px; transition: all 0.15s; flex-shrink: 0; line-height: 1; }

    .quick-access-remove:hover { color: #dc3545; background: rgba(220, 53, 69, 0.08); }

/* Empty state */
.quick-access-empty { padding: 32px 16px; text-align: center; color: #8392a5; }

    .quick-access-empty i { font-size: 32px; margin-bottom: 8px; display: block; opacity: 0.4; }

    .quick-access-empty p { margin: 0 0 4px; font-size: 14px; font-weight: 500; color: #6c757d; }

    .quick-access-empty small { font-size: 12px; color: #adb5bd; }

/* Dark mode */
[data-theme-mode=dark] .quick-access-dropdown { background: #1a2332 !important; border-color: rgba(255,255,255,0.08) !important; box-shadow: 0 10px 40px rgba(0,0,0,0.4) !important; }

[data-theme-mode=dark] .quick-access-header { background: #162032; border-bottom-color: rgba(255,255,255,0.06); }

    [data-theme-mode=dark] .quick-access-header .fw-semibold { color: #e2e8f0; }

[data-theme-mode=dark] .quick-access-item:hover { background: rgba(255,255,255,0.04); }

[data-theme-mode=dark] .quick-access-link { color: #cdd0e0; }
    [data-theme-mode=dark] .quick-access-link:hover { color: #a78bfa; }
    [data-theme-mode=dark] .quick-access-link i { color: #a78bfa; }

[data-theme-mode=dark] .quick-access-remove { color: #6b7280; }
    [data-theme-mode=dark] .quick-access-remove:hover { color: #f87171; background: rgba(239,68,68,0.1); }

[data-theme-mode=dark] .quick-access-drag-handle { color: #6b7280; }
    [data-theme-mode=dark] .quick-access-drag-handle:hover { color: #a78bfa; background: rgba(98,89,202,0.12); }
[data-theme-mode=dark] .quick-access-drag-over { border-top-color: #a78bfa !important; }

[data-theme-mode=dark] .quick-access-empty { color: #6b7280; }
    [data-theme-mode=dark] .quick-access-empty p { color: #94a3b8; }
    [data-theme-mode=dark] .quick-access-empty small { color: #6b7280; }

[data-theme-mode=dark] .quick-access-list::-webkit-scrollbar-thumb { background: #334155; }

/* ─── 60. EmtiaTakipIslemi / ki-* shared card styles ─── */
.ki-card { border: none; border-radius: 16px; box-shadow: 0 1px 3px rgba(0,0,0,.04), 0 4px 16px rgba(0,0,0,.06); overflow: hidden; margin-bottom: 24px; transition: all .25s ease; background: #fff; }
    .ki-card:hover { box-shadow: 0 2px 8px rgba(0,0,0,.06), 0 8px 30px rgba(98,89,202,.12); transform: translateY(-1px); }
    .ki-card .ki-header { padding: 18px 24px; display: flex; align-items: center; gap: 12px; border-bottom: 1px solid rgba(0,0,0,.04); }
.ki-header-purple { background: linear-gradient(135deg, rgba(98,89,202,.06), rgba(139,92,246,.04)); }
.ki-header-green { background: linear-gradient(135deg, rgba(5,150,105,.06), rgba(16,185,129,.04)); }
.ki-header-blue { background: linear-gradient(135deg, rgba(37,99,235,.06), rgba(59,130,246,.04)); }
.ki-header-orange { background: linear-gradient(135deg, rgba(217,119,6,.06), rgba(245,158,11,.04)); }
.ki-header-cyan { background: linear-gradient(135deg, rgba(8,145,178,.06), rgba(6,182,212,.04)); }
.ki-header .ki-icon { width: 36px; height: 36px; border-radius: 10px; display: inline-flex; align-items: center; justify-content: center; font-size: 15px; color: #fff; flex-shrink: 0; }
.ki-icon-purple { background: linear-gradient(135deg, #6259ca, #8b5cf6); box-shadow: 0 3px 10px rgba(98,89,202,.3); }
.ki-icon-green { background: linear-gradient(135deg, #059669, #10b981); box-shadow: 0 3px 10px rgba(5,150,105,.3); }
.ki-icon-blue { background: linear-gradient(135deg, #2563eb, #3b82f6); box-shadow: 0 3px 10px rgba(37,99,235,.3); }
.ki-icon-orange { background: linear-gradient(135deg, #d97706, #f59e0b); box-shadow: 0 3px 10px rgba(217,119,6,.3); }
.ki-icon-cyan { background: linear-gradient(135deg, #0891b2, #06b6d4); box-shadow: 0 3px 10px rgba(8,145,178,.3); }
.ki-header .ki-header-text h3 { font-size: 15px; font-weight: 700; color: #1e1e2d; margin: 0; line-height: 1.2; }
.ki-header .ki-header-text small { font-size: 11.5px; color: #8392a5; font-weight: 400; margin-top: 2px; display: block; }
.ki-card .card-body { padding: 24px; }
.ki-card .card-footer { background: #fafbfc; border-top: 1px solid rgba(0,0,0,.04); padding: 14px 24px; }
.ki-card .form-label { font-weight: 600 !important; color: #5a6778 !important; font-size: 12.5px !important; text-transform: none !important; letter-spacing: 0 !important; display: flex; align-items: center; padding-top: 7px; }
.ki-card .ki-form-row { padding: 12px 0; border-bottom: 1px solid rgba(0,0,0,.03); }
    .ki-card .ki-form-row:last-child { border-bottom: none; padding-bottom: 0; }
    .ki-card .ki-form-row:first-child { padding-top: 0; }
.ki-actions-bar { background: #fafbfc; border-top: 1px solid rgba(0,0,0,.04); display: flex; align-items: center; justify-content: flex-end; gap: 10px; flex-wrap: wrap; padding: 16px 24px; }
    .ki-actions-bar .btn { border-radius: 10px; font-size: 13px; font-weight: 600; padding: 10px 24px; transition: all .2s ease; }
.ki-btn-save { background: linear-gradient(135deg, #059669, #10b981) !important; border: none !important; color: #fff !important; box-shadow: 0 4px 14px rgba(5,150,105,.3); }
    .ki-btn-save:hover { background: linear-gradient(135deg, #047857, #059669) !important; box-shadow: 0 6px 20px rgba(5,150,105,.4); transform: translateY(-1px); }
.ki-btn-primary { background: linear-gradient(135deg, #6259ca, #8b5cf6) !important; border: none !important; color: #fff !important; box-shadow: 0 4px 14px rgba(98,89,202,.3); }
    .ki-btn-primary:hover { background: linear-gradient(135deg, #5048b0, #7c4dff) !important; box-shadow: 0 6px 20px rgba(98,89,202,.4); transform: translateY(-1px); }
.ki-btn-approve { background: linear-gradient(135deg, #0891b2, #06b6d4) !important; border: none !important; color: #fff !important; box-shadow: 0 4px 14px rgba(8,145,178,.25); }
    .ki-btn-approve:hover { box-shadow: 0 6px 20px rgba(8,145,178,.35); transform: translateY(-1px); }
.ki-btn-warning { background: linear-gradient(135deg, #d97706, #f59e0b) !important; border: none !important; color: #fff !important; box-shadow: 0 4px 14px rgba(217,119,6,.25); }
    .ki-btn-warning:hover { box-shadow: 0 6px 20px rgba(217,119,6,.35); transform: translateY(-1px); }
.ki-btn-cancel { background: #f8f9fa !important; border: 1px solid #e2e8f0 !important; color: #64748b !important; }
    .ki-btn-cancel:hover { background: #f1f5f9 !important; border-color: #cbd5e1 !important; }
.ki-btn-danger { background: linear-gradient(135deg, #dc2626, #ef4444) !important; border: none !important; color: #fff !important; box-shadow: 0 4px 14px rgba(220,38,38,.25); }
    .ki-btn-danger:hover { box-shadow: 0 6px 20px rgba(220,38,38,.35); transform: translateY(-1px); }
.ki-btn-info { background: linear-gradient(135deg, #0891b2, #06b6d4) !important; border: none !important; color: #fff !important; box-shadow: 0 4px 14px rgba(8,145,178,.25); }
    .ki-btn-info:hover { box-shadow: 0 6px 20px rgba(8,145,178,.35); transform: translateY(-1px); }
.ki-card .input-group-text { background: linear-gradient(135deg, #6259ca, #8b5cf6); border: none; color: #fff; border-radius: 0 8px 8px 0 !important; }
.ki-product-card { border: none; border-radius: 12px; box-shadow: 0 1px 3px rgba(0,0,0,.04), 0 2px 8px rgba(0,0,0,.04); overflow: hidden; margin-bottom: 16px; background: #fff; transition: all .25s ease; }
    .ki-product-card:hover { box-shadow: 0 2px 6px rgba(0,0,0,.06), 0 6px 20px rgba(5,150,105,.10); transform: translateY(-1px); }
    .ki-product-card .ki-form-row { padding: 12px 0; border-bottom: 1px solid rgba(0,0,0,.03); }
        .ki-product-card .ki-form-row:last-child { border-bottom: none; padding-bottom: 0; }
        .ki-product-card .ki-form-row:first-child { padding-top: 0; }
.ki-total-panel { background: linear-gradient(135deg, rgba(98,89,202,.06), rgba(139,92,246,.04)); border-radius: 12px; padding: 14px 20px; border: 1px solid rgba(98,89,202,.1); }

/* ─── 61. EmtiaTakipIslemleri — status badges & dots ─── */
.badge-paid { background: #10b981; color: #fff; border-radius: 6px; padding: 2px 8px; font-size: 11px; }
.badge-pending { background: #f59e0b; color: #fff; border-radius: 6px; padding: 2px 8px; font-size: 11px; }
.badge-empty { background: #e2e8f0; color: #64748b; border-radius: 6px; padding: 2px 8px; font-size: 11px; }
.status-dot { display: inline-block; width: 8px; height: 8px; border-radius: 50%; margin-right: 4px; }
.dot-green { background: #10b981; }
.dot-orange { background: #f59e0b; }
.dot-gray { background: #94a3b8; }

/* dark mode overrides for ki-* */
[data-theme-mode=dark] .ki-card { background: #1e293b !important; box-shadow: 0 1px 3px rgba(0,0,0,.2), 0 4px 16px rgba(0,0,0,.3) !important; }
    [data-theme-mode=dark] .ki-card .ki-header { border-bottom-color: rgba(255,255,255,0.06) !important; }
[data-theme-mode=dark] .ki-header .ki-header-text h3 { color: #e2e8f0 !important; }
[data-theme-mode=dark] .ki-header .ki-header-text small { color: #94a3b8 !important; }
[data-theme-mode=dark] .ki-card .card-body { background: #1e293b !important; }
[data-theme-mode=dark] .ki-card .card-footer { background: #162032 !important; border-top-color: rgba(255,255,255,0.06) !important; }
[data-theme-mode=dark] .ki-actions-bar { background: #162032 !important; border-top-color: rgba(255,255,255,0.06) !important; }
[data-theme-mode=dark] .ki-card .ki-form-row { border-bottom-color: rgba(255,255,255,0.04) !important; }
[data-theme-mode=dark] .ki-card .form-label { color: #94a3b8 !important; }
[data-theme-mode=dark] .badge-paid { background: #065f46 !important; color: #6ee7b7 !important; }
[data-theme-mode=dark] .badge-pending { background: #78350f !important; color: #fde68a !important; }
[data-theme-mode=dark] .badge-empty { background: #253347 !important; color: #94a3b8 !important; }
/* ===== NOTIFICATION CENTER OFFCANVAS ===== */
.notif-center-canvas { width: 400px !important; }

/* Bell button badge — küçük, sağ üst köşe */
#notifCenterBadge { inset-block-start: 0.2rem !important; inset-inline-end: 0.2rem !important; font-size: 0.52rem !important; padding: 0.08rem 0.28rem !important; min-width: 14px; line-height: 1.4; }

.notif-center-total-badge { background: linear-gradient(135deg, #7c3aed, #5b21b6); color: #fff; font-size: 11px; font-weight: 700; padding: 3px 10px; border-radius: 20px; }

/* Loading state */
.notif-center-loading { display: flex; align-items: center; justify-content: center; gap: 10px; padding: 50px 20px; color: #94a3b8; font-size: 13px; }

/* Empty state */
.notif-center-empty { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 60px 20px; gap: 10px; color: #94a3b8; }
    .notif-center-empty i { font-size: 36px; opacity: 0.35; display: block; }
    .notif-center-empty p { font-size: 13px; margin: 0; }

/* Category group */
.notif-cat-group { border-bottom: 1px solid rgba(0,0,0,0.06); }
[data-theme-mode=dark] .notif-cat-group { border-bottom-color: rgba(255,255,255,0.06); }

/* Category header (tıklanabilir, collapse toggle) */
.notif-cat-header { display: flex; align-items: center; gap: 10px; padding: 11px 16px; cursor: pointer; user-select: none; background: #fafafa; transition: background 0.15s; }
    .notif-cat-header:hover { background: #f3f0ff; }
[data-theme-mode=dark] .notif-cat-header { background: #1e2535; }
    [data-theme-mode=dark] .notif-cat-header:hover { background: #252f42; }

/* Kategori ikon kutusu */
.notif-cat-icon-wrap { width: 30px; height: 30px; border-radius: 9px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; font-size: 13px; }

/* Kategori başlığı */
.notif-cat-label { flex: 1; font-weight: 600; font-size: 13px; color: #1e2a3a; white-space: nowrap; }
[data-theme-mode=dark] .notif-cat-label { color: #e2e8f0; }

/* Adet badge */
.notif-cat-badge { background: linear-gradient(135deg, #6259ca, #8b5cf6); color: #fff; font-size: 11px; font-weight: 700; padding: 2px 9px; border-radius: 20px; flex-shrink: 0; }

/* Chevron */
.notif-cat-chevron { font-size: 12px; color: #94a3b8; flex-shrink: 0; transition: transform 0.22s ease; }
.notif-cat-group.collapsed .notif-cat-chevron { transform: rotate(-90deg); }

/* Kategori body (collapse/expand) */
.notif-cat-body { overflow: hidden; max-height: 3000px; transition: max-height 0.3s ease; }
.notif-cat-group.collapsed .notif-cat-body { max-height: 0; }

/* ── Bildirim paneli item kartları ── */
.notif-cat-body { padding: 8px 10px 10px; }

    .notif-cat-body .notif-item { display: flex !important; padding: 0 !important; margin-bottom: 6px; border-bottom: none !important; border-radius: 10px; background: #fff; border: 1px solid rgba(98,89,202,0.10); box-shadow: 0 1px 4px rgba(98,89,202,0.06); overflow: hidden; transition: box-shadow 0.15s, transform 0.12s; text-decoration: none !important; }
        .notif-cat-body .notif-item:last-child { margin-bottom: 0; }
        .notif-cat-body .notif-item:hover { box-shadow: 0 4px 14px rgba(98,89,202,0.13); transform: translateY(-1px); }

    /* Renkli sol şerit — klon sayesinde mevcut gradient korunur */
    .notif-cat-body .notif-pd { gap: 0; width: 100%; }
    .notif-cat-body .notif-accent { width: 4px !important; flex-shrink: 0; border-radius: 0 !important; align-self: stretch; }

    /* İçerik alanı */
    .notif-cat-body .notif-pd-content { flex: 1; padding: 9px 12px; min-width: 0; }
    .notif-cat-body .notif-pd-top { display: flex; align-items: center; gap: 6px; margin-bottom: 3px; }
    .notif-cat-body .notif-pd-title { font-size: 12px !important; font-weight: 600 !important; color: #1e2a3a !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; flex: 1; }
    .notif-cat-body .notif-pd-mid { font-size: 11px !important; color: #64748b !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 4px; }
    .notif-cat-body .notif-pd-meta { display: flex; align-items: center; gap: 10px; font-size: 10px !important; color: #94a3b8 !important; }
        .notif-cat-body .notif-pd-meta i { font-size: 9px !important; }
    .notif-cat-body .notif-pill { font-size: 9px !important; padding: 2px 7px !important; flex-shrink: 0; }

/* Dark mode */
[data-theme-mode=dark] .notif-cat-body .notif-item { background: #1e293b; border-color: rgba(255,255,255,0.07); box-shadow: 0 1px 4px rgba(0,0,0,0.2); }
    [data-theme-mode=dark] .notif-cat-body .notif-item:hover { box-shadow: 0 4px 14px rgba(0,0,0,0.3); }
[data-theme-mode=dark] .notif-cat-body .notif-pd-title { color: #e2e8f0 !important; }
[data-theme-mode=dark] .notif-cat-body .notif-pd-mid { color: #8a8ea8 !important; }

/* ═══════════════════════════════════════════════════════════════════
   TARIH BAZLI GENEL DURUM RAPORU — Modern Premium Design (tbgd-)
   ═══════════════════════════════════════════════════════════════════ */

/* --- Page card wrapper --- */
.tbgd-card { border: none !important; border-radius: 0 !important; box-shadow: 0 4px 24px rgba(0,0,0,0.06) !important; overflow: visible !important; }
    .tbgd-card > .card-header { background: #6259ca !important; border-bottom: none !important; padding: 18px 24px !important; }
        .tbgd-card > .card-header .card-title { color: #fff !important; font-weight: 700 !important; font-size: 17px !important; letter-spacing: 0.3px; }
    .tbgd-card > .card-body { padding: 24px !important; background: #f8fafc !important; }

/* --- Search bar --- */
.tbgd-search { display: flex; align-items: center; gap: 10px; background: #fff; border: 1px solid #e2e8f0; border-radius: 12px; padding: 6px 8px 6px 16px; box-shadow: 0 1px 4px rgba(0,0,0,0.04); max-width: 400px; margin-bottom: 24px; transition: border-color .2s, box-shadow .2s; }
    .tbgd-search:focus-within { border-color: #6259ca; box-shadow: 0 0 0 3px rgba(98,89,202,0.12); }
    .tbgd-search .form-control { border: none !important; box-shadow: none !important; padding: 6px 0 !important; font-size: 13px !important; background: transparent !important; }
    .tbgd-search .btn { border-radius: 8px !important; padding: 6px 18px !important; font-size: 13px !important; font-weight: 600 !important; }

/* --- Summary table grid --- */
.tbgd-grid { display: flex; flex-direction: column; gap: 16px; }

/* --- Each summary table card --- */
.tbgd-table-card { background: #fff; border-radius: 0; border: 1px solid #e9ecf1; box-shadow: 0 2px 8px rgba(0,0,0,0.04); overflow: hidden; transition: box-shadow .25s, transform .25s; }
    .tbgd-table-card:hover { box-shadow: 0 6px 20px rgba(98,89,202,0.10); transform: translateY(-1px); }

    /* --- Table base reset --- */
    .tbgd-table-card .table { margin-bottom: 0 !important; border: none !important; font-size: 12px !important; }
        .tbgd-table-card .table thead tr:first-child th { background: #6259ca !important; color: #fff !important; font-weight: 700 !important; font-size: 13px !important; letter-spacing: 0.8px !important; text-transform: uppercase !important; padding: 12px 10px !important; border: none !important; }
        .tbgd-table-card .table thead tr:nth-child(2) th { background: #1e293b !important; color: #cbd5e1 !important; font-weight: 600 !important; font-size: 11px !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; padding: 8px 10px !important; border: none !important; border-bottom: 2px solid rgba(98,89,202,0.3) !important; border-radius: 0 !important; }
        .tbgd-table-card .table tbody td { padding: 12px 10px !important; font-weight: 600 !important; color: #334155 !important; border-color: #f1f5f9 !important; font-variant-numeric: tabular-nums; }
        .tbgd-table-card .table tbody tr:hover td { background: rgba(98,89,202,0.04) !important; }

/* --- Right panel GenelDurum user control --- */
.tbgd-panel .table { border: none !important; border-radius: 12px !important; overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,0.04); }
    .tbgd-panel .table thead th { background: #1e293b !important; color: #e2e8f0 !important; font-weight: 600 !important; border: none !important; padding: 10px 12px !important; background-image: none !important; }
    .tbgd-panel .table thead tr:first-child th { background: #6259ca !important; color: #fff !important; font-weight: 700 !important; font-size: 14px !important; padding: 14px 12px !important; }
    .tbgd-panel .table tbody td { padding: 10px 12px !important; border-color: #f1f5f9 !important; }
    .tbgd-panel .table tfoot td { background: #f8fafc !important; border-color: #e2e8f0 !important; padding: 12px !important; }
    .tbgd-panel .table tfoot .fw-bold { color: #6259ca !important; font-size: 16px !important; }
.tbgd-panel .form-control { border-radius: 8px !important; font-size: 12px !important; }

/* --- Alternating title colors for visual distinction --- */
.tbgd-table-card.tbgd-variant-1 .table thead tr:first-child th { background: #6259ca !important; }
.tbgd-table-card.tbgd-variant-2 .table thead tr:first-child th { background: #475569 !important; }
.tbgd-table-card.tbgd-variant-3 .table thead tr:first-child th { background: #0891b2 !important; }
.tbgd-table-card.tbgd-variant-4 .table thead tr:first-child th { background: #7c3aed !important; }
.tbgd-table-card.tbgd-variant-5 .table thead tr:first-child th { background: #059669 !important; }
.tbgd-table-card.tbgd-variant-6 .table thead tr:first-child th { background: #d97706 !important; }
.tbgd-table-card.tbgd-variant-7 .table thead tr:first-child th { background: #dc2626 !important; }

/* ─── Dark Mode ─── */
[data-theme-mode=dark] .tbgd-card > .card-body { background: #0f172a !important; }
[data-theme-mode=dark] .tbgd-search { background: #1e293b; border-color: rgba(255,255,255,0.08); }
    [data-theme-mode=dark] .tbgd-search .form-control { color: #e2e8f0 !important; }
[data-theme-mode=dark] .tbgd-table-card { background: #1e293b; border-color: rgba(255,255,255,0.06); box-shadow: 0 2px 8px rgba(0,0,0,0.2); }
    [data-theme-mode=dark] .tbgd-table-card:hover { box-shadow: 0 6px 20px rgba(98,89,202,0.15); }
    [data-theme-mode=dark] .tbgd-table-card .table tbody td { color: #e2e8f0 !important; border-color: rgba(255,255,255,0.05) !important; }
    [data-theme-mode=dark] .tbgd-table-card .table tbody tr:hover td { background: rgba(98,89,202,0.08) !important; }
[data-theme-mode=dark] .tbgd-panel .table { box-shadow: 0 2px 8px rgba(0,0,0,0.2); }
    [data-theme-mode=dark] .tbgd-panel .table tbody td { color: #e2e8f0 !important; border-color: rgba(255,255,255,0.05) !important; }
    [data-theme-mode=dark] .tbgd-panel .table tfoot td { background: #0f172a !important; border-color: rgba(255,255,255,0.06) !important; }
    [data-theme-mode=dark] .tbgd-panel .table tfoot .fw-bold { color: #a78bfa !important; }

/* ===== GENEL DURUM TABLO ===== */
.gd-table-wrap { border-radius: 0; overflow-x: auto; overflow-y: hidden; box-shadow: 0 2px 12px rgba(0,0,0,0.08); border: 1px solid #e2e8f0; -webkit-overflow-scrolling: touch; }
    .gd-table-wrap::-webkit-scrollbar { height: 6px; }
    .gd-table-wrap::-webkit-scrollbar-track { background: #f1f5f9; border-radius: 0 0 12px 12px; }
    .gd-table-wrap::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 3px; }
        .gd-table-wrap::-webkit-scrollbar-thumb:hover { background: #94a3b8; }
.gd-table { margin-bottom: 0; font-size: 12.5px; border-collapse: collapse; width: 100%; min-width: 1100px; }
    .gd-table th, .gd-table td { vertical-align: middle !important; padding: 8px 12px !important; }

/* Header */
.gd-header { background: #6f42c1; }
    .gd-header th { color: #fff !important; border: none !important; padding: 12px 16px !important; font-size: 14px; font-weight: 700; letter-spacing: 0.5px; }
    .gd-header .form-control { border: 2px solid rgba(255,255,255,0.3); background: rgba(255,255,255,0.15); color: #fff; font-weight: 600; border-radius: 8px; backdrop-filter: blur(4px); }
        .gd-header .form-control option { color: #333; background: #fff; }

/* Tarih grup basliklari */
.gd-date-row td { border-bottom: 2px solid #e2e8f0 !important; padding: 6px 12px !important; }
.gd-date-badge { display: inline-flex; align-items: center; gap: 6px; padding: 5px 16px; border-radius: 20px; font-size: 12px; font-weight: 700; letter-spacing: 0.3px; }
.gd-date-badge-today { background: #6f42c1; color: #fff; }
.gd-date-badge-prev { background: #64748b; color: #fff; }

/* Kolon basliklari */
.gd-col-header td { background: #f8fafc !important; font-weight: 700 !important; font-size: 11px !important; text-transform: uppercase; letter-spacing: 0.5px; color: #475569 !important; border-bottom: 2px solid #e2e8f0 !important; padding: 8px 12px !important; }
    .gd-col-header td.gd-prev-cell { background: #f0f4f8 !important; color: #64748b !important; }
    .gd-col-header td.gd-kf-cell { background: #fef9f0 !important; color: #92400e !important; }

/* Para birimi satir */
.gd-table tbody tr.gd-data-row { transition: background 0.15s ease; }
    .gd-table tbody tr.gd-data-row:hover { background: rgba(111, 66, 193, 0.04) !important; }
    .gd-table tbody tr.gd-data-row td { border-color: #f1f5f9 !important; }

/* Para birimi adi */
.gd-currency { font-weight: 700; color: #334155; font-size: 13px; }

/* Sticky para birimi kolonu (JS transform + isolation) */
.gd-table tr { isolation: isolate; }
.gd-sticky-col { position: relative; z-index: 2; background: #fff; will-change: transform; }
.gd-col-header .gd-sticky-col { background: #f8fafc; }
.gd-date-row .gd-sticky-col { background: #fff; }
.gd-data-row:hover .gd-sticky-col { background: #f5f3fa; }
.gd-sticky-col.gd-stuck { box-shadow: 4px 0 6px -2px rgba(0,0,0,0.1); }

/* Parite kolonu genisligi */
.gd-table td.gd-parite-col,
.gd-col-header td.gd-parite-col { width: 85px; max-width: 90px; padding: 8px 6px !important; }

/* Parite badge */
.parite-badge { display: inline-flex; align-items: center; padding: 3px 10px; border-radius: 20px; font-size: 11px; font-weight: 600; background: rgba(111, 66, 193, 0.12); color: #6f42c1; white-space: nowrap; }

/* Onceki gun parite */
.parite-badge-prev { background: rgba(71, 85, 105, 0.10); color: #475569; }

/* Deger kolonlari - bugunki */
.gd-val { font-weight: 600; color: #1e293b; font-variant-numeric: tabular-nums; }

/* Deger kolonlari - onceki gun */
.gd-val-prev { color: #64748b; font-weight: 500; font-variant-numeric: tabular-nums; }

/* Onceki gun hucreleri */
.gd-prev-cell { background: rgba(241, 245, 249, 0.7) !important; }

/* Kur Farki renkleri */
.kur-farki-positive { color: #15803d; font-weight: 700; }
.kur-farki-negative { color: #b91c1c; font-weight: 700; }

/* Kur farki kolonu */
.gd-kf-cell { background: rgba(255, 247, 237, 0.8) !important; border-left: 2px solid #fbbf24 !important; }

/* Separator */
.gd-sep-left { border-left: 2px solid #cbd5e1 !important; }

/* Footer */
.gd-table tfoot td { background: #f8fafc !important; border-color: #e2e8f0 !important; border-top: 2px solid #e2e8f0 !important; }
    .gd-table tfoot td.gd-prev-cell { background: #f0f4f8 !important; }
    .gd-table tfoot td.gd-kf-cell { background: rgba(255, 247, 237, 0.9) !important; }
.gd-footer-label { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; color: #64748b; }
.gd-footer-val { font-size: 15px; font-weight: 800; color: #1e293b; }
    .gd-footer-val a { color: #6f42c1 !important; text-decoration: none; }
        .gd-footer-val a:hover { color: #8b5cf6 !important; }
.gd-footer-kf { font-size: 15px; font-weight: 800; }
    .gd-footer-kf a { color: #92400e !important; text-decoration: none; }
        .gd-footer-kf a:hover { color: #b45309 !important; }

/* Butonlar */
.gd-actions { padding: 12px 16px !important; text-align: right; }
    .gd-actions .btn { border-radius: 8px; font-size: 12px; font-weight: 600; padding: 8px 18px; margin-left: 8px; transition: all 0.2s ease; }
        .gd-actions .btn:hover { transform: translateY(-1px); box-shadow: 0 4px 12px rgba(0,0,0,0.15); }

/* Para Birimi Filtre */
.gd-filter-wrap { margin-top: 10px; padding: 10px 14px; background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 10px; display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.gd-filter-label { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; color: #64748b; margin-right: 4px; white-space: nowrap; }
.gd-filter-chip { display: inline-flex; align-items: center; gap: 4px; padding: 4px 12px; border-radius: 20px; font-size: 12px; font-weight: 600; cursor: pointer; user-select: none; transition: all 0.15s ease; border: 1.5px solid #e2e8f0; background: #fff; color: #334155; }
    .gd-filter-chip:hover { border-color: #6f42c1; background: rgba(111, 66, 193, 0.04); }
    .gd-filter-chip.gd-chip-hidden { background: #fee2e2; border-color: #fca5a5; color: #991b1b; text-decoration: line-through; }
        .gd-filter-chip.gd-chip-hidden:hover { background: #fecaca; border-color: #f87171; }
    .gd-filter-chip .gd-chip-icon { font-size: 10px; }

/* Sortable Kolonlar */
.gd-sortable { cursor: pointer; user-select: none; position: relative; padding-right: 20px !important; transition: color 0.15s ease; }
    .gd-sortable:hover { color: #6f42c1 !important; }
    .gd-sortable::after { content: '\f0dc'; font-family: FontAwesome; position: absolute; right: 5px; top: 50%; transform: translateY(-50%); font-size: 10px; opacity: 0.3; transition: opacity 0.15s ease; }
    .gd-sortable:hover::after { opacity: 0.6; }
    .gd-sortable.gd-sort-asc::after { content: '\f0de'; opacity: 0.9; color: #6f42c1; }
    .gd-sortable.gd-sort-desc::after { content: '\f0dd'; opacity: 0.9; color: #6f42c1; }

/* ===== GENEL DURUM RAPORU ===== */
.gd-perf-debug { background: #1a1a2e; color: #0f0; font-family: Consolas,monospace; font-size: 12px; padding: 12px 16px; border-radius: 8px; margin-bottom: 12px; white-space: pre-line; }
.gd-filter-card { border-radius: 14px; border: none; box-shadow: 0 2px 14px rgba(0,0,0,0.07); background: #fff; overflow: hidden; margin-bottom: 20px; }
.gd-gradient-bar { height: 3px; background: linear-gradient(90deg,#6259ca 0%,#8b5cf6 40%,#667eea 70%,#a78bfa 100%); }
.gd-filter-card .card-header { background: transparent; border-bottom: 1px solid #e2e8f0; padding: 14px 20px; display: flex; align-items: center; justify-content: space-between; }
    .gd-filter-card .card-header .card-title { font-size: 14px; font-weight: 700; color: #1a1a2e; margin: 0; display: flex; align-items: center; gap: 8px; }
.gd-filter-card .card-body { padding: 16px 20px; }
.gd-report-card { border-radius: 14px; border: none; box-shadow: 0 2px 12px rgba(0,0,0,0.06); background: #fff; overflow: hidden; min-width: 0; }
    .gd-report-card .card-header { background: transparent; border-bottom: 1px solid #e2e8f0; padding: 12px 16px; }
    .gd-report-card .nav.panel-tabs .nav-link { font-size: 12px; font-weight: 600; padding: 7px 14px; }
.row.g-3 > [class*="col-"] { min-width: 0; }
.gd-report-card table thead th { background: linear-gradient(135deg,#6259ca,#8b5cf6) !important; color: #fff !important; font-size: 11px; font-weight: 600; padding: 8px 10px; border: none; white-space: nowrap; }
.gd-report-card table tbody td { font-size: 11px; padding: 6px 10px; vertical-align: middle; }
.gd-report-card table tfoot td { font-size: 11px; font-weight: 700; background: #f8f9fe; padding: 7px 10px; }
.gd-report-card .table tbody tr:hover { background: rgba(98,89,202,0.04) !important; }
.gd-btn-primary { background: linear-gradient(135deg,#6259ca,#8b5cf6); color: #fff; border: none; border-radius: 8px; padding: 7px 16px; font-size: 12px; font-weight: 700; box-shadow: 0 3px 10px rgba(98,89,202,0.3); transition: all .2s; }
    .gd-btn-primary:hover { background: linear-gradient(135deg,#5548b5,#7c3aed); color: #fff; transform: translateY(-1px); }
.gd-btn-outline { background: #fff; color: #6259ca; border: 1.5px solid #6259ca; border-radius: 8px; padding: 7px 14px; font-size: 12px; font-weight: 600; transition: all .2s; }
    .gd-btn-outline:hover { background: #6259ca; color: #fff; }
.gd-cb-list { display: flex; flex-wrap: wrap; gap: 6px; padding: 4px 0; }
    .gd-cb-list input[type=checkbox] { display: none; }
    .gd-cb-list label { display: inline-flex; align-items: center; gap: 5px; padding: 4px 12px; border-radius: 20px; border: 1.5px solid #e5e7eb; font-size: 11px; font-weight: 600; cursor: pointer; color: #6b7280; transition: all .2s; background: #fff; }
    .gd-cb-list input[type=checkbox]:checked + label { background: linear-gradient(135deg,#6259ca,#8b5cf6); color: #fff; border-color: transparent; box-shadow: 0 2px 8px rgba(98,89,202,0.25); }
.gd-icon-primary { color: #6259ca; }
.gd-tab-content { padding-top: 20px; }

/* ═══════════════════════════════════════════════════════════════
   MENU DARK - data-menu-styles=dark (her tema modunda çalışır)
   ═══════════════════════════════════════════════════════════════ */
[data-menu-styles=dark] .app-sidebar,
[data-menu-styles=dark] .app-sidebar .main-sidebar { background: #0c1929 !important; border-right-color: #334155 !important; box-shadow: none !important; }
    [data-menu-styles=dark] .app-sidebar .main-sidebar-header { background: #0c1929 !important; border-bottom-color: #334155 !important; }
        [data-menu-styles=dark] .app-sidebar .main-sidebar-header .header-logo .desktop-dark { display: block !important; }
        [data-menu-styles=dark] .app-sidebar .main-sidebar-header .header-logo .desktop-logo,
        [data-menu-styles=dark] .app-sidebar .main-sidebar-header .header-logo .toggle-logo { display: none !important; }
        [data-menu-styles=dark] .app-sidebar .main-sidebar-header .header-logo .desktop-dark span { color: #e2e8f0 !important; }
        [data-menu-styles=dark] .app-sidebar .main-sidebar-header .header-logo .desktop-dark i { color: #60a5fa !important; }
[data-menu-styles=dark] .sidebar-user-info { color: #60a5fa !important; }
[data-menu-styles=color] .app-sidebar .main-sidebar-header .header-logo .desktop-dark { display: block !important; }
[data-menu-styles=color] .app-sidebar .main-sidebar-header .header-logo .desktop-logo,
[data-menu-styles=color] .app-sidebar .main-sidebar-header .header-logo .toggle-logo { display: none !important; }
[data-menu-styles=color] .sidebar-user-info { color: #c4b5fd !important; }
[data-menu-styles=dark] .app-sidebar .side-menu__item { color: #94a3b8 !important; border-radius: 10px !important; }
[data-menu-styles=dark] .app-sidebar .side-menu__icon { color: #64748b !important; }
[data-menu-styles=dark] .app-sidebar .side-menu__item:hover,
[data-menu-styles=dark] .app-sidebar .side-menu__item:focus { background: rgba(96,165,250,0.08) !important; color: #e2e8f0 !important; box-shadow: none !important; border-radius: 10px !important; }
    [data-menu-styles=dark] .app-sidebar .side-menu__item:hover .side-menu__icon,
    [data-menu-styles=dark] .app-sidebar .side-menu__item:hover .side-menu__label,
    [data-menu-styles=dark] .app-sidebar .side-menu__item:hover .side-menu__angle { color: #e2e8f0 !important; }
[data-menu-styles=dark] .app-sidebar .side-menu__item.active { background: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%) !important; color: #fff !important; box-shadow: 0 4px 12px rgba(59,130,246,0.3) !important; border-radius: 10px !important; }
    [data-menu-styles=dark] .app-sidebar .side-menu__item.active .side-menu__label,
    [data-menu-styles=dark] .app-sidebar .side-menu__item.active .side-menu__icon,
    [data-menu-styles=dark] .app-sidebar .side-menu__item.active .side-menu__angle { color: #fff !important; }
    [data-menu-styles=dark] .app-sidebar .side-menu__item.active:hover { background: linear-gradient(135deg, #1d4ed8 0%, #2563eb 100%) !important; color: #fff !important; }
[data-menu-styles=dark] .app-sidebar .slide-menu { border-left-color: rgba(96,165,250,0.15) !important; }
    [data-menu-styles=dark] .app-sidebar .slide-menu.child1 .side-menu__item,
    [data-menu-styles=dark] .app-sidebar .slide-menu.child2 .side-menu__item,
    [data-menu-styles=dark] .app-sidebar .slide-menu.child3 .side-menu__item { color: #94a3b8 !important; }
        [data-menu-styles=dark] .app-sidebar .slide-menu.child1 .side-menu__item:hover,
        [data-menu-styles=dark] .app-sidebar .slide-menu.child2 .side-menu__item:hover,
        [data-menu-styles=dark] .app-sidebar .slide-menu.child3 .side-menu__item:hover { background: rgba(96,165,250,0.08) !important; color: #e2e8f0 !important; }
        [data-menu-styles=dark] .app-sidebar .slide-menu.child1 .side-menu__item.active,
        [data-menu-styles=dark] .app-sidebar .slide-menu.child2 .side-menu__item.active,
        [data-menu-styles=dark] .app-sidebar .slide-menu.child3 .side-menu__item.active { color: #60a5fa !important; background: transparent !important; }
[data-menu-styles=dark] .app-sidebar .main-sidebar::-webkit-scrollbar-thumb { background: #475569 !important; }
[data-menu-styles=dark] .app-sidebar .main-sidebar::-webkit-scrollbar-track { background: #0c1929 !important; }
[data-menu-styles=dark] .side-menu__label1 { border-block-end-color: #334155 !important; }
    [data-menu-styles=dark] .side-menu__label1 a { color: #e2e8f0 !important; }
/* Horizontal dark menu */
@media (min-width: 992px) {
    [data-menu-styles=dark][data-nav-layout=horizontal] .app-sidebar,
    [data-menu-styles=dark][data-nav-layout=horizontal] .app-sidebar .main-sidebar { background: #253347 !important; border-color: #334155 !important; }
        [data-menu-styles=dark][data-nav-layout=horizontal] .app-sidebar .slide-menu.child1,
        [data-menu-styles=dark][data-nav-layout=horizontal] .app-sidebar .slide-menu.child2 { background: #1e293b !important; border-color: #334155 !important; box-shadow: 0 10px 40px rgba(0,0,0,0.4) !important; }
        [data-menu-styles=dark][data-nav-layout=horizontal] .app-sidebar .side-menu__item { color: #94a3b8 !important; }
            [data-menu-styles=dark][data-nav-layout=horizontal] .app-sidebar .side-menu__item:hover { background: rgba(96,165,250,0.08) !important; color: #e2e8f0 !important; }
            [data-menu-styles=dark][data-nav-layout=horizontal] .app-sidebar .side-menu__item.active { background: transparent !important; color: #60a5fa !important; }
                [data-menu-styles=dark][data-nav-layout=horizontal] .app-sidebar .side-menu__item.active::after { background: linear-gradient(90deg, #3b82f6, #60a5fa) !important; }
        [data-menu-styles=dark][data-nav-layout=horizontal] .app-sidebar .slide-menu.child1 li .side-menu__item,
        [data-menu-styles=dark][data-nav-layout=horizontal] .app-sidebar .slide-menu.child2 li .side-menu__item { color: #94a3b8 !important; }
            [data-menu-styles=dark][data-nav-layout=horizontal] .app-sidebar .slide-menu.child1 li .side-menu__item:hover,
            [data-menu-styles=dark][data-nav-layout=horizontal] .app-sidebar .slide-menu.child2 li .side-menu__item:hover { background: rgba(96,165,250,0.08) !important; color: #e2e8f0 !important; }
}

/* ═══════════════════════════════════════════════════════════════
   MENU COLOR - data-menu-styles=color (primary/mor tonlarda)
   ═══════════════════════════════════════════════════════════════ */
[data-menu-styles=color] .app-sidebar,
[data-menu-styles=color] .app-sidebar .main-sidebar { background: linear-gradient(180deg, #2d1b69 0%, #1a0e3e 100%) !important; border-right-color: rgba(139,92,246,0.2) !important; box-shadow: none !important; }
    [data-menu-styles=color] .app-sidebar .main-sidebar-header { background: #2d1b69 !important; border-bottom-color: rgba(139,92,246,0.2) !important; }
        [data-menu-styles=color] .app-sidebar .main-sidebar-header .header-logo .desktop-dark { display: block !important; }
        [data-menu-styles=color] .app-sidebar .main-sidebar-header .header-logo .desktop-logo,
        [data-menu-styles=color] .app-sidebar .main-sidebar-header .header-logo .toggle-logo { display: none !important; }
        [data-menu-styles=color] .app-sidebar .main-sidebar-header .header-logo .desktop-dark span { color: #fff !important; }
        [data-menu-styles=color] .app-sidebar .main-sidebar-header .header-logo .desktop-dark i { color: #c4b5fd !important; }
    [data-menu-styles=color] .app-sidebar .side-menu__item { color: #a78bfa !important; border-radius: 10px !important; }
    [data-menu-styles=color] .app-sidebar .side-menu__icon { color: #7c3aed !important; }
    [data-menu-styles=color] .app-sidebar .side-menu__label { color: #c4b5fd !important; }
    [data-menu-styles=color] .app-sidebar .side-menu__angle { color: #a78bfa !important; }
    [data-menu-styles=color] .app-sidebar .side-menu__item:hover,
    [data-menu-styles=color] .app-sidebar .side-menu__item:focus { background: rgba(139,92,246,0.12) !important; color: #e9d5ff !important; box-shadow: none !important; border-radius: 10px !important; }
        [data-menu-styles=color] .app-sidebar .side-menu__item:hover .side-menu__icon,
        [data-menu-styles=color] .app-sidebar .side-menu__item:hover .side-menu__label,
        [data-menu-styles=color] .app-sidebar .side-menu__item:hover .side-menu__angle { color: #e9d5ff !important; }
    [data-menu-styles=color] .app-sidebar .side-menu__item.active { background: linear-gradient(135deg, #6d28d9 0%, #8b5cf6 100%) !important; color: #fff !important; box-shadow: 0 4px 12px rgba(109,40,217,0.4) !important; border-radius: 10px !important; }
        [data-menu-styles=color] .app-sidebar .side-menu__item.active .side-menu__label,
        [data-menu-styles=color] .app-sidebar .side-menu__item.active .side-menu__icon,
        [data-menu-styles=color] .app-sidebar .side-menu__item.active .side-menu__angle { color: #fff !important; }
        [data-menu-styles=color] .app-sidebar .side-menu__item.active:hover { background: linear-gradient(135deg, #7c3aed 0%, #a78bfa 100%) !important; color: #fff !important; }
    [data-menu-styles=color] .app-sidebar .slide-menu { border-left-color: rgba(139,92,246,0.2) !important; }
        [data-menu-styles=color] .app-sidebar .slide-menu.child1 .side-menu__item,
        [data-menu-styles=color] .app-sidebar .slide-menu.child2 .side-menu__item,
        [data-menu-styles=color] .app-sidebar .slide-menu.child3 .side-menu__item { color: #a78bfa !important; }
            [data-menu-styles=color] .app-sidebar .slide-menu.child1 .side-menu__item:hover,
            [data-menu-styles=color] .app-sidebar .slide-menu.child2 .side-menu__item:hover,
            [data-menu-styles=color] .app-sidebar .slide-menu.child3 .side-menu__item:hover { background: rgba(139,92,246,0.12) !important; color: #e9d5ff !important; }
            [data-menu-styles=color] .app-sidebar .slide-menu.child1 .side-menu__item.active,
            [data-menu-styles=color] .app-sidebar .slide-menu.child2 .side-menu__item.active,
            [data-menu-styles=color] .app-sidebar .slide-menu.child3 .side-menu__item.active { color: #c4b5fd !important; background: transparent !important; }
    [data-menu-styles=color] .app-sidebar .main-sidebar::-webkit-scrollbar-thumb { background: rgba(139,92,246,0.3) !important; }
    [data-menu-styles=color] .app-sidebar .main-sidebar::-webkit-scrollbar-track { background: #1a0e3e !important; }
[data-menu-styles=color] .side-menu__label1 { border-block-end-color: rgba(139,92,246,0.2) !important; }
    [data-menu-styles=color] .side-menu__label1 a { color: #e9d5ff !important; }
/* Horizontal color menu */
@media (min-width: 992px) {
    [data-menu-styles=color][data-nav-layout=horizontal] .app-sidebar,
    [data-menu-styles=color][data-nav-layout=horizontal] .app-sidebar .main-sidebar { background: linear-gradient(90deg, #2d1b69 0%, #3a2280 100%) !important; border-color: rgba(139,92,246,0.2) !important; }
        [data-menu-styles=color][data-nav-layout=horizontal] .app-sidebar .slide-menu.child1,
        [data-menu-styles=color][data-nav-layout=horizontal] .app-sidebar .slide-menu.child2 { background: #2d1b69 !important; border-color: rgba(139,92,246,0.15) !important; box-shadow: 0 10px 40px rgba(0,0,0,0.5) !important; }
        [data-menu-styles=color][data-nav-layout=horizontal] .app-sidebar .side-menu__item { color: #c4b5fd !important; }
            [data-menu-styles=color][data-nav-layout=horizontal] .app-sidebar .side-menu__item:hover { background: rgba(139,92,246,0.15) !important; color: #e9d5ff !important; }
            [data-menu-styles=color][data-nav-layout=horizontal] .app-sidebar .side-menu__item.active { background: transparent !important; color: #e9d5ff !important; }
                [data-menu-styles=color][data-nav-layout=horizontal] .app-sidebar .side-menu__item.active::after { background: linear-gradient(90deg, #8b5cf6, #c4b5fd) !important; }
        [data-menu-styles=color][data-nav-layout=horizontal] .app-sidebar .slide-menu.child1 li .side-menu__item,
        [data-menu-styles=color][data-nav-layout=horizontal] .app-sidebar .slide-menu.child2 li .side-menu__item { color: #a78bfa !important; }
            [data-menu-styles=color][data-nav-layout=horizontal] .app-sidebar .slide-menu.child1 li .side-menu__item:hover,
            [data-menu-styles=color][data-nav-layout=horizontal] .app-sidebar .slide-menu.child2 li .side-menu__item:hover { background: rgba(139,92,246,0.15) !important; color: #e9d5ff !important; }
}

/* ═══════════════════════════════════════════════════════════════
   HEADER DARK - data-header-styles=dark (her tema modunda çalışır)
   ═══════════════════════════════════════════════════════════════ */
[data-header-styles=dark] .app-header { background: #0c1929 !important; border-bottom-color: #334155 !important; box-shadow: 0 1px 3px rgba(0,0,0,0.3) !important; }
    [data-header-styles=dark] .app-header .horizontal-logo,
    [data-header-styles=dark] .app-header .header-element,
    [data-header-styles=dark] .app-header .main-header-container,
    [data-header-styles=dark] .app-header .header-content-left,
    [data-header-styles=dark] .app-header .header-content-right,
    [data-header-styles=dark] .app-header .header-logo,
    [data-header-styles=dark] .app-header .header-logo .desktop-logo,
    [data-header-styles=dark] .app-header .header-logo .desktop-dark,
    [data-header-styles=dark] .app-header .header-logo .toggle-logo,
    [data-header-styles=dark] .app-header .header-logo .toggle-dark { background: transparent !important; background-color: transparent !important; }
/* Header dark logo: show desktop-dark, hide desktop-logo */
[data-header-styles=dark] .horizontal-logo .header-logo .desktop-logo { display: none !important; }
[data-header-styles=dark] .horizontal-logo .header-logo .desktop-dark { display: inline-flex !important; align-items: center !important; }
    [data-header-styles=dark] .horizontal-logo .header-logo .desktop-dark i,
    [data-header-styles=dark] .horizontal-logo .header-logo i.fa-shield,
    [data-header-styles=dark] .horizontal-logo .header-logo i.text-primary { color: #60a5fa !important; }
    [data-header-styles=dark] .horizontal-logo .header-logo .desktop-dark span { color: #e2e8f0 !important; }
/* Header dark: sidebar toggle hamburger icon */
[data-header-styles=dark] .animated-arrow span,
[data-header-styles=dark] .animated-arrow span::before,
[data-header-styles=dark] .animated-arrow span::after { background: #94a3b8 !important; }
[data-header-styles=dark] .animated-arrow:hover span,
[data-header-styles=dark] .animated-arrow:hover span::before,
[data-header-styles=dark] .animated-arrow:hover span::after { background: #60a5fa !important; }
[data-header-styles=dark] .header-content-right .header-link { color: #94a3b8 !important; border-color: #334155 !important; background: #1e293b !important; }
    [data-header-styles=dark] .header-content-right .header-link:hover { background: #253347 !important; border-color: #60a5fa !important; color: #60a5fa !important; }
    [data-header-styles=dark] .header-content-right .header-link .header-link-icon { color: #94a3b8 !important; }
    [data-header-styles=dark] .header-content-right .header-link:hover .header-link-icon { color: #60a5fa !important; }
[data-header-styles=dark] .header-content-right .notif-premium .nav-link.icon { color: #94a3b8 !important; border-color: #334155 !important; background: #1e293b !important; }
    [data-header-styles=dark] .header-content-right .notif-premium .nav-link.icon:hover { background: #253347 !important; border-color: #60a5fa !important; color: #60a5fa !important; }
[data-header-styles=dark] .main-header-container .header-link-icon:hover { background-color: rgba(96,165,250,0.1) !important; }
[data-header-styles=dark] .app-header .header-right-icons .nav-link.icon { background: #1e293b !important; box-shadow: 0 2px 4px rgba(0,0,0,0.2) !important; }
/* Header dark logo */
[data-header-styles=dark] .app-header .horizontal-logo .header-logo .desktop-dark,
[data-header-styles=dark] .horizontal-user-sep { /*background: rgba(96,165,250,0.3) !important;*/ }
[data-header-styles=dark] .horizontal-user-name { color: #60a5fa !important; }
[data-header-styles=dark] .header-brand-name { color: #e2e8f0 !important; }
[data-header-styles=dark] .header-user-name { color: #e2e8f0 !important; }
/* Header dark - badge, profile, language */
[data-header-styles=dark] .header-content-right .badge { box-shadow: 0 0 0 2px #0c1929 !important; }
[data-header-styles=dark] .header-content-right .lang-link { color: #94a3b8 !important; border-color: #334155 !important; background: #1e293b !important; }
    [data-header-styles=dark] .header-content-right .lang-link:hover { color: #60a5fa !important; border-color: #60a5fa !important; }

/* ═══════════════════════════════════════════════════════════════
   HEADER COLOR - data-header-styles=color (primary/mor tonlarda)
   ═══════════════════════════════════════════════════════════════ */
/* Header color logo: show desktop-dark (white text), hide desktop-logo */
[data-header-styles=color] .horizontal-logo .header-logo .desktop-logo { display: none !important; }
[data-header-styles=color] .horizontal-logo .header-logo .desktop-dark { display: inline-flex !important; align-items: center !important; }
    [data-header-styles=color] .horizontal-logo .header-logo .desktop-dark i { color: #c4b5fd !important; }
    [data-header-styles=color] .horizontal-logo .header-logo .desktop-dark span { color: #fff !important; }
/* Header color: sidebar toggle hamburger icon */
[data-header-styles=color] .animated-arrow span,
[data-header-styles=color] .animated-arrow span::before,
[data-header-styles=color] .animated-arrow span::after { background: rgba(255,255,255,0.8) !important; }
[data-header-styles=color] .animated-arrow:hover span,
[data-header-styles=color] .animated-arrow:hover span::before,
[data-header-styles=color] .animated-arrow:hover span::after { background: #fff !important; }
[data-header-styles=color] .app-header { background: linear-gradient(135deg, #4a1d96 0%, #6d28d9 50%, #7c3aed 100%) !important; border-bottom-color: rgba(255,255,255,0.1) !important; box-shadow: 0 1px 3px rgba(0,0,0,0.2) !important; }
    [data-header-styles=color] .app-header .horizontal-logo,
    [data-header-styles=color] .app-header .header-element,
    [data-header-styles=color] .app-header .main-header-container,
    [data-header-styles=color] .app-header .header-content-left,
    [data-header-styles=color] .app-header .header-content-right,
    [data-header-styles=color] .app-header .header-logo,
    [data-header-styles=color] .app-header .header-logo .desktop-logo,
    [data-header-styles=color] .app-header .header-logo .desktop-dark,
    [data-header-styles=color] .app-header .header-logo .toggle-logo,
    [data-header-styles=color] .app-header .header-logo .toggle-dark { background: transparent !important; background-color: transparent !important; }
[data-header-styles=color] .header-content-right .header-link { color: rgba(255,255,255,0.85) !important; border-color: rgba(255,255,255,0.15) !important; background: rgba(255,255,255,0.1) !important; }
    [data-header-styles=color] .header-content-right .header-link:hover { background: rgba(255,255,255,0.2) !important; border-color: rgba(255,255,255,0.3) !important; color: #fff !important; }
    [data-header-styles=color] .header-content-right .header-link .header-link-icon { color: rgba(255,255,255,0.85) !important; }
    [data-header-styles=color] .header-content-right .header-link:hover .header-link-icon { color: #fff !important; }
[data-header-styles=color] .header-content-right .notif-premium .nav-link.icon { color: rgba(255,255,255,0.85) !important; border-color: rgba(255,255,255,0.15) !important; background: rgba(255,255,255,0.1) !important; }
    [data-header-styles=color] .header-content-right .notif-premium .nav-link.icon:hover { background: rgba(255,255,255,0.2) !important; border-color: rgba(255,255,255,0.3) !important; color: #fff !important; }
[data-header-styles=color] .main-header-container .header-link-icon:hover { background-color: rgba(255,255,255,0.15) !important; }
[data-header-styles=color] .app-header .header-right-icons .nav-link.icon { background: rgba(255,255,255,0.1) !important; box-shadow: 0 2px 4px rgba(0,0,0,0.15) !important; }
[data-header-styles=color] .header-brand-name { color: #fff !important; }
[data-header-styles=color] .header-user-name { color: #fff !important; }
[data-header-styles=color] .horizontal-user-sep { background: rgba(255,255,255,0.2) !important; }
[data-header-styles=color] .horizontal-user-name { color: #fff !important; }
[data-header-styles=color] .header-content-right .badge { box-shadow: 0 0 0 2px rgba(74,29,150,0.9) !important; }
[data-header-styles=color] .header-content-right .lang-link { color: rgba(255,255,255,0.85) !important; border-color: rgba(255,255,255,0.15) !important; background: rgba(255,255,255,0.1) !important; }
    [data-header-styles=color] .header-content-right .lang-link:hover { color: #fff !important; border-color: rgba(255,255,255,0.3) !important; }

/* ============================================================
   CTS SHARED COMPONENTS — Ortak sayfa bileşenleri
   ============================================================ */

/* --- Gradient Bar (tüm sayfalarda ortak) --- */
.cts-gradient-bar,
.kot-gradient-bar, .onay-gradient-bar, .ku-gradient-bar,
.yd-gradient-bar, .rd-gradient-bar, .kd-gradient-bar, .mt-gradient-bar { height: 3px; background: linear-gradient(90deg, #6259ca 0%, #8b5cf6 30%, #667eea 60%, #a78bfa 100%); }

/* --- Premium Tabs (Kullanici, Onay sayfaları) --- */
.cts-tabs, .kd-tabs, .onay-tabs { padding: 0 24px; border-bottom: 2px solid #e2e8f0; background: #fafbfc; display: flex; flex-wrap: wrap; gap: 0; }
    .cts-tabs .nav-item, .kd-tabs .nav-item, .onay-tabs .nav-item { margin-bottom: -2px; }
    .cts-tabs .nav-link, .kd-tabs .nav-link, .onay-tabs .nav-link { padding: 12px 16px; font-size: 13px; font-weight: 600; color: #8392a5; border: none; border-bottom: 2px solid transparent; border-radius: 0; transition: all 0.2s; background: transparent; }
        .cts-tabs .nav-link:hover, .kd-tabs .nav-link:hover, .onay-tabs .nav-link:hover { color: #6259ca; background: rgba(98,89,202,0.04); }
        .cts-tabs .nav-link.active, .kd-tabs .nav-link.active, .onay-tabs .nav-link.active { color: #6259ca; border-bottom-color: #6259ca; background: rgba(98,89,202,0.06); }
        .cts-tabs .nav-link i, .kd-tabs .nav-link i, .onay-tabs .nav-link i { margin-right: 6px; font-size: 14px; }

/* --- Tab Body --- */
.cts-tab-body, .kd-body, .onay-body { padding: 24px; }
    .cts-tab-body .asterisk, .kd-body .asterisk, .onay-body .asterisk { color: #ef4444; margin-left: 2px; }

/* --- Card Actions Bar (KOT, ONAY, KD) --- */
.cts-actions, .kd-actions, .onay-actions, .kot-actions { display: flex; flex-wrap: wrap; gap: 8px; padding: 16px 24px; border-top: 1px solid #e2e8f0; background: #fafbfc; border-radius: 0 0 14px 14px; }
    .cts-actions .btn, .kd-actions .btn, .onay-actions .btn, .kot-actions .btn { border-radius: 8px; font-size: 13px; font-weight: 600; padding: 8px 18px; border: none; }

/* --- Role Card (YetkiDevret, RolDevret) --- */
.cts-role-card, .yd-role-card, .rd-role-card { border-radius: 12px; border: none; box-shadow: 0 2px 8px rgba(0,0,0,0.06); background: #fff; overflow: hidden; transition: all 0.3s ease; height: 100%; }
    .cts-role-card:hover, .yd-role-card:hover, .rd-role-card:hover { box-shadow: 0 6px 20px rgba(0,0,0,0.1); transform: translateY(-2px); }
.cts-role-header, .yd-role-header, .rd-role-header { padding: 12px 16px; color: #fff; font-size: 13px; font-weight: 700; display: flex; align-items: center; gap: 8px; border-radius: 12px 12px 0 0; }
    .rd-role-header .form-check-input { margin: 0; }
.cts-role-body, .yd-role-body, .rd-role-body { padding: 12px 16px; }

/* --- Header Gradient Colors (Role kartları için) --- */
.cts-hdr-0, .yd-hdr-0, .rd-hdr-0 { background: linear-gradient(135deg, #6259ca, #8b5cf6); }
.cts-hdr-1, .yd-hdr-1, .rd-hdr-1 { background: linear-gradient(135deg, #0ea5e9, #38bdf8); }
.cts-hdr-2, .yd-hdr-2, .rd-hdr-2 { background: linear-gradient(135deg, #10b981, #34d399); }
.cts-hdr-3, .yd-hdr-3, .rd-hdr-3 { background: linear-gradient(135deg, #f59e0b, #fbbf24); }
.cts-hdr-4, .yd-hdr-4, .rd-hdr-4 { background: linear-gradient(135deg, #ef4444, #f87171); }
.cts-hdr-5, .yd-hdr-5, .rd-hdr-5 { background: linear-gradient(135deg, #8b5cf6, #a78bfa); }
.cts-hdr-6, .yd-hdr-6, .rd-hdr-6 { background: linear-gradient(135deg, #334155, #64748b); }

/* --- Check Item (YetkiDevret, RolDevret) --- */
.cts-check-item, .yd-check-item, .rd-check-item { display: flex; align-items: center; gap: 8px; padding: 6px 8px; border-radius: 8px; transition: background 0.2s; font-size: 13px; color: #374151; }
    .cts-check-item:hover, .yd-check-item:hover, .rd-check-item:hover { background: #f5f3ff; }

/* --- Panel Actions (YetkiDevret, RolDevret) --- */
.cts-panel-actions, .yd-panel-actions, .rd-panel-actions { display: flex; gap: 6px; margin-bottom: 10px; }
    .cts-panel-actions .btn, .yd-panel-actions .btn, .rd-panel-actions .btn { border-radius: 8px; font-size: 11px; font-weight: 600; padding: 4px 12px; border: none; }

/* --- Devret Button --- */
.btn-cts-devret, .btn-devret, .btn-yd-devret { background: linear-gradient(135deg, #6259ca, #8b5cf6); color: #fff; border: none; border-radius: 10px; padding: 10px 28px; font-weight: 700; font-size: 14px; box-shadow: 0 4px 14px rgba(98,89,202,0.3); transition: all 0.3s; }
    .btn-cts-devret:hover, .btn-devret:hover, .btn-yd-devret:hover { background: linear-gradient(135deg, #5548b5, #7c3aed); box-shadow: 0 6px 20px rgba(98,89,202,0.4); transform: translateY(-1px); color: #fff; }

/* --- Page Card (Kasa, PersonelOdeme, PersonelTopluOdeme — 16px radius) --- */
.cts-page-card, .kas-card, .po-card, .pto-card { border: none; border-radius: 16px; box-shadow: 0 1px 3px rgba(0,0,0,.04),0 4px 16px rgba(0,0,0,.06); overflow: hidden; margin-bottom: 24px; transition: all .25s ease; background: #fff; }
    .cts-page-card:hover, .kas-card:hover, .po-card:hover, .pto-card:hover { box-shadow: 0 2px 8px rgba(0,0,0,.06),0 8px 30px rgba(98,89,202,.12); transform: translateY(-1px); }

    /* Page Card Header */
    .cts-page-header, .kas-card .kas-header, .po-card .po-header, .pto-card .pto-header { padding: 18px 24px; display: flex; align-items: center; gap: 12px; border-bottom: 1px solid rgba(0,0,0,.04); }
.cts-page-header-purple, .kas-header-purple, .po-header-purple, .pto-header-purple { background: linear-gradient(135deg,rgba(98,89,202,.06),rgba(139,92,246,.04)); }
.kas-header-green { background: linear-gradient(135deg,rgba(5,150,105,.06),rgba(16,185,129,.04)); }

/* Page Card Icon */
.cts-page-icon, .kas-card .kas-icon, .po-header .po-icon, .pto-header .pto-icon { width: 36px; height: 36px; border-radius: 10px; display: inline-flex; align-items: center; justify-content: center; font-size: 15px; color: #fff; flex-shrink: 0; }
.cts-page-icon-purple, .kas-icon-purple, .po-icon-purple, .pto-icon-purple { background: linear-gradient(135deg,#6259ca,#8b5cf6); box-shadow: 0 3px 10px rgba(98,89,202,.3); }
.kas-icon-green { background: linear-gradient(135deg,#059669,#10b981); box-shadow: 0 3px 10px rgba(5,150,105,.3); }

/* Page Card Header Text */
.kas-header .kas-header-text h3, .po-header .po-header-text h3, .pto-header .pto-header-text h3 { font-size: 15px; font-weight: 700; color: #1e1e2d; margin: 0; line-height: 1.2; }
.kas-header .kas-header-text small, .po-header .po-header-text small, .pto-header .pto-header-text small { font-size: 11.5px; color: #8392a5; font-weight: 400; margin-top: 2px; display: block; }

/* Page Card Body */
.kas-card .card-body, .po-card .card-body, .pto-card .card-body { padding: 24px; }

/* Page Form Label Override */
.kas-card .form-label, .po-card .form-label, .pto-card .form-label { font-weight: 600 !important; color: #5a6778 !important; font-size: 12.5px !important; text-transform: none !important; letter-spacing: 0 !important; display: flex; align-items: center; padding-top: 7px; }

/* Page Form Row */
.cts-form-row, .kas-form-row, .po-form-row, .pto-form-row { padding: 10px 0; border-bottom: 1px solid rgba(0,0,0,.03); }
    .cts-form-row:last-child, .kas-form-row:last-child, .po-form-row:last-child, .pto-form-row:last-child { border-bottom: none; padding-bottom: 0; }
    .cts-form-row:first-child, .kas-form-row:first-child, .po-form-row:first-child, .pto-form-row:first-child { padding-top: 0; }

/* Page Input Group Text (PO, PTO) */
.po-card .input-group-text, .pto-card .input-group-text { background: linear-gradient(135deg,#6259ca,#8b5cf6); border: none; color: #fff; border-radius: 0 8px 8px 0 !important; }

/* Page Actions Bar */
.cts-page-actions, .kas-actions-bar, .po-actions-bar, .pto-actions-bar { background: #fafbfc; border-top: 1px solid rgba(0,0,0,.04); display: flex; align-items: center; justify-content: flex-end; gap: 10px; flex-wrap: wrap; padding: 16px 24px; }
    .cts-page-actions .btn, .kas-actions-bar .btn, .po-actions-bar .btn, .pto-actions-bar .btn { border-radius: 10px; font-size: 13px; font-weight: 600; padding: 10px 24px; transition: all .2s ease; }

/* Page Save/Cancel Buttons */
.btn-cts-save, .kas-btn-save, .po-btn-save, .pto-btn-save { background: linear-gradient(135deg,#059669,#10b981) !important; border: none !important; color: #fff !important; box-shadow: 0 4px 14px rgba(5,150,105,.3); }
.btn-cts-cancel, .kas-btn-cancel, .po-btn-cancel, .pto-btn-cancel { background: #f8f9fa !important; border: 1px solid #e2e8f0 !important; color: #64748b !important; }
    .po-btn-cancel:hover { background: #f1f5f9 !important; border-color: #cbd5e1 !important; }

/* ============================================================
   SAYFA-SPESIFIK STILLER (sadece o sayfaya özel kurallar)
   ============================================================ */

/* --- DEV: Geliştirme Talepleri (card grid layout — benzersiz tasarım) --- */
.dev-cards-grid { display: flex; flex-wrap: wrap; gap: 16px; }
.dev-card-col { flex: 0 0 calc(33.333% - 11px); max-width: calc(33.333% - 11px); }

@media (max-width: 1200px) {
    .dev-card-col { flex: 0 0 calc(50% - 8px); max-width: calc(50% - 8px); }
}

@media (max-width: 768px) {
    .dev-card-col { flex: 0 0 100%; max-width: 100%; }
}

.dev-card { border-radius: 12px; border: none; box-shadow: 0 1px 3px rgba(0,0,0,0.08); cursor: pointer; transition: all 0.2s ease; overflow: hidden; position: relative; background: #fff; }
    .dev-card:hover { box-shadow: 0 8px 25px rgba(0,0,0,0.12); transform: translateY(-2px); }
    .dev-card .priority-bar { position: absolute; left: 0; top: 0; bottom: 0; width: 4px; }
    .dev-card .card-body { padding: 16px 16px 16px 20px; }
    .dev-card .dev-title { font-weight: 700; font-size: 15px; line-height: 1.4; color: #1a1a2e; margin-bottom: 4px; }
        .dev-card .dev-title a { color: #1a1a2e; text-decoration: none; }
            .dev-card .dev-title a:hover { color: #6259ca; }
    .dev-card .dev-desc { font-size: 13px; line-height: 1.5; color: #6c757d; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 12px; }
.dev-badge { display: inline-block; border-radius: 20px; font-size: 11px; font-weight: 700; padding: 4px 12px; }
.dev-badge-pri { font-weight: 600; }
.dev-card .dev-bottom { display: flex; align-items: center; justify-content: space-between; padding-top: 10px; border-top: 1px solid #f0f0f0; margin-top: auto; }
.dev-avatar { width: 28px; height: 28px; border-radius: 50%; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 700; flex-shrink: 0; }
.dev-meta { font-size: 12px; color: #6c757d; }
.dev-actions .btn { border: none; background: none; color: #adb5bd; padding: 2px 6px; }
    .dev-actions .btn:hover { color: #6259ca; }
.status-tabs { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 16px; }
.status-tab { border-radius: 20px; font-weight: 600; padding: 6px 16px; font-size: 13px; border: 1.5px solid #e0e0e0; background: transparent; cursor: pointer; transition: all 0.2s; }
    .status-tab:hover { border-color: #6259ca; }
    .status-tab.active { color: #fff !important; }
.results-count { font-size: 13px; color: #6c757d; margin-bottom: 12px; }
.empty-state { text-align: center; padding: 48px 16px; }
    .empty-state i { font-size: 48px; color: #ccc; }
    .empty-state p { color: #6c757d; margin-top: 12px; }
.dev-card .reply-count { display: flex; align-items: center; gap: 4px; font-size: 12px; color: #6c757d; }
.dev-card .url-link { font-size: 14px; color: #6c757d; }

/* --- KU: Kullanıcılar (sayfa-spesifik — card base shared'den gelir) --- */
.ku-card { border-radius: 14px; border: none; box-shadow: 0 2px 12px rgba(0,0,0,0.06); background: #fff; overflow: hidden; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
    .ku-card:hover { box-shadow: 0 6px 24px rgba(0,0,0,0.1); }
    .ku-card .card-header { background: transparent; border-bottom: 1px solid #e2e8f0; padding: 16px 24px; }
        .ku-card .card-header .card-title { font-size: 16px; font-weight: 700; color: #1a1a2e; margin: 0; }
    .ku-card .card-body { padding: 20px 24px; }
.ku-user-card { border-radius: 14px; border: none; overflow: hidden; box-shadow: 0 2px 10px rgba(0,0,0,0.06); background: #fff; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); text-decoration: none !important; display: block; }
    .ku-user-card:hover { box-shadow: 0 8px 28px rgba(98,89,202,0.15); transform: translateY(-3px); }
    .ku-user-card .ku-status-bar { height: 4px; background: linear-gradient(90deg, #10b981, #34d399); }
        .ku-user-card .ku-status-bar.passive { background: linear-gradient(90deg, #ef4444, #f87171); }
    .ku-user-card .ku-user-body { padding: 18px 20px; }
    .ku-user-card .ku-avatar-wrap { position: relative; display: inline-block; }
    .ku-user-card .ku-avatar { width: 56px; height: 56px; border-radius: 50%; border: 2px solid #e8e6f5; object-fit: cover; }
    .ku-user-card .ku-online-dot { width: 14px; height: 14px; border-radius: 50%; background: #10b981; border: 2px solid #fff; position: absolute; bottom: 2px; right: 0; }
    .ku-user-card .ku-user-name { font-size: 15px; font-weight: 700; color: #1a1a2e; margin: 0 0 2px 0; }
    .ku-user-card .ku-user-type { display: inline-block; font-size: 11px; font-weight: 600; padding: 2px 10px; border-radius: 20px; background: #f0efff; color: #6259ca; }
    .ku-user-card .ku-info-row { display: flex; align-items: center; gap: 6px; font-size: 12px; color: #8392a5; margin-top: 4px; }
        .ku-user-card .ku-info-row i { color: #94a3b8; font-size: 13px; }
    .ku-user-card .ku-footer { padding: 10px 20px; border-top: 1px solid #e2e8f0; font-size: 11px; color: #94a3b8; display: flex; align-items: center; gap: 6px; }
        .ku-user-card .ku-footer i { font-size: 12px; color: #6259ca; }

/* --- YD/RD: Yetki/Rol Devret — card base (role-card, hdr, check, devret shared'den gelir) --- */
.yd-card, .rd-card { border-radius: 14px; border: none; box-shadow: 0 2px 12px rgba(0,0,0,0.06); background: #fff; overflow: hidden; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
    .yd-card:hover, .rd-card:hover { box-shadow: 0 6px 24px rgba(0,0,0,0.1); }
    .yd-card .card-header, .rd-card .card-header { background: transparent; border-bottom: 1px solid #e2e8f0; padding: 16px 24px; }
        .yd-card .card-header .card-title, .rd-card .card-header .card-title { font-size: 16px; font-weight: 700; color: #1a1a2e; margin: 0; }
    .yd-card .card-body, .rd-card .card-body { padding: 20px 24px; }

/* RD-only: transfer icon + org card */
.rd-transfer-icon { display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: 50%; background: linear-gradient(135deg, #6259ca, #8b5cf6); color: #fff; font-size: 20px; margin: 0 auto; box-shadow: 0 4px 14px rgba(98,89,202,0.3); }
.rd-org-card { border-radius: 12px; border: none; box-shadow: 0 2px 8px rgba(0,0,0,0.06); background: #fff; overflow: hidden; height: 100%; }
.rd-org-header { padding: 12px 16px; color: #fff; font-size: 13px; font-weight: 700; background: linear-gradient(135deg, #0891b2, #22d3ee); border-radius: 12px 12px 0 0; display: flex; align-items: center; gap: 8px; }
.rd-org-body { padding: 12px 16px; }

/* --- KD: Kullanıcı Detay (tabs, body, actions shared'den gelir) --- */
.kd-card { border-radius: 14px; border: none; box-shadow: 0 2px 12px rgba(0,0,0,0.06); background: #fff; overflow: hidden; }
.kd-modal .modal-content { border-radius: 14px; border: none; box-shadow: 0 10px 40px rgba(0,0,0,0.15); }
.kd-modal .modal-header { background: linear-gradient(135deg, #6259ca, #8b5cf6); color: #fff; border-radius: 14px 14px 0 0; padding: 16px 24px; }
.kd-modal .modal-title { font-size: 15px; font-weight: 700; color: #fff; }
.kd-modal .modal-body { padding: 20px 24px; }
.kd-modal .modal-footer { border-top: 1px solid #e2e8f0; padding: 12px 24px; }
.kd-user-select { display: block; padding: 10px 14px; border-radius: 10px; border: 1px solid #e8ecf1; background: #fff; color: #1a1a2e; font-size: 13px; font-weight: 600; transition: all 0.2s; text-decoration: none; }
    .kd-user-select:hover { border-color: #6259ca; background: #f5f3ff; color: #6259ca; transform: translateY(-1px); box-shadow: 0 4px 12px rgba(98,89,202,0.15); }

/* ============================================================
   GM — Gayrimenkuller sayfası (VarlikYonetimi/Gayrimenkuller.aspx)
   ============================================================ */
#divAramaCollapse { display: none !important; }
    #divAramaCollapse.arama-acik { display: flex !important; flex-wrap: wrap; }
    #divAramaCollapse .row.mb-3 { margin-bottom: 0.4rem !important; }
    #divAramaCollapse .form-control { padding-top: 0.3rem; padding-bottom: 0.3rem; }
.gm-progress-wrap { display: flex; align-items: center; gap: 8px; margin-top: 6px; }
.gm-progress { flex: 1; height: 6px !important; border-radius: 10px !important; background: #e9ecef !important; overflow: hidden; min-width: 80px; }
    .gm-progress .progress-bar { border-radius: 10px !important; background: linear-gradient(90deg, #6259ca, #8b5cf6) !important; transition: width 0.6s ease !important; }
.gm-progress-text { font-size: 11px; font-weight: 700; color: #6259ca; white-space: nowrap; min-width: 45px; text-align: right; }
.gm-progress .progress-bar.bg-success { background: linear-gradient(90deg, #10b981, #059669) !important; }
.gm-progress .progress-bar.bg-warning { background: linear-gradient(90deg, #f59e0b, #d97706) !important; }
.gm-progress .progress-bar.bg-danger { background: linear-gradient(90deg, #ef4444, #dc2626) !important; }
.gm-progress-text.text-success { color: #10b981 !important; }
.gm-progress-text.text-warning { color: #d97706 !important; }
.gm-progress-text.text-danger { color: #ef4444 !important; }

/* ============================================================
   MT — Mutabakat Raporu sayfası (Raporlar/MutabakatRaporu.aspx)
   ============================================================ */
.mt-filter-card { border-radius: 14px; border: none; box-shadow: 0 2px 14px rgba(0,0,0,0.07); background: #fff; overflow: hidden; margin-bottom: 24px; }
.mt-gradient-bar { height: 3px; background: linear-gradient(90deg,#6259ca 0%,#8b5cf6 40%,#667eea 70%,#a78bfa 100%); }
.mt-filter-card .card-header { background: transparent; border-bottom: 1px solid #e2e8f0; padding: 14px 22px; display: flex; align-items: center; justify-content: space-between; }
    .mt-filter-card .card-header .card-title { font-size: 14px; font-weight: 700; color: #1a1a2e; margin: 0; display: flex; align-items: center; gap: 8px; }
.mt-filter-card .card-body { padding: 18px 22px; }
.mt-report-card { border-radius: 14px; border: none; box-shadow: 0 2px 12px rgba(0,0,0,0.06); background: #fff; overflow: hidden; }
    .mt-report-card .card-header { background: transparent; border-bottom: 1px solid #e2e8f0; padding: 14px 22px; display: flex; align-items: center; justify-content: space-between; }
        .mt-report-card .card-header .card-title { font-size: 14px; font-weight: 700; color: #1a1a2e; margin: 0; display: flex; align-items: center; gap: 8px; }
    .mt-report-card .card-body { padding: 0; }
.mt-btn-primary { background: linear-gradient(135deg,#6259ca,#8b5cf6); color: #fff; border: none; border-radius: 8px; padding: 8px 20px; font-size: 12px; font-weight: 700; box-shadow: 0 3px 10px rgba(98,89,202,0.3); transition: all .2s; display: inline-flex; align-items: center; gap: 6px; }
    .mt-btn-primary:hover { background: linear-gradient(135deg,#5548b5,#7c3aed); color: #fff; transform: translateY(-1px); box-shadow: 0 5px 16px rgba(98,89,202,0.35); }
.mt-report-card .table { margin: 0; font-size: 12px; border-collapse: separate; border-spacing: 0; }
    .mt-report-card .table thead th { background: linear-gradient(135deg,#6259ca,#8b5cf6) !important; color: #fff !important; font-size: 11px; font-weight: 600; padding: 10px 14px; border: none; white-space: nowrap; text-transform: uppercase; letter-spacing: 0.3px; }
        .mt-report-card .table thead th:first-child { border-radius: 0; }
        .mt-report-card .table thead th:last-child { border-radius: 0; }
    .mt-report-card .table tbody td { font-size: 12px; padding: 10px 14px; vertical-align: middle; border-bottom: 1px solid #e2e8f0; color: #3a3f5c; }
    .mt-report-card .table tbody tr:hover { background: rgba(98,89,202,0.04) !important; }
    .mt-report-card .table tbody tr:last-child td { border-bottom: none; }
.mt-btn-action { background: linear-gradient(135deg,rgba(98,89,202,0.08),rgba(139,92,246,0.08)); color: #6259ca; border: 1.5px solid rgba(98,89,202,0.2); border-radius: 8px; padding: 5px 12px; font-size: 11px; font-weight: 600; transition: all .2s; display: inline-flex; align-items: center; gap: 5px; }
    .mt-btn-action:hover { background: linear-gradient(135deg,#6259ca,#8b5cf6); color: #fff; border-color: transparent; transform: translateY(-1px); box-shadow: 0 3px 10px rgba(98,89,202,0.25); }
.mt-account-link { color: #6259ca; font-weight: 600; text-decoration: none; transition: color .2s; }
    .mt-account-link:hover { color: #8b5cf6; text-decoration: underline; }
.mt-date-badge { display: inline-flex; align-items: center; gap: 5px; background: #f5f3ff; color: #6259ca; padding: 4px 10px; border-radius: 6px; font-size: 11px; font-weight: 600; }
.mt-stats { display: flex; gap: 12px; align-items: center; }
.mt-stat-badge { display: inline-flex; align-items: center; gap: 4px; font-size: 11px; font-weight: 600; color: #8392a5; }
    .mt-stat-badge i { font-size: 13px; }
.mt-filter-label { font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.4px; color: #8392a5; margin-bottom: 6px; display: block; }
.mt-empty { text-align: center; padding: 40px 20px; color: #8392a5; }
    .mt-empty i { font-size: 40px; color: #d1d5db; margin-bottom: 12px; display: block; }
    .mt-empty p { font-size: 13px; margin: 0; }

/* ============================================================
   TODO — Yapılacak İş sayfası (Tanim/YapilacakIs.aspx)
   ============================================================ */
.todo-card { border: none; border-radius: 14px; box-shadow: 0 2px 12px rgba(0,0,0,0.06); transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); border-left: 4px solid #e8ecf1; margin-bottom: 8px; background: #fff; }
    .todo-card:hover { box-shadow: 0 8px 30px rgba(0,0,0,0.1); transform: translateY(-2px); }
    .todo-card.todo-completed { border-left-color: #10b981; opacity: 0.7; }
    .todo-card.todo-pending { border-left-color: #6366f1; }
    .todo-card.todo-urgent { border-left-color: #ef4444; }
    .todo-card .todo-title { font-size: 15px; font-weight: 600; color: #1a1a2e; }
        .todo-card .todo-title a { color: inherit; text-decoration: none; }
            .todo-card .todo-title a:hover { color: #6259ca; }
    .todo-card .todo-detail { font-size: 13px; color: #6c757d; margin-top: 4px; }
    .todo-card .todo-meta { font-size: 11px; color: #8392a5; }
.todo-checkbox { width: 24px; height: 24px; border: 2px solid #8b5cf6; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; transition: all 0.25s; flex-shrink: 0; }
    .todo-checkbox:hover { background: #8b5cf6; color: #fff; box-shadow: 0 4px 12px rgba(139,92,246,0.3); }
    .todo-checkbox.checked { background: #10b981; border-color: #10b981; color: #fff; }
    .todo-checkbox a { color: inherit; text-decoration: none; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }
.todo-badge { display: inline-flex; align-items: center; gap: 4px; padding: 3px 10px; border-radius: 20px; font-size: 11px; font-weight: 600; }
.todo-badge-completed { background: #d4edda; color: #155724; }
.todo-badge-reminder { background: #fff3cd; color: #856404; }
.todo-badge-user { background: #e3f2fd; color: #1565c0; }
.todo-badge-priority-high { background: #f8d7da; color: #721c24; }
.todo-badge-priority-medium { background: #fff3cd; color: #856404; }
.todo-badge-priority-low { background: #d4edda; color: #155724; }
.action-btn { display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 8px; border: none; cursor: pointer; transition: all 0.2s; font-size: 13px; }
    .action-btn:hover { transform: scale(1.15); }
.action-btn-edit { background: rgba(16,185,129,0.1); color: #059669; }
    .action-btn-edit:hover { background: rgba(16,185,129,0.2); color: #047857; box-shadow: 0 4px 12px rgba(16,185,129,0.2); }
.action-btn-delete { background: rgba(239,68,68,0.1); color: #dc2626; }
    .action-btn-delete:hover { background: rgba(239,68,68,0.2); color: #b91c1c; box-shadow: 0 4px 12px rgba(239,68,68,0.2); }
.todo-empty { text-align: center; padding: 48px 16px; }
    .todo-empty i { font-size: 48px; color: #ccc; }

/* ============================================================
   KOT & ONAY — Ortak kart yapısı + sayfa-özel kurallar
   ============================================================ */
.kot-card, .onay-card { border-radius: 14px; border: none; box-shadow: 0 2px 12px rgba(0,0,0,0.06); background: #fff; overflow: hidden; margin-bottom: 20px; }
    /* KOT sayfa-özel */
    .kot-card .card-header { background: #fafbfc; border-bottom: 2px solid #e2e8f0; padding: 14px 24px; }
        .kot-card .card-header h5 { font-size: 14px; font-weight: 700; color: #1a1a2e; margin: 0; }
            .kot-card .card-header h5 i { margin-right: 8px; color: #6259ca; }
    .kot-card .card-body { padding: 24px; }
    .kot-card .asterisk { color: #ef4444; margin-left: 2px; }
.kot-checklist { max-height: 300px; overflow-y: auto; padding: 8px; }
    .kot-checklist table { width: 100%; border: none; border-collapse: collapse; }
        .kot-checklist table td { border: none; padding: 0; }
    .kot-checklist label { display: flex; align-items: center; gap: 6px; padding: 5px 8px; font-size: 13px; cursor: pointer; border-radius: 6px; margin: 0; }
        .kot-checklist label:hover { background: #f5f3ff; }
    .kot-checklist input[type="checkbox"] { margin: 0; flex-shrink: 0; }
.kot-checklist-items { display: flex; flex-direction: column; gap: 2px; }
    .kot-checklist-items tr { display: block; }
    .kot-checklist-items td { display: flex; align-items: center; gap: 6px; padding: 5px 8px !important; border: none !important; font-size: 13px; cursor: pointer; border-radius: 6px; }
        .kot-checklist-items td:hover { background: #f5f3ff; }
        .kot-checklist-items td input[type="checkbox"] { margin: 0; flex-shrink: 0; }
        .kot-checklist-items td label { margin: 0; padding: 0; font-size: 13px; cursor: pointer; }
.kot-treeview { max-height: 400px; overflow-y: auto; padding: 8px; }
.kot-kategori-baslik { font-size: 13px; font-weight: 700; color: #6259ca; padding: 8px 0 4px 0; border-bottom: 1px solid #e2e8f0; margin-bottom: 6px; }
/* ONAY sayfa-özel */
.onay-info { background: #fafbfc; padding: 20px 24px; border-bottom: 2px solid #e2e8f0; }
    .onay-info .info-label { font-size: 12px; font-weight: 600; color: #8392a5; text-transform: uppercase; letter-spacing: 0.3px; }
    .onay-info .info-value { font-size: 14px; font-weight: 600; color: #1a1a2e; }
.onay-badge-bekliyor { background: #fef3cd; color: #856404; padding: 4px 12px; border-radius: 20px; font-size: 12px; font-weight: 600; }
.onay-badge-onaylandi { background: #d4edda; color: #155724; padding: 4px 12px; border-radius: 20px; font-size: 12px; font-weight: 600; }
.onay-badge-reddedildi { background: #f8d7da; color: #721c24; padding: 4px 12px; border-radius: 20px; font-size: 12px; font-weight: 600; }

/* ============================================================
   RK — Rol Kontrol sayfası
   ============================================================ */
.rk-card { border-radius: 14px; border: none; box-shadow: 0 2px 12px rgba(0,0,0,0.06); background: #fff; overflow: hidden; margin-bottom: 20px; }
    .rk-card .card-header { background: #fafbfc; border-bottom: 2px solid #e2e8f0; padding: 14px 24px; }
        .rk-card .card-header h5 { font-size: 14px; font-weight: 700; color: #1a1a2e; margin: 0; }
            .rk-card .card-header h5 i { margin-right: 8px; color: #6259ca; }
    .rk-card .card-body { padding: 0; }
.rk-actions { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; padding: 16px 24px; border-top: 1px solid #e2e8f0; background: #fafbfc; border-radius: 0 0 14px 14px; }
    .rk-actions .btn { border-radius: 8px; font-size: 13px; font-weight: 600; padding: 8px 18px; border: none; }
.rk-table-wrap { max-height: 75vh; overflow: auto; }
.rk-matrix { width: 100%; border-collapse: collapse; font-size: 13px; }
    .rk-matrix .rk-header-row td, .rk-matrix .rk-header-row th { position: sticky; top: 0; z-index: 2; background: #f8f9fa; font-size: 13px; font-weight: 600; padding: 6px; text-align: center; border: 1px solid #e2e8f0; vertical-align: middle; }
    .rk-matrix .rk-th-grup { writing-mode: vertical-lr; text-orientation: mixed; white-space: nowrap; height: 160px; padding: 8px 6px !important; min-width: 36px; cursor: pointer; user-select: none; }
        .rk-matrix .rk-th-grup:hover { background: #e8e5f7 !important; }
    .rk-matrix .rk-th-rol { position: sticky; left: 0; z-index: 3; text-align: left !important; min-width: 250px; padding-left: 12px !important; writing-mode: horizontal-tb; height: auto; vertical-align: middle !important; }
    .rk-matrix td { padding: 4px 6px; text-align: center; vertical-align: middle; border: 1px solid #e2e8f0; font-size: 13px; }
        .rk-matrix td:first-child { position: sticky; left: 0; z-index: 1; background: #fff; text-align: left; white-space: nowrap; padding-left: 12px; }
    .rk-matrix tr:hover td { background: #f5f3ff; }
        .rk-matrix tr:hover td:first-child { background: #f5f3ff; }
    .rk-matrix input[type="checkbox"] { width: 18px; height: 18px; cursor: pointer; display: block; margin: 0 auto; }
.rk-level-0, .rk-level-1, .rk-level-2, .rk-level-3 { cursor: pointer; user-select: none; }
.rk-level-0 { font-weight: 700; }
.rk-level-1 { padding-left: 28px !important; }
.rk-level-2 { padding-left: 48px !important; }
.rk-level-3 { padding-left: 68px !important; }
.rk-parent-row td { background: #f0edff !important; }
    .rk-parent-row td:first-child { background: #f0edff !important; }

/* KOTM — Kullanıcı Oluşturma Talebi Modal */
.kotm-modal { border-radius: 14px; overflow: hidden; }
.kotm-header { background: linear-gradient(135deg, #6259ca 0%, #7c3aed 100%); color: #fff; border: none; padding: 16px 24px; }
    .kotm-header .modal-title { font-size: 15px; font-weight: 700; }
    .kotm-header .btn-close { filter: brightness(0) invert(1); opacity: 0.8; }
.kotm-info-bar { background: #fafbfc; padding: 16px 24px; border-bottom: 1px solid #e2e8f0; }
.kotm-info-label { font-size: 11px; font-weight: 600; color: #64748b; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 2px; }
.kotm-info-value { font-size: 13px; font-weight: 600; color: #1a1a2e; }
.kotm-tabs { padding: 0 24px; background: #fff; border-bottom: 2px solid #e2e8f0; gap: 0; flex-wrap: wrap; }
    .kotm-tabs .nav-link { font-size: 12px; font-weight: 600; color: #64748b; padding: 10px 14px; border: none; border-bottom: 2px solid transparent; margin-bottom: -2px; border-radius: 0; }
        .kotm-tabs .nav-link:hover { color: #6259ca; }
        .kotm-tabs .nav-link.active { color: #6259ca; border-bottom-color: #6259ca; background: transparent; }
.kotm-tab-content { padding: 20px 24px; }
.kotm-detail-table { width: 100%; border-collapse: collapse; }
    .kotm-detail-table td { padding: 8px 12px; font-size: 13px; border-bottom: 1px solid #f1f5f9; }
.kotm-dt-label { font-weight: 600; color: #64748b; width: 140px; white-space: nowrap; }
.kotm-badge-list { display: flex; flex-wrap: wrap; gap: 6px; }
.kotm-badge { display: inline-block; background: #f0edff; color: #6259ca; padding: 4px 12px; border-radius: 20px; font-size: 12px; font-weight: 600; }
.kotm-kategori-baslik { font-size: 13px; font-weight: 700; color: #1a1a2e; margin: 12px 0 6px 0; padding-bottom: 4px; border-bottom: 1px solid #e2e8f0; }
    .kotm-kategori-baslik:first-child { margin-top: 0; }
.kotm-empty { color: #94a3b8; font-size: 13px; font-style: italic; padding: 8px 0; }
.kotm-footer { background: #fafbfc; border-top: 1px solid #e2e8f0; padding: 12px 24px; }

/* GIR — Günlük İşlem Raporu */
.gir-card { border-radius: 14px; border: none; box-shadow: 0 2px 12px rgba(0,0,0,0.06); background: #fff; overflow: hidden; margin-bottom: 20px; }
    .gir-card .card-header { background: #fafbfc; border-bottom: 2px solid #e2e8f0; padding: 14px 24px; }
        .gir-card .card-header h5 { font-size: 14px; font-weight: 700; color: #1a1a2e; margin: 0; }
            .gir-card .card-header h5 i { margin-right: 8px; color: #6259ca; }
.gir-tarih-group { max-width: 180px; }
.gir-tarih-input { font-size: 13px !important; }
.gir-table-wrap { max-height: 78vh; overflow: auto; }
.gir-matrix { width: 100%; border-collapse: collapse; font-size: 13px; }
.gir-header-row td, .gir-header-row th { position: sticky; top: 0; z-index: 2; background: #f8f9fa; font-size: 13px; font-weight: 600; padding: 6px; text-align: center; border: 1px solid #e2e8f0; vertical-align: middle; }
.gir-th-kullanici { writing-mode: vertical-lr; text-orientation: mixed; white-space: nowrap; height: 160px; padding: 8px 6px !important; min-width: 36px; }
.gir-th-islem { position: sticky; left: 0; z-index: 3; text-align: left !important; min-width: 220px; padding-left: 12px !important; writing-mode: horizontal-tb; height: auto; vertical-align: middle !important; }
.gir-th-toplam { background: #f0edff !important; color: #6259ca; min-width: 60px; }
.gir-td-islem { position: sticky; left: 0; z-index: 1; background: #fff; text-align: left; white-space: nowrap; padding-left: 12px !important; border: 1px solid #e2e8f0; font-weight: 600; }
.gir-islem-link { color: #6259ca; text-decoration: none; font-weight: 600; font-size: 13px; }
    .gir-islem-link:hover { color: #4338ca; text-decoration: underline; }
.gir-matrix td { padding: 4px 6px; text-align: center; vertical-align: middle; border: 1px solid #e2e8f0; font-size: 13px; }
.gir-toplam { font-weight: 700; color: #6259ca; background: #faf9ff; }
.gir-sayi { font-weight: 500; }
.gir-sayi-sifir { color: #cbd5e1 !important; font-weight: 400 !important; }
.gir-sayi-link { color: #7c3aed; text-decoration: none; font-weight: 600; cursor: pointer; }
    .gir-sayi-link:hover { color: #5b21b6; text-decoration: underline; }
.gir-matrix tr:hover td { background: #f5f3ff; }
.gir-matrix tr:hover .gir-td-islem { background: #f5f3ff; }
.gir-footer-row td { background: #f0edff !important; font-weight: 700; border-top: 2px solid #6259ca !important; }
.gir-footer-row .gir-td-islem { background: #f0edff !important; color: #6259ca; }
.gir-modal { border-radius: 14px; overflow: hidden; }
.gir-modal-header { background: linear-gradient(135deg, #6259ca 0%, #7c3aed 100%); color: #fff; border: none; padding: 16px 24px; }
    .gir-modal-header .modal-title { font-size: 15px; font-weight: 700; }
    .gir-modal-header .btn-close { filter: brightness(0) invert(1); opacity: 0.8; }
.gir-modal-body { padding: 0; }
.gir-modal-footer { background: #fafbfc; border-top: 1px solid #e2e8f0; padding: 12px 24px; }
.gir-detay-table { width: 100%; border-collapse: collapse; font-size: 13px; }
    .gir-detay-table thead th { background: #f8f9fa; padding: 10px 12px; text-align: left; font-weight: 600; color: #64748b; border-bottom: 2px solid #e2e8f0; font-size: 12px; text-transform: uppercase; letter-spacing: 0.3px; }
    .gir-detay-table tbody td { padding: 8px 12px; border-bottom: 1px solid #f1f5f9; }
        .gir-detay-table tbody td a { color: #6259ca; text-decoration: none; font-weight: 600; }
            .gir-detay-table tbody td a:hover { color: #4338ca; text-decoration: underline; }
    .gir-detay-table tbody tr:hover td { background: #f5f3ff; }

/* Kategori ayırıcı satır */
.gir-kategori-row { background: none !important; }
.gir-kategori-td { background: #f0edff !important; color: #6259ca; font-weight: 700; font-size: 13px; padding: 8px 12px !important; text-align: left !important; border: 1px solid #e2e8f0; border-left: 3px solid #6259ca; }

/* Saatlik Dağılım */
.gir-saatlik-chart { display: flex; flex-direction: column; gap: 3px; }
.gir-saat-item { display: flex; align-items: center; gap: 8px; }
.gir-saat-label { font-size: 12px; color: #64748b; width: 42px; text-align: right; font-weight: 500; flex-shrink: 0; }
.gir-saat-bar-wrap { flex: 1; height: 18px; background: #f1f5f9; border-radius: 4px; overflow: hidden; }
.gir-saat-bar { height: 100%; background: linear-gradient(90deg, #6259ca, #7c3aed); border-radius: 4px; min-width: 2px; transition: width 0.3s; }
.gir-saat-bar-empty { background: #e2e8f0; min-width: 0; }
.gir-saat-adet { font-size: 12px; font-weight: 600; color: #334155; width: 32px; text-align: right; flex-shrink: 0; }

/* Kullanıcı İstatistik Kartları */
.gir-kullanici-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 12px; }
.gir-kullanici-card { background: #fff; border: 1px solid #e2e8f0; border-radius: 10px; overflow: hidden; }
.gir-kk-header { display: flex; justify-content: space-between; align-items: center; padding: 10px 14px; background: linear-gradient(135deg, #6259ca 0%, #7c3aed 100%); color: #fff; }
.gir-kk-name { font-weight: 600; font-size: 13px; }
.gir-kk-total { font-weight: 700; font-size: 18px; }
.gir-kk-body { padding: 10px 14px; }
.gir-kk-row { display: flex; align-items: center; gap: 8px; margin-bottom: 6px; }
.gir-kk-label { font-size: 11px; color: #64748b; width: 44px; flex-shrink: 0; font-weight: 500; }
.gir-kk-bar-wrap { flex: 1; height: 14px; background: #f1f5f9; border-radius: 4px; overflow: hidden; }
.gir-kk-bar { height: 100%; border-radius: 4px; min-width: 2px; transition: width 0.3s; }
.gir-kk-bar-islem { background: #6259ca; }
.gir-kk-bar-revize { background: #f59e0b; }
.gir-kk-bar-iptal { background: #ef4444; }
.gir-kk-bar-onay { background: #10b981; }
.gir-kk-val { font-size: 12px; font-weight: 600; color: #334155; width: 28px; text-align: right; flex-shrink: 0; }
.gir-kk-oran { display: flex; justify-content: space-between; align-items: center; margin-top: 8px; padding: 6px 10px; border-radius: 6px; font-size: 12px; font-weight: 600; }
.gir-kk-oran-label { opacity: 0.8; }
.gir-kk-oran-val { font-size: 15px; font-weight: 700; }
.gir-kk-oran-iyi { background: #ecfdf5; color: #059669; }
.gir-kk-oran-orta { background: #fffbeb; color: #d97706; }
.gir-kk-oran-kotu { background: #fef2f2; color: #dc2626; }

/* ============================================================
   DARK MODE — FINAL OVERRIDE (en son yüklenir, tüm çakışmaları çözer)
   ============================================================ */
html[data-theme-mode="dark"] .card,
html[data-theme-mode="dark"] .dashboard-card { background-color: #1e293b !important; border-color: rgba(255,255,255,0.06) !important; }
    html[data-theme-mode="dark"] .card .card-header { background: linear-gradient(180deg, #253347 0%, #1e293b 100%) !important; border-bottom-color: #334155 !important; }
    html[data-theme-mode="dark"] .card .card-body { background: transparent !important; }
    html[data-theme-mode="dark"] .card .card-header .card-title,
    html[data-theme-mode="dark"] .card .card-header h3,
    html[data-theme-mode="dark"] .card .card-header h5 { color: #e2e8f0 !important; }
html[data-theme-mode="dark"] .form-control,
html[data-theme-mode="dark"] .form-select,
html[data-theme-mode="dark"] input[type="text"],
html[data-theme-mode="dark"] input[type="number"],
html[data-theme-mode="dark"] input[type="password"],
html[data-theme-mode="dark"] input[type="email"],
html[data-theme-mode="dark"] input[type="tel"],
html[data-theme-mode="dark"] input[type="date"],
html[data-theme-mode="dark"] input[type="datetime-local"],
html[data-theme-mode="dark"] select,
html[data-theme-mode="dark"] textarea { background-color: #253347 !important; color: #e2e8f0 !important; border-color: #475569 !important; }
    html[data-theme-mode="dark"] .form-control:focus,
    html[data-theme-mode="dark"] .form-select:focus { background-color: #253347 !important; color: #e2e8f0 !important; border-color: #60a5fa !important; box-shadow: 0 0 0 3px rgba(96,165,250,0.15) !important; }
    html[data-theme-mode="dark"] .form-control:disabled,
    html[data-theme-mode="dark"] .form-control[readonly] { background-color: #1a2537 !important; color: #94a3b8 !important; }
html[data-theme-mode="dark"] .table,
html[data-theme-mode="dark"] .table-bordered,
html[data-theme-mode="dark"] .table-striped > tbody > tr:nth-of-type(odd) { background-color: #1e293b !important; color: #e2e8f0 !important; border-color: rgba(255,255,255,0.06) !important; }
html[data-theme-mode="dark"] .table-striped > tbody > tr:nth-of-type(even) { background-color: #253347 !important; }
html[data-theme-mode="dark"] .table thead th { background-color: #253347 !important; color: #cbd5e1 !important; border-color: #334155 !important; }
html[data-theme-mode="dark"] .table td,
html[data-theme-mode="dark"] .table th { border-color: rgba(255,255,255,0.06) !important; }
/* KOT & ONAY kartları (ortak dark) */
html[data-theme-mode="dark"] .kot-card,
html[data-theme-mode="dark"] .onay-card { background: #1e293b !important; border-color: rgba(255,255,255,0.06) !important; }
html[data-theme-mode="dark"] .kot-actions,
html[data-theme-mode="dark"] .onay-actions { background: #253347 !important; border-top-color: #334155 !important; }
/* ONAY sayfa-özel dark */
html[data-theme-mode="dark"] .onay-info { background: #253347 !important; border-bottom-color: #334155 !important; }
    html[data-theme-mode="dark"] .onay-info .info-label { color: #8392a5 !important; }
    html[data-theme-mode="dark"] .onay-info .info-value { color: #e2e8f0 !important; }
html[data-theme-mode="dark"] .onay-tabs { background: #253347 !important; border-bottom-color: #334155 !important; }
    html[data-theme-mode="dark"] .onay-tabs .nav-link { color: #8392a5 !important; }
        html[data-theme-mode="dark"] .onay-tabs .nav-link:hover { color: #a78bfa !important; }
        html[data-theme-mode="dark"] .onay-tabs .nav-link.active { color: #a78bfa !important; border-bottom-color: #a78bfa !important; background: rgba(167,139,250,0.08) !important; }
html[data-theme-mode="dark"] .onay-body { background: transparent !important; }
    html[data-theme-mode="dark"] .onay-body .form-label { color: #8392a5 !important; }
/* KOT sayfa-özel dark */
html[data-theme-mode="dark"] .kot-card .card-header { background: #253347 !important; border-bottom-color: #334155 !important; }
    html[data-theme-mode="dark"] .kot-card .card-header h5 { color: #e2e8f0 !important; }
        html[data-theme-mode="dark"] .kot-card .card-header h5 i { color: #a78bfa !important; }
html[data-theme-mode="dark"] .kot-card .form-label { color: #8392a5 !important; }
html[data-theme-mode="dark"] .kot-checklist label:hover,
html[data-theme-mode="dark"] .kot-checklist-items td:hover { background: rgba(167,139,250,0.08) !important; }
html[data-theme-mode="dark"] .kot-kategori-baslik { color: #a78bfa !important; border-bottom-color: #334155 !important; }
html[data-theme-mode="dark"] .kot-treeview { color: #e2e8f0 !important; }
/* RK dark */
html[data-theme-mode="dark"] .rk-card { background: #1e293b !important; border-color: rgba(255,255,255,0.06) !important; }
    html[data-theme-mode="dark"] .rk-card .card-header { background: #253347 !important; border-bottom-color: #334155 !important; }
        html[data-theme-mode="dark"] .rk-card .card-header h5 { color: #e2e8f0 !important; }
            html[data-theme-mode="dark"] .rk-card .card-header h5 i { color: #a78bfa !important; }
html[data-theme-mode="dark"] .rk-actions { background: #253347 !important; border-top-color: #334155 !important; }
html[data-theme-mode="dark"] .rk-matrix .rk-header-row td,
html[data-theme-mode="dark"] .rk-matrix .rk-header-row th { background: #253347 !important; color: #cbd5e1 !important; border-color: #334155 !important; }
html[data-theme-mode="dark"] .rk-matrix td { border-color: #334155 !important; color: #e2e8f0 !important; }
    html[data-theme-mode="dark"] .rk-matrix td:first-child { background: #1e293b !important; }
html[data-theme-mode="dark"] .rk-matrix tr:hover td,
html[data-theme-mode="dark"] .rk-matrix tr:hover td:first-child { background: rgba(167,139,250,0.08) !important; }
html[data-theme-mode="dark"] .rk-parent-row td,
html[data-theme-mode="dark"] .rk-parent-row td:first-child { background: rgba(98,89,202,0.15) !important; }
/* KOTM dark */
html[data-theme-mode="dark"] .kotm-modal .modal-content { background: #1e293b !important; }
html[data-theme-mode="dark"] .kotm-header { background: linear-gradient(135deg, #4338ca 0%, #6d28d9 100%); }
html[data-theme-mode="dark"] .kotm-info-bar { background: #253347 !important; border-bottom-color: #334155 !important; }
html[data-theme-mode="dark"] .kotm-info-label { color: #8392a5 !important; }
html[data-theme-mode="dark"] .kotm-info-value { color: #e2e8f0 !important; }
html[data-theme-mode="dark"] .kotm-tabs { background: #1e293b !important; border-bottom-color: #334155 !important; }
    html[data-theme-mode="dark"] .kotm-tabs .nav-link { color: #8392a5 !important; }
        html[data-theme-mode="dark"] .kotm-tabs .nav-link.active { color: #a78bfa !important; border-bottom-color: #a78bfa !important; }
html[data-theme-mode="dark"] .kotm-tab-content { background: #1e293b !important; }
html[data-theme-mode="dark"] .kotm-detail-table td { border-bottom-color: #334155 !important; color: #e2e8f0 !important; }
html[data-theme-mode="dark"] .kotm-dt-label { color: #8392a5 !important; }
html[data-theme-mode="dark"] .kotm-badge { background: rgba(98,89,202,0.2) !important; color: #a78bfa !important; }
html[data-theme-mode="dark"] .kotm-kategori-baslik { color: #a78bfa !important; border-bottom-color: #334155 !important; }
html[data-theme-mode="dark"] .kotm-empty { color: #64748b !important; }
html[data-theme-mode="dark"] .kotm-footer { background: #253347 !important; border-top-color: #334155 !important; }
/* GIR dark */
html[data-theme-mode="dark"] .gir-card { background: #1e293b !important; border-color: rgba(255,255,255,0.06) !important; }
    html[data-theme-mode="dark"] .gir-card .card-header { background: #253347 !important; border-bottom-color: #334155 !important; }
        html[data-theme-mode="dark"] .gir-card .card-header h5 { color: #e2e8f0 !important; }
            html[data-theme-mode="dark"] .gir-card .card-header h5 i { color: #a78bfa !important; }
html[data-theme-mode="dark"] .gir-header-row td,
html[data-theme-mode="dark"] .gir-header-row th { background: #253347 !important; color: #cbd5e1 !important; border-color: #334155 !important; }
html[data-theme-mode="dark"] .gir-th-toplam { background: rgba(98,89,202,0.2) !important; color: #a78bfa !important; }
html[data-theme-mode="dark"] .gir-matrix td { border-color: #334155 !important; color: #e2e8f0 !important; }
html[data-theme-mode="dark"] .gir-td-islem { background: #1e293b !important; }
html[data-theme-mode="dark"] .gir-islem-link { color: #a78bfa !important; }
    html[data-theme-mode="dark"] .gir-islem-link:hover { color: #c4b5fd !important; }
html[data-theme-mode="dark"] .gir-toplam { background: rgba(98,89,202,0.1) !important; color: #a78bfa !important; }
html[data-theme-mode="dark"] .gir-sayi-sifir { color: #475569 !important; }
html[data-theme-mode="dark"] .gir-sayi-link { color: #a78bfa !important; }
    html[data-theme-mode="dark"] .gir-sayi-link:hover { color: #c4b5fd !important; }
html[data-theme-mode="dark"] .gir-matrix tr:hover td { background: rgba(167,139,250,0.08) !important; }
html[data-theme-mode="dark"] .gir-matrix tr:hover .gir-td-islem { background: rgba(167,139,250,0.08) !important; }
html[data-theme-mode="dark"] .gir-footer-row td { background: rgba(98,89,202,0.15) !important; border-top-color: #a78bfa !important; }
html[data-theme-mode="dark"] .gir-footer-row .gir-td-islem { background: rgba(98,89,202,0.15) !important; color: #a78bfa !important; }
html[data-theme-mode="dark"] .gir-modal .modal-content { background: #1e293b !important; }
html[data-theme-mode="dark"] .gir-modal-header { background: linear-gradient(135deg, #4338ca 0%, #6d28d9 100%); }
html[data-theme-mode="dark"] .gir-modal-footer { background: #253347 !important; border-top-color: #334155 !important; }
html[data-theme-mode="dark"] .gir-detay-table thead th { background: #253347 !important; color: #8392a5 !important; border-bottom-color: #334155 !important; }
html[data-theme-mode="dark"] .gir-detay-table tbody td { border-bottom-color: #334155 !important; color: #e2e8f0 !important; }
    html[data-theme-mode="dark"] .gir-detay-table tbody td a { color: #a78bfa !important; }
        html[data-theme-mode="dark"] .gir-detay-table tbody td a:hover { color: #c4b5fd !important; }
html[data-theme-mode="dark"] .gir-detay-table tbody tr:hover td { background: rgba(167,139,250,0.08) !important; }
html[data-theme-mode="dark"] .gir-kategori-td { background: rgba(98,89,202,0.15) !important; color: #a78bfa !important; border-color: #334155 !important; border-left-color: #a78bfa !important; }
html[data-theme-mode="dark"] .gir-saat-bar-wrap { background: #334155 !important; }
html[data-theme-mode="dark"] .gir-saat-bar { background: linear-gradient(90deg, #7c3aed, #a78bfa) !important; }
html[data-theme-mode="dark"] .gir-saat-bar-empty { background: #475569 !important; }
html[data-theme-mode="dark"] .gir-saat-label { color: #8392a5 !important; }
html[data-theme-mode="dark"] .gir-saat-adet { color: #e2e8f0 !important; }
html[data-theme-mode="dark"] .gir-kullanici-card { background: #1e293b !important; border-color: #334155 !important; }
html[data-theme-mode="dark"] .gir-kk-header { background: linear-gradient(135deg, #4338ca 0%, #6d28d9 100%) !important; }
html[data-theme-mode="dark"] .gir-kk-bar-wrap { background: #334155 !important; }
html[data-theme-mode="dark"] .gir-kk-label { color: #8392a5 !important; }
html[data-theme-mode="dark"] .gir-kk-val { color: #e2e8f0 !important; }
html[data-theme-mode="dark"] .gir-kk-oran-iyi { background: rgba(5,150,105,0.15) !important; color: #34d399 !important; }
html[data-theme-mode="dark"] .gir-kk-oran-orta { background: rgba(217,119,6,0.15) !important; color: #fbbf24 !important; }
html[data-theme-mode="dark"] .gir-kk-oran-kotu { background: rgba(220,38,38,0.15) !important; color: #f87171 !important; }

/* ===== GIR — Para Birimi Hacim ===== */
.gir-hacim-list { display: flex; flex-direction: column; gap: 6px; }
.gir-hacim-item { display: flex; align-items: center; gap: 10px; }
.gir-hacim-pb { font-size: 13px; font-weight: 700; color: #1a1a2e; width: 50px; text-align: right; flex-shrink: 0; }
.gir-hacim-bar-wrap { flex: 1; height: 20px; background: #f1f5f9; border-radius: 4px; overflow: hidden; }
.gir-hacim-bar { height: 100%; background: linear-gradient(90deg, #6259ca, #7c3aed); border-radius: 4px; min-width: 2px; transition: width 0.3s; }
.gir-hacim-val { font-size: 12px; font-weight: 600; color: #334155; width: 90px; text-align: right; flex-shrink: 0; }
html[data-theme-mode="dark"] .gir-hacim-pb { color: #e2e8f0 !important; }
html[data-theme-mode="dark"] .gir-hacim-bar-wrap { background: #334155 !important; }
html[data-theme-mode="dark"] .gir-hacim-bar { background: linear-gradient(90deg, #7c3aed, #a78bfa) !important; }
html[data-theme-mode="dark"] .gir-hacim-val { color: #e2e8f0 !important; }

/* ===== GIR — Önceki Dönem Karşılaştırma ===== */
.gir-kars-header { display: flex; justify-content: space-around; gap: 12px; padding: 4px 0 14px; }
.gir-kars-donem { font-size: 12px; font-weight: 600; padding: 6px 14px; border-radius: 8px; }
    .gir-kars-donem i { margin-right: 5px; }
.gir-kars-donem-mevcut { background: #f0edff; color: #6259ca; }
.gir-kars-donem-onceki { background: #f1f5f9; color: #64748b; }
.gir-kars-satir { padding: 10px 0; border-bottom: 1px solid #f1f5f9; }
.gir-kars-baslik { display: flex; align-items: center; justify-content: space-between; margin-bottom: 6px; font-size: 13px; }
    .gir-kars-baslik i:first-child { margin-right: 6px; }
.gir-kars-etiket { font-weight: 700; color: #1a1a2e; }
.gir-kars-barlar { display: flex; flex-direction: column; gap: 3px; }
.gir-kars-bar-row { display: flex; align-items: center; gap: 8px; }
.gir-kars-bar-label { font-size: 11px; color: #94a3b8; width: 46px; text-align: right; flex-shrink: 0; }
.gir-kars-bar-wrap { flex: 1; height: 14px; background: #f1f5f9; border-radius: 4px; overflow: hidden; }
.gir-kars-bar { height: 100%; border-radius: 4px; min-width: 2px; transition: width 0.3s; }
.gir-kars-bar-onceki { background: #cbd5e1; }
.gir-kars-bar-val { font-size: 12px; font-weight: 700; color: #334155; width: 40px; text-align: right; flex-shrink: 0; }
.gir-kars-artis { color: #059669; font-weight: 700; font-size: 13px; }
.gir-kars-azalis { color: #dc2626; font-weight: 700; font-size: 13px; }
.gir-kars-esit { color: #64748b; font-weight: 600; font-size: 13px; }
.gir-kars-ayirici { height: 1px; background: linear-gradient(90deg, transparent, #e2e8f0, transparent); margin: 4px 0; }
.gir-kars-gunluk { text-align: center; padding: 10px 0 2px; font-size: 12px; color: #64748b; }
    .gir-kars-gunluk i { margin-right: 4px; color: #6259ca; }
    .gir-kars-gunluk strong { color: #6259ca; font-size: 14px; }
html[data-theme-mode="dark"] .gir-kars-donem-mevcut { background: rgba(98,89,202,0.2) !important; color: #a78bfa !important; }
html[data-theme-mode="dark"] .gir-kars-donem-onceki { background: #334155 !important; color: #8392a5 !important; }
html[data-theme-mode="dark"] .gir-kars-satir { border-bottom-color: #334155 !important; }
html[data-theme-mode="dark"] .gir-kars-etiket { color: #e2e8f0 !important; }
html[data-theme-mode="dark"] .gir-kars-bar-wrap { background: #334155 !important; }
html[data-theme-mode="dark"] .gir-kars-bar-onceki { background: #475569 !important; }
html[data-theme-mode="dark"] .gir-kars-bar-val { color: #e2e8f0 !important; }
html[data-theme-mode="dark"] .gir-kars-bar-label { color: #64748b !important; }
html[data-theme-mode="dark"] .gir-kars-artis { color: #34d399 !important; }
html[data-theme-mode="dark"] .gir-kars-azalis { color: #f87171 !important; }
html[data-theme-mode="dark"] .gir-kars-ayirici { background: linear-gradient(90deg, transparent, #475569, transparent) !important; }
html[data-theme-mode="dark"] .gir-kars-gunluk { color: #8392a5 !important; }
    html[data-theme-mode="dark"] .gir-kars-gunluk i { color: #a78bfa !important; }
    html[data-theme-mode="dark"] .gir-kars-gunluk strong { color: #a78bfa !important; }

/* ===== GIR — Kullanıcı Çalışma Saati ===== */
.gir-calisma-list { display: flex; flex-direction: column; gap: 6px; }
.gir-calisma-item { display: flex; align-items: center; gap: 8px; }
.gir-calisma-ad { font-size: 12px; font-weight: 600; color: #1a1a2e; width: 100px; flex-shrink: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.gir-calisma-bar-wrap { flex: 1; height: 16px; background: #f1f5f9; border-radius: 4px; overflow: hidden; }
.gir-calisma-bar { height: 100%; background: linear-gradient(90deg, #10b981, #059669); border-radius: 4px; min-width: 2px; transition: width 0.3s; }
.gir-calisma-val { font-size: 12px; font-weight: 700; color: #334155; width: 40px; text-align: right; flex-shrink: 0; }
.gir-calisma-aralik { font-size: 11px; color: #94a3b8; width: 90px; text-align: right; flex-shrink: 0; }
html[data-theme-mode="dark"] .gir-calisma-ad { color: #e2e8f0 !important; }
html[data-theme-mode="dark"] .gir-calisma-bar-wrap { background: #334155 !important; }
html[data-theme-mode="dark"] .gir-calisma-bar { background: linear-gradient(90deg, #34d399, #10b981) !important; }
html[data-theme-mode="dark"] .gir-calisma-val { color: #e2e8f0 !important; }
html[data-theme-mode="dark"] .gir-calisma-aralik { color: #64748b !important; }

/* ===== SPEECH COMMAND BUTTON ===== */
.speech-header-element { position: relative; }
.speech-btn { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; border: none; background: transparent; cursor: pointer; border-radius: 50%; transition: all 0.25s; position: relative; top: 1px; }
    .speech-btn .header-link-icon { font-size: 17px; color: #6259ca; transition: color 0.25s; }
    .speech-btn:hover .header-link-icon { color: #4a3fc2; }
[data-theme-mode="dark"] .speech-btn .header-link-icon { color: #a78bfa; }
[data-theme-mode="dark"] .speech-btn:hover .header-link-icon { color: #c4b5fd; }

/* Active / listening state */
.speech-btn-active { background: rgba(239, 68, 68, 0.12) !important; }
    .speech-btn-active .header-link-icon { color: #ef4444 !important; }
    .speech-btn-active::after { content: ''; position: absolute; top: 50%; left: 50%; width: 32px; height: 32px; border-radius: 50%; background: rgba(239, 68, 68, 0.15); transform: translate(-50%, -50%); animation: speechPulse 1.5s ease-in-out infinite; pointer-events: none; }

@keyframes speechPulse {
    0% { transform: translate(-50%, -50%) scale(1); opacity: 0.6; }
    50% { transform: translate(-50%, -50%) scale(1.6); opacity: 0; }
    100% { transform: translate(-50%, -50%) scale(1); opacity: 0; }
}

[data-theme-mode="dark"] .speech-btn-active { background: rgba(239, 68, 68, 0.18) !important; }

/* Speech popup (result/status) */
.speech-popup { position: absolute; top: calc(100% + 10px); right: -40px; width: 280px; background: #fff; border-radius: 10px; box-shadow: 0 8px 30px rgba(0,0,0,0.12); padding: 12px 16px; z-index: 9999; opacity: 0; transform: translateY(-6px); pointer-events: none; transition: opacity 0.2s, transform 0.2s; border: 1px solid #e5e7eb; }
.speech-popup-show { opacity: 1; transform: translateY(0); pointer-events: auto; }
.speech-popup-text { font-size: 14px; font-weight: 600; color: #1f2937; margin-bottom: 2px; word-break: break-word; }
.speech-popup-status { font-size: 12px; color: #6b7280; }
/* popup types */
.speech-popup-listening { border-left: 3px solid #6259ca; }
.speech-popup-success { border-left: 3px solid #10b981; }
    .speech-popup-success .speech-popup-text { color: #059669; }
.speech-popup-error { border-left: 3px solid #ef4444; }
    .speech-popup-error .speech-popup-status { color: #dc2626; }

/* dark mode popup */
[data-theme-mode="dark"] .speech-popup { background: #1e293b; border-color: #334155; box-shadow: 0 8px 30px rgba(0,0,0,0.35); }
[data-theme-mode="dark"] .speech-popup-text { color: #f1f5f9; }
[data-theme-mode="dark"] .speech-popup-status { color: #94a3b8; }
[data-theme-mode="dark"] .speech-popup-success .speech-popup-text { color: #34d399; }
[data-theme-mode="dark"] .speech-popup-error .speech-popup-status { color: #f87171; }

/* ===== LANGUAGE TOGGLE - desktop visibility fix ===== */
#langToggle { display: inline-flex !important; align-items: center; }

/* ===== COLOR-HEADER MODE — lang-btn & speech-btn visibility fix ===== */
[data-header-styles="color"] .lang-btn { color: #fff !important; background: rgba(255,255,255,0.15) !important; border-color: rgba(255,255,255,0.3) !important; }
    [data-header-styles="color"] .lang-btn:hover { background: rgba(255,255,255,0.25) !important; border-color: rgba(255,255,255,0.45) !important; }
[data-header-styles="color"] .speech-btn .header-link-icon { color: #fff !important; }
[data-header-styles="color"] .speech-btn:hover .header-link-icon { color: rgba(255,255,255,0.8) !important; }
[data-header-styles="color"] .header-link-icon { color: #e7e7f7 !important; }

/* ===== SESLI KOMUT REHBERI (SesliKomut.aspx) ===== */
.sk-card-title { font-size: 16px; font-weight: 700; }
.sk-intro { text-align: center; padding: 24px 0 20px; border-bottom: 1px solid #e5e7eb; margin-bottom: 24px; }
.sk-intro-icon { font-size: 48px; color: #6259ca; margin-bottom: 12px; }
    .sk-intro-icon i { display: inline-block; animation: speechPulse 2s ease-in-out infinite; }
.sk-intro-text { font-size: 14px; color: #4b5563; max-width: 600px; margin: 0 auto 16px; line-height: 1.7; }
.sk-shortcut { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; color: #6b7280; }
    .sk-shortcut kbd { background: #f3f4f6; border: 1px solid #d1d5db; border-radius: 4px; padding: 2px 8px; font-size: 12px; font-weight: 600; color: #374151; }
.sk-section-title { font-size: 15px; font-weight: 700; color: #1f2937; margin-bottom: 16px; padding-bottom: 8px; border-bottom: 2px solid #6259ca; display: inline-block; }
.sk-tip-card { background: #f9fafb; border: 1px solid #e5e7eb; border-radius: 10px; padding: 20px 16px; text-align: center; height: 100%; transition: all 0.2s; }
    .sk-tip-card:hover { border-color: #6259ca; box-shadow: 0 4px 12px rgba(98,89,202,0.1); }
.sk-tip-icon { font-size: 28px; color: #6259ca; display: block; margin-bottom: 10px; }
.sk-tip-title { font-size: 13px; font-weight: 700; color: #1f2937; margin-bottom: 6px; }
.sk-tip-desc { font-size: 12px; color: #6b7280; margin: 0; line-height: 1.5; }
.sk-search-wrap { max-width: 360px; }
.sk-search-input { font-size: 13px; border-radius: 8px; }
.sk-table thead th { font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; color: #6b7280; background: #f9fafb; white-space: nowrap; }
.sk-cat-badge { background: rgba(98,89,202,0.1); color: #6259ca; font-size: 11px; font-weight: 600; padding: 3px 10px; border-radius: 6px; }
.sk-page-link { font-weight: 600; color: #6259ca; text-decoration: none; font-size: 13px; }
    .sk-page-link:hover { text-decoration: underline; }
.sk-cmd-cell { line-height: 2; }
.sk-cmd { background: #f3f4f6; border: 1px solid #e5e7eb; border-radius: 4px; padding: 2px 8px; font-size: 12px; color: #374151; white-space: nowrap; margin-right: 4px; }
.sk-total { font-size: 12px; color: #9ca3af; font-weight: 500; }

/* Dark mode */
[data-theme-mode="dark"] .sk-intro { border-color: #334155; }
[data-theme-mode="dark"] .sk-intro-icon { color: #a78bfa; }
[data-theme-mode="dark"] .sk-intro-text { color: #94a3b8; }
[data-theme-mode="dark"] .sk-shortcut { color: #94a3b8; }
    [data-theme-mode="dark"] .sk-shortcut kbd { background: #1e293b; border-color: #475569; color: #e2e8f0; }
[data-theme-mode="dark"] .sk-section-title { color: #f1f5f9; border-color: #a78bfa; }
[data-theme-mode="dark"] .sk-tip-card { background: #1e293b; border-color: #334155; }
    [data-theme-mode="dark"] .sk-tip-card:hover { border-color: #a78bfa; box-shadow: 0 4px 12px rgba(167,139,250,0.1); }
[data-theme-mode="dark"] .sk-tip-icon { color: #a78bfa; }
[data-theme-mode="dark"] .sk-tip-title { color: #f1f5f9; }
[data-theme-mode="dark"] .sk-tip-desc { color: #94a3b8; }
[data-theme-mode="dark"] .sk-table thead th { background: #1e293b; color: #94a3b8; }
[data-theme-mode="dark"] .sk-cat-badge { background: rgba(167,139,250,0.15); color: #a78bfa; }
[data-theme-mode="dark"] .sk-page-link { color: #a78bfa; }
[data-theme-mode="dark"] .sk-cmd { background: #1e293b; border-color: #475569; color: #e2e8f0; }
[data-theme-mode="dark"] .sk-total { color: #64748b; }

/* ===== YUZ TANIMA SAYFALARI (YuzKayit.aspx, YuzDogrulama.aspx) ===== */
.yuz-page { min-height: 100vh; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, #0f0c29 0%, #1a1a3e 30%, #24243e 50%, #1a1040 70%, #0f0c29 100%); position: relative; overflow: hidden; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; }
.yuz-orb { position: absolute; width: 500px; height: 500px; border-radius: 50%; background: radial-gradient(circle, rgba(98,89,202,0.25) 0%, transparent 70%); top: 50%; left: 50%; transform: translate(-50%, -50%); animation: yuz-float 10s ease-in-out infinite; pointer-events: none; }

@keyframes yuz-float {
    0%, 100% { transform: translate(-50%, -50%) scale(1); }
    50% { transform: translate(-60%, -40%) scale(1.1); }
}

.yuz-card { position: relative; z-index: 10; width: 520px; max-width: 94vw; background: rgba(255,255,255,0.07); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255,255,255,0.1); border-radius: 24px; padding: 40px 36px 32px; box-shadow: 0 25px 60px rgba(0,0,0,0.4); color: #fff; }
.yuz-brand { text-align: center; margin-bottom: 22px; }
.yuz-brand-icon { width: 64px; height: 64px; margin: 0 auto 14px; border-radius: 18px; background: linear-gradient(135deg, #667eea, #8b5cf6); display: flex; align-items: center; justify-content: center; font-size: 28px; color: #fff; box-shadow: 0 8px 24px rgba(139,92,246,0.3); }
.yuz-brand-title { font-size: 22px; font-weight: 700; letter-spacing: 0.4px; }
.yuz-brand-sub { font-size: 13px; color: rgba(255,255,255,0.7); margin-top: 4px; }
.yuz-info { display: flex; gap: 10px; padding: 10px 14px; background: rgba(102,126,234,0.12); border: 1px solid rgba(102,126,234,0.25); border-radius: 10px; margin-bottom: 16px; font-size: 13px; color: rgba(255,255,255,0.85); }
    .yuz-info i { color: #8b9cf8; flex-shrink: 0; margin-top: 2px; }
.yuz-video-wrap { position: relative; border-radius: 14px; overflow: hidden; background: #000; aspect-ratio: 4 / 3; margin-bottom: 14px; border: 1px solid rgba(255,255,255,0.12); }
.yuz-video { width: 100%; height: 100%; object-fit: cover; transform: scaleX(-1); }
.yuz-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transform: scaleX(-1); pointer-events: none; }
.yuz-durum { position: absolute; left: 12px; bottom: 12px; right: 12px; padding: 8px 12px; background: rgba(15,12,41,0.75); border-radius: 8px; font-size: 12.5px; color: #fff; text-align: center; backdrop-filter: blur(8px); }
.yuz-durum-bilgi { border-left: 3px solid #667eea; }
.yuz-durum-basarili { border-left: 3px solid #29d37a; }
.yuz-durum-uyari { border-left: 3px solid #f6c343; }
.yuz-durum-hata { border-left: 3px solid #e74c3c; background: rgba(231,76,60,0.2); }
.yuz-ornek-sayac,
.yuz-deneme-sayac { text-align: center; font-size: 13px; color: rgba(255,255,255,0.8); margin-bottom: 14px; }
    .yuz-ornek-sayac #lblOrnekSayisi,
    .yuz-deneme-sayac #lblKalanDeneme { font-weight: 700; color: #8b5cf6; font-size: 16px; }
.yuz-actions { display: flex; gap: 10px; justify-content: center; margin-bottom: 20px; }
.yuz-btn { padding: 11px 22px; border-radius: 10px; font-size: 14px; font-weight: 600; border: none; cursor: pointer; transition: all 0.2s ease; display: inline-flex; align-items: center; gap: 8px; }
    .yuz-btn:disabled { opacity: 0.5; cursor: not-allowed; }
.yuz-btn-primary { background: linear-gradient(135deg, #667eea, #8b5cf6); color: #fff; box-shadow: 0 4px 14px rgba(139,92,246,0.3); }
    .yuz-btn-primary:hover:not(:disabled) { transform: translateY(-1px); box-shadow: 0 6px 20px rgba(139,92,246,0.4); }
.yuz-btn-ghost { background: rgba(255,255,255,0.06); color: rgba(255,255,255,0.85); border: 1px solid rgba(255,255,255,0.15); }
    .yuz-btn-ghost:hover { background: rgba(255,255,255,0.1); }
.yuz-btn-urgent { background: linear-gradient(135deg, #f59e0b, #ef4444) !important; color: #fff !important; border-color: transparent !important; animation: yuz-btn-pulse 1.4s ease-in-out infinite; }

@keyframes yuz-btn-pulse {
    0%, 100% { box-shadow: 0 0 0 0 rgba(239,68,68,0.6); }
    50% { box-shadow: 0 0 0 10px rgba(239,68,68,0); }
}

.yuz-hidden-submit { display: none; }
.yuz-footer { text-align: center; font-size: 11px; color: rgba(255,255,255,0.4); margin-top: 4px; }

@media (max-width: 560px) {
    .yuz-card { padding: 28px 20px 24px; border-radius: 18px; }
    .yuz-brand-title { font-size: 18px; }
}

/* ===== SISTEM AYARLARI SAYFASI (Ayarlar.aspx) ===== */
.ayar-sayfa { max-width: 1100px; margin: 0 auto; padding: 20px 0; }
.ayar-header { display: flex; align-items: center; gap: 16px; padding: 22px 26px; background: linear-gradient(135deg, #667eea 0%, #8b5cf6 100%); border-radius: 16px; color: #fff; margin-bottom: 24px; box-shadow: 0 10px 30px rgba(139,92,246,0.2); }
.ayar-header-icon { width: 56px; height: 56px; border-radius: 14px; background: rgba(255,255,255,0.18); display: flex; align-items: center; justify-content: center; font-size: 24px; flex-shrink: 0; }
.ayar-header-title { margin: 0; font-weight: 700; font-size: 22px; letter-spacing: 0.3px; }
.ayar-header-sub { margin: 2px 0 0 0; font-size: 13px; opacity: 0.85; }
.ayar-grup-card { background: #fff; border: 1px solid #e5e9f2; border-radius: 14px; margin-bottom: 18px; overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,0.03); }
.ayar-grup-baslik { display: flex; align-items: center; gap: 10px; padding: 14px 22px; background: linear-gradient(90deg, rgba(102,126,234,0.08), transparent); border-bottom: 1px solid #eef1f8; font-size: 15px; font-weight: 700; color: #2d2f48; text-transform: uppercase; letter-spacing: 0.5px; }
    .ayar-grup-baslik i { width: 32px; height: 32px; border-radius: 9px; background: linear-gradient(135deg, #667eea, #8b5cf6); color: #fff; display: inline-flex; align-items: center; justify-content: center; font-size: 14px; }
.ayar-list { padding: 4px 0; }
.ayar-satir { display: flex; align-items: center; gap: 24px; padding: 14px 22px; border-bottom: 1px solid #f3f5fa; }
    .ayar-satir:last-child { border-bottom: none; }
    .ayar-satir:hover { background: #fafbfe; }
.ayar-bilgi { flex: 1; min-width: 0; }
.ayar-baslik { font-size: 14px; font-weight: 600; color: #2d2f48; margin-bottom: 2px; }
.ayar-aciklama { font-size: 12.5px; color: #8a8fa8; line-height: 1.4; }
.ayar-kontrol { flex-shrink: 0; min-width: 200px; max-width: 320px; display: flex; align-items: center; justify-content: flex-end; }
.ayar-sayfa .ayar-kontrol input.form-control,
.ayar-sayfa .ayar-kontrol select.form-control,
.ayar-sayfa .ayar-kontrol textarea.form-control,
.ayar-sayfa input.ayar-input,
.ayar-sayfa textarea.ayar-textarea { background-color: #ffffff !important; color: #1f2937 !important; border: 1px solid #d8dce7 !important; font-weight: 500 !important; -webkit-text-fill-color: #1f2937 !important; opacity: 1 !important; text-transform: none !important; }
    .ayar-sayfa .ayar-kontrol input.form-control:focus,
    .ayar-sayfa .ayar-kontrol select.form-control:focus,
    .ayar-sayfa .ayar-kontrol textarea.form-control:focus,
    .ayar-sayfa input.ayar-input:focus,
    .ayar-sayfa textarea.ayar-textarea:focus { background-color: #ffffff !important; color: #1f2937 !important; border-color: #8b5cf6 !important; box-shadow: 0 0 0 3px rgba(139,92,246,0.15) !important; }
    .ayar-sayfa .ayar-kontrol input.form-control::placeholder,
    .ayar-sayfa input.ayar-input::placeholder,
    .ayar-sayfa textarea.ayar-textarea::placeholder { color: #9ca3b5 !important; opacity: 1 !important; -webkit-text-fill-color: #9ca3b5 !important; }
.ayar-input { max-width: 280px; }
.ayar-textarea { min-width: 280px; max-width: 320px; font-family: monospace; font-size: 12px; }
.ayar-sayfa .form-check.form-switch,
.kd-card .form-check.form-switch { padding-left: 0 !important; display: inline-flex !important; align-items: center !important; min-height: 26px !important; }
    .ayar-sayfa .form-check.form-switch input[type="checkbox"],
    .kd-card .form-check.form-switch input[type="checkbox"] { -webkit-appearance: none !important; appearance: none !important; width: 34px !important; height: 17px !important; margin: 0 !important; padding: 0 !important; border: 1px solid #c2c7d6 !important; border-radius: 26px !important; background-color: #e2e5ee !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22'%3E%3Ccircle cx='11' cy='11' r='10' fill='%23fff'/%3E%3C/svg%3E") !important; background-repeat: no-repeat !important; background-position: 2px center !important; background-size: 13px 13px !important; cursor: pointer !important; transition: background-color 0.2s ease, background-position 0.2s ease !important; float: none !important; box-shadow: inset 0 1px 2px rgba(0,0,0,0.08) !important; flex-shrink: 0 !important; }
        .ayar-sayfa .form-check.form-switch input[type="checkbox"]:checked,
        .kd-card .form-check.form-switch input[type="checkbox"]:checked { background-color: #8b5cf6 !important; border-color: #8b5cf6 !important; background-position: calc(100% - 2px) center !important; }
        .ayar-sayfa .form-check.form-switch input[type="checkbox"]:focus,
        .kd-card .form-check.form-switch input[type="checkbox"]:focus { outline: none !important; box-shadow: 0 0 0 3px rgba(139,92,246,0.22) !important; }
.kd-card .col-sm-8 > .form-check.form-switch { display: flex !important; align-items: center !important; min-height: 38px !important; padding-left: 0 !important; margin: 0 0 0 0.75rem !important; }
.ayar-actions { display: flex; gap: 12px; justify-content: flex-end; padding: 18px 0 6px; position: sticky; bottom: 0; background: linear-gradient(to top, rgba(255,255,255,0.95) 60%, transparent); backdrop-filter: blur(6px); }

@media (max-width: 768px) {
    .ayar-satir { flex-direction: column; align-items: flex-start; gap: 10px; }
    .ayar-kontrol { width: 100%; justify-content: flex-start; }
    .ayar-input, .ayar-textarea { max-width: 100%; width: 100%; }
}

[data-theme-mode="dark"] .ayar-grup-card { background: #1e293b; border-color: #334155; }
[data-theme-mode="dark"] .ayar-grup-baslik { color: #f1f5f9; border-color: #334155; background: linear-gradient(90deg, rgba(139,92,246,0.1), transparent); }
[data-theme-mode="dark"] .ayar-satir { border-color: #2c3a52; }
    [data-theme-mode="dark"] .ayar-satir:hover { background: #263244; }
[data-theme-mode="dark"] .ayar-baslik { color: #f1f5f9; }
[data-theme-mode="dark"] .ayar-aciklama { color: #94a3b8; }
[data-theme-mode="dark"] .ayar-actions { background: linear-gradient(to top, rgba(15,23,42,0.95) 60%, transparent); }
[data-theme-mode="dark"] .ayar-sayfa .ayar-kontrol input.form-control,
[data-theme-mode="dark"] .ayar-sayfa .ayar-kontrol select.form-control,
[data-theme-mode="dark"] .ayar-sayfa .ayar-kontrol textarea.form-control,
[data-theme-mode="dark"] .ayar-sayfa input.ayar-input,
[data-theme-mode="dark"] .ayar-sayfa textarea.ayar-textarea { background-color: #0f172a !important; border-color: #334155 !important; color: #f1f5f9 !important; -webkit-text-fill-color: #f1f5f9 !important; }
    [data-theme-mode="dark"] .ayar-sayfa .ayar-kontrol input.form-control:focus,
    [data-theme-mode="dark"] .ayar-sayfa .ayar-kontrol select.form-control:focus,
    [data-theme-mode="dark"] .ayar-sayfa .ayar-kontrol textarea.form-control:focus,
    [data-theme-mode="dark"] .ayar-sayfa input.ayar-input:focus,
    [data-theme-mode="dark"] .ayar-sayfa textarea.ayar-textarea:focus { background-color: #0f172a !important; border-color: #8b5cf6 !important; color: #f1f5f9 !important; box-shadow: 0 0 0 3px rgba(139,92,246,0.18) !important; }
    [data-theme-mode="dark"] .ayar-sayfa .ayar-kontrol input.form-control::placeholder,
    [data-theme-mode="dark"] .ayar-sayfa input.ayar-input::placeholder,
    [data-theme-mode="dark"] .ayar-sayfa textarea.ayar-textarea::placeholder { color: #64748b !important; -webkit-text-fill-color: #64748b !important; }
[data-theme-mode="dark"] .ayar-kontrol select.form-control option { background: #0f172a; color: #f1f5f9; }
[data-theme-mode="dark"] .ayar-tip-bool .form-check-input { background-color: #334155; border-color: #475569; }
    [data-theme-mode="dark"] .ayar-tip-bool .form-check-input:checked { background-color: #8b5cf6; border-color: #8b5cf6; }

/* ===== OTP DOĞRULAMA SAYFASI (OTPDogrulama.aspx) ===== */
.otp-input-wrap { display: flex; justify-content: center; margin: 18px 0; }
.otp-input { width: 280px; height: 56px; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); border-radius: 12px; text-align: center; font-size: 28px; font-weight: 700; letter-spacing: 12px; color: #fff; padding: 0 14px; }
    .otp-input:focus { outline: none; border-color: #8b5cf6; background: rgba(255,255,255,0.12); box-shadow: 0 0 0 3px rgba(139,92,246,0.18); }
    .otp-input::placeholder { color: rgba(255,255,255,0.25); letter-spacing: 10px; }
.otp-mesaj { text-align: center; padding: 10px 14px; border-radius: 10px; font-size: 13px; margin-bottom: 14px; }
.otp-mesaj-basarili { background: rgba(41,211,122,0.15); border: 1px solid rgba(41,211,122,0.3); color: #29d37a; }
.otp-mesaj-hata { background: rgba(231,76,60,0.15); border: 1px solid rgba(231,76,60,0.3); color: #ff8b80; }
.otp-yedek-link { display: inline-flex; align-items: center; color: #f59e0b !important; font-size: 12.5px; font-weight: 500; text-decoration: none; padding: 6px 14px; border-radius: 8px; transition: all 0.25s; border: 1px solid rgba(245,158,11,0.35); background: rgba(245,158,11,0.08); }
    .otp-yedek-link:hover { color: #fde68a !important; background: rgba(245,158,11,0.18); border-color: rgba(245,158,11,0.6); text-decoration: none; }

/* ==========================================================
   Fix: styles.css[1603] globally overrides .form-control
   border + placeholder when data-header-styles=color / data-menu-styles=color.
   Restore content-area form-control appearance.
   ========================================================== */
[data-header-styles=color] .main-content .form-control,
[data-menu-styles=color] .main-content .form-control,
[data-header-styles=color] .app-content .form-control,
[data-menu-styles=color] .app-content .form-control { border-color: #ced4da !important; background-color: #fff !important; color: #212529 !important; }
    [data-header-styles=color] .main-content .form-control::placeholder,
    [data-menu-styles=color] .main-content .form-control::placeholder,
    [data-header-styles=color] .app-content .form-control::placeholder,
    [data-menu-styles=color] .app-content .form-control::placeholder { color: #9ca3b5 !important; opacity: 1 !important; -webkit-text-fill-color: #9ca3b5 !important; }
    [data-header-styles=color] .main-content .form-control::-moz-placeholder,
    [data-menu-styles=color] .main-content .form-control::-moz-placeholder,
    [data-header-styles=color] .app-content .form-control::-moz-placeholder,
    [data-menu-styles=color] .app-content .form-control::-moz-placeholder { color: #9ca3b5 !important; opacity: 1 !important; }
    [data-header-styles=color] .main-content .form-control:-ms-input-placeholder,
    [data-menu-styles=color] .main-content .form-control:-ms-input-placeholder,
    [data-header-styles=color] .app-content .form-control:-ms-input-placeholder,
    [data-menu-styles=color] .app-content .form-control:-ms-input-placeholder { color: #9ca3b5 !important; }
/* Dark theme variant: keep dark bg/light text in content area */
[data-theme-mode=dark][data-header-styles=color] .main-content .form-control,
[data-theme-mode=dark][data-menu-styles=color] .main-content .form-control,
[data-theme-mode=dark][data-header-styles=color] .app-content .form-control,
[data-theme-mode=dark][data-menu-styles=color] .app-content .form-control { background-color: #1e293b !important; border-color: rgba(255,255,255,0.1) !important; color: #e2e8f0 !important; }

/* ============================================================================
   Kullanıcı Bildirim İzinleri tab (KullaniciBildirimIzinleri.ascx)
   Premium toggle-switch tasarım — kanal bazlı renkli açma/kapama düğmeleri.
   ============================================================================ */
.kbi-wrap { --kbi-border: #e9edf5; --kbi-web: #0ea5e9; --kbi-mob: #10b981; --kbi-mpush: #f59e0b; --kbi-wpush: #8b5cf6; }

/* Intro banner */
.kbi-intro { display: flex; align-items: flex-start; gap: 14px; background: linear-gradient(135deg,#eef2ff 0%,#faf5ff 100%); border: 1px solid #e3e8ff; border-radius: 16px; padding: 16px 18px; margin-bottom: 18px; box-shadow: 0 1px 3px rgba(99,102,241,.06); }
.kbi-intro-icon { flex: 0 0 auto; width: 42px; height: 42px; border-radius: 12px; background: linear-gradient(135deg,#6366f1,#8b5cf6); display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 12px rgba(99,102,241,.35); }
    .kbi-intro-icon i { color: #fff; font-size: 20px; }
.kbi-intro-text .t { font-weight: 800; color: #1e293b; font-size: 15px; letter-spacing: .2px; }
.kbi-intro-text .d { color: #64748b; font-size: 12.5px; margin-top: 3px; line-height: 1.55; }

/* Card + table */
.kbi-card { border: 1px solid var(--kbi-border); border-radius: 16px; overflow: hidden; box-shadow: 0 2px 10px rgba(15,23,42,.05); background: #fff; }
.kbi-table { width: 100%; border-collapse: separate; border-spacing: 0; margin: 0; }
    .kbi-table thead th { background: #f8fafc; border-bottom: 2px solid var(--kbi-border); padding: 14px 10px; font-size: 11px; font-weight: 800; letter-spacing: .4px; text-transform: uppercase; color: #475569; text-align: center; vertical-align: middle; position: sticky; top: 0; z-index: 2; }
        .kbi-table thead th.kbi-name-col { text-align: left; padding-left: 18px; min-width: 300px; }
    .kbi-table th.kbi-col { width: 140px; }

.kbi-ch-head { display: flex; flex-direction: column; align-items: center; gap: 5px; }
    .kbi-ch-head i { font-size: 18px; }
    .kbi-ch-head span { color: #334155; }
    .kbi-ch-head .kbi-selall { font-size: 9.5px; font-weight: 600; color: #6366f1; cursor: pointer; text-decoration: none; user-select: none; text-transform: none; letter-spacing: 0; opacity: .8; }
        .kbi-ch-head .kbi-selall:hover { text-decoration: underline; opacity: 1; }
.kbi-col-web i { color: var(--kbi-web); }
.kbi-col-mob i { color: var(--kbi-mob); }
.kbi-col-mpush i { color: var(--kbi-mpush); }
.kbi-col-wpush i { color: var(--kbi-wpush); }

.kbi-table tbody td { padding: 13px 10px; border-bottom: 1px solid #f1f5f9; vertical-align: middle; text-align: center; }
    .kbi-table tbody td.kbi-col { width: 140px; }
.kbi-table tbody tr:last-child td { border-bottom: none; }
.kbi-table tbody tr:nth-child(even) { background: #fcfcfe; }
.kbi-table tbody tr:hover { background: #f5f7ff; }

.kbi-name { text-align: left !important; padding-left: 18px !important; }
    .kbi-name .ad { font-weight: 700; color: #1e293b; font-size: 13.5px; }
    .kbi-name .aciklama { color: #64748b; font-size: 12px; margin-top: 3px; line-height: 1.45; max-width: 520px; }
.kbi-empty { text-align: center; padding: 28px; color: #94a3b8; font-size: 13px; }

/* Toggle switch — premium, kanal bazlı renkli */
.kbi-fs { display: flex; align-items: center; justify-content: center; min-height: 24px; padding: 0; margin: 0; }
    .kbi-fs .kbi-sw { float: none; width: 2.6em; height: 1.35em; margin: 0; cursor: pointer; background-color: #e2e8f0; border-color: #e2e8f0; box-shadow: none; transition: background-color .2s ease, border-color .2s ease; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); }
        .kbi-fs .kbi-sw:focus { box-shadow: 0 0 0 .2rem rgba(99,102,241,.18); border-color: #cbd5e1; }
    .kbi-fs .kbi-cb-web:checked { background-color: var(--kbi-web); border-color: var(--kbi-web); }
    .kbi-fs .kbi-cb-mob:checked { background-color: var(--kbi-mob); border-color: var(--kbi-mob); }
    .kbi-fs .kbi-cb-mpush:checked { background-color: var(--kbi-mpush); border-color: var(--kbi-mpush); }
    .kbi-fs .kbi-cb-wpush:checked { background-color: var(--kbi-wpush); border-color: var(--kbi-wpush); }

/* Actions — solid renkli butonlar; ikonlar her zaman beyaz ve görünür */
.kbi-actions { display: flex; justify-content: flex-end; align-items: center; gap: 10px; margin-top: 18px; }
.kbi-actions .btn { display: inline-flex; align-items: center; gap: 7px; font-size: 13px; font-weight: 700; border-radius: 10px; padding: 9px 16px; border: none; color: #fff !important; box-shadow: 0 2px 6px rgba(15,23,42,.12); }
.kbi-actions .btn i { color: #fff !important; opacity: 1 !important; font-size: 15px; line-height: 1; display: inline-block; }
.kbi-actions .btn:hover { filter: brightness(1.06); color: #fff !important; }
.kbi-allbtn-on { background: #10b981; }   /* Hepsini Aç — yeşil */
.kbi-allbtn-off { background: #64748b; }  /* Hepsini Kapat — gri */
.kbi-savebtn { background: #6366f1; }     /* Kaydet — mor */

@media (max-width: 768px) {
    .kbi-table th.kbi-name-col, .kbi-name { min-width: 150px; padding-left: 12px !important; }
        .kbi-name .aciklama { display: none; }
    .kbi-table th.kbi-col, .kbi-table td.kbi-col { width: auto; }
    .kbi-ch-head .kbi-selall { display: none; }
}

/* ============================================================================
   Toplu Bildirim İzni Atama (BildirimIzinYonetimi.aspx)
   ============================================================================ */
.biz-wrap { --biz-border:#e9edf5; }
.biz-intro { display:flex; align-items:flex-start; gap:14px; background:linear-gradient(135deg,#eef2ff 0%,#faf5ff 100%); border:1px solid #e3e8ff; border-radius:16px; padding:16px 18px; margin-bottom:18px; box-shadow:0 1px 3px rgba(99,102,241,.06); }
.biz-intro-icon { flex:0 0 auto; width:42px; height:42px; border-radius:12px; background:linear-gradient(135deg,#6366f1,#8b5cf6); display:flex; align-items:center; justify-content:center; box-shadow:0 4px 12px rgba(99,102,241,.35); }
.biz-intro-icon i { color:#fff; font-size:20px; }
.biz-intro-text .t { font-weight:800; color:#1e293b; font-size:15px; }
.biz-intro-text .d { color:#64748b; font-size:12.5px; margin-top:3px; line-height:1.55; }

.biz-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.biz-panel { border:1px solid var(--biz-border); border-radius:16px; background:#fff; box-shadow:0 2px 10px rgba(15,23,42,.05); overflow:hidden; display:flex; flex-direction:column; }
.biz-panel-head { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:12px 14px; background:#f8fafc; border-bottom:1px solid var(--biz-border); flex-wrap:wrap; }
.biz-panel-title { font-weight:800; color:#334155; font-size:13.5px; display:flex; align-items:center; gap:8px; }
.biz-panel-title i { color:#6366f1; font-size:16px; }
.biz-count { background:#6366f1; color:#fff; font-size:11px; font-weight:700; border-radius:20px; padding:2px 9px; min-width:24px; text-align:center; }
.biz-panel-tools { display:flex; align-items:center; gap:8px; }
.biz-search { height:32px; font-size:12.5px; border:1px solid #d8dee9; border-radius:8px; width:150px; padding:0 10px; outline:none; }
.biz-search:focus { border-color:#6366f1; box-shadow:0 0 0 3px rgba(99,102,241,.12); }
.biz-link { font-size:11.5px; font-weight:700; text-decoration:none; cursor:pointer; padding:3px 8px; border-radius:7px; }
.biz-link-on { color:#10b981; background:#ecfdf5; }
.biz-link-off { color:#64748b; background:#f1f5f9; }
.biz-link:hover { filter:brightness(.96); }

.biz-list { max-height:440px; overflow-y:auto; padding:6px; }
/* Satır — checkbox label içinde, tam kontrollü */
.biz-row { display:flex !important; align-items:center; gap:11px; padding:9px 12px; border-radius:10px; cursor:pointer; margin:0; transition:background .12s ease; }
.biz-row:hover { background:#f5f7ff; }
.biz-row input[type=checkbox] { width:18px; height:18px; min-width:18px; cursor:pointer; accent-color:#6366f1; margin:0; flex:0 0 auto; }
.biz-row .biz-rowcb { display:inline-flex; align-items:center; flex:0 0 auto; margin:0; }
.biz-row-text { display:flex; flex-direction:column; gap:1px; line-height:1.35; }
.biz-row-name { font-size:13px; font-weight:700; color:#1e293b; }
.biz-row-desc { font-size:11.5px; color:#94a3b8; }
/* Tek satırlık (kullanıcı) — text doğrudan biz-row-text içinde */
#bizUserList .biz-row-text { font-size:13px; font-weight:600; color:#1e293b; }

/* Aksiyon çubuğu */
.biz-actionbar { display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; margin-top:18px; padding:14px 16px; background:#fff; border:1px solid var(--biz-border); border-radius:16px; box-shadow:0 2px 10px rgba(15,23,42,.05); }
.biz-channels { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.biz-ab-label { font-weight:800; color:#475569; font-size:12.5px; text-transform:uppercase; letter-spacing:.4px; }
.biz-chip { display:inline-flex; align-items:center; gap:6px; padding:7px 12px; border:1.5px solid #e2e8f0; border-radius:10px; font-size:12.5px; font-weight:600; color:#334155; cursor:pointer; margin:0; }
.biz-chip input[type=checkbox] { width:16px; height:16px; cursor:pointer; }
.biz-chip i { font-size:14px; }
.biz-chip-web i { color:#0ea5e9; } .biz-chip-mob i { color:#10b981; } .biz-chip-mpush i { color:#f59e0b; } .biz-chip-wpush i { color:#8b5cf6; }
.biz-action-right { display:flex; align-items:center; gap:14px; }
.biz-rbl label { margin-right:14px; font-size:13px; font-weight:600; color:#334155; }
.biz-rbl input { margin-right:4px; }
.biz-applybtn { display:inline-flex; align-items:center; gap:7px; background:#6366f1; color:#fff !important; border:none; font-size:13px; font-weight:700; border-radius:10px; padding:10px 18px; box-shadow:0 2px 8px rgba(99,102,241,.3); }
.biz-applybtn i { color:#fff !important; font-size:15px; opacity:1 !important; }
.biz-applybtn:hover { filter:brightness(1.07); color:#fff !important; }

@media (max-width: 900px){ .biz-grid { grid-template-columns:1fr; } .biz-search { width:120px; } }

/* ===== CARI HESAP ARAMA MODAL ===== */
#cariAramaModal .modal-content { border:none; border-radius:14px; overflow:hidden; box-shadow:0 18px 50px rgba(0,0,0,.18); }
#cariAramaModal .modal-header { background:linear-gradient(135deg,#6259ca,#8b5cf6); color:#fff; border-bottom:none; }
#cariAramaModal .modal-header .modal-title { color:#fff; font-weight:700; font-size:16px; display:flex; align-items:center; }
#cariAramaModal .modal-header .btn-close { filter:invert(1) brightness(2); opacity:.9; }
.cari-arama-secim { margin-bottom:14px; }
.cari-arama-secim .select2-container { width:100% !important; }
.cari-arama-secim .select2-selection { min-height:44px; border-radius:10px; border:1px solid #e2e8f0; display:flex; align-items:center; }
#cariAramaModal .cari-arama-secim .select2-selection__rendered { flex:1 1 auto; width:100%; line-height:42px; font-size:14px; padding-left:14px; }
.cari-arama-secim .select2-selection__arrow { height:42px; }
/* Cari Hesap Ara - acilan select2 dropdown duzeni */
#cariAramaModal .select2-dropdown { border:1px solid #e2e8f0; border-radius:10px; box-shadow:0 12px 30px rgba(0,0,0,.12); overflow:hidden; margin-top:4px; }
#cariAramaModal .select2-search--dropdown { padding:10px; }
#cariAramaModal .select2-search--dropdown .select2-search__field { height:40px; border:1px solid #e2e8f0; border-radius:8px; padding:0 12px; font-size:14px; outline:none; box-shadow:none; }
#cariAramaModal .select2-search--dropdown .select2-search__field:focus { border-color:#6259ca; box-shadow:0 0 0 3px rgba(98,89,202,.1); }
#cariAramaModal .select2-results__options { max-height:260px; }
#cariAramaModal .select2-results__option { padding:10px 14px; font-size:14px; color:#334155; }
#cariAramaModal .select2-results__option--highlighted { background:#6259ca !important; color:#fff !important; }
#cariAramaModal .select2-results__message { padding:12px 14px; color:#94a3b8; font-size:13px; text-align:center; }
[data-theme-mode="dark"] #cariAramaModal .select2-dropdown { border-color:#33354a; }
[data-theme-mode="dark"] #cariAramaModal .select2-search--dropdown .select2-search__field { background:#262838; border-color:#33354a; color:#e2e8f0; }
[data-theme-mode="dark"] #cariAramaModal .select2-results__option { color:#cbd5e1; }

.cari-arama-loading { display:flex; align-items:center; gap:8px; justify-content:center; padding:30px; color:#64748b; font-size:14px; }
.cari-arama-bos { text-align:center; padding:30px; color:#94a3b8; font-size:14px; font-weight:600; }

.cari-arama-bar { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px 14px; margin-bottom:12px; background:#f8fafc; border:1px solid #eef2f7; border-radius:10px; }
.cari-arama-unvan { font-size:15px; font-weight:700; color:#1e293b; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.cari-arama-kart { white-space:nowrap; font-weight:600; }

.cari-arama-kat { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:14px; }
.cari-kat-chip { display:inline-flex; align-items:center; padding:6px 12px; border-radius:20px; font-size:12px; font-weight:700; text-decoration:none; transition:filter .15s; }
.cari-kat-chip:hover { filter:brightness(.94); }
.cari-arama-baslik { font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.3px; color:#64748b; margin:4px 0 8px; }
[data-theme-mode="dark"] .cari-arama-baslik { color:#94a3b8; }

.cari-arama-altbar { display:flex; align-items:center; justify-content:space-between; gap:10px; margin:4px 0 10px; flex-wrap:wrap; }
.cari-tarih-filtre { display:inline-flex; gap:3px; background:#f1f5f9; padding:3px; border-radius:10px; }
.cari-tarih-btn { border:none; background:transparent; font-size:12px; font-weight:700; color:#64748b; padding:5px 12px; border-radius:8px; cursor:pointer; transition:all .12s; }
.cari-tarih-btn:hover { color:#4f46e5; }
.cari-tarih-btn.active { background:#fff; color:#4f46e5; box-shadow:0 1px 3px rgba(0,0,0,.12); }
[data-theme-mode="dark"] .cari-tarih-filtre { background:#262838; }
[data-theme-mode="dark"] .cari-tarih-btn { color:#94a3b8; }
[data-theme-mode="dark"] .cari-tarih-btn.active { background:#3a3d52; color:#a5b4fc; }

.cari-arama-tablo thead th { font-size:12px; text-transform:uppercase; letter-spacing:.3px; color:#64748b; border-bottom:2px solid #eef2f7; }
.cari-arama-tablo tbody td { font-size:13px; color:#334155; vertical-align:middle; }
.cari-arama-row { cursor:pointer; }
.cari-arama-row:hover { background:#f1f5ff; }
.cari-arama-tarih { white-space:nowrap; color:#64748b; }
.cari-arama-tutar { white-space:nowrap; font-weight:700; font-variant-numeric:tabular-nums; }

.cari-tip-badge { display:inline-block; padding:3px 9px; border-radius:20px; font-size:11px; font-weight:700; letter-spacing:.2px; }
.cari-tip-islem { background:#eef2ff; color:#4f46e5; }
.cari-tip-arbitraj { background:#ecfdf5; color:#059669; }
.cari-tip-transfer { background:#eff6ff; color:#2563eb; }
.cari-tip-masraf { background:#fef2f2; color:#dc2626; }
.cari-tip-kasaislemi { background:#faf5ff; color:#9333ea; }
.cari-yeni { display:inline-block; margin-left:4px; padding:2px 6px; border-radius:6px; font-size:9px; font-weight:800; background:#f43f5e; color:#fff; vertical-align:middle; }

/* Dark mode */
[data-theme-mode="dark"] #cariAramaModal .modal-content { background:#1e2030; }
[data-theme-mode="dark"] .cari-arama-bar { background:#262838; border-color:#33354a; }
[data-theme-mode="dark"] .cari-arama-unvan { color:#e2e8f0; }
[data-theme-mode="dark"] .cari-arama-tablo tbody td { color:#cbd5e1; }
[data-theme-mode="dark"] .cari-arama-row:hover { background:#2a2d40; }
[data-theme-mode="dark"] .cari-arama-secim .select2-selection { background:#262838; border-color:#33354a; }

/* ===== MENU ARAMA MODAL ===== */
#menuAramaModal .modal-content { border:none; border-radius:14px; overflow:hidden; box-shadow:0 18px 50px rgba(0,0,0,.18); }
#menuAramaModal .modal-header { background:linear-gradient(135deg,#0ea5e9,#6366f1); color:#fff; border-bottom:none; }
#menuAramaModal .modal-header .modal-title { color:#fff; font-weight:700; font-size:16px; display:flex; align-items:center; }
#menuAramaModal .modal-header .btn-close { filter:invert(1) brightness(2); opacity:.9; }
.menu-arama-kutu { position:relative; margin-bottom:12px; }
.menu-arama-kutu > i { position:absolute; left:16px; top:50%; transform:translateY(-50%); color:#94a3b8; font-size:16px; z-index:2; pointer-events:none; }
.menu-arama-kutu input.form-control { height:46px; border-radius:10px; padding-left:44px !important; font-size:14px; border:1px solid #e2e8f0; }
.menu-arama-sonuc { max-height:52vh; overflow-y:auto; }
.menu-arama-row { display:flex; align-items:center; gap:10px; padding:10px 12px; border-radius:10px; text-decoration:none; color:#334155; transition:background .12s; }
.menu-arama-row:hover, .menu-arama-row:focus { background:#eef2ff; color:#4f46e5; }
.menu-arama-ic { font-size:15px; color:#94a3b8; }
.menu-arama-row:hover .menu-arama-ic { color:#6366f1; }
.menu-arama-ad { flex:1; font-size:14px; font-weight:600; }
.menu-arama-git { font-size:14px; opacity:0; transition:opacity .12s; }
.menu-arama-row:hover .menu-arama-git { opacity:1; }
.menu-arama-bos { text-align:center; padding:26px; color:#94a3b8; font-size:14px; font-weight:600; }

[data-theme-mode="dark"] #menuAramaModal .modal-content { background:#1e2030; }
[data-theme-mode="dark"] .menu-arama-kutu input.form-control { background:#262838; border-color:#33354a; color:#e2e8f0; }
[data-theme-mode="dark"] .menu-arama-row { color:#cbd5e1; }
[data-theme-mode="dark"] .menu-arama-row:hover { background:#2a2d40; color:#a5b4fc; }