/* BGR CRM – modern light UI */
:root {
    --bgr-bg: #f0f4f8;
    --bgr-bg-accent: #e8f4fc;
    --bgr-surface: #ffffff;
    --bgr-surface-2: #f8fafc;
    --bgr-border: #e2e8f0;
    --bgr-border-strong: #cbd5e1;
    --bgr-text: #0f172a;
    --bgr-text-muted: #64748b;
    --bgr-primary: #0284c7;
    --bgr-primary-light: #e0f2fe;
    --bgr-primary-dark: #0369a1;
    --bgr-accent: #6366f1;
    --bgr-shadow: 0 1px 3px rgba(15, 23, 42, 0.06), 0 4px 16px rgba(15, 23, 42, 0.04);
    --bgr-shadow-lg: 0 4px 24px rgba(15, 23, 42, 0.08);
    --bgr-radius: 0.875rem;
    --bgr-nav-width: 16.5rem;
    --bgr-header-h: 4rem;
    --bgr-transition: 0.22s cubic-bezier(0.4, 0, 0.2, 1);
}

/* ── Base ── */
body.bgr-app {
    background: linear-gradient(160deg, var(--bgr-bg-accent) 0%, var(--bgr-bg) 45%, #eef2f7 100%);
    color: var(--bgr-text);
    min-height: 100dvh;
}

/* ── Header ── */
.bgr-header {
    background: rgba(255, 255, 255, 0.92);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border-bottom: 1px solid var(--bgr-border);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
}

/* Header — mobil: 2 satır grid, masaüstü: flex */
.bgr-header-inner {
    display: grid;
    grid-template-columns: 2.5rem 2.5rem 1fr;
    grid-template-rows: auto auto;
    gap: 0.375rem 0.5rem;
    align-items: center;
}

.bgr-hdr-menu {
    grid-column: 1;
    grid-row: 1;
    display: none;
    width: 2.5rem;
    height: 2.5rem;
    padding: 0;
}
@media (max-width: 1023px) {
    .bgr-hdr-menu { display: inline-flex !important; }
}

.bgr-hdr-logo {
    grid-column: 2;
    grid-row: 1;
    display: flex;
    width: 2.5rem;
    height: 2.5rem;
    min-width: 2.5rem;
    flex-shrink: 0;
    text-decoration: none;
}

.bgr-hdr-brand {
    grid-column: 3;
    grid-row: 1;
    min-width: 0;
    overflow: hidden;
}

.bgr-hdr-meta {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    margin-top: 0.125rem;
    flex-wrap: nowrap;
}

.bgr-hdr-actions {
    grid-column: 1 / -1;
    grid-row: 2;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.375rem;
    flex-wrap: nowrap;
    border-top: 1px solid var(--bgr-border);
    padding-top: 0.375rem;
}

.bgr-hdr-title-main {
    margin: 0;
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--bgr-text);
    line-height: 1.2;
}
.bgr-hdr-title-sub {
    margin: 0;
    font-size: 0.6875rem;
    color: var(--bgr-text-muted);
    line-height: 1.2;
}
.bgr-hdr-actions .bgr-header-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    white-space: nowrap;
    min-height: 2.25rem;
}
.bgr-hdr-msg-short { display: none; }
.bgr-hdr-logout:hover {
    border-color: #fca5a5 !important;
    background: #fef2f2 !important;
    color: #dc2626 !important;
}

@media (max-width: 767px) {
    :root { --bgr-header-h: 4.75rem; }
    .bgr-hdr-msg-long { display: none; }
    .bgr-hdr-msg-short { display: inline; font-size: 1rem; line-height: 1; }
    .bgr-hdr-actions .bgr-header-btn { padding: 0.375rem 0.5rem; }
}

@media (min-width: 480px) and (max-width: 767px) {
    .bgr-hdr-msg-long { display: inline; }
    .bgr-hdr-msg-short { display: none; }
}

@media (min-width: 768px) {
    :root { --bgr-header-h: 4rem; }

    .bgr-header-inner {
        display: flex !important;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: flex-start;
        gap: 0.75rem;
    }

    .bgr-hdr-menu,
    .bgr-hdr-logo,
    .bgr-hdr-brand,
    .bgr-hdr-actions {
        grid-column: unset;
        grid-row: unset;
        border-top: none;
        padding-top: 0;
    }

    .bgr-hdr-logo {
        width: 2.75rem;
        height: 2.75rem;
        min-width: 2.75rem;
        font-size: 0.875rem;
    }

    .bgr-hdr-brand {
        flex: 0 1 auto;
        max-width: 16rem;
    }

    .bgr-hdr-title-main { font-size: 0.875rem; }
    .bgr-hdr-title-sub { font-size: 0.75rem; }

    .bgr-hdr-actions {
        margin-left: auto;
        flex-shrink: 0;
        gap: 0.5rem;
    }

    .bgr-hdr-actions .bgr-header-btn {
        font-size: 0.875rem;
        padding: 0.5rem 0.75rem;
    }

    .bgr-hdr-msg-long { display: inline; }
    .bgr-hdr-msg-short { display: none; }
}

@media (min-width: 1024px) {
    .bgr-hdr-menu { display: none !important; }
}

.bgr-logo {
    background: linear-gradient(135deg, #0ea5e9 0%, #6366f1 100%);
    box-shadow: 0 4px 14px rgba(14, 165, 233, 0.35);
    transition: transform var(--bgr-transition), box-shadow var(--bgr-transition);
}
.bgr-logo:hover {
    transform: scale(1.04);
    box-shadow: 0 6px 20px rgba(99, 102, 241, 0.4);
}

.bgr-header-btn {
    background: var(--bgr-surface);
    border: 1px solid var(--bgr-border);
    color: var(--bgr-text-muted);
    transition: all var(--bgr-transition);
}
.bgr-header-btn:hover {
    border-color: var(--bgr-primary);
    color: var(--bgr-primary-dark);
    background: var(--bgr-primary-light);
    transform: translateY(-1px);
}

.bgr-role-badge {
    background: var(--bgr-primary-light);
    border: 1px solid #bae6fd;
    color: var(--bgr-primary-dark);
    border-radius: 9999px;
    padding: 0.125rem 0.5rem;
    font-size: 0.6875rem;
    font-weight: 600;
    line-height: 1.35;
}

/* ── Mobile nav backdrop ── */
#nav-backdrop {
    background: rgba(15, 23, 42, 0.35) !important;
    backdrop-filter: blur(4px);
    transition: opacity 0.28s ease !important;
}

/* ── Sidebar ── */
#app-sidebar {
    background: var(--bgr-surface) !important;
    border-right: 1px solid var(--bgr-border) !important;
    box-shadow: var(--bgr-shadow-lg) !important;
    transition: transform 0.32s cubic-bezier(0.32, 0.72, 0, 1) !important;
}

@media (min-width: 1024px) {
    #app-sidebar {
        background: transparent !important;
        border-right: none !important;
        box-shadow: none !important;
    }
}

.bgr-nav-panel {
    background: var(--bgr-surface);
    border: 1px solid var(--bgr-border);
    border-radius: 1rem;
    box-shadow: var(--bgr-shadow);
    padding: 0.75rem;
}

@media (min-width: 1024px) {
    .bgr-nav-panel {
        position: sticky;
        top: calc(var(--bgr-header-h) + 1rem);
    }
}

.bgr-nav-heading {
    color: var(--bgr-text-muted);
    font-size: 0.625rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    padding: 0 0.75rem;
    margin: 1.25rem 0 0.5rem;
    opacity: 0;
    animation: bgrFadeSlideIn 0.4s ease forwards;
}
.bgr-nav-heading:first-child { margin-top: 0; }

.bgr-nav-link {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.625rem 0.75rem;
    border-radius: 0.75rem;
    border: 1px solid transparent;
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--bgr-text-muted);
    text-decoration: none;
    position: relative;
    overflow: hidden;
    transition: all var(--bgr-transition);
    opacity: 0;
    transform: translateX(-8px);
    animation: bgrNavItemIn 0.35s ease forwards;
}

.bgr-nav-link::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%) scaleY(0);
    width: 3px;
    height: 60%;
    border-radius: 0 3px 3px 0;
    background: linear-gradient(180deg, #0ea5e9, #6366f1);
    transition: transform 0.25s ease;
}

.bgr-nav-link:hover {
    background: var(--bgr-surface-2);
    color: var(--bgr-text);
    border-color: var(--bgr-border);
    transform: translateX(4px);
    box-shadow: var(--bgr-shadow);
}

.bgr-nav-link:hover .bgr-nav-icon {
    color: var(--bgr-primary);
    transform: scale(1.12);
}

.bgr-nav-link.is-active {
    background: linear-gradient(135deg, #e0f2fe 0%, #eef2ff 100%);
    border-color: #bae6fd;
    color: var(--bgr-primary-dark);
    font-weight: 600;
    box-shadow: 0 2px 8px rgba(14, 165, 233, 0.15);
}

.bgr-nav-link.is-active::before {
    transform: translateY(-50%) scaleY(1);
}

.bgr-nav-link.is-active .bgr-nav-icon {
    color: var(--bgr-primary);
}

.bgr-nav-icon {
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    color: #94a3b8;
    transition: transform 0.25s ease, color 0.2s ease;
}

/* Stagger nav items */
.bgr-nav-link:nth-child(1) { animation-delay: 0.03s; }
.bgr-nav-link:nth-child(2) { animation-delay: 0.06s; }
.bgr-nav-link:nth-child(3) { animation-delay: 0.09s; }
.bgr-nav-link:nth-child(4) { animation-delay: 0.12s; }
.bgr-nav-link:nth-child(5) { animation-delay: 0.15s; }
.bgr-nav-link:nth-child(6) { animation-delay: 0.18s; }
.bgr-nav-link:nth-child(7) { animation-delay: 0.21s; }
.bgr-nav-link:nth-child(8) { animation-delay: 0.24s; }
.bgr-nav-link:nth-child(9) { animation-delay: 0.27s; }
.bgr-nav-link:nth-child(10) { animation-delay: 0.30s; }
.bgr-nav-link:nth-child(11) { animation-delay: 0.33s; }
.bgr-nav-link:nth-child(12) { animation-delay: 0.36s; }
.bgr-nav-link:nth-child(13) { animation-delay: 0.39s; }
.bgr-nav-link:nth-child(14) { animation-delay: 0.42s; }
.bgr-nav-link:nth-child(15) { animation-delay: 0.45s; }
.bgr-nav-link:nth-child(16) { animation-delay: 0.48s; }
.bgr-nav-link:nth-child(17) { animation-delay: 0.51s; }
.bgr-nav-link:nth-child(18) { animation-delay: 0.54s; }
.bgr-nav-link:nth-child(19) { animation-delay: 0.57s; }
.bgr-nav-link:nth-child(20) { animation-delay: 0.60s; }

@keyframes bgrNavItemIn {
    to { opacity: 1; transform: translateX(0); }
}
@keyframes bgrFadeSlideIn {
    from { opacity: 0; transform: translateY(-4px); }
    to { opacity: 1; transform: translateY(0); }
}

body.nav-open #app-sidebar .bgr-nav-link {
    animation: bgrNavItemIn 0.35s ease forwards;
}

/* ── Main content area – light theme overrides for existing dark Tailwind views ── */
[data-bgr-theme="light"] main.bgr-main {
    color: #334155;
}

[data-bgr-theme="light"] main.bgr-main h1,
[data-bgr-theme="light"] main.bgr-main h2,
[data-bgr-theme="light"] main.bgr-main h3 {
    color: var(--bgr-text) !important;
}

[data-bgr-theme="light"] main.bgr-main p.text-slate-400,
[data-bgr-theme="light"] main.bgr-main .text-slate-400:not(a):not(button) {
    color: var(--bgr-text-muted) !important;
}

[data-bgr-theme="light"] main.bgr-main .text-slate-500 {
    color: #64748b !important;
}

[data-bgr-theme="light"] main.bgr-main .text-slate-200,
[data-bgr-theme="light"] main.bgr-main .text-slate-300 {
    color: #475569 !important;
}

[data-bgr-theme="light"] main.bgr-main h1.text-white,
[data-bgr-theme="light"] main.bgr-main h2.text-white,
[data-bgr-theme="light"] main.bgr-main h3.text-white,
[data-bgr-theme="light"] main.bgr-main .text-3xl.text-white,
[data-bgr-theme="light"] main.bgr-main .text-2xl.text-white {
    color: var(--bgr-text) !important;
}

