/* eTakip eAsistan ortak tasarımı (layout.html'den alındı) — eBelge */
        /* ══════════════════════════════════════════
           TASARIM DEĞİŞKENLERİ
           Sayfalar bu değişken adlarını kullanıyor; adlarını değiştirme.
        ══════════════════════════════════════════ */
        :root {
            --bg: #f8fafc;
            --surface: #ffffff;
            --surface-2: #f1f5f9;
            --border: #e2e8f0;
            --border-strong: #cbd5e1;
            --text: #0f172a;
            --muted: #64748b;
            --accent: #00a884;
            --accent-hover: #008f70;
            --accent-soft: #e6f6f2;
            --danger: #dc2626;
            --radius: 12px;
            --shadow: none;

            /* Yazı ölçeği: tüm sayfalar yalnızca bu boyutları kullanır */
            --yazi-kucuk: 12px;     /* tablo başlığı, açıklama, tarih aralığı */
            --yazi-govde: 13.5px;   /* tablo satırları, butonlar, formlar */
            --yazi-baslik: 14px;    /* kart başlıkları */
            --yazi-ozet: 22px;      /* özet kutusu rakamları */

            --menu-bg: #0f172a;
            --menu-cizgi: #1e293b;
            --menu-yazi: #94a3b8;
            --menu-yazi-parlak: #f1f5f9;
            --menu-genislik: 240px;
            --menu-dar-genislik: 68px;
            --ust-bar-yukseklik: 60px;
        }

        :root[data-theme="dark"] {
            --bg: #0b1220;
            --surface: #111a2b;
            --surface-2: #172236;
            --border: #1f2c42;
            --border-strong: #2c3b55;
            --text: #e2e8f0;
            --muted: #8a9ab3;
            --accent: #10c79a;
            --accent-hover: #0fb38b;
            --accent-soft: #0e2c27;
            --danger: #f87171;

            --menu-bg: #070d18;
            --menu-cizgi: #172236;
        }

        * { box-sizing: border-box; }

        html, body { height: 100%; }

        body {
            margin: 0;
            background: var(--bg);
            color: var(--text);
            font-family: 'IBM Plex Sans', 'Segoe UI', system-ui, -apple-system, sans-serif;
            font-size: 14px;
            -webkit-font-smoothing: antialiased;
            transition: background .2s, color .2s;
        }

        /* Sayfalardaki satır içi font tanımlarını tek yazı tipinde topla */
        .page-content [style*="font-family"] { font-family: inherit !important; }

        :focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }

        /* ══════════════════════════════════════════
           SOL MENÜ
        ══════════════════════════════════════════ */
        .sidebar {
            position: fixed;
            top: 0; bottom: 0; left: 0;
            width: var(--menu-genislik);
            background: var(--menu-bg);
            border-right: 1px solid var(--menu-cizgi);
            display: flex;
            flex-direction: column;
            z-index: 1040;
            transition: width .2s ease, transform .25s ease;
        }

        .menu-ust {
            display: flex;
            align-items: center;
            height: var(--ust-bar-yukseklik);
            padding: 0 22px;
            flex-shrink: 0;
        }
        .menu-ust a { display: flex; align-items: center; }
        .menu-logo { height: 28px; width: auto; display: block; filter: brightness(0) invert(1); }
        .menu-logo-ikon { height: 28px; width: 28px; display: none; }

        .menu-govde {
            flex: 1;
            overflow-y: auto;
            overflow-x: hidden;
            padding: 4px 12px 16px;
            scrollbar-width: thin;
            scrollbar-color: var(--menu-cizgi) transparent;
        }

        .menu-grup-baslik {
            font-size: 11.5px;
            font-weight: 500;
            color: #64748b;
            padding: 18px 12px 6px;
            white-space: nowrap;
        }
        .menu-grup:first-child .menu-grup-baslik { padding-top: 8px; }

        .menu-liste { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 1px; }

        .menu-link {
            position: relative;
            display: flex;
            align-items: center;
            gap: 12px;
            height: 36px;
            padding: 0 12px;
            border-radius: 8px;
            color: var(--menu-yazi);
            font-size: 13.5px;
            font-weight: 500;
            text-decoration: none;
            white-space: nowrap;
            transition: background .15s, color .15s;
        }
        .menu-link:hover { background: rgba(255,255,255,.05); color: var(--menu-yazi-parlak); }
        .menu-link.aktif { background: rgba(255,255,255,.07); color: #fff; }
        .menu-link.aktif::before {
            content: '';
            position: absolute;
            left: -12px; top: 8px; bottom: 8px;
            width: 3px;
            border-radius: 0 3px 3px 0;
            background: var(--accent);
        }
        .menu-link.grup-aktif { color: var(--menu-yazi-parlak); }

        .menu-ikon { font-size: 16px; width: 20px; text-align: center; flex-shrink: 0; }
        .menu-metin { overflow: hidden; text-overflow: ellipsis; }
        .menu-ok { margin-left: auto; font-size: 11px; transition: transform .2s; }
        .menu-link[aria-expanded="true"] .menu-ok { transform: rotate(180deg); }

        .yakinda-etiket {
            margin-left: auto;
            font-size: 10.5px;
            font-weight: 500;
            color: #64748b;
            border: 1px solid var(--menu-cizgi);
            border-radius: 20px;
            padding: 1px 7px;
        }

        .alt-menu {
            list-style: none;
            margin: 2px 0 6px 21px;
            padding: 0 0 0 11px;
            border-left: 1px solid var(--menu-cizgi);
        }
        .alt-menu .menu-link { height: 32px; font-size: 13px; }
        .alt-menu .menu-link.aktif::before { left: -12px; top: 7px; bottom: 7px; }

        .menu-alt {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 8px;
            padding: 12px 16px 12px 22px;
            border-top: 1px solid var(--menu-cizgi);
            font-size: 11.5px;
            color: #64748b;
            flex-shrink: 0;
            white-space: nowrap;
        }

        .menu-daralt-btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 30px; height: 30px;
            border: 0;
            border-radius: 8px;
            background: transparent;
            color: var(--menu-yazi);
            font-size: 16px;
            cursor: pointer;
        }
        .menu-daralt-btn:hover { background: rgba(255,255,255,.06); color: #fff; }

        /* Masaüstü: dar (ikon) menü */
        @media (min-width: 992px) {
            .menu-dar .sidebar { width: var(--menu-dar-genislik); }
            .menu-dar .menu-ust { padding: 0; justify-content: center; }
            .menu-dar .menu-logo { display: none; }
            .menu-dar .menu-logo-ikon { display: block; }
            .menu-dar .menu-metin,
            .menu-dar .menu-ok,
            .menu-dar .yakinda-etiket,
            .menu-dar .menu-telif,
            .menu-dar .alt-menu { display: none !important; }
            .menu-dar .menu-grup-baslik { font-size: 0; padding: 10px 8px 6px; }
            .menu-dar .menu-grup-baslik::after { content: ''; display: block; height: 1px; background: var(--menu-cizgi); }
            .menu-dar .menu-grup:first-child .menu-grup-baslik { display: none; }
            .menu-dar .menu-link { justify-content: center; padding: 0; }
            .menu-dar .menu-link.grup-aktif { background: rgba(255,255,255,.07); color: #fff; }
            .menu-dar .menu-alt { justify-content: center; padding: 12px 0; }
            .menu-dar .menu-daralt-btn i { transform: rotate(180deg); }
            .menu-dar .main-wrapper { margin-left: var(--menu-dar-genislik); }
        }

        /* Mobil / tablet: çekmece menü */
        .menu-perde {
            position: fixed;
            inset: 0;
            background: rgba(15, 23, 42, .5);
            z-index: 1035;
            opacity: 0;
            visibility: hidden;
            transition: opacity .25s, visibility .25s;
        }
        .topbar .menu-ac-btn { display: none; }

        @media (max-width: 991.98px) {
            .sidebar { transform: translateX(-100%); }
            .menu-acik .sidebar { transform: none; }
            .menu-acik .menu-perde { opacity: 1; visibility: visible; }
            .menu-daralt-btn { display: none; }
            .main-wrapper { margin-left: 0 !important; }
            .topbar .menu-ac-btn { display: inline-flex; }
            .topbar { padding: 0 16px !important; }
            .page-content { padding: 16px !important; }
            .topbar-sag .hizli-filtre .form-select { max-width: 130px; }
        }

        @media (prefers-reduced-motion: reduce) {
            .sidebar, .menu-perde, .menu-ok { transition: none; }
        }

        /* ══════════════════════════════════════════
           ANA ALAN VE ÜST ÇUBUK
        ══════════════════════════════════════════ */
        .main-wrapper {
            margin-left: var(--menu-genislik);
            min-height: 100vh;
            display: flex;
            flex-direction: column;
            transition: margin-left .2s ease;
        }

        .topbar {
            position: sticky;
            top: 0;
            z-index: 50;
            height: var(--ust-bar-yukseklik);
            padding: 0 28px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 16px;
            background: var(--surface);
            border-bottom: 1px solid var(--border);
        }

        .topbar-sol { display: flex; align-items: center; gap: 12px; min-width: 0; }
        .topbar-baslik-alani { min-width: 0; line-height: 1.25; }

        /* Bağlama göre geri butonu: başka bir panel sayfasından gelindiyse görünür */
        .geri-btn {
            display: inline-flex; align-items: center; gap: 6px;
            max-width: 220px; height: 32px; padding: 0 12px 0 9px;
            border: 1px solid var(--border); border-radius: 8px;
            background: var(--surface); color: var(--muted);
            font-size: 13px; font-weight: 500; text-decoration: none;
            flex-shrink: 0; transition: background .15s, color .15s, border-color .15s;
        }
        .geri-btn:hover { background: var(--surface-2); color: var(--text); border-color: var(--border-strong); }
        .geri-btn span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
        .geri-btn .bi { font-size: 14px; }
        .geri-ayrac { width: 1px; height: 24px; background: var(--border); flex-shrink: 0; }
        @media (max-width: 767.98px) {
            .geri-btn { width: 36px; padding: 0; justify-content: center; }
            .geri-btn span, .geri-ayrac { display: none; }
        }
        .topbar-yol { font-size: 11.5px; color: var(--muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
        .topbar-title { font-size: 16px; font-weight: 600; color: var(--text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; }

        .topbar-icon-btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 36px; height: 36px;
            border-radius: 8px;
            border: 1px solid var(--border);
            background: var(--surface);
            color: var(--muted);
            font-size: 15px;
            cursor: pointer;
            flex-shrink: 0;
            transition: background .15s, color .15s, border-color .15s;
        }
        .topbar-icon-btn:hover { background: var(--surface-2); color: var(--text); border-color: var(--border-strong); }
        .topbar-sag .form-select { height: 36px; padding-top: 0; padding-bottom: 0; }

        .page-content { padding: 28px; flex: 1; }

        /* ══════════════════════════════════════════
           ORTAK BİLEŞENLER (tüm sayfalar)
        ══════════════════════════════════════════ */

        /* Kartlar: gölgesiz, ince çerçeveli */
        .card {
            background: var(--surface);
            border: 1px solid var(--border);
            border-radius: var(--radius);
            box-shadow: none;
            margin-bottom: 20px;
            color: var(--text);
        }
        .page-content .shadow-sm,
        .page-content .shadow { box-shadow: none !important; }
        .page-content .card.border-0 { border: 1px solid var(--border) !important; }
        /* Kendi alt boşluğu olan satırlardaki kartlar ek boşluk bırakmasın */
        .page-content .row.mb-4 > * > .card { margin-bottom: 0; }

        .card-header {
            background: transparent;
            border-bottom: 1px solid var(--border);
            padding: 14px 20px;
            min-height: 52px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 12px;
        }
        .card-header:first-child { border-radius: calc(var(--radius) - 1px) calc(var(--radius) - 1px) 0 0; }
        .card-title { font-size: var(--yazi-baslik) !important; font-weight: 600 !important; color: var(--text); margin: 0; letter-spacing: 0; }
        .card-header .card-title .bi { color: var(--muted) !important; }
        .card-body { padding: 20px; }
        .card-footer { background: transparent; border-top: 1px solid var(--border); }

        /* Özet kutuları (Satışlar, Tahsilatlar, Faturalar, Firmalar, Kategori satışları)
           Dashboard'daki istatistik kartlarıyla aynı dil */
        .page-content :is(.odeme-ozet, .ozet-kutu, .ozet-kutu2) {
            border: 1px solid var(--border) !important;
            border-radius: var(--radius);
            background: var(--surface);
            padding: 16px 20px !important;
        }
        .page-content :is(.odeme-ozet, .ozet-kutu, .ozet-kutu2) .etiket {
            display: flex;
            align-items: center;
            gap: 7px;
            font-size: 13px !important;
            font-weight: 500 !important;
            color: var(--muted) !important;
            margin-bottom: 8px !important;
        }
        .page-content :is(.odeme-ozet, .ozet-kutu, .ozet-kutu2) .etiket::before {
            content: '';
            width: 7px; height: 7px;
            border-radius: 50%;
            background: var(--nokta, var(--muted));
            flex-shrink: 0;
        }
        .page-content :is(.odeme-ozet, .ozet-kutu, .ozet-kutu2) .deger {
            font-size: var(--yazi-ozet) !important;
            font-weight: 600 !important;
            line-height: 1.1;
            letter-spacing: -0.01em;
            color: var(--text);
            font-variant-numeric: tabular-nums;
        }

        /* KPI kart başlıkları: tüm projede büyük harf.
           <html lang="tr"> sayesinde i → İ doğru dönüşür. */
        .stat-kart .stat-etiket,
        .page-content :is(.odeme-ozet, .ozet-kutu, .ozet-kutu2) .etiket {
            text-transform: uppercase;
            font-size: 11.5px !important;
            font-weight: 600 !important;
            letter-spacing: .04em;
        }

        /* Formlar */
        .form-label {
            font-size: 12.5px;
            font-weight: 500;
            color: var(--muted);
            text-transform: none;
            letter-spacing: 0;
            margin-bottom: 6px;
        }
        .form-control, .form-select {
            min-height: 38px;
            border: 1px solid var(--border);
            border-radius: 8px;
            padding: 8px 12px;
            font-size: 13.5px;
            font-family: inherit;
            background-color: var(--surface);
            color: var(--text);
            transition: border-color .15s, box-shadow .15s;
        }
        .form-select { padding-right: 34px; }
        .form-control::placeholder { color: var(--muted); }
        .form-control:hover, .form-select:hover { border-color: var(--border-strong); }
        .form-control:focus, .form-select:focus {
            border-color: var(--accent);
            background-color: var(--surface);
            color: var(--text);
            box-shadow: 0 0 0 3px var(--accent-soft);
            outline: none;
        }

        .search-box {
            display: flex;
            align-items: center;
            gap: 8px;
            width: 240px;
            padding: 8px 12px;
            background: var(--surface);
            border: 1px solid var(--border);
            border-radius: 8px;
            transition: border-color .15s, box-shadow .15s;
        }
        .search-box:focus-within { border-color: var(--accent); box-shadow: 0 0 0 3px var(--accent-soft); }
        .search-box i { color: var(--muted); font-size: 14px; }
        .search-box input { border: none; background: transparent; outline: none; font-size: 13.5px; font-family: inherit; color: var(--text); width: 100%; }
        .search-box input::placeholder { color: var(--muted); }

        /* ══ Butonlar ══════════════════════════════
           btn btn-primary   → sayfadaki ana işlem (en fazla bir tane)
           btn btn-ikincil   → diğer işlemler (çerçeveli)
           btn btn-hayalet   → geri dön, iptal gibi hafif işlemler
           btn-ikon          → sadece ikonlu kare düğme (aria-label ver)
           islem-grubu       → birbirine bitişik ikon düğmeleri
        ══════════════════════════════════════════ */
        .btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 6px;
            min-height: 38px;
            padding: 7px 14px;
            border-radius: 8px;
            font-size: 13.5px;
            font-weight: 500;
            line-height: 1.2;
            white-space: nowrap;
            transition: background-color .15s, border-color .15s, color .15s, box-shadow .15s;
            --bs-btn-focus-shadow-rgb: var(--odak-rgb, 0, 168, 132);
        }
        .btn .bi { font-size: 1.05em; line-height: 1; }
        .btn .bi.me-1, .btn .bi.me-2 { margin-right: 0 !important; }
        .btn-sm { min-height: 32px; padding: 5px 12px; font-size: 13px; }

        .btn-primary {
            --bs-btn-color: #fff;
            --bs-btn-bg: var(--accent);
            --bs-btn-border-color: var(--accent);
            --bs-btn-hover-color: #fff;
            --bs-btn-hover-bg: var(--accent-hover);
            --bs-btn-hover-border-color: var(--accent-hover);
            --bs-btn-active-color: #fff;
            --bs-btn-active-bg: var(--accent-hover);
            --bs-btn-active-border-color: var(--accent-hover);
            --bs-btn-disabled-color: #fff;
            --bs-btn-disabled-bg: var(--accent);
            --bs-btn-disabled-border-color: var(--accent);
        }
        .btn-ikincil {
            --bs-btn-color: var(--text);
            --bs-btn-bg: var(--surface);
            --bs-btn-border-color: var(--border);
            --bs-btn-hover-color: var(--text);
            --bs-btn-hover-bg: var(--surface-2);
            --bs-btn-hover-border-color: var(--border-strong);
            --bs-btn-active-color: var(--text);
            --bs-btn-active-bg: var(--surface-2);
            --bs-btn-active-border-color: var(--border-strong);
            --bs-btn-disabled-color: var(--muted);
            --bs-btn-disabled-bg: var(--surface);
            --bs-btn-disabled-border-color: var(--border);
        }
        .btn-ikincil .bi { color: var(--muted); }
        .btn-ikincil:hover .bi { color: var(--text); }
        .btn-hayalet {
            --bs-btn-color: var(--muted);
            --bs-btn-bg: transparent;
            --bs-btn-border-color: transparent;
            --bs-btn-hover-color: var(--text);
            --bs-btn-hover-bg: var(--surface-2);
            --bs-btn-hover-border-color: transparent;
            --bs-btn-active-color: var(--text);
            --bs-btn-active-bg: var(--surface-2);
            --bs-btn-active-border-color: transparent;
        }

        .btn-ikon {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 32px; height: 32px;
            padding: 0;
            border: 1px solid transparent;
            border-radius: 8px;
            background: transparent;
            color: var(--muted);
            font-size: 15px;
            line-height: 1;
            cursor: pointer;
            text-decoration: none;
            transition: background-color .15s, color .15s;
        }
        .btn-ikon:hover { background: var(--surface-2); color: var(--text); }
        .btn-ikon:focus-visible { outline: 2px solid var(--accent); outline-offset: 1px; }
        /* Tanıdık marka rengi yalnızca üzerine gelince */
        .btn-ikon.pdf:hover      { color: #dc2626; background: rgba(220, 38, 38, .08); }
        .btn-ikon.excel:hover    { color: #16a34a; background: rgba(22, 163, 74, .08); }
        .btn-ikon.whatsapp:hover { color: #1da851; background: rgba(37, 211, 102, .1); }
        .btn-ikon.mail:hover     { color: #2563eb; background: rgba(37, 99, 235, .08); }
        .btn-ikon.vurgu:hover    { color: var(--accent); background: var(--accent-soft); }

        .islem-grubu {
            display: inline-flex;
            align-items: center;
            padding: 2px;
            gap: 2px;
            border: 1px solid var(--border);
            border-radius: 10px;
            background: var(--surface);
        }
        .islem-grubu .btn-ikon { width: 28px; height: 28px; border-radius: 7px; font-size: 14px; }

        /* İşlem sürerken */
        .btn.yukleniyor, .btn-ikon.yukleniyor {
            pointer-events: none;
            position: relative;
            color: transparent !important;
        }
        .btn.yukleniyor .bi, .btn-ikon.yukleniyor .bi { visibility: hidden; }
        .btn.yukleniyor::after, .btn-ikon.yukleniyor::after {
            content: '';
            position: absolute;
            inset: 0;
            margin: auto;
            width: 14px; height: 14px;
            border: 2px solid var(--border-strong);
            border-top-color: var(--accent);
            border-radius: 50%;
            animation: donme .7s linear infinite;
        }
        @keyframes donme { to { transform: rotate(360deg); } }

        /* Tablolar: açık başlık, sade satırlar */
        .table {
            --bs-table-bg: transparent;
            --bs-table-color: var(--text);
            --bs-table-hover-bg: var(--surface-2);
            --bs-table-hover-color: var(--text);
            --bs-table-border-color: var(--border);
            margin: 0;
            font-size: var(--yazi-govde);
        }
        .table thead tr,
        .table thead th {
            text-transform: none !important;
            letter-spacing: 0 !important;
            font-size: 12px !important;
            font-weight: 500 !important;
            color: var(--muted) !important;
        }
        .table thead th {
            background: var(--surface-2) !important;
            border-bottom: 1px solid var(--border);
            padding: 10px 16px;
            white-space: nowrap;
        }
        .table tbody td {
            padding: 12px 16px;
            border-bottom: 1px solid var(--border);
            vertical-align: middle;
            color: var(--text);
        }
        .table td { font-variant-numeric: tabular-nums; }
        .table tbody tr:last-child td { border-bottom: none; }
        .table tbody tr:hover > td { background: var(--surface-2); }

        .table tfoot.table-dark,
        .table tfoot {
            --bs-table-bg: var(--surface-2);
            --bs-table-color: var(--text);
            --bs-table-border-color: var(--border);
        }
        .table tfoot tr,
        .table tfoot td,
        .table tfoot th {
            background: var(--surface-2) !important;
            color: var(--text) !important;
            border-top: 1px solid var(--border);
            border-bottom: 0;
            font-weight: 600;
            letter-spacing: 0 !important;
        }

        /* ══ Tablo yazı dili (Dashboard ile aynı) ══════════
           Ad / ünvan  → .tablo-link   (500, ana yazı rengi)
           Tutar       → .tutar        (600, ana yazı rengi; eksi değer kırmızı)
           Yan bilgi   → .text-muted   (400, soluk)
        ══════════════════════════════════════════ */
        .page-content table { font-size: var(--yazi-govde); color: var(--text); }
        .page-content table td { font-size: var(--yazi-govde); }
        .page-content table td a:not(.btn):not(.btn-ikon),
        .tablo-link {
            color: var(--text);
            font-weight: 500;
            text-decoration: none;
        }
        .page-content table td a:not(.btn):not(.btn-ikon):hover,
        .tablo-link:hover {
            color: var(--accent);
            text-decoration: underline;
            text-underline-offset: 3px;
        }
        .page-content .tutar,
        .page-content table td.fw-bold,
        .page-content table td.fw-semibold { font-weight: 600 !important; font-variant-numeric: tabular-nums; }
        .page-content table td.text-positive { color: var(--text); font-weight: 600; }
        .page-content table td.text-negative { color: var(--danger); font-weight: 600; }
        .page-content table td.text-dark { color: var(--text) !important; }
        .page-content table tbody td .badge { font-size: 11.5px !important; }
        .meta-yazi { font-size: var(--yazi-kucuk); color: var(--muted); }

        .tablo-konteynir { max-height: 370px; overflow-y: auto; overflow-x: hidden; }

        /* Rozetler */
        .page-content .badge { font-weight: 500; }
        .page-content .badge.border { --bs-border-opacity: .35; }
        /* Açık temada sarı ve turkuaz rozet yazıları okunaklı olsun */
        :root:not([data-theme="dark"]) .page-content .badge.text-warning { color: #a16207 !important; }
        :root:not([data-theme="dark"]) .page-content .badge.text-info { color: #0e7490 !important; }
        .badge-soft { display: inline-block; padding: 3px 10px; border-radius: 20px; font-size: 12px; font-weight: 500; }
        .badge-soft.green { background: var(--accent-soft); color: var(--accent); }
        .badge-soft.red   { background: #fdecea; color: var(--danger); }
        [data-theme="dark"] .badge-soft.red { background: #3a1616; }

        .text-negative { color: var(--danger); font-weight: 500; }
        .text-positive { color: var(--accent); font-weight: 500; }

        /* Yükleniyor iskeleti */
        .iskelet {
            display: inline-block;
            min-width: 6ch;
            height: .8em;
            border-radius: 6px;
            vertical-align: middle;
            color: transparent !important;
            background: linear-gradient(90deg, var(--surface-2) 25%, var(--border) 50%, var(--surface-2) 75%);
            background-size: 200% 100%;
            animation: iskeletParilti 1.3s linear infinite;
        }
        @keyframes iskeletParilti { from { background-position: 200% 0; } to { background-position: -200% 0; } }
        @media (prefers-reduced-motion: reduce) { .iskelet { animation: none; } }

        /* Bootstrap yardımcı sınıfları temadan haberdar değil: gece modunda düzelt */
        [data-theme="dark"] .text-dark { color: var(--text) !important; }
        [data-theme="dark"] .text-muted,
        [data-theme="dark"] .text-secondary { color: var(--muted) !important; }
        [data-theme="dark"] .bg-white { background-color: var(--surface) !important; }
        [data-theme="dark"] .bg-light { background-color: var(--surface-2) !important; }
        [data-theme="dark"] .badge.bg-light { color: var(--text) !important; border-color: var(--border) !important; }
        [data-theme="dark"] .table-light { --bs-table-bg: var(--surface-2); --bs-table-color: var(--muted); background-color: var(--surface-2) !important; color: var(--muted) !important; }
        [data-theme="dark"] .border-top,
        [data-theme="dark"] .border-bottom,
        [data-theme="dark"] .border:not([class*="border-"]) { border-color: var(--border) !important; }
        [data-theme="dark"] .modal-content,
        [data-theme="dark"] .dropdown-menu { background: var(--surface); color: var(--text); border-color: var(--border); }
        [data-theme="dark"] input[type="checkbox"] { accent-color: var(--accent); }
        [data-theme="dark"] .form-select { --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%238a9ab3' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); }


        /* ══════════════════════════════════════════
           KURUMSAL TEMA (html.kurumsal)
           Logodaki renklerden türetildi:
             marka mavisi  #3FABE1  → vurgu, grafikler
             koyu mavi     #1480B8  → butonlar (beyaz yazı okunur)
             marka yeşili  #00AD50  → aktif menü, olumlu değerler
             kırmızı nokta #E84020  → eksi değerler, uyarılar
        ══════════════════════════════════════════ */
        :root.kurumsal {
            --marka-mavi: #3fabe1;
            --marka-yesil: #00ad50;
            --marka-kirmizi: #e84020;

            --bg: #f3f7fa;
            --surface: #ffffff;
            --surface-2: #eef4f8;
            --border: #dde7ef;
            --border-strong: #c3d3e0;
            --text: #0e2233;
            --muted: #5d7285;
            --accent: #1480b8;
            --accent-hover: #0f6a99;
            --accent-soft: #e3f2fb;
            --danger: #d63a1c;
            --odak-rgb: 63, 171, 225;

            --menu-bg: #0a2233;
            --menu-cizgi: #153449;
            --menu-yazi: #8eaec4;
            --menu-yazi-parlak: #ffffff;
        }
        :root.kurumsal[data-theme="dark"] {
            --bg: #07182a;
            --surface: #0c2236;
            --surface-2: #112b42;
            --border: #18354f;
            --border-strong: #22445f;
            --text: #e4eef6;
            --muted: #8ba4b9;
            --accent: #3fabe1;
            --accent-hover: #5cbbe8;
            --accent-soft: #0f3149;
            --danger: #ff6b4d;

            --menu-bg: #051321;
            --menu-cizgi: #102a40;
        }

        /* Logo koyu menüde kendi renkleriyle */
        .kurumsal .menu-logo { filter: none; }
        .kurumsal .menu-link:hover { background: rgba(63, 171, 225, .08); }
        .kurumsal .menu-link.aktif { background: rgba(63, 171, 225, .16); }
        .kurumsal .menu-link.aktif::before { background: var(--marka-yesil); }
        .kurumsal .menu-link.aktif .menu-ikon { color: var(--marka-mavi); }
        .kurumsal .menu-grup-baslik { color: #5f8098; }

        /* Olumlu değerler marka yeşili, eksiler logo kırmızısı */
        .kurumsal .badge-soft.green,
        .kurumsal .alacak-tutar,
        .kurumsal .bakiye-negatif { color: var(--marka-yesil); }
        .kurumsal .badge-soft.green { background: rgba(0, 173, 80, .1); }
        .kurumsal .tg-durum.basarili { color: var(--marka-yesil); }
        .kurumsal .ozet-kutu.alacak { --nokta: var(--marka-yesil); }
        .kurumsal .badge-soft.red { background: rgba(232, 64, 32, .1); color: var(--danger); }

        /* Vurgulu istatistik kartı (Dashboard'daki Toplam ciro) */
        .stat-kart.vurgulu {
            background: #0f4c73 !important;
            border-color: #0f4c73 !important;
            color: #fff !important;
            position: relative;
            overflow: hidden;
        }
        .stat-kart.vurgulu::after {
            content: '';
            position: absolute;
            left: 20px; right: 20px; bottom: 0;
            height: 3px;
            border-radius: 3px 3px 0 0;
            background: linear-gradient(90deg, var(--marka-yesil, #00ad50) 0 30%, var(--marka-mavi, #3fabe1) 30% 100%);
        }
        .stat-kart.vurgulu .stat-etiket,
        .stat-kart.vurgulu .stat-alt { color: rgba(255, 255, 255, .72) !important; }
        .stat-kart.vurgulu .stat-ikon { background: rgba(255, 255, 255, .12) !important; color: #fff !important; }
        .stat-kart.vurgulu [class*="tw-text-[var(--muted)]"] { color: rgba(255, 255, 255, .7) !important; }
        .stat-kart.vurgulu:hover { background: #0d4263 !important; }
        .kurumsal[data-theme="dark"] .progress-bar { filter: brightness(1.4); }
        [data-theme="dark"] .stat-kart.vurgulu { background: #0f3f60 !important; border-color: #1a557c !important; }

        /* Yazdırma */
        @media print {
            .sidebar, .topbar, .menu-perde { display: none !important; }
            .main-wrapper { margin-left: 0 !important; }
            .page-content { padding: 0 !important; }
        }