/* Cards & panels */
[data-bgr-theme="light"] main.bgr-main [class*="border-slate-800"],
[data-bgr-theme="light"] main.bgr-main [class*="border-slate-700"] {
    border-color: var(--bgr-border) !important;
}

[data-bgr-theme="light"] main.bgr-main [class*="bg-slate-900"],
[data-bgr-theme="light"] main.bgr-main [class*="bg-slate-950"] {
    background-color: var(--bgr-surface) !important;
}

[data-bgr-theme="light"] main.bgr-main .rounded-xl[class*="bg-slate"],
[data-bgr-theme="light"] main.bgr-main .rounded-2xl[class*="bg-slate"],
[data-bgr-theme="light"] main.bgr-main .rounded-lg[class*="bg-slate"]:not([class*="bg-sky"]):not([class*="bg-emerald"]):not([class*="bg-red"]):not([class*="bg-violet"]):not([class*="bg-amber"]):not([class*="bg-rose"]) {
    background-color: var(--bgr-surface) !important;
    box-shadow: var(--bgr-shadow);
}

/* Form controls */
[data-bgr-theme="light"] main.bgr-main input[type="text"],
[data-bgr-theme="light"] main.bgr-main input[type="email"],
[data-bgr-theme="light"] main.bgr-main input[type="password"],
[data-bgr-theme="light"] main.bgr-main input[type="number"],
[data-bgr-theme="light"] main.bgr-main input[type="date"],
[data-bgr-theme="light"] main.bgr-main input[type="search"],
[data-bgr-theme="light"] main.bgr-main input[type="tel"],
[data-bgr-theme="light"] main.bgr-main select,
[data-bgr-theme="light"] main.bgr-main textarea {
    background-color: var(--bgr-surface) !important;
    border-color: var(--bgr-border-strong) !important;
    color: var(--bgr-text) !important;
}
[data-bgr-theme="light"] main.bgr-main input:focus,
[data-bgr-theme="light"] main.bgr-main select:focus,
[data-bgr-theme="light"] main.bgr-main textarea:focus {
    border-color: var(--bgr-primary) !important;
    box-shadow: 0 0 0 3px rgba(14, 165, 233, 0.15) !important;
}

/* Tables */
[data-bgr-theme="light"] main.bgr-main table {
    background: var(--bgr-surface);
}
[data-bgr-theme="light"] main.bgr-main .divide-slate-800 > :not([hidden]) ~ :not([hidden]) {
    border-color: var(--bgr-border) !important;
}
[data-bgr-theme="light"] main.bgr-main thead[class*="bg-slate"],
[data-bgr-theme="light"] main.bgr-main thead tr {
    background: var(--bgr-surface-2) !important;
}
[data-bgr-theme="light"] main.bgr-main thead th {
    color: var(--bgr-text-muted) !important;
    font-weight: 600;
}
[data-bgr-theme="light"] main.bgr-main tbody tr {
    transition: background 0.15s ease;
}
[data-bgr-theme="light"] main.bgr-main tbody tr:hover {
    background: #f1f5f9 !important;
}
[data-bgr-theme="light"] main.bgr-main td.text-white,
[data-bgr-theme="light"] main.bgr-main td .text-white:not(a) {
    color: var(--bgr-text) !important;
}

/* Secondary buttons */
[data-bgr-theme="light"] main.bgr-main a.rounded-lg.border[class*="border-slate"],
[data-bgr-theme="light"] main.bgr-main button.rounded-lg.border[class*="border-slate"] {
    background: var(--bgr-surface) !important;
    color: #475569 !important;
    border-color: var(--bgr-border-strong) !important;
}
[data-bgr-theme="light"] main.bgr-main a.rounded-lg.border[class*="border-slate"]:hover,
[data-bgr-theme="light"] main.bgr-main button.rounded-lg.border[class*="border-slate"]:hover {
    border-color: var(--bgr-primary) !important;
    color: var(--bgr-primary-dark) !important;
    background: var(--bgr-primary-light) !important;
}

/* Solid action buttons keep white text — translucent bg-*/40 variants excluded */
[data-bgr-theme="light"] main.bgr-main a.text-white[class*="bg-sky-5"]:not([class*="/"]):not([class*="bg-sky-50"]),
[data-bgr-theme="light"] main.bgr-main button.text-white[class*="bg-sky-5"]:not([class*="/"]):not([class*="bg-sky-50"]),
[data-bgr-theme="light"] main.bgr-main a.text-white[class*="bg-sky-6"]:not([class*="/"]),
[data-bgr-theme="light"] main.bgr-main button.text-white[class*="bg-sky-6"]:not([class*="/"]),
[data-bgr-theme="light"] main.bgr-main a.text-white[class*="bg-emerald-5"]:not([class*="/"]):not([class*="bg-emerald-50"]),
[data-bgr-theme="light"] main.bgr-main button.text-white[class*="bg-emerald-5"]:not([class*="/"]):not([class*="bg-emerald-50"]),
[data-bgr-theme="light"] main.bgr-main a.text-white[class*="bg-emerald-6"]:not([class*="/"]),
[data-bgr-theme="light"] main.bgr-main button.text-white[class*="bg-emerald-6"]:not([class*="/"]),
[data-bgr-theme="light"] main.bgr-main a.text-white[class*="bg-violet-5"]:not([class*="/"]):not([class*="bg-violet-50"]),
[data-bgr-theme="light"] main.bgr-main button.text-white[class*="bg-violet-5"]:not([class*="/"]):not([class*="bg-violet-50"]),
[data-bgr-theme="light"] main.bgr-main a.text-white[class*="bg-violet-6"]:not([class*="/"]),
[data-bgr-theme="light"] main.bgr-main button.text-white[class*="bg-violet-6"]:not([class*="/"]),
[data-bgr-theme="light"] main.bgr-main a.text-white[class*="bg-amber-5"]:not([class*="/"]):not([class*="bg-amber-50"]),
[data-bgr-theme="light"] main.bgr-main button.text-white[class*="bg-amber-5"]:not([class*="/"]):not([class*="bg-amber-50"]),
[data-bgr-theme="light"] main.bgr-main a.text-white[class*="bg-amber-6"]:not([class*="/"]),
[data-bgr-theme="light"] main.bgr-main button.text-white[class*="bg-amber-6"]:not([class*="/"]) {
    color: #fff !important;
}

/* Accent cards – lighten */
[data-bgr-theme="light"] main.bgr-main [class*="bg-violet-500/5"],
[data-bgr-theme="light"] main.bgr-main [class*="bg-violet-950"] {
    background: #f5f3ff !important;
    border-color: #ddd6fe !important;
}
[data-bgr-theme="light"] main.bgr-main [class*="text-violet-100"],
[data-bgr-theme="light"] main.bgr-main [class*="text-violet-200"] {
    color: #5b21b6 !important;
}
[data-bgr-theme="light"] main.bgr-main [class*="bg-amber-500/5"] {
    background: #fffbeb !important;
    border-color: #fde68a !important;
}
[data-bgr-theme="light"] main.bgr-main [class*="text-amber-100"],
[data-bgr-theme="light"] main.bgr-main [class*="text-amber-200"] {
    color: #b45309 !important;
}
[data-bgr-theme="light"] main.bgr-main [class*="bg-rose-500/5"] {
    background: #fff1f2 !important;
}
[data-bgr-theme="light"] main.bgr-main [class*="text-rose-200"],
[data-bgr-theme="light"] main.bgr-main [class*="text-rose-300"] {
    color: #be123c !important;
}
[data-bgr-theme="light"] main.bgr-main [class*="text-emerald-300"] {
    color: #047857 !important;
}
[data-bgr-theme="light"] main.bgr-main [class*="text-emerald-200"],
[data-bgr-theme="light"] main.bgr-main [class*="text-emerald-400"] {
    color: #047857 !important;
}
[data-bgr-theme="light"] main.bgr-main [class*="text-teal-200"],
[data-bgr-theme="light"] main.bgr-main [class*="text-teal-400"] {
    color: #0f766e !important;
}
[data-bgr-theme="light"] main.bgr-main [class*="text-violet-400"] {
    color: #6d28d9 !important;
}
[data-bgr-theme="light"] main.bgr-main [class*="text-amber-400"],
[data-bgr-theme="light"] main.bgr-main [class*="text-amber-300"] {
    color: #b45309 !important;
}
[data-bgr-theme="light"] main.bgr-main [class*="text-rose-400"] {
    color: #be123c !important;
}
[data-bgr-theme="light"] main.bgr-main [class*="text-sky-300"] {
    color: #0369a1 !important;
}
/* Puantaj / maaş özet kartları — açık zeminde okunaklı arka plan */
[data-bgr-theme="light"] main.bgr-main [class*="bg-emerald-950"],
[data-bgr-theme="light"] main.bgr-main [class*="bg-emerald-500/25"] {
    background: #ecfdf5 !important;
    border-color: #6ee7b7 !important;
}
[data-bgr-theme="light"] main.bgr-main [class*="bg-rose-950"],
[data-bgr-theme="light"] main.bgr-main [class*="bg-rose-500/25"] {
    background: #fff1f2 !important;
    border-color: #fda4af !important;
}

/* Stok — kritik stok uyarısı (açık/koyu tema okunaklı) */
.bgr-kritik-stok {
    background: linear-gradient(135deg, #450a0a 0%, #7f1d1d 100%);
    border-color: #f87171 !important;
}
.bgr-kritik-stok-icon {
    background: #fecaca;
    color: #991b1b;
}
.bgr-kritik-stok-baslik {
    color: #fff;
}
.bgr-kritik-stok-alt {
    color: #fecaca;
}
.bgr-kritik-stok-satir {
    background: rgba(0, 0, 0, 0.25);
    border: 1px solid rgba(254, 202, 202, 0.35);
}
.bgr-kritik-stok-urun {
    color: #fff;
}
.bgr-kritik-stok-rakam {
    color: #fecaca;
}
.bgr-kritik-stok-link {
    background: #fff;
    color: #991b1b;
}
.bgr-kritik-stok-link:hover {
    background: #fecaca;
    color: #7f1d1d;
}
[data-bgr-theme="light"] main.bgr-main .bgr-kritik-stok {
    background: linear-gradient(135deg, #fff1f2 0%, #ffe4e6 100%);
    border-color: #e11d48 !important;
    box-shadow: 0 4px 14px rgba(225, 29, 72, 0.15);
}
[data-bgr-theme="light"] main.bgr-main .bgr-kritik-stok-icon {
    background: #e11d48;
    color: #fff;
}
[data-bgr-theme="light"] main.bgr-main .bgr-kritik-stok-baslik {
    color: #9f1239;
}
[data-bgr-theme="light"] main.bgr-main .bgr-kritik-stok-alt {
    color: #be123c;
}
[data-bgr-theme="light"] main.bgr-main .bgr-kritik-stok-satir {
    background: #fff;
    border: 1px solid #fda4af;
}
[data-bgr-theme="light"] main.bgr-main .bgr-kritik-stok-urun {
    color: #881337;
}
[data-bgr-theme="light"] main.bgr-main .bgr-kritik-stok-rakam {
    color: #be123c;
}
[data-bgr-theme="light"] main.bgr-main .bgr-kritik-stok-link {
    background: #e11d48;
    color: #fff;
}
[data-bgr-theme="light"] main.bgr-main .bgr-kritik-stok-link:hover {
    background: #be123c;
    color: #fff;
}

[data-bgr-theme="light"] main.bgr-main [class*="bg-sky-950"],
[data-bgr-theme="light"] main.bgr-main [class*="bg-sky-500/20"] {
    background: #f0f9ff !important;
    border-color: #7dd3fc !important;
}
[data-bgr-theme="light"] main.bgr-main [class*="bg-indigo-950"],
[data-bgr-theme="light"] main.bgr-main [class*="bg-indigo-500/25"] {
    background: #eef2ff !important;
    border-color: #a5b4fc !important;
}
[data-bgr-theme="light"] main.bgr-main [class*="text-indigo-200"],
[data-bgr-theme="light"] main.bgr-main [class*="text-indigo-300"] {
    color: #4338ca !important;
}
[data-bgr-theme="light"] main.bgr-main [class*="text-sky-200"],
[data-bgr-theme="light"] main.bgr-main [class*="text-sky-400"]:not(a) {
    color: #0284c7 !important;
}
[data-bgr-theme="light"] main.bgr-main a.text-sky-400 {
    color: var(--bgr-primary) !important;
}
[data-bgr-theme="light"] main.bgr-main a.text-sky-400:hover {
    color: var(--bgr-primary-dark) !important;
}

/* Flash messages */
[data-bgr-theme="light"] main.bgr-main .border-emerald-500\/35 {
    background: #ecfdf5 !important;
    border-color: #6ee7b7 !important;
    color: #065f46 !important;
}
[data-bgr-theme="light"] main.bgr-main .border-red-500\/35 {
    background: #fef2f2 !important;
    border-color: #fca5a5 !important;
    color: #991b1b !important;
}

/* ── Dashboard specific ── */
.bgr-stat-card {
    background: var(--bgr-surface);
    border: 1px solid var(--bgr-border);
    border-radius: var(--bgr-radius);
    padding: 1.25rem;
    box-shadow: var(--bgr-shadow);
    transition: all var(--bgr-transition);
    text-decoration: none;
    color: inherit;
    display: block;
    position: relative;
    overflow: hidden;
}
.bgr-stat-card::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--card-accent, #0ea5e9), transparent);
    opacity: 0;
    transition: opacity var(--bgr-transition);
}
.bgr-stat-card:hover {
    transform: translateY(-3px);
    box-shadow: var(--bgr-shadow-lg);
    border-color: #bae6fd;
}
.bgr-stat-card:hover::after { opacity: 1; }

.bgr-stat-card .stat-label {
    font-size: 0.6875rem;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--bgr-text-muted);
}
.bgr-stat-card .stat-value {
    font-size: 2rem;
    font-weight: 800;
    color: var(--bgr-text);
    line-height: 1.2;
    margin-top: 0.375rem;
}

.bgr-chart-card {
    background: var(--bgr-surface);
    border: 1px solid var(--bgr-border);
    border-radius: 1rem;
    padding: 1.25rem;
    box-shadow: var(--bgr-shadow);
}

.bgr-quick-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.5rem 1rem;
    border-radius: 0.625rem;
    font-size: 0.875rem;
    font-weight: 500;
    text-decoration: none;
    transition: all var(--bgr-transition);
}
.bgr-quick-btn-primary {
    background: linear-gradient(135deg, #0ea5e9, #0284c7);
    color: #fff !important;
    box-shadow: 0 2px 8px rgba(14, 165, 233, 0.3);
}
.bgr-quick-btn-primary:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 14px rgba(14, 165, 233, 0.4);
}
.bgr-quick-btn-secondary {
    background: var(--bgr-surface);
    border: 1px solid var(--bgr-border-strong);
    color: #475569 !important;
}
.bgr-quick-btn-secondary:hover {
    border-color: var(--bgr-primary);
    color: var(--bgr-primary-dark) !important;
    background: var(--bgr-primary-light);
}

/* ── Login page ── */
body.bgr-login {
    background: linear-gradient(160deg, #e0f2fe 0%, #f0f4f8 50%, #eef2ff 100%);
    min-height: 100dvh;
}
.bgr-login-card {
    background: var(--bgr-surface);
    border: 1px solid var(--bgr-border);
    border-radius: 1.25rem;
    box-shadow: var(--bgr-shadow-lg);
}
.bgr-login-card input {
    background: var(--bgr-surface-2) !important;
    border-color: var(--bgr-border-strong) !important;
    color: var(--bgr-text) !important;
}
.bgr-login-card input:focus {
    border-color: var(--bgr-primary) !important;
    box-shadow: 0 0 0 3px rgba(14, 165, 233, 0.15) !important;
}

/* ── Responsive tweaks ── */
@media (max-width: 639px) {
    .bgr-stat-card .stat-value { font-size: 1.625rem; }
}

/* ── Chat widget (layout dışı) ── */
#chat-panel {
    background: var(--bgr-surface) !important;
    border-color: var(--bgr-border) !important;
    box-shadow: var(--bgr-shadow-lg) !important;
}
#chat-panel .border-slate-800,
#chat-panel .border-slate-700 {
    border-color: var(--bgr-border) !important;
}
#chat-panel .bg-slate-950,
#chat-panel .bg-slate-900 {
    background: var(--bgr-surface) !important;
}
#chat-panel .text-white {
    color: var(--bgr-text) !important;
}
#chat-panel .text-slate-200,
#chat-panel .text-slate-400 {
    color: var(--bgr-text-muted) !important;
}
#chat-panel button:hover {
    background: var(--bgr-surface-2) !important;
}
#chat-panel input {
    background: var(--bgr-surface-2) !important;
    border-color: var(--bgr-border-strong) !important;
    color: var(--bgr-text) !important;
}
#chat-toggle {
    background: linear-gradient(135deg, #0ea5e9, #6366f1) !important;
    box-shadow: 0 4px 14px rgba(14, 165, 233, 0.35);
}

@media (prefers-reduced-motion: reduce) {
    .bgr-nav-link,
    .bgr-stat-card,
    .bgr-logo,
    .bgr-header-btn {
        animation: none !important;
        transition: none !important;
    }
    .bgr-nav-link { opacity: 1; transform: none; }
}

/* ── Dashboard mini list ── */
.bgr-dash-list {
    list-style: none;
    margin: 0;
    padding: 0;
}
.bgr-dash-list li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    padding: 0.625rem 0;
    border-bottom: 1px solid var(--bgr-border);
    font-size: 0.8125rem;
}
.bgr-dash-list li:last-child { border-bottom: none; }
.bgr-dash-list a { color: var(--bgr-primary); text-decoration: none; font-weight: 500; }
.bgr-dash-list a:hover { text-decoration: underline; }
.bgr-dash-badge {
    display: inline-block;
    padding: 0.125rem 0.5rem;
    border-radius: 9999px;
    font-size: 0.6875rem;
    font-weight: 600;
    white-space: nowrap;
}

.bgr-hesap-table {
    border-collapse: collapse;
    width: 100%;
}
.bgr-hesap-table thead {
    background: var(--bgr-surface-2);
}
.bgr-hesap-table thead th {
    font-size: 0.6875rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--bgr-text-muted);
    border-bottom: 1px solid var(--bgr-border);
}
.bgr-hesap-table tbody td {
    border-bottom: 1px solid var(--bgr-border);
    color: var(--bgr-text);
}
.bgr-hesap-table tbody tr:last-child td {
    border-bottom: none;
}
.bgr-hesap-table tbody tr:hover {
    background: var(--bgr-surface-2);
}

.bgr-info-tip {
    position: relative;
    display: inline-flex;
    vertical-align: middle;
    margin-left: 0.25rem;
    outline: none;
}
.bgr-info-tip-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1rem;
    height: 1rem;
    border-radius: 9999px;
    font-size: 0.625rem;
    font-weight: 700;
    line-height: 1;
    color: var(--bgr-primary);
    background: var(--bgr-primary-light);
    cursor: help;
}
.bgr-info-tip-bubble {
    position: absolute;
    z-index: 40;
    left: 50%;
    transform: translateX(-50%);
    width: min(16rem, 70vw);
    padding: 0.5rem 0.625rem;
    border-radius: 0.5rem;
    font-size: 0.6875rem;
    font-weight: 400;
    line-height: 1.45;
    text-transform: none;
    letter-spacing: normal;
    color: #f8fafc;
    background: #0f172a;
    box-shadow: 0 4px 14px rgba(15, 23, 42, 0.25);
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.15s ease, visibility 0.15s ease;
}
.bgr-info-tip--bottom .bgr-info-tip-bubble {
    top: calc(100% + 0.35rem);
}
.bgr-info-tip--top .bgr-info-tip-bubble {
    bottom: calc(100% + 0.35rem);
}
.bgr-info-tip:hover .bgr-info-tip-bubble,
.bgr-info-tip:focus .bgr-info-tip-bubble,
.bgr-info-tip:focus-within .bgr-info-tip-bubble {
    opacity: 1;
    visibility: visible;
}
[data-bgr-theme="dark"] .bgr-info-tip-bubble {
    background: #334155;
    color: #f1f5f9;
}

.bgr-cari-kilit-badge {
    position: relative;
    display: inline-flex;
    vertical-align: middle;
    outline: none;
}
.bgr-cari-kilit-badge-label {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    border-radius: 9999px;
    padding: 0.125rem 0.5rem;
    font-size: 0.6875rem;
    font-weight: 600;
    line-height: 1.25;
    color: #be123c;
    background: rgba(244, 63, 94, 0.12);
    border: 1px solid rgba(244, 63, 94, 0.35);
    cursor: help;
    white-space: nowrap;
}
.bgr-cari-kilit-badge-bubble {
    position: absolute;
    z-index: 50;
    left: 50%;
    bottom: calc(100% + 0.45rem);
    transform: translateX(-50%);
    min-width: 12rem;
    max-width: 18rem;
    padding: 0.55rem 0.7rem;
    border-radius: 0.5rem;
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1.4;
    color: #fff;
    background: #1e293b;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.28);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.15s ease, visibility 0.15s ease;
    text-align: left;
}
.bgr-cari-kilit-badge-bubble::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border: 6px solid transparent;
    border-top-color: #1e293b;
}
.bgr-cari-kilit-badge:hover .bgr-cari-kilit-badge-bubble,
.bgr-cari-kilit-badge:focus .bgr-cari-kilit-badge-bubble,
.bgr-cari-kilit-badge:focus-within .bgr-cari-kilit-badge-bubble {
    opacity: 1;
    visibility: visible;
}
[data-bgr-theme="dark"] .bgr-cari-kilit-badge-label {
    color: #fda4af;
    background: rgba(244, 63, 94, 0.2);
    border-color: rgba(244, 63, 94, 0.45);
}
[data-bgr-theme="dark"] .bgr-cari-kilit-badge-bubble {
    background: #0f172a;
    border: 1px solid rgba(148, 163, 184, 0.25);
}
[data-bgr-theme="dark"] .bgr-cari-kilit-badge-bubble::after {
    border-top-color: #0f172a;
}

@keyframes bgr-mesaj-badge-pulse {
    0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(244, 63, 94, 0.6); }
    50% { transform: scale(1.12); box-shadow: 0 0 0 6px rgba(244, 63, 94, 0); }
}
@keyframes bgr-mesaj-btn-pulse {
    0%, 100% { box-shadow: 0 0 0 0 rgba(14, 165, 233, 0.45); }
    50% { box-shadow: 0 0 0 8px rgba(14, 165, 233, 0); }
}
.bgr-mesaj-badge-pulse {
    animation: bgr-mesaj-badge-pulse 0.55s ease-in-out 3;
}
.bgr-mesaj-btn-pulse {
    animation: bgr-mesaj-btn-pulse 0.7s ease-in-out 3;
}

@keyframes bgr-titresim-shake {
    0%, 100% { transform: translate(0, 0); }
    10% { transform: translate(-4px, 2px) rotate(-1deg); }
    20% { transform: translate(4px, -2px) rotate(1deg); }
    30% { transform: translate(-3px, 3px); }
    40% { transform: translate(3px, -3px); }
    50% { transform: translate(-2px, 2px) rotate(-0.5deg); }
    60% { transform: translate(2px, -2px) rotate(0.5deg); }
    70% { transform: translate(-1px, 1px); }
    80% { transform: translate(1px, -1px); }
}
.bgr-titresim-shake {
    animation: bgr-titresim-shake 0.45s ease-in-out 6;
}
.mesaj-bubble-titresim {
    background: linear-gradient(135deg, rgba(245, 158, 11, 0.25), rgba(234, 88, 12, 0.15));
    border: 1px solid rgba(245, 158, 11, 0.45);
    color: #fcd34d;
}
.mesaj-bubble-titresim-ben {
    background: linear-gradient(135deg, rgba(245, 158, 11, 0.35), rgba(217, 119, 6, 0.25));
}
.mesaj-titresim-metin {
    margin: 0;
    font-size: 0.875rem;
}
.mesaj-bubble-silindi-yonetim {
    opacity: 0.72;
    border: 1px dashed rgba(251, 191, 36, 0.35);
}
.mesaj-sil-btn {
    display: none;
}
.group:hover .mesaj-sil-btn {
    display: flex;
}

/* Mesaj bildirim toast */
.bgr-mesaj-toast-wrap {
    position: fixed;
    top: 4.5rem;
    right: 1rem;
    z-index: 9999;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    max-width: min(22rem, calc(100vw - 2rem));
    pointer-events: none;
}
.bgr-mesaj-toast {
    display: flex;
    align-items: flex-start;
    gap: 0.65rem;
    padding: 0.75rem 1rem;
    border-radius: 0.875rem;
    border: 1px solid rgba(51, 65, 85, 0.9);
    background: rgba(15, 23, 42, 0.96);
    color: #f1f5f9;
    text-decoration: none;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.45);
    pointer-events: auto;
    opacity: 0;
    transform: translateX(1.25rem);
    transition: opacity 0.28s ease, transform 0.28s ease;
}
.bgr-mesaj-toast-goster {
    opacity: 1;
    transform: translateX(0);
}
.bgr-mesaj-toast-hide {
    opacity: 0;
    transform: translateX(1rem);
}
.bgr-mesaj-toast-titresim {
    border-color: rgba(245, 158, 11, 0.55);
    background: linear-gradient(135deg, rgba(69, 26, 3, 0.97), rgba(15, 23, 42, 0.97));
}
.bgr-mesaj-toast-mesaj {
    border-color: rgba(14, 165, 233, 0.45);
}
.bgr-mesaj-toast-ikon {
    font-size: 1.35rem;
    line-height: 1;
    flex-shrink: 0;
}
.bgr-mesaj-toast-metin {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    min-width: 0;
    font-size: 0.8125rem;
    line-height: 1.35;
}
.bgr-mesaj-toast-metin strong {
    color: #fff;
    font-weight: 600;
}
.bgr-mesaj-toast-onizleme {
    color: #cbd5e1;
    font-size: 0.75rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.bgr-mesaj-toast-alt {
    font-size: 0.65rem;
    color: #64748b;
    margin-top: 0.15rem;
}
[data-bgr-theme="light"] .bgr-mesaj-toast {
    background: rgba(255, 255, 255, 0.98);
    color: #0f172a;
    border-color: #cbd5e1;
    box-shadow: 0 12px 32px rgba(15, 23, 42, 0.12);
}
[data-bgr-theme="light"] .bgr-mesaj-toast-metin strong {
    color: #0f172a;
}
[data-bgr-theme="light"] .bgr-mesaj-toast-onizleme {
    color: #475569;
}

/* ── Dark theme ── */
[data-bgr-theme="dark"] {
    --bgr-bg: #0f172a;
    --bgr-bg-accent: #1e293b;
    --bgr-surface: #1e293b;
    --bgr-surface-2: #334155;
    --bgr-border: #334155;
    --bgr-border-strong: #475569;
    --bgr-text: #f1f5f9;
    --bgr-text-muted: #94a3b8;
    --bgr-primary: #38bdf8;
    --bgr-primary-light: rgba(14, 165, 233, 0.15);
    --bgr-primary-dark: #7dd3fc;
    --bgr-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    --bgr-shadow-lg: 0 4px 24px rgba(0, 0, 0, 0.45);
}

[data-bgr-theme="dark"] body.bgr-app {
    background: linear-gradient(160deg, #0f172a 0%, #020617 50%, #0b1120 100%);
    color: var(--bgr-text);
}

[data-bgr-theme="dark"] body.bgr-login {
    background: linear-gradient(160deg, #0f172a 0%, #020617 50%, #0b1120 100%);
}

[data-bgr-theme="dark"] .bgr-header {
    background: rgba(15, 23, 42, 0.92);
    border-bottom-color: var(--bgr-border);
}

[data-bgr-theme="dark"] .bgr-header .text-slate-800 { color: #f1f5f9 !important; }
[data-bgr-theme="dark"] .bgr-header .text-slate-500 { color: #94a3b8 !important; }
[data-bgr-theme="dark"] .bgr-header .text-slate-600 { color: #cbd5e1 !important; }

[data-bgr-theme="dark"] .bgr-role-badge {
    background: rgba(14, 165, 233, 0.15);
    border-color: #0369a1;
    color: #7dd3fc;
}

[data-bgr-theme="dark"] #nav-backdrop {
    background: rgba(2, 6, 23, 0.75) !important;
}

[data-bgr-theme="dark"] .bgr-nav-link.is-active {
    background: linear-gradient(135deg, rgba(14, 165, 233, 0.2) 0%, rgba(99, 102, 241, 0.15) 100%);
    border-color: #0369a1;
    color: #e0f2fe;
}

[data-bgr-theme="dark"] .bgr-stat-card:hover {
    border-color: #0369a1;
}

[data-bgr-theme="dark"] .bgr-login-card h1,
[data-bgr-theme="dark"] body.bgr-login .text-slate-900 {
    color: #f1f5f9 !important;
}

[data-bgr-theme="dark"] .bgr-chart-card .text-slate-700 {
    color: #e2e8f0 !important;
}

[data-bgr-theme="dark"] .bgr-dash-section-title {
    color: #f1f5f9 !important;
}

[data-bgr-theme="dark"] #chat-panel .text-white {
    color: var(--bgr-text) !important;
}

/* ── Tema: yazı kontrastı (açık=koyu yazı, koyu=açık yazı) ── */
html:not([data-bgr-theme="dark"]) {
    color-scheme: light;
}
[data-bgr-theme="dark"] {
    color-scheme: dark;
}

/* Açık tema — tüm uygulama */
html:not([data-bgr-theme="dark"]) body.bgr-app,
[data-bgr-theme="light"] body.bgr-app {
    color: var(--bgr-text);
}

html:not([data-bgr-theme="dark"]) .bgr-header-btn,
[data-bgr-theme="light"] .bgr-header-btn {
    color: var(--bgr-text) !important;
}

html:not([data-bgr-theme="dark"]) input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="submit"]):not([type="button"]),
html:not([data-bgr-theme="dark"]) select,
html:not([data-bgr-theme="dark"]) textarea,
[data-bgr-theme="light"] input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="submit"]):not([type="button"]),
[data-bgr-theme="light"] select,
[data-bgr-theme="light"] textarea {
    color: #0f172a !important;
    -webkit-text-fill-color: #0f172a;
    caret-color: #0f172a;
    background-color: #ffffff !important;
    border-color: #cbd5e1 !important;
}

html:not([data-bgr-theme="dark"]) input::placeholder,
html:not([data-bgr-theme="dark"]) textarea::placeholder,
[data-bgr-theme="light"] input::placeholder,
[data-bgr-theme="light"] textarea::placeholder {
    color: #94a3b8 !important;
    opacity: 1;
}

html:not([data-bgr-theme="dark"]) main.bgr-main .text-white,
[data-bgr-theme="light"] main.bgr-main .text-white {
    color: #0f172a !important;
}

html:not([data-bgr-theme="dark"]) main.bgr-main label,
html:not([data-bgr-theme="dark"]) main.bgr-main .text-slate-200,
html:not([data-bgr-theme="dark"]) main.bgr-main .text-slate-300,
[data-bgr-theme="light"] main.bgr-main label,
[data-bgr-theme="light"] main.bgr-main .text-slate-200,
[data-bgr-theme="light"] main.bgr-main .text-slate-300 {
    color: #334155 !important;
}

html:not([data-bgr-theme="dark"]) main.bgr-main .text-slate-900,
html:not([data-bgr-theme="dark"]) .bgr-dash-section-title,
html:not([data-bgr-theme="dark"]) .bgr-chart-card .text-slate-700,
[data-bgr-theme="light"] main.bgr-main .text-slate-900,
[data-bgr-theme="light"] .bgr-dash-section-title,
[data-bgr-theme="light"] .bgr-chart-card .text-slate-700 {
    color: #0f172a !important;
}

html:not([data-bgr-theme="dark"]) main.bgr-main a.text-white[class*="bg-sky-5"]:not([class*="/"]):not([class*="bg-sky-50"]),
html:not([data-bgr-theme="dark"]) main.bgr-main button.text-white[class*="bg-sky-5"]:not([class*="/"]):not([class*="bg-sky-50"]),
html:not([data-bgr-theme="dark"]) main.bgr-main a.text-white[class*="bg-sky-6"]:not([class*="/"]),
html:not([data-bgr-theme="dark"]) main.bgr-main button.text-white[class*="bg-sky-6"]:not([class*="/"]),
html:not([data-bgr-theme="dark"]) main.bgr-main a.text-white[class*="bg-emerald-5"]:not([class*="/"]):not([class*="bg-emerald-50"]),
html:not([data-bgr-theme="dark"]) main.bgr-main button.text-white[class*="bg-emerald-5"]:not([class*="/"]):not([class*="bg-emerald-50"]),
html:not([data-bgr-theme="dark"]) main.bgr-main a.text-white[class*="bg-emerald-6"]:not([class*="/"]),
html:not([data-bgr-theme="dark"]) main.bgr-main button.text-white[class*="bg-emerald-6"]:not([class*="/"]),
html:not([data-bgr-theme="dark"]) main.bgr-main a.text-white[class*="bg-violet-5"]:not([class*="/"]):not([class*="bg-violet-50"]),
html:not([data-bgr-theme="dark"]) main.bgr-main button.text-white[class*="bg-violet-5"]:not([class*="/"]):not([class*="bg-violet-50"]),
html:not([data-bgr-theme="dark"]) main.bgr-main a.text-white[class*="bg-violet-6"]:not([class*="/"]),
html:not([data-bgr-theme="dark"]) main.bgr-main button.text-white[class*="bg-violet-6"]:not([class*="/"]),
html:not([data-bgr-theme="dark"]) main.bgr-main a.text-white[class*="bg-amber-5"]:not([class*="/"]):not([class*="bg-amber-50"]),
html:not([data-bgr-theme="dark"]) main.bgr-main button.text-white[class*="bg-amber-5"]:not([class*="/"]):not([class*="bg-amber-50"]),
html:not([data-bgr-theme="dark"]) main.bgr-main a.text-white[class*="bg-amber-6"]:not([class*="/"]),
html:not([data-bgr-theme="dark"]) main.bgr-main button.text-white[class*="bg-amber-6"]:not([class*="/"]),
html:not([data-bgr-theme="dark"]) main.bgr-main a.text-white[class*="bg-teal-5"]:not([class*="/"]):not([class*="bg-teal-50"]),
html:not([data-bgr-theme="dark"]) main.bgr-main button.text-white[class*="bg-teal-5"]:not([class*="/"]):not([class*="bg-teal-50"]),
html:not([data-bgr-theme="dark"]) main.bgr-main a.text-white[class*="bg-teal-6"]:not([class*="/"]),
html:not([data-bgr-theme="dark"]) main.bgr-main button.text-white[class*="bg-teal-6"]:not([class*="/"]),
html:not([data-bgr-theme="dark"]) main.bgr-main a.text-white[class*="bg-green-5"]:not([class*="/"]):not([class*="bg-green-50"]),
html:not([data-bgr-theme="dark"]) main.bgr-main button.text-white[class*="bg-green-5"]:not([class*="/"]):not([class*="bg-green-50"]),
html:not([data-bgr-theme="dark"]) main.bgr-main a.text-white[class*="bg-green-6"]:not([class*="/"]),
html:not([data-bgr-theme="dark"]) main.bgr-main button.text-white[class*="bg-green-6"]:not([class*="/"]),
[data-bgr-theme="light"] main.bgr-main a.text-white[class*="bg-sky-5"]:not([class*="/"]):not([class*="bg-sky-50"]),
[data-bgr-theme="light"] main.bgr-main button.text-white[class*="bg-sky-5"]:not([class*="/"]):not([class*="bg-sky-50"]),
[data-bgr-theme="light"] main.bgr-main a.text-white[class*="bg-sky-6"]:not([class*="/"]),
[data-bgr-theme="light"] main.bgr-main button.text-white[class*="bg-sky-6"]:not([class*="/"]),
[data-bgr-theme="light"] main.bgr-main a.text-white[class*="bg-emerald-5"]:not([class*="/"]):not([class*="bg-emerald-50"]),
[data-bgr-theme="light"] main.bgr-main button.text-white[class*="bg-emerald-5"]:not([class*="/"]):not([class*="bg-emerald-50"]),
[data-bgr-theme="light"] main.bgr-main a.text-white[class*="bg-emerald-6"]:not([class*="/"]),
[data-bgr-theme="light"] main.bgr-main button.text-white[class*="bg-emerald-6"]:not([class*="/"]),
[data-bgr-theme="light"] main.bgr-main a.text-white[class*="bg-violet-5"]:not([class*="/"]):not([class*="bg-violet-50"]),
[data-bgr-theme="light"] main.bgr-main button.text-white[class*="bg-violet-5"]:not([class*="/"]):not([class*="bg-violet-50"]),
[data-bgr-theme="light"] main.bgr-main a.text-white[class*="bg-violet-6"]:not([class*="/"]),
[data-bgr-theme="light"] main.bgr-main button.text-white[class*="bg-violet-6"]:not([class*="/"]),
[data-bgr-theme="light"] main.bgr-main a.text-white[class*="bg-amber-5"]:not([class*="/"]):not([class*="bg-amber-50"]),
[data-bgr-theme="light"] main.bgr-main button.text-white[class*="bg-amber-5"]:not([class*="/"]):not([class*="bg-amber-50"]),
[data-bgr-theme="light"] main.bgr-main a.text-white[class*="bg-amber-6"]:not([class*="/"]),
[data-bgr-theme="light"] main.bgr-main button.text-white[class*="bg-amber-6"]:not([class*="/"]),
[data-bgr-theme="light"] main.bgr-main a.text-white[class*="bg-teal-5"]:not([class*="/"]):not([class*="bg-teal-50"]),
[data-bgr-theme="light"] main.bgr-main button.text-white[class*="bg-teal-5"]:not([class*="/"]):not([class*="bg-teal-50"]),
[data-bgr-theme="light"] main.bgr-main a.text-white[class*="bg-teal-6"]:not([class*="/"]),
[data-bgr-theme="light"] main.bgr-main button.text-white[class*="bg-teal-6"]:not([class*="/"]),
[data-bgr-theme="light"] main.bgr-main a.text-white[class*="bg-green-5"]:not([class*="/"]):not([class*="bg-green-50"]),
[data-bgr-theme="light"] main.bgr-main button.text-white[class*="bg-green-5"]:not([class*="/"]):not([class*="bg-green-50"]),
[data-bgr-theme="light"] main.bgr-main a.text-white[class*="bg-green-6"]:not([class*="/"]),
[data-bgr-theme="light"] main.bgr-main button.text-white[class*="bg-green-6"]:not([class*="/"]) {
    color: #ffffff !important;
}

/* Koyu tema — tüm uygulama */
[data-bgr-theme="dark"] input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="submit"]):not([type="button"]),
[data-bgr-theme="dark"] select,
[data-bgr-theme="dark"] textarea {
    color: #f1f5f9 !important;
    -webkit-text-fill-color: #f1f5f9;
    caret-color: #f1f5f9;
    background-color: #1e293b !important;
    border-color: #475569 !important;
}

[data-bgr-theme="dark"] input::placeholder,
[data-bgr-theme="dark"] textarea::placeholder {
    color: #64748b !important;
    opacity: 1;
}

[data-bgr-theme="dark"] main.bgr-main {
    color: #e2e8f0;
}

[data-bgr-theme="dark"] main.bgr-main h1,
[data-bgr-theme="dark"] main.bgr-main h2,
[data-bgr-theme="dark"] main.bgr-main h3,
[data-bgr-theme="dark"] main.bgr-main .text-slate-900,
[data-bgr-theme="dark"] main.bgr-main .text-white {
    color: #f1f5f9 !important;
}

[data-bgr-theme="dark"] main.bgr-main .text-slate-400,
[data-bgr-theme="dark"] main.bgr-main .text-slate-500,
[data-bgr-theme="dark"] main.bgr-main label {
    color: #94a3b8 !important;
}

[data-bgr-theme="dark"] main.bgr-main .text-slate-200,
[data-bgr-theme="dark"] main.bgr-main .text-slate-300,
[data-bgr-theme="dark"] main.bgr-main .text-slate-600 {
    color: #cbd5e1 !important;
}

[data-bgr-theme="dark"] main.bgr-main [class*="border-slate-800"],
[data-bgr-theme="dark"] main.bgr-main [class*="border-slate-700"] {
    border-color: #334155 !important;
}

[data-bgr-theme="dark"] main.bgr-main [class*="bg-slate-900"],
[data-bgr-theme="dark"] main.bgr-main [class*="bg-slate-950"],
[data-bgr-theme="dark"] main.bgr-main .rounded-xl[class*="bg-slate"],
[data-bgr-theme="dark"] main.bgr-main .rounded-2xl[class*="bg-slate"] {
    background-color: #1e293b !important;
}

[data-bgr-theme="dark"] main.bgr-main thead tr,
[data-bgr-theme="dark"] main.bgr-main thead[class*="bg-slate"] {
    background: #0f172a !important;
}

[data-bgr-theme="dark"] main.bgr-main tbody tr:hover {
    background: #334155 !important;
}

[data-bgr-theme="dark"] main.bgr-main a.rounded-lg.border[class*="border-slate"],
[data-bgr-theme="dark"] main.bgr-main button.rounded-lg.border[class*="border-slate"] {
    background: #1e293b !important;
    color: #e2e8f0 !important;
    border-color: #475569 !important;
}

[data-bgr-theme="dark"] .bgr-quick-btn-secondary {
    background: #1e293b !important;
    color: #e2e8f0 !important;
    border-color: #475569 !important;
}

[data-bgr-theme="dark"] .bgr-hdr-logout:hover {
    border-color: #f87171 !important;
    background: rgba(127, 29, 29, 0.35) !important;
    color: #fecaca !important;
}

[data-bgr-theme="dark"] body.bgr-login .text-slate-500,
[data-bgr-theme="dark"] body.bgr-login label {
    color: #94a3b8 !important;
}

[data-bgr-theme="dark"] .bgr-login-card input {
    background: #1e293b !important;
    color: #f1f5f9 !important;
    border-color: #475569 !important;
}

/* ── Kontrast: açık zemin ↔ koyu yazı, koyu zemin ↔ açık yazı ── */
.bgr-surface-light {
    color: #0f172a;
}

[data-bgr-theme="dark"] main.bgr-main .bgr-surface-light,
[data-bgr-theme="dark"] main.bgr-main table.bgr-surface-light {
    color: #0f172a !important;
}

[data-bgr-theme="dark"] main.bgr-main .bgr-surface-light td:not([style*="color:"]):not([class*="text-emerald"]):not([class*="text-rose"]):not([class*="text-amber"]):not([class*="text-violet"]):not([class*="text-sky"]):not([class*="text-teal"]),
[data-bgr-theme="dark"] main.bgr-main table.bgr-surface-light td:not([style*="color:"]):not([class*="text-emerald"]):not([class*="text-rose"]):not([class*="text-amber"]):not([class*="text-violet"]):not([class*="text-sky"]):not([class*="text-teal"]) {
    color: #0f172a !important;
}

[data-bgr-theme="dark"] main.bgr-main table td[style*="background:#f"],
[data-bgr-theme="dark"] main.bgr-main table td[style*="background: #f"],
[data-bgr-theme="dark"] main.bgr-main table td[style*="background:#e"],
[data-bgr-theme="dark"] main.bgr-main table td[style*="background: #e"],
[data-bgr-theme="dark"] main.bgr-main table tr[style*="background:#f"] > td:not([style*="color:"]),
[data-bgr-theme="dark"] main.bgr-main table tr[style*="background: #f"] > td:not([style*="color:"]),
[data-bgr-theme="dark"] main.bgr-main table tr[style*="background:#e"] > td:not([style*="color:"]),
[data-bgr-theme="dark"] main.bgr-main table tr[style*="background: #e"] > td:not([style*="color:"]) {
    color: #0f172a !important;
}

[data-bgr-theme="dark"] main.bgr-main tr[class*="bg-violet-50"]:not([class*="dark:bg-violet-9"]):not([class*="dark:bg-violet-8"]) td,
[data-bgr-theme="dark"] main.bgr-main tr[class*="bg-amber-50"]:not([class*="dark:bg-amber-9"]) td,
[data-bgr-theme="dark"] main.bgr-main tr[class*="bg-emerald-50"]:not([class*="dark:bg-emerald-9"]) td,
[data-bgr-theme="dark"] main.bgr-main tr[class*="bg-orange-50"]:not([class*="dark:bg-orange-9"]) td,
[data-bgr-theme="dark"] main.bgr-main tr[class*="bg-sky-50"]:not([class*="dark:bg-sky-9"]) td,
[data-bgr-theme="dark"] main.bgr-main tr[class*="bg-rose-50"]:not([class*="dark:bg-rose-9"]) td,
[data-bgr-theme="dark"] main.bgr-main tr[class*="bg-white"]:not([class*="dark:bg-"]) td,
[data-bgr-theme="dark"] main.bgr-main div[class*="bg-violet-50"]:not([class*="dark:bg-violet-9"]):not([class*="dark:bg-violet-8"]),
[data-bgr-theme="dark"] main.bgr-main div[class*="bg-amber-50"]:not([class*="dark:bg-amber-9"]),
[data-bgr-theme="dark"] main.bgr-main div[class*="bg-emerald-50"]:not([class*="dark:bg-emerald-9"]),
[data-bgr-theme="dark"] main.bgr-main div[class*="bg-sky-50"]:not([class*="dark:bg-sky-9"]),
[data-bgr-theme="dark"] main.bgr-main div[class*="bg-white"]:not([class*="dark:bg-"]) {
    color: #0f172a;
}

[data-bgr-theme="dark"] main.bgr-main tr[class*="bg-violet-50"]:not([class*="dark:bg-violet-9"]):not([class*="dark:bg-violet-8"]) td:not([class*="text-emerald"]):not([class*="text-rose"]):not([class*="text-amber"]):not([style*="color:"]),
[data-bgr-theme="dark"] main.bgr-main tr[class*="bg-amber-50"]:not([class*="dark:bg-amber-9"]) td:not([class*="text-emerald"]):not([class*="text-rose"]):not([style*="color:"]),
[data-bgr-theme="dark"] main.bgr-main tr[class*="bg-emerald-50"]:not([class*="dark:bg-emerald-9"]) td:not([style*="color:"]),
[data-bgr-theme="dark"] main.bgr-main tr[class*="bg-sky-50"]:not([class*="dark:bg-sky-9"]) td:not([style*="color:"]) {
    color: #0f172a !important;
}

[data-bgr-theme="light"] main.bgr-main [class*="bg-slate-900"]:not([class*="bg-sky"]):not([class*="bg-emerald"]):not([class*="bg-violet"]):not([class*="bg-amber"]):not([class*="bg-rose"]) .text-white:not(a):not(button):not([class*="bg-sky"]):not([class*="bg-emerald"]):not([class*="bg-violet"]):not([class*="bg-amber"]):not([class*="bg-rose"]),
[data-bgr-theme="light"] main.bgr-main [class*="bg-slate-950"] .text-white:not(a):not(button):not([class*="bg-"]),
[data-bgr-theme="light"] main.bgr-main [class*="bg-slate-900"]:not([class*="bg-sky"]) .text-slate-200,
[data-bgr-theme="light"] main.bgr-main [class*="bg-slate-900"]:not([class*="bg-sky"]) .text-slate-300,
[data-bgr-theme="light"] main.bgr-main [class*="bg-slate-950"] .text-slate-200,
[data-bgr-theme="light"] main.bgr-main [class*="bg-slate-950"] .text-slate-300 {
    color: var(--bgr-text) !important;
}

[data-bgr-theme="light"] main.bgr-main [class*="bg-sky-950"] .text-sky-800,
[data-bgr-theme="light"] main.bgr-main [class*="bg-sky-500/20"] .text-sky-800,
[data-bgr-theme="light"] main.bgr-main [class*="bg-sky-950"] .text-slate-700,
[data-bgr-theme="light"] main.bgr-main [class*="bg-sky-500/20"] .text-slate-700 {
    color: #075985 !important;
}

[data-bgr-theme="light"] main.bgr-main [class*="bg-sky-950"] .text-slate-900,
[data-bgr-theme="light"] main.bgr-main [class*="bg-sky-500/20"] .text-slate-900 {
    color: #0f172a !important;
}

/* ── Site-wide data tables (yatay kaydırma yok) ── */
main.bgr-main .overflow-x-auto:not(.bgr-table-scroll) {
    overflow-x: visible;
    max-width: 100%;
}

main.bgr-main .bgr-table-wrap,
main.bgr-main .overflow-x-auto.rounded-xl,
main.bgr-main .overflow-x-auto.rounded-2xl,
main.bgr-main .overflow-x-auto.rounded-lg {
    overflow-x: visible;
    max-width: 100%;
}

main.bgr-main .bgr-table-wrap.bgr-table-scroll,
main.bgr-main .overflow-x-auto.bgr-table-scroll {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
}

main.bgr-main .overflow-x-auto.bgr-table-scroll > table,
main.bgr-main .bgr-table-scroll > table {
    table-layout: auto;
    width: max-content;
    min-width: 100%;
    max-width: none;
}

main.bgr-main .bgr-table-scroll > table th,
main.bgr-main .bgr-table-scroll > table td {
    overflow: visible;
}

main.bgr-main .bgr-table-wrap {
    border: 1px solid var(--bgr-border);
    border-radius: 1rem;
    background: color-mix(in srgb, var(--bgr-surface) 88%, transparent);
}

main.bgr-main .bgr-table-wrap table,
main.bgr-main .bgr-table-wrap .bgr-table,
main.bgr-main .overflow-x-auto:not(.bgr-table-scroll) > table {
    width: 100%;
    max-width: 100%;
    table-layout: fixed;
    min-width: 0 !important;
}

main.bgr-main .bgr-table-wrap th,
main.bgr-main .bgr-table-wrap td,
main.bgr-main .overflow-x-auto:not(.bgr-table-scroll) > table th,
main.bgr-main .overflow-x-auto:not(.bgr-table-scroll) > table td {
    overflow: hidden;
    vertical-align: top;
}

main.bgr-main .bgr-cell-clip {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
}

main.bgr-main .bgr-cell-break {
    overflow: hidden;
    word-wrap: break-word;
    overflow-wrap: anywhere;
}

main.bgr-main .bgr-col-actions {
    width: 5.5rem;
    max-width: 6.5rem;
    overflow: visible !important;
    white-space: normal !important;
}

main.bgr-main .bgr-row-actions {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.2rem;
    font-size: 0.75rem;
    line-height: 1.3;
    overflow: visible;
    white-space: normal;
}

main.bgr-main .bgr-row-actions form {
    display: block;
    margin: 0;
}

main.bgr-main .bgr-row-actions a,
main.bgr-main .bgr-row-actions button {
    display: inline-block;
    white-space: nowrap;
}

@media (max-width: 639px) {
    main.bgr-main .bgr-table-wrap th,
    main.bgr-main .bgr-table-wrap td {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }
}

/* İş emirleri listesi — kaydırmasız, 2×2 işlem ızgarası */
main.bgr-main .bgr-table-is-emri {
    width: 100%;
    max-width: 100%;
    table-layout: fixed;
}

main.bgr-main .bgr-table-is-emri col.col-no { width: 8%; }
main.bgr-main .bgr-table-is-emri col.col-baslik { width: 18%; }
main.bgr-main .bgr-table-is-emri col.col-cari { width: 11%; }
main.bgr-main .bgr-table-is-emri col.col-durum { width: 7%; }
main.bgr-main .bgr-table-is-emri col.col-tutar { width: 8%; }
main.bgr-main .bgr-table-is-emri col.col-dosya { width: 11%; }
main.bgr-main .bgr-table-is-emri col.col-islem { width: 17%; }

main.bgr-main .bgr-table-is-emri th,
main.bgr-main .bgr-table-is-emri td {
    padding-left: 0.375rem;
    padding-right: 0.375rem;
    font-size: 0.75rem;
    line-height: 1.35;
}

main.bgr-main .bgr-table-is-emri th.col-islem,
main.bgr-main .bgr-table-is-emri td.col-islem {
    overflow: visible !important;
    white-space: normal !important;
    vertical-align: top;
}

/* Cariler listesi — seçim kutusu + sabit sütun; uzun ünvan max 2 satır */
main.bgr-main .bgr-table-cari {
    width: 100%;
    max-width: 100%;
    table-layout: fixed;
}

main.bgr-main .bgr-table-cari col.col-sec { width: 2.25rem; }
main.bgr-main .bgr-table-cari col.col-kod { width: 4.25rem; }
main.bgr-main .bgr-table-cari col.col-unvan { width: 28%; }
main.bgr-main .bgr-table-cari col.col-tip { width: 5.5rem; }
main.bgr-main .bgr-table-cari col.col-bakiye { width: 9%; }
main.bgr-main .bgr-table-cari col.col-limit { width: 8%; }
main.bgr-main .bgr-table-cari col.col-vade { width: 4.5rem; }
main.bgr-main .bgr-table-cari col.col-teklif { width: 5.5rem; }
main.bgr-main .bgr-table-cari col.col-durum { width: 5rem; }
main.bgr-main .bgr-table-cari col.col-islem { width: 11%; }

main.bgr-main .bgr-table-cari:not(:has(col.col-sec)) col.col-unvan { width: 30%; }
main.bgr-main .bgr-table-cari:not(:has(col.col-sec)) col.col-islem { width: 12%; }

main.bgr-main .bgr-table-cari th,
main.bgr-main .bgr-table-cari td {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    vertical-align: top;
}

main.bgr-main .bgr-table-cari th.col-unvan,
main.bgr-main .bgr-table-cari td.col-unvan {
    overflow: hidden;
    max-width: 0;
}

main.bgr-main .bgr-cari-unvan {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    white-space: normal;
    word-break: break-word;
    overflow-wrap: anywhere;
    line-height: 1.35;
    font-size: 0.8125rem;
}

main.bgr-main .bgr-table-cari th.col-sec,
main.bgr-main .bgr-table-cari td.col-sec {
    overflow: visible !important;
    white-space: nowrap !important;
    max-width: none;
}

main.bgr-main .bgr-table-cari th.col-islem,
main.bgr-main .bgr-table-cari td.col-islem {
    overflow: visible !important;
    white-space: normal !important;
    max-width: none;
}

/* Sayım detay — geniş ürün sütunu, kompakt sayısal sütunlar */
main.bgr-main .bgr-table-sayim-detay {
    width: 100%;
    table-layout: fixed;
    min-width: 68rem !important;
}

main.bgr-main .bgr-table-sayim-detay col.col-urun { width: 30%; }
main.bgr-main .bgr-table-sayim-detay col.col-num { width: 7.78%; }

main.bgr-main .bgr-table-sayim-detay th,
main.bgr-main .bgr-table-sayim-detay td {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

main.bgr-main .bgr-table-sayim-detay th.col-urun,
main.bgr-main .bgr-table-sayim-detay td.col-urun {
    overflow: visible !important;
    white-space: normal !important;
    word-break: normal;
    overflow-wrap: break-word;
    vertical-align: middle;
    line-height: 1.35;
    min-width: 14rem;
}

main.bgr-main .bgr-sayim-urun-ad {
    display: block;
    line-height: 1.35;
}

main.bgr-main .bgr-sayim-urun-birim {
    display: block;
    margin-top: 0.125rem;
    font-size: 0.6875rem;
    color: #64748b;
    text-transform: lowercase;
}

main.bgr-main .bgr-table-sayim-detay th.col-num,
main.bgr-main .bgr-table-sayim-detay td.col-num {
    overflow: visible !important;
    white-space: nowrap !important;
    vertical-align: middle;
    font-variant-numeric: tabular-nums;
}

main.bgr-main .bgr-emir-no {
    display: block;
    font-family: ui-monospace, Consolas, monospace;
    font-size: 0.6875rem;
    line-height: 1.25;
    color: #38bdf8;
    word-break: break-all;
}

main.bgr-main .bgr-emir-no-sub {
    display: block;
    margin-top: 0.125rem;
    font-size: 0.625rem;
    color: #7dd3fc;
    opacity: 0.9;
}

main.bgr-main .bgr-action-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.2rem 0.35rem;
    justify-items: end;
    font-size: 0.6875rem;
    line-height: 1.2;
    min-width: 0;
}

main.bgr-main .bgr-action-grid a,
main.bgr-main .bgr-action-grid button {
    white-space: nowrap;
    padding: 0;
    background: none;
    border: none;
    cursor: pointer;
    font: inherit;
}

main.bgr-main .bgr-action-grid form {
    margin: 0;
    display: block;
}

main.bgr-main .bgr-dosya-kisa {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
    font-size: 0.6875rem;
}

/* Yardım kutuları — fiyat listesi / motor */
.bgr-yardim-kutu {
    border: 1px solid color-mix(in srgb, var(--bgr-primary) 28%, var(--bgr-border));
    border-radius: 1rem;
    background: color-mix(in srgb, var(--bgr-primary-light) 35%, var(--bgr-surface));
    padding: 0.875rem 1rem;
}

.bgr-yardim-kutu-baslik {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem 0.75rem;
    cursor: pointer;
    list-style: none;
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--bgr-text);
    user-select: none;
}

.bgr-yardim-kutu-baslik::-webkit-details-marker {
    display: none;
}

.bgr-yardim-kutu-ikon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.375rem;
    height: 1.375rem;
    border-radius: 9999px;
    font-size: 0.75rem;
    font-weight: 700;
    color: var(--bgr-primary-dark);
    background: var(--bgr-primary-light);
    flex-shrink: 0;
}

.bgr-yardim-kutu-ac {
    margin-left: auto;
}

.bgr-yardim-kutu-icerik {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid var(--bgr-border);
}

.bgr-yardim-kutu-icerik code {
    font-size: 0.6875rem;
    padding: 0.1rem 0.35rem;
    border-radius: 0.25rem;
    background: var(--bgr-surface-2);
    color: var(--bgr-text-muted);
}

/* ═══════════════════════════════════════════════════════════
   Tema-bağımsız bileşenler (data-bgr-theme; Tailwind dark: yok)
   ═══════════════════════════════════════════════════════════ */

/* —— Aksiyon butonları —— */
.bgr-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    padding: 0.5rem 0.875rem;
    border-radius: 0.625rem;
    border: 1px solid transparent;
    font-size: 0.8125rem;
    font-weight: 600;
    line-height: 1.25;
    text-decoration: none;
    cursor: pointer;
    white-space: nowrap;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, opacity 0.15s ease;
}
.bgr-btn--sky { background: #0284c7; border-color: #0369a1; color: #fff !important; }
.bgr-btn--sky:hover { background: #0369a1; color: #fff !important; }
.bgr-btn--amber { background: #d97706; border-color: #b45309; color: #fff !important; }
.bgr-btn--amber:hover { background: #b45309; color: #fff !important; }
.bgr-btn--violet { background: #7c3aed; border-color: #6d28d9; color: #fff !important; }
.bgr-btn--violet:hover { background: #6d28d9; color: #fff !important; }
.bgr-btn--teal { background: #0d9488; border-color: #0f766e; color: #fff !important; }
.bgr-btn--teal:hover { background: #0f766e; color: #fff !important; }
.bgr-btn--green { background: #16a34a; border-color: #15803d; color: #fff !important; }
.bgr-btn--green:hover { background: #15803d; color: #fff !important; }
.bgr-btn--emerald { background: #059669; border-color: #047857; color: #fff !important; }
.bgr-btn--emerald:hover { background: #047857; color: #fff !important; }
.bgr-btn--muted {
    background: #f1f5f9;
    border-color: #cbd5e1;
    color: #475569 !important;
    cursor: default;
    opacity: 0.95;
}
[data-bgr-theme="dark"] .bgr-btn--muted {
    background: #1e293b;
    border-color: #475569;
    color: #94a3b8 !important;
}
html:not([data-bgr-theme="dark"]) main.bgr-main .bgr-btn:not(.bgr-btn--muted),
[data-bgr-theme="light"] main.bgr-main .bgr-btn:not(.bgr-btn--muted),
[data-bgr-theme="dark"] main.bgr-main .bgr-btn:not(.bgr-btn--muted) {
    color: #fff !important;
}

/* Gradyan + koyu solid aksiyonlar — açık temada beyaz yazı korunsun */
html:not([data-bgr-theme="dark"]) main.bgr-main a.text-white[class*="from-"],
html:not([data-bgr-theme="dark"]) main.bgr-main button.text-white[class*="from-"],
html:not([data-bgr-theme="dark"]) main.bgr-main a.text-white[class*="bg-gradient"],
html:not([data-bgr-theme="dark"]) main.bgr-main button.text-white[class*="bg-gradient"],
html:not([data-bgr-theme="dark"]) main.bgr-main a.text-white[class*="bg-sky-7"]:not([class*="/"]),
html:not([data-bgr-theme="dark"]) main.bgr-main button.text-white[class*="bg-sky-7"]:not([class*="/"]),
html:not([data-bgr-theme="dark"]) main.bgr-main a.text-white[class*="bg-violet-7"]:not([class*="/"]),
html:not([data-bgr-theme="dark"]) main.bgr-main button.text-white[class*="bg-violet-7"]:not([class*="/"]),
html:not([data-bgr-theme="dark"]) main.bgr-main a.text-white[class*="bg-rose-7"]:not([class*="/"]),
html:not([data-bgr-theme="dark"]) main.bgr-main button.text-white[class*="bg-rose-7"]:not([class*="/"]),
[data-bgr-theme="light"] main.bgr-main a.text-white[class*="from-"],
[data-bgr-theme="light"] main.bgr-main button.text-white[class*="from-"],
[data-bgr-theme="light"] main.bgr-main a.text-white[class*="bg-gradient"],
[data-bgr-theme="light"] main.bgr-main button.text-white[class*="bg-gradient"],
[data-bgr-theme="light"] main.bgr-main a.text-white[class*="bg-sky-7"]:not([class*="/"]),
[data-bgr-theme="light"] main.bgr-main button.text-white[class*="bg-sky-7"]:not([class*="/"]),
[data-bgr-theme="light"] main.bgr-main a.text-white[class*="bg-violet-7"]:not([class*="/"]),
[data-bgr-theme="light"] main.bgr-main button.text-white[class*="bg-violet-7"]:not([class*="/"]),
[data-bgr-theme="light"] main.bgr-main a.text-white[class*="bg-rose-7"]:not([class*="/"]),
[data-bgr-theme="light"] main.bgr-main button.text-white[class*="bg-rose-7"]:not([class*="/"]) {
    color: #fff !important;
}

/* —— Maaş özet kartları —— */
.maas-ozet-kart {
    display: block;
    width: 100%;
    border-radius: 0.875rem;
    border: 2px solid transparent;
    padding: 1rem;
    text-align: left;
    cursor: pointer;
    transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.12s ease;
}
.maas-ozet-kart:hover { transform: translateY(-1px); }
.maas-ozet-kart.is-selected { box-shadow: 0 0 0 2px color-mix(in srgb, var(--bgr-primary) 45%, transparent); }
.maas-ozet-label {
    margin: 0;
    font-size: 0.6875rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}
.maas-ozet-deger {
    margin: 0.35rem 0 0;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    font-size: 1.5rem;
    font-weight: 750;
    line-height: 1.2;
}
.maas-ozet-alt {
    margin: 0.5rem 0 0;
    font-size: 0.75rem;
    line-height: 1.35;
    opacity: 0.9;
}

.maas-ozet-kart--asgari {
    background: #e0f2fe;
    border-color: #0284c7;
}
.maas-ozet-kart--asgari .maas-ozet-label { color: #0369a1 !important; }
.maas-ozet-kart--asgari .maas-ozet-deger { color: #0c4a6e !important; }
.maas-ozet-kart--asgari .maas-ozet-alt { color: #075985 !important; }

.maas-ozet-kart--ozluk {
    background: #ede9fe;
    border-color: #7c3aed;
}
.maas-ozet-kart--ozluk .maas-ozet-label { color: #6d28d9 !important; }
.maas-ozet-kart--ozluk .maas-ozet-deger { color: #4c1d95 !important; }
.maas-ozet-kart--ozluk .maas-ozet-alt { color: #5b21b6 !important; }

.maas-ozet-kart--fark {
    background: #fef3c7;
    border-color: #d97706;
}
.maas-ozet-kart--fark .maas-ozet-label { color: #b45309 !important; }
.maas-ozet-kart--fark .maas-ozet-deger { color: #78350f !important; }
.maas-ozet-kart--fark .maas-ozet-alt { color: #92400e !important; }

[data-bgr-theme="dark"] .maas-ozet-kart--asgari {
    background: #0c4a6e;
    border-color: #38bdf8;
}
[data-bgr-theme="dark"] .maas-ozet-kart--asgari .maas-ozet-label { color: #7dd3fc !important; }
[data-bgr-theme="dark"] .maas-ozet-kart--asgari .maas-ozet-deger { color: #f0f9ff !important; }
[data-bgr-theme="dark"] .maas-ozet-kart--asgari .maas-ozet-alt { color: #bae6fd !important; }

[data-bgr-theme="dark"] .maas-ozet-kart--ozluk {
    background: #2e1065;
    border-color: #a78bfa;
}
[data-bgr-theme="dark"] .maas-ozet-kart--ozluk .maas-ozet-label { color: #c4b5fd !important; }
[data-bgr-theme="dark"] .maas-ozet-kart--ozluk .maas-ozet-deger { color: #f5f3ff !important; }
[data-bgr-theme="dark"] .maas-ozet-kart--ozluk .maas-ozet-alt { color: #ddd6fe !important; }

[data-bgr-theme="dark"] .maas-ozet-kart--fark {
    background: #78350f;
    border-color: #fbbf24;
}
[data-bgr-theme="dark"] .maas-ozet-kart--fark .maas-ozet-label { color: #fcd34d !important; }
[data-bgr-theme="dark"] .maas-ozet-kart--fark .maas-ozet-deger { color: #fffbeb !important; }
[data-bgr-theme="dark"] .maas-ozet-kart--fark .maas-ozet-alt { color: #fde68a !important; }

/* —— Döküm görünüm sekmeleri —— */
.maas-gorunum-btn {
    display: inline-flex;
    align-items: center;
    padding: 0.45rem 0.85rem;
    border-radius: 0.5rem;
    border: 1px solid #cbd5e1;
    background: #fff;
    color: #334155;
    font-size: 0.8125rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}
.maas-gorunum-btn:hover {
    border-color: #059669;
    color: #047857;
}
.maas-gorunum-btn.is-active {
    background: #059669;
    border-color: #047857;
    color: #fff !important;
}
[data-bgr-theme="dark"] .maas-gorunum-btn {
    background: #1e293b;
    border-color: #475569;
    color: #e2e8f0;
}
[data-bgr-theme="dark"] .maas-gorunum-btn:hover {
    border-color: #34d399;
    color: #a7f3d0;
}
[data-bgr-theme="dark"] .maas-gorunum-btn.is-active {
    background: #059669;
    border-color: #34d399;
    color: #fff !important;
}

/* —— Renkli bilgi panelleri —— */
.bgr-panel-tinted {
    border: 1px solid transparent;
}

.bgr-panel-tinted--sky {
    background: #e0f2fe;
    border-color: #7dd3fc;
}
.bgr-panel-tinted--sky .bgr-panel-title { color: #0369a1 !important; }
.bgr-panel-tinted--sky .bgr-panel-body { color: #0c4a6e !important; }
.bgr-panel-tinted--sky .bgr-panel-strong { color: #0c4a6e !important; }
.bgr-panel-tinted--sky .bgr-panel-muted { color: #075985 !important; }
.bgr-panel-tinted--sky .bgr-panel-accent { color: #b45309 !important; }

.bgr-panel-tinted--amber {
    background: #fef3c7;
    border-color: #fcd34d;
}
.bgr-panel-tinted--amber .bgr-panel-title { color: #b45309 !important; }
.bgr-panel-tinted--amber .bgr-panel-strong { color: #78350f !important; }
.bgr-panel-tinted--amber .bgr-panel-muted { color: #92400e !important; }

.bgr-panel-tinted--emerald {
    background: #ecfdf5;
    border-color: #6ee7b7;
}
.bgr-panel-tinted--emerald .bgr-panel-strong { color: #064e3b !important; }
.bgr-panel-tinted--emerald .bgr-panel-muted { color: #047857 !important; }
.bgr-panel-tinted--emerald .bgr-panel-accent { color: #059669 !important; }
.bgr-panel-tinted--emerald .bgr-panel-body { color: #065f46 !important; }

[data-bgr-theme="dark"] .bgr-panel-tinted--sky {
    background: #0c4a6e;
    border-color: #0284c7;
}
[data-bgr-theme="dark"] .bgr-panel-tinted--sky .bgr-panel-title { color: #7dd3fc !important; }
[data-bgr-theme="dark"] .bgr-panel-tinted--sky .bgr-panel-body { color: #e0f2fe !important; }
[data-bgr-theme="dark"] .bgr-panel-tinted--sky .bgr-panel-strong { color: #f0f9ff !important; }
[data-bgr-theme="dark"] .bgr-panel-tinted--sky .bgr-panel-muted { color: #bae6fd !important; }
[data-bgr-theme="dark"] .bgr-panel-tinted--sky .bgr-panel-accent { color: #fcd34d !important; }

[data-bgr-theme="dark"] .bgr-panel-tinted--amber {
    background: #78350f;
    border-color: #d97706;
}
[data-bgr-theme="dark"] .bgr-panel-tinted--amber .bgr-panel-title { color: #fcd34d !important; }
[data-bgr-theme="dark"] .bgr-panel-tinted--amber .bgr-panel-strong { color: #fffbeb !important; }
[data-bgr-theme="dark"] .bgr-panel-tinted--amber .bgr-panel-muted { color: #fde68a !important; }

[data-bgr-theme="dark"] .bgr-panel-tinted--emerald {
    background: #064e3b;
    border-color: #10b981;
}
[data-bgr-theme="dark"] .bgr-panel-tinted--emerald .bgr-panel-strong { color: #ecfdf5 !important; }
[data-bgr-theme="dark"] .bgr-panel-tinted--emerald .bgr-panel-muted { color: #a7f3d0 !important; }
[data-bgr-theme="dark"] .bgr-panel-tinted--emerald .bgr-panel-accent { color: #6ee7b7 !important; }
[data-bgr-theme="dark"] .bgr-panel-tinted--emerald .bgr-panel-body { color: #d1fae5 !important; }

/* —— Durum rozeti —— */
.bgr-badge {
    display: inline-flex;
    align-items: center;
    border-radius: 0.375rem;
    padding: 0.15rem 0.5rem;
    font-size: 0.75rem;
    font-weight: 600;
    background: #e2e8f0;
    color: #1e293b;
}
[data-bgr-theme="dark"] .bgr-badge {
    background: #334155;
    color: #f1f5f9;
}

/* Koyu tema: pastel Tailwind kutularda açık yazı kalmasın */
[data-bgr-theme="dark"] main.bgr-main [class*="bg-sky-50"] .text-white,
[data-bgr-theme="dark"] main.bgr-main [class*="bg-sky-100"] .text-white,
[data-bgr-theme="dark"] main.bgr-main [class*="bg-amber-50"] .text-white,
[data-bgr-theme="dark"] main.bgr-main [class*="bg-amber-100"] .text-white,
[data-bgr-theme="dark"] main.bgr-main [class*="bg-violet-50"] .text-white,
[data-bgr-theme="dark"] main.bgr-main [class*="bg-violet-100"] .text-white,
[data-bgr-theme="dark"] main.bgr-main [class*="bg-emerald-50"] .text-white,
[data-bgr-theme="dark"] main.bgr-main [class*="bg-orange-50"] .text-white,
[data-bgr-theme="dark"] main.bgr-main [class*="bg-rose-50"] .text-white,
[data-bgr-theme="dark"] main.bgr-main [class*="bg-white"] .text-white:not(a):not(button),
[data-bgr-theme="dark"] main.bgr-main button[class*="bg-sky-50"] .text-white,
[data-bgr-theme="dark"] main.bgr-main button[class*="bg-sky-100"] .text-white,
[data-bgr-theme="dark"] main.bgr-main button[class*="bg-amber-50"] .text-white,
[data-bgr-theme="dark"] main.bgr-main button[class*="bg-violet-50"] .text-white,
[data-bgr-theme="dark"] main.bgr-main button[class*="bg-sky-100"].text-white,
[data-bgr-theme="dark"] main.bgr-main button[class*="bg-sky-50"].text-white,
[data-bgr-theme="dark"] main.bgr-main button[class*="bg-amber-50"].text-white,
[data-bgr-theme="dark"] main.bgr-main button[class*="bg-violet-50"].text-white {
    color: #0f172a !important;
}

[data-bgr-theme="dark"] main.bgr-main [class*="bg-sky-50"] .text-sky-50,
[data-bgr-theme="dark"] main.bgr-main [class*="bg-sky-100"] .text-sky-50,
[data-bgr-theme="dark"] main.bgr-main [class*="bg-sky-50"] [class*="text-sky-1"],
[data-bgr-theme="dark"] main.bgr-main [class*="bg-sky-100"] [class*="text-sky-1"],
[data-bgr-theme="dark"] main.bgr-main button[class*="bg-sky-100"] [class*="font-bold"],
[data-bgr-theme="dark"] main.bgr-main button[class*="bg-sky-50"] [class*="font-bold"] {
    color: #0c4a6e !important;
}

/* Açık tema: yarı saydam / outline butonlarda beyaz yazı kalmasın */
html:not([data-bgr-theme="dark"]) main.bgr-main a.text-white[class*="/"],
html:not([data-bgr-theme="dark"]) main.bgr-main button.text-white[class*="/"],
[data-bgr-theme="light"] main.bgr-main a.text-white[class*="/"],
[data-bgr-theme="light"] main.bgr-main button.text-white[class*="/"] {
    color: #0f172a !important;
}
html:not([data-bgr-theme="dark"]) main.bgr-main a.text-white.border:not([class*="bg-sky-5"]):not([class*="bg-sky-6"]):not([class*="bg-emerald-5"]):not([class*="bg-emerald-6"]):not([class*="bg-violet-5"]):not([class*="bg-violet-6"]):not([class*="bg-amber-5"]):not([class*="bg-amber-6"]):not([class*="bg-teal-5"]):not([class*="bg-teal-6"]):not([class*="bg-green-5"]):not([class*="bg-green-6"]):not([class*="bg-rose-5"]):not([class*="bg-rose-6"]),
html:not([data-bgr-theme="dark"]) main.bgr-main button.text-white.border:not([class*="bg-sky-5"]):not([class*="bg-sky-6"]):not([class*="bg-emerald-5"]):not([class*="bg-emerald-6"]):not([class*="bg-violet-5"]):not([class*="bg-violet-6"]):not([class*="bg-amber-5"]):not([class*="bg-amber-6"]):not([class*="bg-teal-5"]):not([class*="bg-teal-6"]):not([class*="bg-green-5"]):not([class*="bg-green-6"]):not([class*="bg-rose-5"]):not([class*="bg-rose-6"]),
[data-bgr-theme="light"] main.bgr-main a.text-white.border:not([class*="bg-sky-5"]):not([class*="bg-sky-6"]):not([class*="bg-emerald-5"]):not([class*="bg-emerald-6"]):not([class*="bg-violet-5"]):not([class*="bg-violet-6"]):not([class*="bg-amber-5"]):not([class*="bg-amber-6"]):not([class*="bg-teal-5"]):not([class*="bg-teal-6"]):not([class*="bg-green-5"]):not([class*="bg-green-6"]):not([class*="bg-rose-5"]):not([class*="bg-rose-6"]),
[data-bgr-theme="light"] main.bgr-main button.text-white.border:not([class*="bg-sky-5"]):not([class*="bg-sky-6"]):not([class*="bg-emerald-5"]):not([class*="bg-emerald-6"]):not([class*="bg-violet-5"]):not([class*="bg-violet-6"]):not([class*="bg-amber-5"]):not([class*="bg-amber-6"]):not([class*="bg-teal-5"]):not([class*="bg-teal-6"]):not([class*="bg-green-5"]):not([class*="bg-green-6"]):not([class*="bg-rose-5"]):not([class*="bg-rose-6"]) {
    color: #334155 !important;
}

/* ── Okunabilir kart / tablo (puantaj ve genel) ── */
.bgr-surface-card {
    background: #ffffff;
    border-color: #e2e8f0;
    color: #0f172a;
}
[data-bgr-theme="dark"] .bgr-surface-card {
    background: #1e293b !important;
    border-color: #334155 !important;
    color: #e2e8f0 !important;
}
.bgr-card-title {
    color: #0f172a !important;
}
[data-bgr-theme="dark"] .bgr-card-title {
    color: #f1f5f9 !important;
}

.bgr-data-table {
    border-collapse: collapse;
}
.bgr-data-table thead {
    background: #f1f5f9;
}
.bgr-data-table th {
    padding: 0.65rem 0.75rem;
    text-align: left;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #334155 !important;
    border-bottom: 1px solid #e2e8f0;
}
.bgr-data-table td {
    padding: 0.65rem 0.75rem;
    color: #0f172a;
    border-bottom: 1px solid #e2e8f0;
    vertical-align: top;
}
.bgr-data-table tbody tr:hover {
    background: #f8fafc;
}
[data-bgr-theme="dark"] .bgr-data-table thead {
    background: #0f172a;
}
[data-bgr-theme="dark"] .bgr-data-table th {
    color: #cbd5e1 !important;
    border-bottom-color: #334155;
}
[data-bgr-theme="dark"] .bgr-data-table td {
    color: #e2e8f0;
    border-bottom-color: #334155;
}
[data-bgr-theme="dark"] .bgr-data-table tbody tr:hover {
    background: #334155;
}
[data-bgr-theme="dark"] .bgr-data-table .text-sky-700,
[data-bgr-theme="dark"] .bgr-odeme-mobil .text-sky-700 {
    color: #7dd3fc !important;
}
[data-bgr-theme="dark"] .bgr-data-table .text-rose-700,
[data-bgr-theme="dark"] .bgr-data-table .text-emerald-700,
[data-bgr-theme="dark"] .bgr-data-table .text-teal-700,
[data-bgr-theme="dark"] .bgr-data-table .text-indigo-700,
[data-bgr-theme="dark"] .bgr-data-table .text-orange-700 {
    filter: brightness(1.35);
}
[data-bgr-theme="dark"] .bgr-odeme-mobil .text-slate-900,
[data-bgr-theme="dark"] .bgr-odeme-mobil .text-slate-700,
[data-bgr-theme="dark"] .bgr-odeme-mobil .text-slate-600 {
    color: #e2e8f0 !important;
}
[data-bgr-theme="dark"] .bgr-odeme-mobil {
    border-color: #334155;
}

/* Nihai sonuç ekran tablosu — her temada okunaklı */
.bgr-nihai-ekran .bgr-nihai-etiket,
.bgr-nihai-ekran .bgr-nihai-tutar {
    padding: 0.5rem 0.6rem;
}
.bgr-nihai-ekran .bgr-nihai-tutar {
    text-align: right;
    font-family: ui-monospace, Consolas, monospace;
    white-space: nowrap;
}
.bgr-nihai-row--devir .bgr-nihai-etiket,
.bgr-nihai-row--devir .bgr-nihai-tutar { background: #fffbeb; color: #92400e !important; }
.bgr-nihai-row--giris .bgr-nihai-etiket,
.bgr-nihai-row--giris .bgr-nihai-tutar { background: #fff7ed; color: #9a3412 !important; }
.bgr-nihai-row--taban .bgr-nihai-etiket,
.bgr-nihai-row--taban .bgr-nihai-tutar { background: #f8fafc; color: #0f172a !important; }
.bgr-nihai-row--alt .bgr-nihai-etiket,
.bgr-nihai-row--alt-eksi .bgr-nihai-etiket,
.bgr-nihai-row--alt-fm .bgr-nihai-etiket,
.bgr-nihai-row--alt-ik .bgr-nihai-etiket,
.bgr-nihai-row--alt-odeme .bgr-nihai-etiket,
.bgr-nihai-row--alt-odeme .bgr-nihai-tutar {
    padding-left: 1.25rem;
    font-size: 0.8125rem;
    color: #1e293b !important;
}
.bgr-nihai-row--alt-eksi .bgr-nihai-tutar { color: #b91c1c !important; }
.bgr-nihai-row--alt-fm .bgr-nihai-tutar { color: #b45309 !important; }
.bgr-nihai-row--alt-ik .bgr-nihai-tutar { color: #0d9488 !important; }
.bgr-nihai-row--hak .bgr-nihai-etiket,
.bgr-nihai-row--hak .bgr-nihai-tutar { background: #f0fdf4; color: #14532d !important; font-weight: 600; }
.bgr-nihai-row--kes .bgr-nihai-etiket { color: #0f172a !important; }
.bgr-nihai-row--kes .bgr-nihai-tutar { color: #b91c1c !important; }
.bgr-nihai-row--net .bgr-nihai-etiket,
.bgr-nihai-row--net .bgr-nihai-tutar { background: #faf5ff; color: #5b21b6 !important; font-weight: 600; }
.bgr-nihai-row--beklenen .bgr-nihai-etiket,
.bgr-nihai-row--beklenen .bgr-nihai-tutar { background: #f5f3ff; color: #5b21b6 !important; font-weight: 600; }
.bgr-nihai-row--odenen .bgr-nihai-etiket { color: #0f172a !important; }
.bgr-nihai-row--odenen .bgr-nihai-tutar { color: #0f766e !important; }
.bgr-nihai-row--sonuc .bgr-nihai-etiket,
.bgr-nihai-row--sonuc .bgr-nihai-tutar { background: #eef2ff; color: #312e81 !important; font-weight: 700; }
.bgr-nihai-row--sonuc .bgr-nihai-tutar.is-pozitif { color: #047857 !important; }
.bgr-nihai-row--sonuc .bgr-nihai-tutar.is-negatif { color: #b91c1c !important; }

[data-bgr-theme="dark"] .bgr-nihai-row--devir .bgr-nihai-etiket,
[data-bgr-theme="dark"] .bgr-nihai-row--devir .bgr-nihai-tutar { background: #78350f; color: #fef3c7 !important; }
[data-bgr-theme="dark"] .bgr-nihai-row--giris .bgr-nihai-etiket,
[data-bgr-theme="dark"] .bgr-nihai-row--giris .bgr-nihai-tutar { background: #7c2d12; color: #ffedd5 !important; }
[data-bgr-theme="dark"] .bgr-nihai-row--taban .bgr-nihai-etiket,
[data-bgr-theme="dark"] .bgr-nihai-row--taban .bgr-nihai-tutar { background: #1e293b; color: #f1f5f9 !important; }
[data-bgr-theme="dark"] .bgr-nihai-row--alt .bgr-nihai-etiket,
[data-bgr-theme="dark"] .bgr-nihai-row--alt-eksi .bgr-nihai-etiket,
[data-bgr-theme="dark"] .bgr-nihai-row--alt-fm .bgr-nihai-etiket,
[data-bgr-theme="dark"] .bgr-nihai-row--alt-ik .bgr-nihai-etiket,
[data-bgr-theme="dark"] .bgr-nihai-row--alt-odeme .bgr-nihai-etiket,
[data-bgr-theme="dark"] .bgr-nihai-row--alt-odeme .bgr-nihai-tutar { color: #e2e8f0 !important; }
[data-bgr-theme="dark"] .bgr-nihai-row--alt-eksi .bgr-nihai-tutar { color: #fca5a5 !important; }
[data-bgr-theme="dark"] .bgr-nihai-row--alt-fm .bgr-nihai-tutar { color: #fcd34d !important; }
[data-bgr-theme="dark"] .bgr-nihai-row--alt-ik .bgr-nihai-tutar { color: #5eead4 !important; }
[data-bgr-theme="dark"] .bgr-nihai-row--hak .bgr-nihai-etiket,
[data-bgr-theme="dark"] .bgr-nihai-row--hak .bgr-nihai-tutar { background: #064e3b; color: #a7f3d0 !important; }
[data-bgr-theme="dark"] .bgr-nihai-row--kes .bgr-nihai-etiket { color: #f1f5f9 !important; }
[data-bgr-theme="dark"] .bgr-nihai-row--kes .bgr-nihai-tutar { color: #fca5a5 !important; }
[data-bgr-theme="dark"] .bgr-nihai-row--net .bgr-nihai-etiket,
[data-bgr-theme="dark"] .bgr-nihai-row--net .bgr-nihai-tutar,
[data-bgr-theme="dark"] .bgr-nihai-row--beklenen .bgr-nihai-etiket,
[data-bgr-theme="dark"] .bgr-nihai-row--beklenen .bgr-nihai-tutar { background: #2e1065; color: #ddd6fe !important; }
[data-bgr-theme="dark"] .bgr-nihai-row--odenen .bgr-nihai-etiket { color: #f1f5f9 !important; }
[data-bgr-theme="dark"] .bgr-nihai-row--odenen .bgr-nihai-tutar { color: #5eead4 !important; }
[data-bgr-theme="dark"] .bgr-nihai-row--sonuc .bgr-nihai-etiket,
[data-bgr-theme="dark"] .bgr-nihai-row--sonuc .bgr-nihai-tutar { background: #312e81; color: #e0e7ff !important; }
[data-bgr-theme="dark"] .bgr-nihai-row--sonuc .bgr-nihai-tutar.is-pozitif { color: #6ee7b7 !important; }
[data-bgr-theme="dark"] .bgr-nihai-row--sonuc .bgr-nihai-tutar.is-negatif { color: #fca5a5 !important; }

/* Kaydırılabilir tablolarda ipucu gölgesi */
main.bgr-main .bgr-table-scroll {
    background:
        linear-gradient(90deg, var(--bgr-surface) 30%, transparent),
        linear-gradient(90deg, transparent, var(--bgr-surface) 70%) 100% 0,
        linear-gradient(90deg, rgba(15, 23, 42, 0.08), transparent 40%),
        linear-gradient(270deg, rgba(15, 23, 42, 0.08), transparent 40%) 100% 0;
    background-repeat: no-repeat;
    background-size: 24px 100%, 24px 100%, 12px 100%, 12px 100%;
    background-attachment: local, local, scroll, scroll;
}