/*
 * BONCUK TEMA TOKEN HARİTASI (geliştirici rehberi)
 * ─────────────────────────────────────────────────
 * Vurgu:     --sys-accent, --sys-accent-2, --sys-accent-soft, --sys-accent-mid, --sys-on-accent
 * Yüzey:     --sys-surface, --sys-surface-1/2/3, --sys-surface-raised, --sys-border
 * Metin:     --sys-text-primary, --sys-text-secondary, --sys-text-muted, --sys-text-main
 * Köşe:      --sys-radius-xs/sm/md/lg/xl/pill
 * Gölge:     --sys-shadow-xs/sm/md/lg
 * Semantik:  --sys-success, --sys-warning, --sys-danger, --sys-info
 * Nav renk:  --nav-c-primary/success/danger/warning/info/... (menü ikon & yazı)
 * Geçiş:     --sys-transition-fast/normal/slow, --sys-dur-fast, --sys-ease
 * Chrome:    --chrome-* (navbar kabuk), --fulmet-* (tooltip), --bui-* (navbar_ui.css)
 * Tema API:  body[data-theme-version], body[data-user-renk], body[data-headerbg]
 * Bootstrap: html[data-bs-theme] — boncukTemaUygula() ile senkron
 * SCSS kaynak: scss/ → style2.css (W3CRM legacy; runtime: genel.css + ortakcss + navbar_ui.css)
 * Dark header remap: color_1 → color_7 (boncukEffectiveHeaderRenk, derle.php)
 * ortakcss: ayrı yn_hta linki — genel.css içine @import ekleme
 */

/* Menü ilk yüklemede gizli – ayarlar uygulanana kadar kayma önlenir */
.boncuk-navbar-pending #topbar-container,
.boncuk-navbar-pending .topbar-mobile-toggle,
.boncuk-navbar-pending .topbar-mobile-overlay,
.boncuk-navbar-pending .topbar-sol-tetik {
    visibility: hidden !important;
}
/* İlk yüklemede geçiş animasyonu yok – karmaşık geçiş önlenir */
.boncuk-navbar-pending #topbar.nav-sidebar,
.boncuk-navbar-pending #topbar-container,
.boncuk-navbar-pending #centerbar,
.boncuk-navbar-pending #bottombar {
    transition: none !important;
}

/* Logo FOUC — ilk paint'ten itibaren sabit boyut, tek görsel */
#topbar .topbar-logo-wrap .logo-brand{
    display: flex !important;
    align-items: center !important;
    flex-shrink: 0 !important;
    min-height: 48px !important;
}
#topbar .topbar-logo-wrap .logo-wrap{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 48px !important;
    max-height: 48px !important;
    overflow: hidden !important;
    vertical-align: middle !important;
}
#topbar .topbar-logo-wrap .logo-wrap img.logo-dark,
#topbar .topbar-logo-wrap .logo-wrap img.logo-light{
    display: none !important;
    height: 48px !important;
    max-height: 48px !important;
    min-height: 48px !important;
    width: auto !important;
    max-width: 180px !important;
    object-fit: contain !important;
    flex-shrink: 0 !important;
}
body[data-headerbg]:not([data-headerbg="color_1"]) #topbar .topbar-logo-wrap .logo-wrap img.logo-light{
    display: block !important;
}
body[data-headerbg="color_1"] #topbar .topbar-logo-wrap .logo-wrap img.logo-dark{
    display: block !important;
}
[data-theme-version="dark"] #topbar .topbar-logo-wrap .logo-wrap img.logo-dark{
    display: none !important;
}
[data-theme-version="dark"] #topbar .topbar-logo-wrap .logo-wrap img.logo-light{
    display: block !important;
}
[data-theme-version="dark"][data-headerbg="color_1"] #topbar .topbar-logo-wrap .logo-wrap img.logo-dark{
    display: block !important;
}
[data-theme-version="dark"][data-headerbg="color_1"] #topbar .topbar-logo-wrap .logo-wrap img.logo-light{
    display: none !important;
}
.boncuk-navbar-pending .logo-brand .logo-wrap::before,
.boncuk-navbar-pending .logo-brand .logo-wrap::after{
    opacity: 0 !important;
    animation: none !important;
}

/* ================== FULMET – tasarım token'ları ================== */
:root{
    --fulmet-surface: rgba(255, 255, 255, 0.94);
    --fulmet-surface-2: rgba(248, 250, 252, 0.98);
    --fulmet-border: rgba(148, 163, 184, 0.3);
    --fulmet-ring: rgba(142, 184, 240, 0.2);
    --fulmet-text: #0f172a;
    --fulmet-text-muted: #64748b;
    --fulmet-accent: #74a5e8;
    --fulmet-accent-soft: rgba(142, 184, 240, 0.1);
    --fulmet-accent-hover: rgba(142, 184, 240, 0.15);
    --fulmet-shadow: 0 14px 38px rgba(15, 23, 42, 0.11), 0 4px 14px rgba(142, 184, 240, 0.06);
    --fulmet-radius: 14px;
    --fulmet-radius-sm: 10px;
    --fulmet-ease: cubic-bezier(0.32, 0.72, 0, 1);
    --fulmet-show-delay: 200ms;
}
body:not([data-theme-version="light"]){
    --fulmet-surface: rgba(15, 23, 42, 0.94);
    --fulmet-surface-2: rgba(30, 41, 59, 0.98);
    --fulmet-border: rgba(148, 163, 184, 0.2);
    --fulmet-ring: rgba(158, 184, 245, 0.24);
    --fulmet-text: #f1f5f9;
    --fulmet-text-muted: #94a3b8;
    --fulmet-accent: #9eb8f5;
    --fulmet-accent-soft: rgba(158, 184, 245, 0.11);
    --fulmet-accent-hover: rgba(158, 184, 245, 0.18);
    --fulmet-shadow: 0 16px 42px rgba(0, 0, 0, 0.38), 0 0 0 1px rgba(158, 184, 245, 0.1);
}

/* ================== SİSTEM TEMA MOTORU v3 (pastel palet + yumuşak vurgu) ================== */
body{
    --sys-accent: #8eb8f0;
    --sys-accent-2: #74a5e8;
    --sys-accent-soft: rgba(142, 184, 240, 0.09);
    --sys-accent-mid: rgba(142, 184, 240, 0.17);
    --sys-accent-rgb: 142, 184, 240;
    --sys-surface-tint: rgba(142, 184, 240, 0.04);
    --sys-text-accent: #5a88c8;
    --sys-text-accent-soft: #74a0dc;
    --sys-border-accent: rgba(142, 184, 240, 0.18);
    --sys-glow: rgba(142, 184, 240, 0.12);
    --sys-on-accent: #ffffff;
    /* Liste üstü: filtre + sayfa adı rozeti */
    --tbl-caption-badge-bg: var(--sys-accent);
    --tbl-caption-badge-border: color-mix(in srgb, var(--sys-accent) 88%, #000);
    --tbl-caption-badge-fg: var(--sys-on-accent);
    --tbl-caption-bar-bg: linear-gradient(135deg, var(--sys-accent-soft) 0%, transparent 100%);
    --tbl-caption-bar-border: var(--sys-border-accent);
}
body[data-theme-version="dark"]{
    --sys-accent: #9eb8f0;
    --sys-accent-2: #b8ccf8;
    --sys-accent-soft: rgba(158, 184, 240, 0.11);
    --sys-accent-mid: rgba(158, 184, 240, 0.2);
    --sys-accent-rgb: 158, 184, 240;
    --sys-surface-tint: rgba(158, 184, 240, 0.06);
    --sys-text-accent: #c8d8f8;
    --sys-text-accent-soft: #a8c0f0;
    --sys-border-accent: rgba(158, 184, 240, 0.22);
    --sys-glow: rgba(158, 184, 240, 0.14);
}
/* Aydınlık mod – pastel vurgu paleti */
body[data-user-renk="color_1"]{ --sys-accent:#d99a3e; --sys-accent-2:#c8862c; --sys-accent-soft:rgba(217,154,62,.10); --sys-accent-mid:rgba(217,154,62,.18); --sys-accent-rgb:217,154,62; --sys-text-accent:#a8721f; --sys-text-accent-soft:#c2872e; }
body[data-user-renk="color_2"]{ --sys-accent:#e0533f; --sys-accent-2:#d23e2a; --sys-accent-soft:rgba(224,83,63,.10); --sys-accent-mid:rgba(224,83,63,.18); --sys-accent-rgb:224,83,63; --sys-text-accent:#b83520; --sys-text-accent-soft:#d44a35; --sys-on-accent:#fffafa; }
body[data-user-renk="color_3"]{ --sys-accent:#e04f6f; --sys-accent-2:#d23a5d; --sys-accent-soft:rgba(224,79,111,.10); --sys-accent-mid:rgba(224,79,111,.18); --sys-accent-rgb:224,79,111; --sys-text-accent:#b8294f; --sys-text-accent-soft:#d44565; --sys-on-accent:#fffafb; }
body[data-user-renk="color_4"]{ --sys-accent:#e85fb0; --sys-accent-2:#de48a2; --sys-accent-soft:rgba(232,95,176,.10); --sys-accent-mid:rgba(232,95,176,.18); --sys-accent-rgb:232,95,176; --sys-text-accent:#c4348c; --sys-text-accent-soft:#e055a4; --sys-on-accent:#fffafd; }
body[data-user-renk="color_5"]{ --sys-accent:#7e8fb0; --sys-accent-2:#6a7ca0; --sys-accent-soft:rgba(126,143,176,.10); --sys-accent-mid:rgba(126,143,176,.18); --sys-accent-rgb:126,143,176; --sys-text-accent:#5a6b8c; --sys-text-accent-soft:#76879f; }
body[data-user-renk="color_6"]{ --sys-accent:#2eaabf; --sys-accent-2:#1f96ab; --sys-accent-soft:rgba(46,170,191,.10); --sys-accent-mid:rgba(46,170,191,.18); --sys-accent-rgb:46,170,191; --sys-text-accent:#1a7e90; --sys-text-accent-soft:#2ca0b4; }
body[data-user-renk="color_7"]{ --sys-accent:#cf7e34; --sys-accent-2:#ba6e26; --sys-accent-soft:rgba(207,126,52,.10); --sys-accent-mid:rgba(207,126,52,.18); --sys-accent-rgb:207,126,52; --sys-text-accent:#a05f1f; --sys-text-accent-soft:#c47c34; }
body[data-user-renk="color_8"]{ --sys-accent:#e6b81f; --sys-accent-2:#d0a410; --sys-accent-soft:rgba(230,184,31,.10); --sys-accent-mid:rgba(230,184,31,.18); --sys-accent-rgb:230,184,31; --sys-text-accent:#a88410; --sys-text-accent-soft:#cba01f; }
body[data-user-renk="color_9"]{ --sys-accent:#9cc22e; --sys-accent-2:#88ac20; --sys-accent-soft:rgba(156,194,46,.10); --sys-accent-mid:rgba(156,194,46,.18); --sys-accent-rgb:156,194,46; --sys-text-accent:#6f8e1a; --sys-text-accent-soft:#93b82e; }
body[data-user-renk="color_10"]{ --sys-accent:#ef843a; --sys-accent-2:#e06f24; --sys-accent-soft:rgba(239,132,58,.10); --sys-accent-mid:rgba(239,132,58,.18); --sys-accent-rgb:239,132,58; --sys-text-accent:#c45f1f; --sys-text-accent-soft:#e87c34; }
body[data-user-renk="color_11"]{ --sys-accent:#e64f64; --sys-accent-2:#d83a50; --sys-accent-soft:rgba(230,79,100,.10); --sys-accent-mid:rgba(230,79,100,.18); --sys-accent-rgb:230,79,100; --sys-text-accent:#bc2940; --sys-text-accent-soft:#d84558; --sys-on-accent:#fffafb; }
body[data-user-renk="color_12"]{ --sys-accent:#4986c4; --sys-accent-2:#3470b0; --sys-accent-soft:rgba(73,134,196,.10); --sys-accent-mid:rgba(73,134,196,.18); --sys-accent-rgb:73,134,196; --sys-text-accent:#2a5f96; --sys-text-accent-soft:#3f7cba; }
body[data-user-renk="color_13"]{ --sys-accent:#7c5ce0; --sys-accent-2:#6845d6; --sys-accent-soft:rgba(124,92,224,.10); --sys-accent-mid:rgba(124,92,224,.18); --sys-accent-rgb:124,92,224; --sys-text-accent:#5a38c0; --sys-text-accent-soft:#7858d8; --sys-on-accent:#fffafd; }
body[data-user-renk="color_14"]{ --sys-accent:#2eb085; --sys-accent-2:#1f9c72; --sys-accent-soft:rgba(46,176,133,.10); --sys-accent-mid:rgba(46,176,133,.18); --sys-accent-rgb:46,176,133; --sys-text-accent:#1a8460; --sys-text-accent-soft:#2ca87e; }
body[data-user-renk="color_15"]{ --sys-accent:#ef4690; --sys-accent-2:#e02f7e; --sys-accent-soft:rgba(239,70,144,.10); --sys-accent-mid:rgba(239,70,144,.18); --sys-accent-rgb:239,70,144; --sys-text-accent:#c41f68; --sys-text-accent-soft:#e84588; --sys-on-accent:#fffafc; }
body[data-user-renk="color_16"]{ --sys-accent:#82ab98; --sys-accent-2:#6e9a86; --sys-accent-soft:rgba(130,171,152,.10); --sys-accent-mid:rgba(130,171,152,.18); --sys-accent-rgb:130,171,152; --sys-text-accent:#5c8470; --sys-text-accent-soft:#7aa490; }
/* Karanlık mod – yumuşak parlak pastel vurgu */
body[data-user-renk="color_1"][data-theme-version="dark"]{ --sys-accent:#f0c070; --sys-accent-2:#f5d090; --sys-accent-soft:rgba(240,192,112,.12); --sys-accent-mid:rgba(240,192,112,.20); --sys-accent-rgb:240,192,112; --sys-text-accent:#f7dca8; --sys-text-accent-soft:#f0c884; }
body[data-user-renk="color_2"][data-theme-version="dark"]{ --sys-accent:#f08068; --sys-accent-2:#f59880; --sys-accent-soft:rgba(240,128,104,.12); --sys-accent-mid:rgba(240,128,104,.20); --sys-accent-rgb:240,128,104; --sys-text-accent:#f7b0a0; --sys-text-accent-soft:#f08c76; }
body[data-user-renk="color_3"][data-theme-version="dark"]{ --sys-accent:#f07f99; --sys-accent-2:#f598ad; --sys-accent-soft:rgba(240,127,153,.12); --sys-accent-mid:rgba(240,127,153,.20); --sys-accent-rgb:240,127,153; --sys-text-accent:#f7b0c0; --sys-text-accent-soft:#f08ca0; }
body[data-user-renk="color_4"][data-theme-version="dark"]{ --sys-accent:#f595cc; --sys-accent-2:#f8aed8; --sys-accent-soft:rgba(245,149,204,.12); --sys-accent-mid:rgba(245,149,204,.20); --sys-accent-rgb:245,149,204; --sys-text-accent:#f8c0e0; --sys-text-accent-soft:#f5a0d2; }
body[data-user-renk="color_5"][data-theme-version="dark"]{ --sys-accent:#a4b4d4; --sys-accent-2:#bcc8e0; --sys-accent-soft:rgba(164,180,212,.12); --sys-accent-mid:rgba(164,180,212,.20); --sys-accent-rgb:164,180,212; --sys-text-accent:#c8d2e8; --sys-text-accent-soft:#aebcd6; }
body[data-user-renk="color_6"][data-theme-version="dark"]{ --sys-accent:#5fd0e0; --sys-accent-2:#82dcea; --sys-accent-soft:rgba(95,208,224,.12); --sys-accent-mid:rgba(95,208,224,.20); --sys-accent-rgb:95,208,224; --sys-text-accent:#a8e8f0; --sys-text-accent-soft:#62d4e2; }
body[data-user-renk="color_7"][data-theme-version="dark"]{ --sys-accent:#e8a860; --sys-accent-2:#f0bc80; --sys-accent-soft:rgba(232,168,96,.12); --sys-accent-mid:rgba(232,168,96,.20); --sys-accent-rgb:232,168,96; --sys-text-accent:#f2cc98; --sys-text-accent-soft:#e8ac68; }
body[data-user-renk="color_8"][data-theme-version="dark"]{ --sys-accent:#f0d048; --sys-accent-2:#f5dc70; --sys-accent-soft:rgba(240,208,72,.12); --sys-accent-mid:rgba(240,208,72,.20); --sys-accent-rgb:240,208,72; --sys-text-accent:#f7e498; --sys-text-accent-soft:#f0d258; }
body[data-user-renk="color_9"][data-theme-version="dark"]{ --sys-accent:#c0e060; --sys-accent-2:#d0e988; --sys-accent-soft:rgba(192,224,96,.12); --sys-accent-mid:rgba(192,224,96,.20); --sys-accent-rgb:192,224,96; --sys-text-accent:#dcf0a8; --sys-text-accent-soft:#c4e268; }
body[data-user-renk="color_10"][data-theme-version="dark"]{ --sys-accent:#f5a868; --sys-accent-2:#f8bc88; --sys-accent-soft:rgba(245,168,104,.12); --sys-accent-mid:rgba(245,168,104,.20); --sys-accent-rgb:245,168,104; --sys-text-accent:#f8cca0; --sys-text-accent-soft:#f5ac6e; }
body[data-user-renk="color_11"][data-theme-version="dark"]{ --sys-accent:#f07f90; --sys-accent-2:#f598a8; --sys-accent-soft:rgba(240,127,144,.12); --sys-accent-mid:rgba(240,127,144,.20); --sys-accent-rgb:240,127,144; --sys-text-accent:#f7b0bc; --sys-text-accent-soft:#f08c9c; }
body[data-user-renk="color_12"][data-theme-version="dark"]{ --sys-accent:#78aae0; --sys-accent-2:#98c0ec; --sys-accent-soft:rgba(120,170,224,.12); --sys-accent-mid:rgba(120,170,224,.20); --sys-accent-rgb:120,170,224; --sys-text-accent:#b8d4f0; --sys-text-accent-soft:#7eaee2; }
body[data-user-renk="color_13"][data-theme-version="dark"]{ --sys-accent:#a892f0; --sys-accent-2:#c0b0f5; --sys-accent-soft:rgba(168,146,240,.12); --sys-accent-mid:rgba(168,146,240,.20); --sys-accent-rgb:168,146,240; --sys-text-accent:#d0c4f8; --sys-text-accent-soft:#ad98f0; }
body[data-user-renk="color_14"][data-theme-version="dark"]{ --sys-accent:#5fd6ac; --sys-accent-2:#82e2c0; --sys-accent-soft:rgba(95,214,172,.12); --sys-accent-mid:rgba(95,214,172,.20); --sys-accent-rgb:95,214,172; --sys-text-accent:#a8eed6; --sys-text-accent-soft:#62d8b0; }
body[data-user-renk="color_15"][data-theme-version="dark"]{ --sys-accent:#f57fb4; --sys-accent-2:#f898c8; --sys-accent-soft:rgba(245,127,180,.12); --sys-accent-mid:rgba(245,127,180,.20); --sys-accent-rgb:245,127,180; --sys-text-accent:#f8bcd8; --sys-text-accent-soft:#f58cbc; }
body[data-user-renk="color_16"][data-theme-version="dark"]{ --sys-accent:#a8ccba; --sys-accent-2:#c0dccc; --sys-accent-soft:rgba(168,204,186,.12); --sys-accent-mid:rgba(168,204,186,.20); --sys-accent-rgb:168,204,186; --sys-text-accent:#cce4d6; --sys-text-accent-soft:#aed0c0; }

/* Pastel üst / sol bar arka planları */
body[data-theme-version="light"][data-headerbg="color_1"]{ --headerbg:#faf1e0; --nav-headbg:#faf1e0; }
body[data-theme-version="light"][data-headerbg="color_2"]{ --headerbg:#fae0db; --nav-headbg:#fae0db; }
body[data-theme-version="light"][data-headerbg="color_3"]{ --headerbg:#fadfe6; --nav-headbg:#fadfe6; }
body[data-theme-version="light"][data-headerbg="color_4"]{ --headerbg:#fbe2f1; --nav-headbg:#fbe2f1; }
body[data-theme-version="light"][data-headerbg="color_5"]{ --headerbg:#e3e8f1; --nav-headbg:#e3e8f1; }
body[data-theme-version="light"][data-headerbg="color_6"]{ --headerbg:#d6f0f4; --nav-headbg:#d6f0f4; }
body[data-theme-version="light"][data-headerbg="color_7"]{ --headerbg:#f6e7d3; --nav-headbg:#f6e7d3; }
body[data-theme-version="light"][data-headerbg="color_8"]{ --headerbg:#f9f2cf; --nav-headbg:#f9f2cf; }
body[data-theme-version="light"][data-headerbg="color_9"]{ --headerbg:#edf5d2; --nav-headbg:#edf5d2; }
body[data-theme-version="light"][data-headerbg="color_10"]{ --headerbg:#f9e6d2; --nav-headbg:#f9e6d2; }
body[data-theme-version="light"][data-headerbg="color_11"]{ --headerbg:#fadfe3; --nav-headbg:#fadfe3; }
body[data-theme-version="light"][data-headerbg="color_12"]{ --headerbg:#d9e6f3; --nav-headbg:#d9e6f3; }
body[data-theme-version="light"][data-headerbg="color_13"]{ --headerbg:#e6e2f8; --nav-headbg:#e6e2f8; }
body[data-theme-version="light"][data-headerbg="color_14"]{ --headerbg:#d6f2e6; --nav-headbg:#d6f2e6; }
body[data-theme-version="light"][data-headerbg="color_15"]{ --headerbg:#fbdded; --nav-headbg:#fbdded; }
body[data-theme-version="light"][data-headerbg="color_16"]{ --headerbg:#e4eee8; --nav-headbg:#e4eee8; }
body:not([data-theme-version="light"])[data-headerbg="color_1"]{ --headerbg:#4a3a24; --nav-headbg:#4a3a24; }
body:not([data-theme-version="light"])[data-headerbg="color_2"]{ --headerbg:#4a2824; --nav-headbg:#4a2824; }
body:not([data-theme-version="light"])[data-headerbg="color_3"]{ --headerbg:#4a2630; --nav-headbg:#4a2630; }
body:not([data-theme-version="light"])[data-headerbg="color_4"]{ --headerbg:#46283f; --nav-headbg:#46283f; }
body:not([data-theme-version="light"])[data-headerbg="color_5"]{ --headerbg:#2e3442; --nav-headbg:#2e3442; }
body:not([data-theme-version="light"])[data-headerbg="color_6"]{ --headerbg:#1f3e48; --nav-headbg:#1f3e48; }
body:not([data-theme-version="light"])[data-headerbg="color_7"]{ --headerbg:#43321e; --nav-headbg:#43321e; }
body:not([data-theme-version="light"])[data-headerbg="color_8"]{ --headerbg:#44401c; --nav-headbg:#44401c; }
body:not([data-theme-version="light"])[data-headerbg="color_9"]{ --headerbg:#34401c; --nav-headbg:#34401c; }
body:not([data-theme-version="light"])[data-headerbg="color_10"]{ --headerbg:#45331c; --nav-headbg:#45331c; }
body:not([data-theme-version="light"])[data-headerbg="color_11"]{ --headerbg:#4a2630; --nav-headbg:#4a2630; }
body:not([data-theme-version="light"])[data-headerbg="color_12"]{ --headerbg:#1f3346; --nav-headbg:#1f3346; }
body:not([data-theme-version="light"])[data-headerbg="color_13"]{ --headerbg:#2a2746; --nav-headbg:#2a2746; }
body:not([data-theme-version="light"])[data-headerbg="color_14"]{ --headerbg:#1f4136; --nav-headbg:#1f4136; }
body:not([data-theme-version="light"])[data-headerbg="color_15"]{ --headerbg:#4a2438; --nav-headbg:#4a2438; }
body:not([data-theme-version="light"])[data-headerbg="color_16"]{ --headerbg:#2e3a35; --nav-headbg:#2e3a35; }

/* Chrome kabuk — {karanlık|aydınlık} × {tema rengi} otomatik eşleme */
body[data-theme-version="light"]{
    --chrome-fg: #334155;
    --chrome-fg-muted: #64748b;
    --chrome-fg-accent: var(--sys-text-accent, #5a88c8);
    --chrome-island-bg: color-mix(in srgb, var(--headerbg, #fff) 42%, rgba(255,255,255,0.88));
    --chrome-island-border: rgba(0,0,0,0.08);
    --chrome-island-shadow: 0 4px 18px rgba(15,23,42,0.08), inset 0 1px 0 rgba(255,255,255,0.92);
    --chrome-btn-bg: rgba(0,0,0,0.04);
    --chrome-btn-border: rgba(0,0,0,0.07);
    --chrome-btn-fg: var(--sys-text-accent, #475569);
    --chrome-btn-hover-bg: var(--sys-accent-soft);
    --chrome-btn-hover-fg: var(--sys-text-accent);
    --chrome-btn-hover-border: color-mix(in srgb, var(--sys-accent) 28%, transparent);
    --chrome-toggle-bg: linear-gradient(145deg, color-mix(in srgb, var(--sys-accent) 20%, transparent), color-mix(in srgb, var(--sys-accent) 8%, transparent));
    --chrome-toggle-border: color-mix(in srgb, var(--sys-accent) 32%, transparent);
    --chrome-toggle-fg: var(--sys-text-accent);
    --chrome-toggle-shadow: 0 3px 12px color-mix(in srgb, var(--sys-accent) 18%, transparent);
    --chrome-chip-bg: rgba(0,0,0,0.04);
    --chrome-chip-border: rgba(0,0,0,0.1);
    --chrome-chip-fg: var(--chrome-fg);
    --chrome-chip-hover-bg: rgba(0,0,0,0.07);
    --chrome-panel-bg: linear-gradient(165deg, color-mix(in srgb, var(--headerbg,#f8fafc) 94%, #fff) 0%, color-mix(in srgb, var(--headerbg,#f1f5f9) 90%, #fff) 100%);
    --chrome-panel-fg: #0f172a;
    --chrome-panel-fg-muted: #475569;
    --chrome-panel-border: rgba(0,0,0,0.08);
    --chrome-panel-item-bg: rgba(0,0,0,0.04);
    --chrome-panel-item-border: rgba(0,0,0,0.07);
    --chrome-panel-item-fg: var(--chrome-panel-fg);
    --chrome-panel-icon-bg: color-mix(in srgb, var(--sys-accent) 16%, transparent);
    --chrome-panel-icon-fg: var(--sys-text-accent);
    --chrome-panel-title-border: rgba(0,0,0,0.08);
    --chrome-drawer-bg: linear-gradient(180deg, color-mix(in srgb, var(--headerbg,#fff) 98%, #fff) 0%, color-mix(in srgb, var(--headerbg,#f8fafc) 94%, #fff) 100%);
    --chrome-drawer-border: rgba(0,0,0,0.08);
    --chrome-drawer-shadow: 24px 0 48px rgba(15,23,42,0.14);
    --chrome-drawer-fg: var(--chrome-fg);
    --chrome-drawer-item-bg: rgba(0,0,0,0.03);
    --chrome-drawer-item-border: rgba(0,0,0,0.06);
    --chrome-drawer-item-hover-bg: rgba(0,0,0,0.05);
    --chrome-drawer-item-active-bg: var(--sys-accent-soft);
    --chrome-drawer-item-active-border: color-mix(in srgb, var(--sys-accent) 30%, transparent);
    --chrome-drawer-logo-bg: linear-gradient(135deg, color-mix(in srgb, var(--sys-accent) 10%, transparent), transparent);
    --chrome-drawer-logo-border: rgba(0,0,0,0.08);
    --chrome-close-bg: rgba(0,0,0,0.06);
    --chrome-close-border: rgba(0,0,0,0.1);
    --chrome-close-fg: var(--chrome-fg);
    --chrome-sep: rgba(0,0,0,0.1);
    --chrome-mobile-island-bg: color-mix(in srgb, var(--headerbg,#fff) 50%, rgba(255,255,255,0.9));
    --chrome-mobile-island-border: rgba(0,0,0,0.08);
    --nav-sidebar-fg: var(--sys-text-primary, #0f172a);
    --nav-sidebar-fg-hover: var(--sys-text-accent, #5a88c8);
    --nav-sidebar-fg-active: var(--sys-text-accent, #5a88c8);
    --nav-sidebar-hover-bg: rgba(0, 0, 0, 0.06);
    --nav-sidebar-active-bg: var(--sys-accent-soft);
    --nav-sidebar-active-border: color-mix(in srgb, var(--sys-accent) 28%, transparent);
    --nav-flyout-fg: var(--sys-text-primary, #0f172a);
}
body:not([data-theme-version="light"]){
    --chrome-fg: rgba(255,255,255,0.92);
    --chrome-fg-muted: rgba(255,255,255,0.68);
    --chrome-fg-accent: var(--sys-text-accent-soft, #a8c0f0);
    --chrome-island-bg: rgba(0,0,0,0.22);
    --chrome-island-border: rgba(255,255,255,0.1);
    --chrome-island-shadow: 0 4px 20px rgba(0,0,0,0.18), inset 0 1px 0 rgba(255,255,255,0.06);
    --chrome-btn-bg: rgba(255,255,255,0.07);
    --chrome-btn-border: rgba(255,255,255,0.08);
    --chrome-btn-fg: rgba(255,255,255,0.9);
    --chrome-btn-hover-bg: var(--sys-accent-soft);
    --chrome-btn-hover-fg: var(--sys-text-accent-soft);
    --chrome-btn-hover-border: color-mix(in srgb, var(--sys-accent) 35%, transparent);
    --chrome-toggle-bg: linear-gradient(145deg, color-mix(in srgb, var(--sys-accent) 42%, transparent), color-mix(in srgb, var(--sys-accent) 18%, transparent));
    --chrome-toggle-border: color-mix(in srgb, var(--sys-accent) 48%, transparent);
    --chrome-toggle-fg: #fff;
    --chrome-toggle-shadow: 0 4px 16px color-mix(in srgb, var(--sys-accent) 28%, transparent);
    --chrome-chip-bg: rgba(255,255,255,0.08);
    --chrome-chip-border: rgba(255,255,255,0.2);
    --chrome-chip-fg: rgba(255,255,255,0.9);
    --chrome-chip-hover-bg: rgba(255,255,255,0.14);
    --chrome-panel-bg: linear-gradient(165deg, rgba(18,24,38,0.98) 0%, rgba(12,16,28,0.99) 55%, rgba(8,10,20,1) 100%);
    --chrome-panel-fg: rgba(255,255,255,0.95);
    --chrome-panel-fg-muted: rgba(255,255,255,0.72);
    --chrome-panel-border: rgba(255,255,255,0.1);
    --chrome-panel-item-bg: rgba(255,255,255,0.06);
    --chrome-panel-item-border: rgba(255,255,255,0.08);
    --chrome-panel-item-fg: var(--chrome-panel-fg);
    --chrome-panel-icon-bg: color-mix(in srgb, var(--sys-accent) 24%, transparent);
    --chrome-panel-icon-fg: var(--sys-text-accent-soft);
    --chrome-panel-title-border: rgba(255,255,255,0.1);
    --chrome-drawer-bg: linear-gradient(180deg, color-mix(in srgb, var(--headerbg,#1e293b) 92%, #0c1018) 0%, rgba(12,16,28,1) 100%);
    --chrome-drawer-border: rgba(255,255,255,0.08);
    --chrome-drawer-shadow: 24px 0 64px rgba(0,0,0,0.45), 0 0 0 1px rgba(255,255,255,0.06) inset;
    --chrome-drawer-fg: var(--chrome-fg);
    --chrome-drawer-item-bg: rgba(255,255,255,0.05);
    --chrome-drawer-item-border: rgba(255,255,255,0.07);
    --chrome-drawer-item-hover-bg: rgba(255,255,255,0.09);
    --chrome-drawer-item-active-bg: color-mix(in srgb, var(--sys-accent) 28%, transparent);
    --chrome-drawer-item-active-border: color-mix(in srgb, var(--sys-accent) 38%, transparent);
    --chrome-drawer-logo-bg: linear-gradient(135deg, color-mix(in srgb, var(--sys-accent) 16%, transparent), transparent);
    --chrome-drawer-logo-border: rgba(255,255,255,0.1);
    --chrome-close-bg: rgba(255,255,255,0.1);
    --chrome-close-border: rgba(255,255,255,0.14);
    --chrome-close-fg: #fff;
    --chrome-sep: rgba(255,255,255,0.12);
    --chrome-mobile-island-bg: rgba(0,0,0,0.24);
    --chrome-mobile-island-border: rgba(255,255,255,0.1);
    --nav-sidebar-fg: rgba(255, 255, 255, 0.92);
    --nav-sidebar-fg-hover: var(--sys-text-accent-soft, rgba(255, 255, 255, 0.98));
    --nav-sidebar-fg-active: var(--sys-text-accent-soft, rgba(255, 255, 255, 0.98));
    --nav-sidebar-hover-bg: rgba(255, 255, 255, 0.11);
    --nav-sidebar-active-bg: var(--sys-glow);
    --nav-sidebar-active-border: color-mix(in srgb, var(--sys-accent) 38%, transparent);
    --nav-flyout-fg: var(--sys-text-main, rgba(255, 255, 255, 0.92));
}

body[data-user-renk]{
    --sys-border-accent: color-mix(in srgb, var(--sys-accent) 22%, transparent);
    --sys-glow: color-mix(in srgb, var(--sys-accent) 14%, transparent);
    --sys-scrollbar-track: color-mix(in srgb, var(--sys-accent) 6%, transparent);
    --sys-scrollbar-thumb: color-mix(in srgb, var(--sys-accent) 38%, #c8d0da);
    --sys-scrollbar-thumb-hover: var(--sys-accent);
    --sys-scrollbar-thumb-active: var(--sys-accent-2);
    --sys-scrollbar-ring: color-mix(in srgb, var(--sys-accent) 18%, transparent);
    --nav-accent: var(--sys-accent);
    --nav-accent-soft: var(--sys-accent-soft);
    --asay-accent: var(--sys-accent);
    --asay-accent-soft: var(--sys-accent-soft);
    --asay-shadow-hover: 0 8px 22px var(--sys-glow), 0 0 0 1px var(--sys-accent-soft) inset;
    --asay-label: var(--sys-text-accent-soft);
    --slmn-accent: var(--sys-accent);
    --slmn-scrollbar-thumb: var(--sys-scrollbar-thumb);
    --slmn-scrollbar-thumb-hover: var(--sys-scrollbar-thumb-hover);
    --fulmet-accent: var(--sys-accent);
    --fulmet-accent-soft: var(--sys-accent-soft);
    --fulmet-accent-hover: var(--sys-accent-mid);
    --fulmet-ring: var(--sys-accent-mid);
}
body[data-user-renk][data-theme-version="dark"]{
    --sys-scrollbar-track: color-mix(in srgb, var(--sys-accent) 9%, transparent);
    --sys-scrollbar-thumb: color-mix(in srgb, var(--sys-accent) 48%, #475569);
    --sys-scrollbar-ring: color-mix(in srgb, var(--sys-accent) 22%, transparent);
}

/* —— Butonlar & rozetler (yumuşak pastel) —— */
body[data-user-renk] .btn-primary:not(.btn-danger):not(.btn-success):not(.btn-warning){
    background: linear-gradient(135deg,
        color-mix(in srgb, var(--sys-accent) 88%, #fff),
        color-mix(in srgb, var(--sys-accent-2) 82%, #fff)
    ) !important;
    border-color: color-mix(in srgb, var(--sys-accent-2) 55%, transparent) !important;
    color: var(--sys-on-accent) !important;
    box-shadow: 0 1px 6px var(--sys-glow);
}
body[data-user-renk] .btn-primary:not(.btn-danger):not(.btn-success):not(.btn-warning):hover,
body[data-user-renk] .btn-primary:not(.btn-danger):not(.btn-success):not(.btn-warning):focus{
    background: linear-gradient(135deg,
        color-mix(in srgb, var(--sys-accent) 78%, var(--sys-accent-2)),
        color-mix(in srgb, var(--sys-accent-2) 88%, #fff)
    ) !important;
    border-color: color-mix(in srgb, var(--sys-accent-2) 65%, transparent) !important;
    color: var(--sys-on-accent) !important;
    box-shadow: 0 2px 10px var(--sys-glow);
}
body[data-user-renk] .btn-outline-primary{
    color: var(--sys-text-accent) !important;
    border-color: var(--sys-border-accent) !important;
}
body[data-user-renk] .btn-outline-primary:hover{
    background: var(--sys-accent-soft) !important;
    border-color: var(--sys-accent) !important;
    color: var(--sys-text-accent) !important;
}
body[data-user-renk] .text-primary:not(.text-danger):not(.text-success):not(.text-warning){
    color: var(--sys-text-accent) !important;
}
body[data-user-renk] .border-primary{
    border-color: var(--sys-border-accent) !important;
}
body[data-user-renk] .badge.badge-primary:not(.dsyn),
body[data-user-renk] .badge.bg-primary:not(.dsyn),
body[data-user-renk] .badge.light.badge-primary:not(.dsyn){
    background: var(--sys-accent-soft) !important;
    color: var(--sys-text-accent) !important;
    border: 1px solid var(--sys-border-accent);
}

/* —— Form & seçiciler —— */
body[data-user-renk] .xe00:focus,
body[data-user-renk] .form-control:focus,
body[data-user-renk] .form-select:focus,
body[data-user-renk] select:not(.d-none):focus,
body[data-user-renk] input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="submit"]):not([type="button"]):not(.d-none):focus,
body[data-user-renk] textarea:not(.d-none):focus{
    border-color: var(--sys-accent) !important;
    box-shadow: 0 0 0 3px var(--sys-accent-soft) !important;
}
body[data-user-renk] .xe00:before{ border-top-color: var(--sys-accent) !important; }
body[data-user-renk] .xe00:after{ border-color: var(--sys-accent) !important; }
body[data-user-renk] .swch:focus,
body[data-user-renk] .form-control:focus-within{ border-color: var(--sys-accent) !important; }
body[data-user-renk] .swch:checked{
    background: linear-gradient(0deg,
        color-mix(in srgb, var(--sys-accent) 85%, #fff),
        color-mix(in srgb, var(--sys-accent-2) 80%, #fff)
    ) !important;
}

/* —— Üst menü: hover & aktif yazı renkleri —— */
body[data-user-renk] #anabar.nav-top #topbar .navbar-nav > li:hover > a,
body[data-user-renk] #anabar.nav-top #topbar .navbar-nav > li:hover .dropdown-toggle,
body[data-user-renk] #anabar.nav-top #topbar .navbar-nav > li.show > a,
body[data-user-renk] #anabar.nav-top #topbar .navbar-nav > li.show > .dropdown-toggle{
    background: var(--sys-accent-soft) !important;
    border-color: var(--sys-border-accent) !important;
}
body[data-user-renk] #topbar.nav-sidebar .navbar-nav > li:hover > a,
body[data-user-renk] #topbar.nav-sidebar .navbar-nav > li:hover .dropdown-toggle,
body[data-user-renk] #topbar.nav-sidebar .navbar-nav > li.show > a,
body[data-user-renk] #topbar.nav-sidebar .navbar-nav > li.show > .dropdown-toggle,
body[data-user-renk] #anabar.nav-left #topbar.nav-sidebar .navbar-nav > li:hover > a,
body[data-user-renk] #anabar.nav-left #topbar.nav-sidebar .navbar-nav > li:hover .dropdown-toggle,
body[data-user-renk] #anabar.nav-left #topbar.nav-sidebar .navbar-nav > li.show > a,
body[data-user-renk] #anabar.nav-left #topbar.nav-sidebar .navbar-nav > li.show > .dropdown-toggle{
    background: var(--sys-accent-soft) !important;
    border-color: var(--sys-border-accent) !important;
}

/* —— Nav pills & sekmeler —— */
body[data-user-renk] .nav.nav-pills,
body[data-user-renk] .nav.nav-pills.m-1,
body[data-user-renk] .nav.nav-pills:not(.flex-column){
    background: linear-gradient(135deg, var(--sys-accent-soft), transparent) !important;
    border-color: var(--sys-border-accent) !important;
}
body[data-user-renk] .nav.nav-pills .nav-link:hover,
body[data-user-renk] .nav.nav-pills a.nav-link2:hover,
body[data-user-renk] .nav.nav-pills a[data-bs-toggle="pill"]:hover{
    background: var(--sys-accent-soft) !important;
    color: var(--sys-text-accent) !important;
}
body[data-user-renk] .nav.nav-pills .nav-link.active,
body[data-user-renk] .nav.nav-pills .nav-link.show,
body[data-user-renk] .nav.nav-pills a.nav-link2.active,
body[data-user-renk] .nav.nav-pills a.nav-link2.show,
body[data-user-renk] .nav.nav-pills a[data-bs-toggle="pill"].active{
    background: color-mix(in srgb, var(--sys-accent) 72%, #fff) !important;
    color: var(--sys-on-accent) !important;
    box-shadow: 0 1px 6px var(--sys-glow) !important;
}
body[data-user-renk][data-theme-version="dark"] .nav.nav-pills .nav-link.active,
body[data-user-renk][data-theme-version="dark"] .nav.nav-pills .nav-link.show,
body[data-user-renk][data-theme-version="dark"] .nav.nav-pills a.nav-link2.active,
body[data-user-renk][data-theme-version="dark"] .nav.nav-pills a.nav-link2.show,
body[data-user-renk][data-theme-version="dark"] .nav.nav-pills a[data-bs-toggle="pill"].active{
    background: color-mix(in srgb, var(--sys-accent) 48%, #1e293b) !important;
}
body[data-user-renk] .anasayfa-sayac-sekmeler .nav-link.active{
    color: var(--sys-text-accent) !important;
    box-shadow: 0 2px 10px var(--sys-glow) !important;
}
body[data-user-renk] .anasayfa-ana-sekme #invoiceTabs .nav-link.active{
    color: var(--sys-text-accent) !important;
    background: var(--sys-accent-soft) !important;
}

/* —— Tablo araç çubuğu & sayfalama —— */
body[data-user-renk] .tbl-caption .input-group > .input-group-text:first-child,
body[data-user-renk] .tbl-caption .input-group.input-success > .input-group-text:first-child,
body[data-user-renk] .tbl-caption .input-group > .input-group-text:nth-child(2){
    color: var(--tbl-caption-badge-fg) !important;
    background-color: var(--tbl-caption-badge-bg) !important;
    border-color: var(--tbl-caption-badge-border) !important;
}
body[data-user-renk] .tbl-caption .input-group > .input-group-text:first-child a,
body[data-user-renk] .tbl-caption .input-group > .input-group-text:nth-child(2) a{
    color: var(--tbl-caption-badge-fg) !important;
}
.tbl-caption .input-group > .input-group-text:first-child a,
.tbl-caption .input-group > .input-group-text:nth-child(2) a{
    color: var(--tbl-caption-badge-fg) !important;
}
body[data-user-renk] .pagination .page-item.active .page-link,
body[data-user-renk] .pagination .page-item .page-link:hover{
    background: var(--sys-accent-soft) !important;
    border-color: var(--sys-border-accent) !important;
    color: var(--sys-text-accent) !important;
}
body[data-user-renk] .active-projects thead tr th,
body[data-user-renk] #centerbar .table thead th{
    color: var(--sys-text-accent-soft) !important;
    border-bottom-color: var(--sys-border-accent) !important;
}

/* —— CS menü & sol menü —— */
body[data-user-renk] .cs_menu_item.secili,
body[data-user-renk] .cs_menu_item.isaretli{
    color: var(--sys-text-accent) !important;
    background: var(--sys-accent-soft) !important;
}
body[data-user-renk] #solmenuic .item > .btn:hover{
    box-shadow: inset 3px 0 0 var(--sys-accent);
}
body[data-user-renk] .filtli-header{
    color: var(--sys-on-accent, #fff) !important;
    border-color: color-mix(in srgb, var(--sys-on-accent, #fff) 20%, transparent) !important;
    background: linear-gradient(135deg,
        color-mix(in srgb, var(--sys-accent) 88%, #000) 0%,
        var(--sys-accent) 48%,
        color-mix(in srgb, var(--sys-accent-2) 92%, #fff) 100%) !important;
}

/* —— Profil menüsü & segment kontrol —— */
body[data-user-renk] .boncuk-profil-ayar-baslik,
body[data-user-renk] .boncuk-profil-ayar-baslik i{
    color: var(--sys-text-accent-soft) !important;
}
body[data-user-renk] .boncuk-profil-link:hover,
body[data-user-renk] .boncuk-profil-link:hover i{
    color: var(--sys-text-accent) !important;
}
body[data-user-renk] .boncuk-seg-btn.active{
    color: var(--sys-text-accent) !important;
    box-shadow: 0 1px 8px var(--sys-glow) !important;
}
body[data-user-renk] #araclar .boncuk-arac-btn:hover{
    color: var(--sys-text-accent) !important;
    background: var(--sys-accent-soft) !important;
    border-color: var(--sys-border-accent) !important;
}

/* —— İçerik linkleri & modal —— */
body[data-user-renk] #centerbar a:not(.btn):not(.nav-link):not(.dropdown-item):hover{
    color: var(--sys-text-accent) !important;
}
body[data-user-renk] .modal-header{
    border-bottom-color: var(--sys-border-accent) !important;
    background: linear-gradient(135deg, var(--sys-accent-soft), transparent) !important;
}
body[data-user-renk] .modal-title{
    color: var(--sys-text-accent) !important;
}
body[data-user-renk] .nav-link2.active{
    color: var(--sys-text-accent) !important;
    border-color: var(--sys-border-accent) !important;
    background: var(--sys-accent-soft) !important;
}

/* —— Ana sayfa kartları —— */
body[data-user-renk] .anasayfa-tam .tusrenk::before,
body[data-user-renk] .anasayfa-tam .anasayfa-ana-sekme .card::before,
body[data-user-renk] .anasayfa-tam .anasayfa-ana-sekme .border.rounded.p-2.mb-3::before{
    background: linear-gradient(90deg, var(--sys-accent), var(--sys-accent-mid)) !important;
}
body[data-user-renk] .anasayfa-tam .tusrenk .card-title.text-primary,
body[data-user-renk] .anasayfa-tam .border.rounded h5.text-primary-emphasis{
    color: var(--sys-text-accent) !important;
}

/* —— Scrollbar (global) —— */
body[data-user-renk]{
    scrollbar-color: var(--sys-scrollbar-thumb) var(--sys-scrollbar-track);
}
body[data-user-renk] *{
    scrollbar-color: var(--sys-scrollbar-thumb) var(--sys-scrollbar-track);
}
body[data-user-renk] ::-webkit-scrollbar-track{
    background: var(--sys-scrollbar-track) !important;
}
body[data-user-renk] ::-webkit-scrollbar-thumb{
    background: linear-gradient(
        180deg,
        color-mix(in srgb, var(--sys-scrollbar-thumb) 72%, transparent),
        var(--sys-scrollbar-thumb)
    ) !important;
    border-radius: 999px !important;
    border: 3px solid transparent !important;
    background-clip: padding-box !important;
    box-shadow: 0 0 0 1px var(--sys-scrollbar-ring) inset !important;
}
body[data-user-renk] ::-webkit-scrollbar-thumb:hover{
    background: linear-gradient(
        180deg,
        color-mix(in srgb, var(--sys-scrollbar-thumb-hover) 80%, transparent),
        var(--sys-scrollbar-thumb-hover)
    ) !important;
}
body[data-user-renk] ::-webkit-scrollbar-thumb:active{
    background: var(--sys-scrollbar-thumb-active) !important;
}
body[data-user-renk] ::-webkit-scrollbar-corner{
    background: transparent !important;
}

/* —— Tema geçiş animasyonu —— */
body.boncuk-tema-gecis{
    transition: background-color 0.28s ease, color 0.22s ease;
}
body.boncuk-tema-gecis .color-bg,
body.boncuk-tema-gecis #topbar-container,
body.boncuk-tema-gecis #topbar,
body.boncuk-tema-gecis #araclar,
body.boncuk-tema-gecis #solmenuic,
body.boncuk-tema-gecis #centerbar,
body.boncuk-tema-gecis .anasayfa-tam .tusrenk,
body.boncuk-tema-gecis .anasayfa-tam .anasayfa-ana-sekme .card,
body.boncuk-tema-gecis .nav.nav-pills,
body.boncuk-tema-gecis .tbl-caption{
    transition: background 0.4s ease, background-color 0.4s ease, border-color 0.3s ease, color 0.25s ease, box-shadow 0.3s ease !important;
}
body.boncuk-tema-gecis ::-webkit-scrollbar-thumb{
    transition: background 0.35s ease, box-shadow 0.3s ease !important;
}

/* Fulmet içi tablolar */
.fulmet-tbl{
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    font-size: 0.8125rem;
    margin: 8px 0 0;
    border: 1px solid var(--fulmet-border);
    border-radius: var(--fulmet-radius-sm);
    overflow: hidden;
    background: var(--fulmet-surface-2);
}
.fulmet-tbl thead tr:first-child th:first-child,
.fulmet-tbl thead tr:first-child td:first-child,
.fulmet-tbl tbody tr:first-child td:first-child{
    border-top-left-radius: calc(var(--fulmet-radius-sm) - 1px);
}
.fulmet-tbl thead tr:first-child th:last-child,
.fulmet-tbl thead tr:first-child td:last-child,
.fulmet-tbl tbody tr:first-child td:last-child{
    border-top-right-radius: calc(var(--fulmet-radius-sm) - 1px);
}
.fulmet-tbl thead tr:last-child th:first-child,
.fulmet-tbl thead tr:last-child td:first-child,
.fulmet-tbl tbody tr:last-child td:first-child{
    border-bottom-left-radius: calc(var(--fulmet-radius-sm) - 1px);
}
.fulmet-tbl thead tr:last-child th:last-child,
.fulmet-tbl thead tr:last-child td:last-child,
.fulmet-tbl tbody tr:last-child td:last-child{
    border-bottom-right-radius: calc(var(--fulmet-radius-sm) - 1px);
}
.fulmet-tbl thead th,
.fulmet-tbl thead td{
    padding: 7px 11px;
    text-align: left;
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: var(--fulmet-text-muted);
    background: var(--fulmet-accent-soft);
    border-bottom: 1px solid var(--fulmet-ring);
}
.fulmet-tbl tbody tr:nth-child(odd){
    background-color: transparent;
}
.fulmet-tbl tbody tr:nth-child(even){
    background-color: var(--fulmet-accent-soft);
}
.fulmet-tbl tbody tr:hover{
    background-color: var(--fulmet-accent-hover);
}
.fulmet-tbl tbody tr td,
.fulmet-tbl thead th,
.fulmet-tbl thead td{
    padding: 7px 11px;
    border-bottom: 1px solid var(--fulmet-border);
    color: var(--fulmet-text);
}
.fulmet-tbl tbody tr:last-child td{
    border-bottom: none;
}

/* Tablo alt bilgi: sayfa geçiş düğmeleri + kayıt metni – yan yana, metin sığmazsa yatay kayar */
.tbl-bilgi-satir {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 0.25rem;
    min-height: 2.25rem;
    width: 100%;
    max-width: 100%;
    flex-shrink: 0;
    padding: 0.35rem 0.5rem;
    margin: 0 !important;
    box-sizing: border-box;
    background: linear-gradient(135deg, rgba(13,153,255,0.06) 0%, rgba(13,153,255,0.02) 100%);
    border-radius: 8px;
    overflow: hidden;
    --bs-gutter-x: 0;
}
.tbl-bilgi-satir.row {
    --bs-gutter-x: 0 !important;
}
body:not([data-theme-version="light"]) .tbl-bilgi-satir {
    background: linear-gradient(135deg, rgba(13,153,255,0.1) 0%, rgba(13,153,255,0.04) 100%);
}
.tbl-bilgi-satir .pagination {
    flex: 0 0 auto !important;
    width: fit-content !important;
    max-width: fit-content !important;
    margin: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
/* Dış sarmalayıcı: flex ile daralır, overflow ile kaydırma */
.tbl-bilgi-satir > span.col,
.tbl-bilgi-satir > .tbl-bilgi-metin-wrap {
    display: block;
    flex: 1 1 0%;
    min-width: 60px;
    max-width: 100%;
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
    scrollbar-width: none;
    -ms-overflow-style: none;
    font-size: 0.875rem;
    color: inherit;
    line-height: 1.3;
}
/* İç metin: sığmazsa dış sarmalayıcıda yatay kayar */
.tbl-bilgi-metin-wrap {
    white-space: nowrap;
}
.tbl-bilgi-metin {
    display: inline-block;
    white-space: nowrap;
    min-width: min-content;
}
.tbl-bilgi-satir > span.col::-webkit-scrollbar,
.tbl-bilgi-metin-wrap::-webkit-scrollbar {
    display: none;
}
@media (max-width: 768px) {
    .tbl-bilgi-satir {
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        min-height: 2rem !important;
        gap: 0.2rem !important;
        padding: 0.25rem 0.4rem !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        overflow: hidden !important;
        --bs-gutter-x: 0 !important;
    }
    .tbl-bilgi-satir > span.col,
    .tbl-bilgi-satir > .tbl-bilgi-metin-wrap {
        display: block !important;
        flex: 1 1 0% !important;
        min-width: 80px !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        touch-action: pan-x pan-y;
        font-size: 0.85rem !important;
        line-height: 1.25 !important;
    }
    .tbl-bilgi-satir .pagination {
        flex: 0 0 auto !important;
        flex-shrink: 0 !important;
        width: fit-content !important;
        max-width: fit-content !important;
    }
    .tbl-bilgi-satir .pagination .page-link,
    .tbl-bilgi-satir .pagination .btn {
        padding: 0.2rem 0.35rem !important;
        font-size: 0.75rem !important;
    }
}

.ei-label-radio
{
    position: relative;
    margin: 5px 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    font-size: 2em;
    color: white;
    width: fit-content;
}
.ei-label-radio .ei-input-radio
{
    appearance: none;
    display: none;
}
.ei-label-radio span
{
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    /*background: #111;*/
    margin-right:0px;
    transition: 0.5s;
}
.ei-label-radio span::before
{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: #383838;
    box-shadow: 0 -17px 0 #383838;
    transition: 0.5s;
}
.ei-label-radio .ei-input-radio:checked ~ span.check::before
{
    background: #0f0;
    box-shadow: 0 0 0 transparent;
}
.ei-label-radio .ei-input-radio:checked ~ span.cross::before
{
    background: #f00;
    box-shadow: 0 0 0 transparent;
    transform: rotate(-45deg) translate(10px,-9px);
}
.ei-label-radio span::after
{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 3px;
    height: 100%;
    background: #383838;
    box-shadow: 17px 0 0 #383838;
    transition: 0.5s;
}
.ei-label-radio .ei-input-radio:checked ~ span.check::after
{
    height: 50%;
    background: #0f0;
    box-shadow: 0 0 0 transparent;
}
.ei-label-radio .ei-input-radio:checked ~ span.check
{
    transform: rotate(-45deg) translate(7px,-7px);
}
.ei-label-radio .ei-input-radio:checked ~ span.cross::after
{
    background: #f00;
    box-shadow: 0 0 0 transparent;
    transform: rotate(-45deg) translate(10px,10px);
}


/* Tek checkbox: false = ×, true = ✓  (20x20, çerçevesiz) */
.ea-onebox{
    --ea-size: 20px;
    --ea-stroke: 2px;          /* çizgi kalınlığı */
    --ea-red:   #ef4444;
    --ea-green: #22c55e;
    --ea-focus: rgba(137,194,255,.45);

    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:4px;               /* tıklanabilir alanı büyütür, görseli etkilemez */
    border-radius:8px;
    cursor:pointer;
    user-select:none;
    transition:background-color .2s ease;
}
.ea-onebox:hover{ background:rgba(0,0,0,.05); }         /* opsiyonel hafif hover */

.ea-input{
    position:absolute;
    opacity:0;                 /* erişilebilir ama görünmez */
    width:var(--ea-size);
    height:var(--ea-size);
    margin:0;
}

.ea-box{
    width:var(--ea-size);
    height:var(--ea-size);
    position:relative;
    display:inline-block;
    border-radius:6px;         /* sadece focus halkası için */
}

/* Klavye odağı (dış çerçeve yok; sadece yumuşak bir halo) */
.ea-input:focus-visible + .ea-box{
    box-shadow:0 0 0 3px var(--ea-focus);
}

/* Varsayılan: × (iki hat) */
.ea-box::before,
.ea-box::after{
    content:"";
    position:absolute;
    height:var(--ea-stroke);
    width:80%;
    left:10%;
    top:50%;
    background:var(--ea-red);
    border-radius:var(--ea-stroke);
    transform-origin:center;
    transition:
            transform .22s ease,
            width .22s ease,
            left .22s ease,
            top .22s ease,
            background-color .18s ease,
            opacity .18s ease;
}
.ea-box::before{ transform:rotate(45deg); }
.ea-box::after { transform:rotate(-45deg); }

/* Checked: ✓ (kısa + uzun bacak) */
.ea-input:checked + .ea-box::before,
.ea-input:checked + .ea-box::after{
    background:var(--ea-green);
}

/* kısa bacak */
.ea-input:checked + .ea-box::before{
    width:40%;
    left:16%;
    top:60%;
    transform:rotate(45deg);
}
/* uzun bacak */
.ea-input:checked + .ea-box::after{
    width:72%;
    left:34%;
    top:44%;
    transform:rotate(-45deg);
}

/* Devre dışı destek */
.ea-input:disabled + .ea-box,
.ea-input:disabled + .ea-box::before,
.ea-input:disabled + .ea-box::after{
    opacity:.45;
    cursor:not-allowed;
}

/* Hareket hassasiyeti olanlar için animasyonu yumuşat */
@media (prefers-reduced-motion: reduce){
    .ea-box::before,
    .ea-box::after{ transition:none; }
}


.fullscreen-iframe {
    width: 100%;
    height: 100%;
    border: none;
    display: block;
}

.cam_yansima--kirmizi::after {
    background: linear-gradient(120deg, rgba(255,255,255,0) 0%, rgba(255, 0, 0, 0.4) 50%, rgba(255,255,255,0) 100%);
}
.cam_yansima--koyumavi::after {
    background: linear-gradient(120deg, rgba(255,255,255,0) 0%, rgba(0, 72, 255, 0.4) 50%, rgba(255,255,255,0) 100%);
}
.cam_yansima--buzmavisi::after {
    background: linear-gradient(120deg, rgba(255,255,255,0) 0%, rgba(2, 255, 227, 0.4) 50%, rgba(255,255,255,0) 100%);
}

.cam_yansima--hizli::after {
    animation-duration: 1.5s;
}
.cam_yansima--orta::after {
    animation-duration: 2.5s;
}
.cam_yansima--yavas::after {
    animation-duration: 4s;
}

.cam_yansima--dar::after {
    width: 20%;
}
.cam_yansima--normal::after {
    width: 35%;
}
.cam_yansima--genis::after {
    width: 50%;
}


.cam_yansima {
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.cam_yansima::after {
    content: '';
    position: absolute;
    top: 0;
    left: -60%;
    height: 100%;
    z-index: 2;
    pointer-events: none;
    transform: skewX(-25deg);
    animation-name: cam_yansima_anim;
    animation-iteration-count: infinite;
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    animation-duration: 2.5s;
}

@keyframes cam_yansima_anim {
    0% { left: -20%; }
    100% { left: 110%; }
}




.table tr.table-success + tr.table-success {
    border-top: 0.12rem solid #ccc;
}




.offcanvas-header .btn-close {
    --bs-btn-close-color: var(--sys-danger, #dc2626);
    height: 24px;
    width: 24px;
    background-color: color-mix(in srgb, var(--sys-danger, #dc2626) 12%, #fff);
    background-image: var(--bs-btn-close-bg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1em auto;
    border: 1px solid color-mix(in srgb, var(--sys-danger, #dc2626) 28%, transparent);
    border-radius: 6px;
    opacity: 1;
    filter: none;
    font-size: 18px;
    margin-right: 8px;
    margin-top: 0px;
}
#canv .offcanvas-header.yt-hdr .btn-close,
#canv .yt-hdr .btn-close {
    min-width: 2rem;
    min-height: 2rem;
}

/* Offcanvas – sabit yükseklik (içerik taşınca body scroll çalışsın) */
/* Mobil: 100dvh tarayıcı alt barı dinamik olduğunda görünür alanı kullanır */
.offcanvas.offcanvas-end,
.offcanvas.offcanvas-start {
    top: 0 !important;
    bottom: 0 !important;
    height: 100% !important;
    max-height: 100vh !important;
    max-height: 100dvh !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
}
.offcanvas .offcanvas-header {
    flex-shrink: 0 !important;
}

/* Offcanvas-body – dikey kaydırma (flex min-height + touch scroll) */
.offcanvas-body {
    min-height: 0 !important; /* flex içinde overflow için gerekli */
    flex: 1 1 auto !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-y;
    overscroll-behavior-y: contain;
}

/* Offcanvas mobil – touch scroll güvencesi (Cariden/Personelden Tahsilat vb.) */
/* max-height ile body yüksekliği sınırlanır; 100dvh tarayıcı alt barı hizasında kalır */
@media (max-width: 992px) {
    #canv .offcanvas-body,
    #canv2 .offcanvas-body,
    .offcanvas.show .offcanvas-body {
        overflow-y: scroll !important;
        -webkit-overflow-scrolling: touch !important;
        touch-action: pan-y !important;
        overflow-x: hidden !important;
        max-height: calc(100vh - 70px) !important;
        max-height: calc(100dvh - 70px) !important;
    }
}

/* Offcanvas mobil uyumluluk – 992px altında tam genişlik (JS ile inline override desteklenir) */
@media (max-width: 992px) {
    #canv {
        width: 100% !important;
        max-width: none !important;
    }
    #canv2 {
        width: 100% !important;
    }
}

/* Tablo arama şeridi PC – görsel iyileştirme */
@media (min-width: 769px) {
    .tbl-caption .input-group.input-success,
    .tbl-caption .input-group {
        align-items: center;
        gap: 4px;
        padding: 4px 6px;
        background: var(--tbl-caption-bar-bg);
        border-radius: 8px;
        border: 1px solid var(--tbl-caption-bar-border);
        box-shadow: 0 1px 3px rgba(0,0,0,0.04), inset 0 1px 0 rgba(255,255,255,0.7);
    }
    .tbl-caption .input-group .form-control,
    .tbl-caption .input-group input,
    .tbl-caption .input-group select {
        padding: 0.3rem 0.45rem !important;
        border-radius: 6px !important;
        border-color: var(--sys-border-accent) !important;
        transition: border-color 0.2s, box-shadow 0.2s;
    }
    .tbl-caption .input-group .form-control:focus,
    .tbl-caption .input-group input:focus,
    .tbl-caption .input-group select:focus {
        border-color: var(--sys-accent) !important;
        box-shadow: var(--sys-focus-ring) !important;
    }
    .tbl-caption .input-group .input-group-text {
        padding: 0.3rem 0.45rem !important;
        border-radius: 6px !important;
        border-color: var(--sys-border-accent) !important;
    }
    /* Filtre düğmesi + sayfa adı bitişik, tek blok – filtre arka planı sayfa adı ile aynı yeşil, input yüksekliğinde */
    .tbl-caption .input-group > .input-group-text:first-child {
        margin-right: -4px;
        align-self: center !important;
        height: 2.5rem !important;
        min-height: 2.5rem !important;
        display: flex !important;
        align-items: center !important;
        padding: 0.3rem 0.45rem !important;
        border-radius: 6px 0 0 6px !important;
        background-color: var(--tbl-caption-badge-bg) !important;
        border: 1px solid var(--tbl-caption-badge-border) !important;
        border-right: none !important;
        color: var(--tbl-caption-badge-fg) !important;
    }
    .tbl-caption .input-group > .input-group-text:nth-child(2) {
        margin-left: 0;
        align-self: center !important;
        height: 2.5rem !important;
        min-height: 2.5rem !important;
        border-radius: 0 6px 6px 0 !important;
        border-left: 1px solid var(--tbl-caption-badge-border) !important;
        background-color: var(--tbl-caption-badge-bg) !important;
        color: var(--tbl-caption-badge-fg) !important;
    }
    .tbl-caption .input-group .col-md-2,
    .tbl-caption .input-group .col-md-1,
    .tbl-caption .input-group .col-1,
    .tbl-caption .input-group .col-2 {
        width: auto !important;
        flex: 0 0 auto !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .tbl-caption .input-group .btn,
    .tbl-caption .input-group button.btn {
        padding-left: 0.4rem !important;
        padding-right: 0.4rem !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        transition: transform 0.2s ease, box-shadow 0.2s ease;
    }
    .tbl-caption .input-group .btn:hover,
    .tbl-caption .input-group button.btn:hover {
        transform: translateY(-1px);
    }
    body:not([data-theme-version="light"]) .tbl-caption .input-group.input-success,
    body:not([data-theme-version="light"]) .tbl-caption .input-group {
        background: linear-gradient(135deg, color-mix(in srgb, var(--sys-accent-soft) 85%, transparent) 0%, transparent 100%) !important;
        border-color: var(--sys-border-accent) !important;
        box-shadow: 0 1px 3px rgba(0,0,0,0.2), inset 0 1px 0 rgba(255,255,255,0.08) !important;
    }
    body:not([data-theme-version="light"]) .tbl-caption .input-group > .input-group-text:first-child,
    body:not([data-theme-version="light"]) .tbl-caption .input-group > .input-group-text:nth-child(2) {
        background-color: var(--tbl-caption-badge-bg) !important;
        border-color: var(--tbl-caption-badge-border) !important;
    }
}

/* Tablo arama şeridi mobil – yatay kaydırma, tek satır, kompakt */
@media (max-width: 768px) {
    /* card.cb-clip toolbar'ı kesiyor – tbl-caption içeren card overflow:visible */
    .card.cb-clip:has(.tbl-caption),
    .card.cb-clip:has(.input-group.input-success) {
        overflow: visible !important;
    }
    .row.col-md-12 .tbl-caption,
    .tbl-caption {
        padding: 4px 6px !important;
    }
    .tbl-caption .input-group.input-success,
    .tbl-caption .input-group {
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch;
        touch-action: pan-x pan-y;
        overscroll-behavior-x: contain;
        gap: 2px;
        align-items: center;
        display: flex !important;
        width: 100% !important;
        max-width: 100%;
        padding: 4px 6px;
        background: var(--tbl-caption-bar-bg);
        border-radius: 8px;
        border: 1px solid var(--tbl-caption-bar-border);
        box-shadow: 0 1px 3px rgba(0,0,0,0.05), inset 0 1px 0 rgba(255,255,255,0.6);
    }
    .tbl-caption .input-group.input-success::-webkit-scrollbar,
    .tbl-caption .input-group::-webkit-scrollbar {
        height: 5px;
    }
    .tbl-caption .input-group.input-success::-webkit-scrollbar-track,
    .tbl-caption .input-group::-webkit-scrollbar-track {
        background: var(--sys-scrollbar-track, rgba(13,153,255,0.06));
        border-radius: 5px;
    }
    .tbl-caption .input-group.input-success::-webkit-scrollbar-thumb,
    .tbl-caption .input-group::-webkit-scrollbar-thumb {
        background: var(--sys-scrollbar-thumb, rgba(13,153,255,0.35));
        border-radius: 5px;
    }
    .tbl-caption .input-group.input-success::-webkit-scrollbar-thumb:hover,
    .tbl-caption .input-group::-webkit-scrollbar-thumb:hover {
        background: var(--sys-scrollbar-thumb-hover, rgba(13,153,255,0.5));
    }
    .tbl-caption .input-group.input-success > *,
    .tbl-caption .input-group > * {
        flex: 0 0 auto !important;
        min-width: min-content !important;
        max-width: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .tbl-caption .input-group input[type="text"][placeholder*="Arama"],
    .tbl-caption .input-group input[type="search"],
    .tbl-caption .input-group input.form-control.mw_400,
    .tbl-caption .input-group input.form-control.mw_450,
    .tbl-caption .input-group input.form-control.mw_300 {
        min-width: 130px !important;
    }
    /* Select – sıralama metni görünsün (Kayıt Sırasına Göre Yeni->Eski vb.) */
    .tbl-caption .input-group select {
        min-width: 185px !important;
    }
    .tbl-caption .input-group select#slst {
        min-width: 205px !important;
    }
    .tbl-caption .input-group .col-md-2,
    .tbl-caption .input-group .col-md-1,
    .tbl-caption .input-group .col-1,
    .tbl-caption .input-group .col-2 {
        width: auto !important;
        min-width: fit-content !important;
        overflow: visible !important;
        flex-shrink: 0 !important;
        padding: 0 !important;
    }
    .tbl-caption .input-group .col-md-2.form-control,
    .tbl-caption .input-group .col-1.form-control {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0 !important;
        height: 2.75rem !important;
        min-height: 2.75rem !important;
        align-self: center !important;
    }
    .tbl-caption .input-group .col-md-2 .btn,
    .tbl-caption .input-group .col-md-2 button,
    .tbl-caption .input-group .btn,
    .tbl-caption .input-group button.btn {
        white-space: nowrap;
        overflow: visible !important;
        max-width: none !important;
        flex-shrink: 0 !important;
        margin: 0 !important;
    }
    .tbl-caption .mw_450,
    .tbl-caption .mw_400,
    .tbl-caption .mw_350,
    .tbl-caption .mw_300,
    .tbl-caption .mw_250,
    .tbl-caption .mw_200,
    .tbl-caption .mw_150,
    .tbl-caption .mw_100 {
        max-width: none !important;
    }
    .tbl-caption .input-group .form-control,
    .tbl-caption .input-group input,
    .tbl-caption .input-group select {
        height: 2.75rem !important;
        min-height: 2.75rem !important;
        padding: 0.4rem 0.55rem !important;
        border-radius: 6px !important;
        border-color: var(--sys-border-accent) !important;
    }
    .tbl-caption .input-group select {
        padding-right: 1.5rem !important;
        text-overflow: ellipsis;
    }
    .tbl-caption .input-group .input-group-text {
        border-radius: 6px !important;
        border-color: var(--sys-border-accent) !important;
        min-height: 2.75rem !important;
    }
    /* Filtre + sayfa adı bitişik (mobil) – filtre arka planı yeşil, input yüksekliğinde */
    .tbl-caption .input-group > .input-group-text:first-child {
        margin-right: -3px !important;
        align-self: center !important;
        height: 2.75rem !important;
        min-height: 2.75rem !important;
        display: flex !important;
        align-items: center !important;
        padding: 0.4rem 0.55rem !important;
        border-radius: 6px 0 0 6px !important;
        background-color: var(--tbl-caption-badge-bg) !important;
        border: 1px solid var(--tbl-caption-badge-border) !important;
        border-right: none !important;
        box-shadow: none !important;
        color: var(--tbl-caption-badge-fg) !important;
    }
    .tbl-caption .input-group > .input-group-text:nth-child(2) {
        margin-left: -3px !important;
        align-self: center !important;
        height: 2.75rem !important;
        min-height: 2.75rem !important;
        border-radius: 0 6px 6px 0 !important;
        border-left: none !important;
        box-shadow: none !important;
        background-color: var(--tbl-caption-badge-bg) !important;
        color: var(--tbl-caption-badge-fg) !important;
        position: relative;
        z-index: 1;
    }
    .tbl-caption .input-group .chck2-switch,
    .tbl-caption .input-group .swch_box {
        min-height: 2.75rem !important;
    }
    /* Switch durum metni sonraki düğmelerin altında kalmasın */
    .tbl-caption .input-group .swch_box {
        position: relative !important;
        z-index: 2 !important;
        min-width: fit-content !important;
        align-items: center !important;
        padding: 0 0.55rem !important;
    }
    /* Durum yazısı dikey ortalı */
    .tbl-caption .input-group .swch_box .swch_met {
        align-self: center !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    /* Switch yüksekliği mobilde 25px – parent min-height override etmesin */
    .swch,
    .tbl-caption .input-group .swch_box .swch {
        height: 25px !important;
        min-height: 25px !important;
        max-height: 25px !important;
        --swch-height: 25px;
    }
    /* syf5 Cari listesi – WP/etiket araçları: tek kaydırma satırı, eşit dikey hiza */
    .tbl-caption .input-group .wp-p10-cari-ust-wrap {
        margin-top: 0 !important;
        align-self: center !important;
        flex-shrink: 0 !important;
        height: 2.75rem !important;
        min-height: 2.75rem !important;
    }
    .tbl-caption .input-group .wp-p10-cari-ust-satir,
    .tbl-caption .input-group #wp_p10_syf5_cari_ust_satir {
        overflow: visible !important;
        padding: 0 !important;
        flex-grow: 0 !important;
        align-self: center !important;
        height: 2.75rem !important;
        min-height: 2.75rem !important;
    }
    .tbl-caption .input-group .wp-p10-cari-ust-wrap .btn,
    .tbl-caption .input-group .wp-p10-mod-select,
    .tbl-caption .input-group .wp-p10-sel-extra .btn,
    .tbl-caption .input-group .wp-p10-tb-ico-btn {
        height: 2.75rem !important;
        min-height: 2.75rem !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
    .tbl-caption .input-group .wp-p10-tb-ico-btn {
        width: 2.75rem !important;
        min-width: 2.75rem !important;
        padding: 0 !important;
    }
    .tbl-caption .input-group .wp-p10-sel-extra.btn-group {
        height: 2.75rem !important;
        align-items: center !important;
    }
    .tbl-caption .input-group .wp-p10-sec-say {
        height: 2.75rem !important;
        align-self: center !important;
    }
    tr.wp-p10-cari-secim-satir {
        cursor: pointer;
    }
    .tbl-caption .input-group .col-md-2.form-control .nav-tabs.dzm-tabs,
    .tbl-caption .input-group .col-md-2.form-control .nav-tabs.dzm-tabs .nav-item,
    .tbl-caption .input-group .col-md-2.form-control .nav-tabs.dzm-tabs .btn {
        height: 100% !important;
        min-height: 0 !important;
    }
    .tbl-caption .input-group .col-md-2.form-control .nav-tabs.dzm-tabs {
        margin: 0 !important;
        border: 0 !important;
    }
}
@media (min-width: 769px) {
    .tbl-caption .input-group .wp-p10-cari-ust-satir,
    .tbl-caption .input-group #wp_p10_syf5_cari_ust_satir {
        overflow-x: auto;
        overflow-y: visible;
        padding-top: 0.25rem;
        padding-bottom: 0.25rem;
        padding-left: 0.25rem;
    }
}
@media (max-width: 480px) {
    .tbl-caption .input-group .form-control,
    .tbl-caption .input-group input,
    .tbl-caption .input-group select {
        height: 2.65rem !important;
        min-height: 2.65rem !important;
    }
    .tbl-caption .input-group .col-md-2.form-control,
    .tbl-caption .input-group .col-1.form-control {
        height: 2.65rem !important;
        min-height: 2.65rem !important;
    }
    .tbl-caption .input-group .wp-p10-cari-ust-wrap,
    .tbl-caption .input-group .wp-p10-cari-ust-satir,
    .tbl-caption .input-group #wp_p10_syf5_cari_ust_satir,
    .tbl-caption .input-group .wp-p10-cari-ust-wrap .btn,
    .tbl-caption .input-group .wp-p10-mod-select,
    .tbl-caption .input-group .wp-p10-sel-extra .btn,
    .tbl-caption .input-group .wp-p10-tb-ico-btn,
    .tbl-caption .input-group .wp-p10-sel-extra.btn-group,
    .tbl-caption .input-group .wp-p10-sec-say {
        height: 2.65rem !important;
        min-height: 2.65rem !important;
    }
    .tbl-caption .input-group .wp-p10-tb-ico-btn {
        width: 2.65rem !important;
        min-width: 2.65rem !important;
    }
    .tbl-caption .input-group .input-group-text {
        min-height: 2.65rem !important;
    }
    .tbl-caption .input-group .chck2-switch,
    .tbl-caption .input-group .swch_box {
        min-height: 2.65rem !important;
    }
}
@media (max-width: 768px) {
    body:not([data-theme-version="light"]) .tbl-caption .input-group.input-success,
    body:not([data-theme-version="light"]) .tbl-caption .input-group {
        background: linear-gradient(135deg, color-mix(in srgb, var(--sys-accent-soft) 70%, transparent) 0%, transparent 100%) !important;
        border-color: var(--sys-border-accent) !important;
        box-shadow: 0 1px 3px rgba(0,0,0,0.2), inset 0 1px 0 rgba(255,255,255,0.08) !important;
    }
    body:not([data-theme-version="light"]) .tbl-caption .input-group::-webkit-scrollbar-track {
        background: var(--sys-scrollbar-track, rgba(13,153,255,0.1)) !important;
    }
    body:not([data-theme-version="light"]) .tbl-caption .input-group::-webkit-scrollbar-thumb {
        background: var(--sys-scrollbar-thumb, rgba(13,153,255,0.4)) !important;
    }
    body:not([data-theme-version="light"]) .tbl-caption .input-group > .input-group-text:first-child,
    body:not([data-theme-version="light"]) .tbl-caption .input-group > .input-group-text:nth-child(2) {
        background-color: var(--tbl-caption-badge-bg) !important;
        border-color: var(--tbl-caption-badge-border) !important;
    }
}

/* Nav pills (sekme düğmeleri) – PC görünüm iyileştirme */
.card-header:has(.nav.nav-pills) {
    padding: 4px 6px !important;
}
.nav.nav-pills.m-1,
.nav.nav-pills:not(.flex-column) {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    padding: 5px 6px;
    margin: 0 !important;
    background: linear-gradient(135deg, rgba(13,153,255,0.05) 0%, rgba(13,153,255,0.02) 100%);
    border-radius: 8px;
    border: 1px solid rgba(13,153,255,0.15);
}
.nav.nav-pills .nav-link,
.nav.nav-pills .nav-item .nav-link,
.nav.nav-pills a.nav-link2,
.nav.nav-pills a[data-bs-toggle="pill"] {
    padding: 0.35rem 0.6rem !important;
    margin: 0 !important;
    border-radius: 6px !important;
    font-weight: 500;
    transition: all 0.2s ease;
    white-space: nowrap;
}
.nav.nav-pills .nav-link:hover,
.nav.nav-pills a.nav-link2:hover,
.nav.nav-pills a[data-bs-toggle="pill"]:hover {
    background-color: rgba(13,153,255,0.1) !important;
}
.nav.nav-pills .nav-link.active,
.nav.nav-pills .nav-link.show,
.nav.nav-pills a.nav-link2.active,
.nav.nav-pills a.nav-link2.show,
.nav.nav-pills a[data-bs-toggle="pill"].active,
.nav.nav-pills a[data-bs-toggle="pill"].show {
    background: linear-gradient(135deg, #0D99FF 0%, #0880d9 100%) !important;
    color: #fff !important;
    border-color: transparent !important;
}
body:not([data-theme-version="light"]) .nav.nav-pills.m-1,
body:not([data-theme-version="light"]) .nav.nav-pills:not(.flex-column) {
    background: linear-gradient(135deg, rgba(13,153,255,0.1) 0%, rgba(13,153,255,0.04) 100%);
    border-color: rgba(13,153,255,0.25);
}
@media (min-width: 769px) {
    .nav.flex-column.nav-pills {
        padding: 5px 6px;
        margin: 0 !important;
        background: linear-gradient(135deg, rgba(13,153,255,0.05) 0%, rgba(13,153,255,0.02) 100%);
        border-radius: 8px;
        border: 1px solid rgba(13,153,255,0.15);
    }
}

/* Nav pills – mobil: yatay kaydırma, tek satır */
@media (max-width: 768px) {
    .card.cb-clip:has(.nav-pills),
    .card-header:has(.nav-pills),
    .card:has(.nav-pills) .card-header {
        overflow: visible !important;
    }
    .nav.nav-pills.m-1,
    .nav.nav-pills,
    .nav.flex-column.nav-pills {
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch;
        touch-action: pan-x pan-y;
        overscroll-behavior-x: contain;
        padding: 4px 5px;
        margin: 0 !important;
        background: linear-gradient(135deg, rgba(13,153,255,0.06) 0%, rgba(13,153,255,0.02) 100%);
        border-radius: 8px;
        border: 1px solid rgba(13,153,255,0.2);
    }
    .nav.flex-column.nav-pills {
        flex-direction: row !important;
    }
    .nav.nav-pills .nav-link,
    .nav.nav-pills .nav-item .nav-link,
    .nav.nav-pills a.nav-link2,
    .nav.nav-pills a[data-bs-toggle="pill"] {
        flex: 0 0 auto !important;
        min-width: min-content !important;
        padding: 0.38rem 0.55rem !important;
        margin: 0 !important;
    }
    .nav.nav-pills::-webkit-scrollbar {
        height: 5px;
    }
    .nav.nav-pills::-webkit-scrollbar-track {
        background: var(--sys-scrollbar-track, rgba(13,153,255,0.06));
        border-radius: 5px;
    }
    .nav.nav-pills::-webkit-scrollbar-thumb {
        background: var(--sys-scrollbar-thumb, rgba(13,153,255,0.35));
        border-radius: 5px;
    }
}

.mvnk {
    position: relative;
    display: inline-block;
}
.mvnk::before {
    content: '';
    position: absolute;
    top: -3px; /* Metin ile arasındaki boşluk */
    right: -6px;
    width: 6px; /* Nokta genişliği */
    height: 6px; /* Nokta yüksekliği */
    background-color: rgba(162, 249, 255, 0.84); /* Nokta rengi */
    border-radius: 50%;
    border: 1px solid rgba(1, 111, 255, 0.8); /* 1px'lik siyah çerçeve */
    padding: 2px; /* İsteğe bağlı iç boşluk */
}
.mvnk3 {
    position: relative;
    display: inline-block;
}
.mvnk3::before {
    content: '';
    position: absolute;
    top: -3px; /* Metin ile arasındaki boşluk */
    right: -6px;
    width: 6px; /* Nokta genişliği */
    height: 6px; /* Nokta yüksekliği */
    background-color: rgba(236, 20, 20, 0.84); /* Nokta rengi */
    border-radius: 50%;
    border: 1px solid rgba(196, 1, 241, 0.8); /* 1px'lik siyah çerçeve */
    padding: 2px; /* İsteğe bağlı iç boşluk */
}

@keyframes shake {
    0% { transform: translateX(0); }
    25% { transform: translateX(3px); }
    50% { transform: translateX(0); }
    75% { transform: translateX(-3px); }
    100% { transform: translateX(0); }
}

@keyframes fade {
    0%, 100% { opacity: 1; }
    50% { opacity: 0; }
}

.klt{
    pointer-events: none;
}
.scroll-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    height: 40px;
    line-height: 40px;
    width: 40px;
    height: 40px;
    font-size: 40px;
    z-index: 100;
    cursor: pointer;
    border: 2px solid rgba(0, 0, 0, 0.2);
    border-radius: 50%;
    padding: 10px;
}
.nosec{
    -webkit-user-select: none; /* Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none;
}
.frtik{
    cursor: pointer
}
.country-img {
    max-width: 36px; /* Maksimum genişlik değeri */
    max-height: 70px; /* Maksimum yükseklik değeri */
}
.custom-select2-dropdown {
    min-width: 300px;
}
.form-control{
    height: 2.5rem !important;
    text-align: center !important;
}
.custom-select2:focus {
    border-color: var(--sys-accent, #8eb8f0);
    outline: 0;
    box-shadow: var(--sys-focus-ring, 0 0 0 3px rgba(var(--sys-accent-rgb, 142, 184, 240), .18));
}
select:focus {
    outline: none;
    border-color: var(--sys-accent, #8eb8f0);
    box-shadow: var(--sys-focus-ring, 0 0 0 3px rgba(var(--sys-accent-rgb, 142, 184, 240), .18));
}
.caprazciz {
    position: relative;
}
.caprazciz::before {
    content: '';
    position: absolute;
    left: -10%;
    bottom: 0;
    width: 100%;
    border-bottom: 1px solid rgba(255, 0, 0, 0.25); /* Çizgi rengini ve stilini istediğiniz gibi ayarlayabilirsiniz */
    transform: rotate(-16deg); /* Çizgiyi eğik olarak çizmek için */
    transform-origin: left bottom; /* Dönme orijini sol alt köşe */
}

.anatablo_divi {
    margin-top: 0px; /* Navbar yüksekliği kadar boşluk bırak */
    max-height: calc(100vh - 200px); /* Sayfa yüksekliği - navbar yüksekliği */
    overflow-y: auto; /* Dikey kaydırma */
}

.anatablo_divi table thead th {
    position: sticky;
    top: 0; /* Tablo başlıklarının tablonun üstünde sabitlenmesi */
    z-index: 999; /* Tablo başlıkları içeriğin üstünde kalır */
    background-color: #f8f9fa; /* Başlıkların arka plan rengi */
}
.text-bg-light-sm {
    background-color: #efefef !important; /* Çok açık bir gri ton */
}






/* Tema ayarlarını CSS değişkenleriyle tanımlıyoruz */

/* Light tema için */
body[data-theme-version='light'] {
    --swch-bg: linear-gradient(0deg, #f7f7f7, #ddd);
    --swch-box-shadow:
            0 0 0 calc(var(--swch-height) * 0.1) #ccc,
            0 0 0 calc(var(--swch-height) * 0.1042) #bbb,
            inset 0 0 calc(var(--swch-height) * 0.25) rgba(0,0,0,0.1),
            0 calc(var(--swch-height) * 0.125) calc(var(--swch-height) * 0.5) rgba(0,0,0,0.1),
            inset 0 0 calc(var(--swch-height) * 0.375) rgba(0,0,0,0.1);
    --swch-before-bg: #fff;
    --swch-before-shadow: 0 0 0 calc(var(--swch-height) * 0.0833) #aaa;
    --swch-after-bg: linear-gradient(0deg, #ccc, #aaa);
    --swch-checked-bg: linear-gradient(0deg, #5ad1f3, #2bbf8e);
    --swch-checked-after-bg: #5ad1f3;
    --swch-met-color: #333;
}

/* Dark tema için */
body[data-theme-version='dark'] {
    --swch-bg: linear-gradient(0deg, #333, #000);
    --swch-box-shadow:
            0 0 0 calc(var(--swch-height) * 0.1) #353535,
            0 0 0 calc(var(--swch-height) * 0.1042) #3e3e3e,
            inset 0 0 calc(var(--swch-height) * 0.25) rgba(0, 0, 0, 1),
            0 calc(var(--swch-height) * 0.125) calc(var(--swch-height) * 0.5) rgba(0, 0, 0, 0.5),
            inset 0 0 calc(var(--swch-height) * 0.375) rgba(0, 0, 0, 0.2);
    --swch-before-bg: #000;
    --swch-before-shadow: 0 0 0 calc(var(--swch-height) * 0.0833) #232323;
    --swch-after-bg: linear-gradient(0deg, #6b6b6b, #000);
    --swch-checked-bg: linear-gradient(0deg, #3dd5f3, #03be8b);
    --swch-checked-after-bg: #3dd5f3;
    --swch-met-color: #aba9a9;
}

/* Switch kapsayıcı ayarları */
.swch_box {
    /* Genişlik ve yükseklik değerleri inline style veya buradan tanımlanabilir */
    --swch-width: 120px;
    --swch-height: 40px;
    display: inline-flex !important;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    min-width: fit-content;
    width: auto !important;
    position: relative;
}

/* Switch (checkbox) stil ayarları – yükseklik her zaman 25px */
.swch {
    position: relative;
    --swch-height: 25px;
    width: var(--swch-width);
    height: 25px !important;
    min-height: 25px !important;
    flex-shrink: 0;
    -webkit-appearance: none;
    background: var(--swch-bg);
    outline: none;
    border-radius: calc(var(--swch-height) / 2);
    box-shadow: var(--swch-box-shadow);
    cursor: pointer;
    z-index: 2;
    transition: background 0.5s;
}
.swch:focus {
    border: 1px solid var(--sys-accent, #8eb8f0) !important;
}
.form-control:focus-within {
    border: 1px solid var(--sys-accent, #8eb8f0) !important;
    box-shadow: var(--sys-focus-ring, 0 0 0 3px rgba(var(--sys-accent-rgb, 142, 184, 240), .18));
}
/* Switch aktifken */
.swch:checked {
    background: var(--swch-checked-bg);
}

/* Switch'in kayan arka planı (:before) */
.swch:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: calc(var(--swch-width) * 0.6667);
    height: 100%;
    background: var(--swch-before-bg);
    border-radius: calc(var(--swch-height) / 2);
    box-shadow: var(--swch-before-shadow);
    transform: scale(0.98, 0.96);
    transition: 0.5s;
}

/* Aktif durumda kayan arka planın sağa kayması */
.swch:checked:before {
    left: calc(var(--swch-width) - calc(var(--swch-width) * 0.6667));
}

/* Hareket eden yuvarlak gösterge (:after) */
.swch:after {
    content: '';
    position: absolute;
    width: calc(var(--swch-height) * 0.25);
    height: calc(var(--swch-height) * 0.25);
    top: calc(50% - calc(var(--swch-height) * 0.25) / 2);
    left: calc(var(--swch-width) * 0.5);
    background: var(--swch-after-bg);
    border-radius: 50%;
    transition: 0.5s;
}

/* Aktif durumda gösterge konumu ve rengi */
.swch:checked:after {
    left: calc(var(--swch-width) * 0.8333);
    background: var(--swch-checked-after-bg);
    box-shadow:
            0 0 calc(var(--swch-height) * 0.375) #c70a0a,
            0 0 calc(var(--swch-height) * 0.4167) var(--swch-checked-after-bg);
}

/* Label (swch_met) stil ayarları – akışta kalır, kutu genişliğine dahil olur, dikey ortalı */
.swch_met {
    position: relative;
    font-family: sans-serif;
    font-weight: bold;
    color: var(--swch-met-color);
    pointer-events: none;
    white-space: nowrap;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    /* Dikey ortalı: üst çocuk olarak esner, içeriği ortalar */
    align-self: stretch;
    min-height: var(--swch-height);
}

/* Label içeriği: switch durumuna göre (bitişik kardeş seçici) */
.swch + .swch_met::after {
    content: " " attr(data-pasif);
}
.swch:checked + .swch_met::after {
    content: " " attr(data-aktif);
}

/* Modal / Offcanvas içinde switch dikey ortalı – 8px aşağı kaymayı düzelt */
.modal .swch_box,
.modal-body .swch_box,
.offcanvas .swch_box,
.offcanvas-body .swch_box {
    align-items: center !important;
    align-self: center !important;
    transform: translateY(-5px);
}
.modal .swch_box .swch,
.modal .swch_box .swch_met,
.modal-body .swch_box .swch,
.modal-body .swch_box .swch_met,
.offcanvas .swch_box .swch,
.offcanvas .swch_box .swch_met,
.offcanvas-body .swch_box .swch,
.offcanvas-body .swch_box .swch_met {
    align-self: center !important;
}

/* Gerekli belgeler formu – mobilde butonlar açıklamanın altında, overlap yok */
@media (max-width: 991px) {
    .gerekli-belge-form-inner {
        flex-direction: column !important;
    }
    .gerekli-belge-form .gerekli-belge-dugmeler {
        position: static !important;
        order: 2;
        width: 100% !important;
        margin-top: 1rem !important;
        margin-bottom: 0 !important;
        justify-content: flex-start !important;
    }
    .gerekli-belge-form .col-12.col-lg-10.row {
        order: 1;
    }
}

/* Switch konteyneri */
.chck2-switch {
    display: flex !important;       /* Yan yana dizilmesini sağlar */
    flex-wrap: nowrap;
}

/* Checkbox gizleniyor */
.chck2-switch input {
    display: none;
}

/* Düğme (label) temel stili */
.chck2-switch .btn {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0.5rem 1rem;
    cursor: pointer;
    transition: background-color 0.3s, color 0.3s;
    user-select: none;
    box-sizing: border-box;
    background-color: #f8f9fa;
    color: #212529;
    width: 50%;
}

/* Düğmeler arası ince ayrım */
.chck2-switch .btn:not(:last-child) {
    border-right: 1px solid #ccc;
}


/* Checkbox işaretlenmemişken, sol düğme aktif */
.chck2-switch input:not(:checked) ~ .left {
    background-color: #0d6efd;
    color: #fff;
    pointer-events: none; /* Aktif olanın üzerine tıklanmaz */
}

/* Checkbox işaretliyken, sağ düğme aktif */
.chck2-switch input:checked ~ .right {
    background-color: #0d6efd;
    color: #fff;
    pointer-events: none;
}

/* Pasif olan düğmenin tıklanabilir kalması */
.chck2-switch input:checked ~ .left,
.chck2-switch input:not(:checked) ~ .right {
    pointer-events: auto;
}

/* Pasif düğmede hover efekti */
.chck2-switch .btn:hover {
    background-color: #e2e6ea;
}



/* ================== TETİK ALAN (xe00) ================== */
.xe00{
    border-radius: 10px !important;
    width: 100% !important;
    height: 40px !important; line-height: 2.6rem !important;
    padding: 0px 35px 0px 15px !important;
    text-align: left !important;
    text-overflow: ellipsis !important; overflow: hidden !important; white-space: nowrap !important;
    font-family: 'poppins', sans-serif !important;
    transition: box-shadow .20s ease, border-color .20s ease, background .20s ease !important;
    position: relative !important;
}
.xe00:before {
    content:'' !important;
    position:absolute !important;
    top:45% !important;
    right:9px !important;
    width:0 !important;
    height:0 !important;
    border:7px solid transparent !important;
    border-top-color: var(--sys-accent, #8eb8f0) !important;
    transform: translateY(0%) rotate(0deg) scale(1) !important;
    transition:
            transform .35s cubic-bezier(.4,0,.2,1),
            border-top-color .35s ease !important;
}

/* brd_mavi eklenince efektli geçiş */
.xe00.brd_mavi:before {
    transform: translateY(80%) rotate(0deg) scale(1.2) !important;
    border-top-color:#ff150d !important;
}
.xe00:after{
    content:'' !important;
    position:absolute !important;
    top:50% !important;
    right:-6px !important;
    width:22px !important;
    height:22px !important;
    border-radius:50% !important;
    border:2px solid var(--sys-accent, #8eb8f0) !important;
    transform: translate(-50%,-50%) !important;
    transition: border-color .25s ease !important; /* yumuşak geçiş */
}

/* brd_mavi gelince tüm halka kırmızı olsun */
.xe00.brd_mavi:after{
    border-color:#ff150d !important;   /* <-- sadece top değil, hepsi */
}
.xe00:focus{ border-color: var(--sys-accent, #8eb8f0) !important; box-shadow: var(--sys-focus-ring, 0 0 0 3px rgba(var(--sys-accent-rgb, 142, 184, 240), .18)) !important; }

/* Kenarlık renkleri mevcut mantıkla uyumlu */
.brd_mavi{  border:1px solid var(--sys-accent, #8eb8f0) !important; border-radius: 10px 10px 0 0 !important; }
.brd_mavi2{ border:1px solid var(--sys-accent, #8eb8f0) !important; border-radius: 0 0 10px 10px !important; }

/* ================== MENÜ KUTUSU (cs-menu) – Buzlu cam şeffaflığı ================== */
.cs-menu{
    position: relative;
    background: rgba(255, 255, 255, 0.42);
    border: 1px solid rgba(255, 255, 255, 0.6) !important;
    border-radius: 16px !important;
    padding: 0;
    opacity: 0;
    transform: translateY(6px) scale(0.98);
    transition: opacity 0.2s ease, transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.2s ease;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.7),
        0 8px 32px rgba(0, 0, 0, 0.08),
        0 2px 8px rgba(14, 165, 233, 0.06);
    pointer-events: none;
}
.cs-menu::before{
    content: '';
    position: absolute;
    inset: 0;
    z-index: -1;
    border-radius: inherit;
    background: rgba(255, 255, 255, 0.45);
    backdrop-filter: blur(20px) saturate(180%);
    -webkit-backdrop-filter: blur(20px) saturate(180%);
}

body:not([data-theme-version="light"]) .cs-menu{
    background: rgba(30, 41, 59, 0.48);
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.1),
        0 8px 32px rgba(0, 0, 0, 0.4),
        0 0 0 1px rgba(56, 189, 248, 0.08);
}
body:not([data-theme-version="light"]) .cs-menu::before{
    background: rgba(30, 41, 59, 0.5);
    backdrop-filter: blur(24px) saturate(160%);
    -webkit-backdrop-filter: blur(24px) saturate(160%);
}
body:not([data-theme-version="light"]) .cs-menu.brd_mavi2{
    border-color: rgba(56, 189, 248, 0.35) !important;
}

#cs_menu[style*="visibility: visible"]{
    opacity: 1;
    transform: translateY(0) scale(1);
    pointer-events: auto;
    background: rgba(255, 255, 255, 0.45);
    border: 1px solid rgba(255, 255, 255, 0.6);
    box-shadow:
        0 0 0 100vmax rgba(0, 0, 0, 0.15),
        inset 0 1px 0 rgba(255, 255, 255, 0.7),
        0 12px 32px rgba(0, 0, 0, 0.1),
        0 4px 12px rgba(14, 165, 233, 0.06);
    backdrop-filter: blur(20px) saturate(170%);
    -webkit-backdrop-filter: blur(20px) saturate(170%);
}
#cs_menu[style*="visibility: visible"]::before{
    background: rgba(255, 255, 255, 0.45);
    backdrop-filter: blur(20px) saturate(170%);
    -webkit-backdrop-filter: blur(20px) saturate(170%);
}

body:not([data-theme-version="light"]) #cs_menu[style*="visibility: visible"]{
    background: rgba(30, 41, 59, 0.5);
    border: 1px solid rgba(255, 255, 255, 0.15);
    box-shadow:
        0 0 0 100vmax rgba(0, 0, 0, 0.4),
        inset 0 1px 0 rgba(255, 255, 255, 0.1),
        0 12px 32px rgba(0, 0, 0, 0.35),
        0 0 0 1px rgba(56, 189, 248, 0.08);
    backdrop-filter: blur(24px) saturate(160%);
    -webkit-backdrop-filter: blur(24px) saturate(160%);
}
body:not([data-theme-version="light"]) #cs_menu[style*="visibility: visible"]::before{
    background: rgba(30, 41, 59, 0.5);
    backdrop-filter: blur(24px) saturate(160%);
    -webkit-backdrop-filter: blur(24px) saturate(160%);
}

@media (max-width: 992px), (hover: none) and (pointer: coarse) {
    body.cs-menu-mobile-open {
        overflow: hidden !important;
    }

    #cs_menu.cs-menu-mobile[style*="visibility: visible"] {
        position: fixed !important;
        left: 0 !important;
        right: 0 !important;
        top: 0 !important;
        bottom: 0 !important;
        margin: auto !important;
        width: min(88vw, 360px) !important;
        min-width: min(88vw, 360px) !important;
        max-width: 360px !important;
        height: fit-content !important;
        max-height: min(72dvh, 520px) !important;
        transform-origin: var(--cs-menu-ox, 50%) var(--cs-menu-oy, 50%) !important;
        transform: scale(0.12) !important;
        opacity: 0 !important;
        pointer-events: none !important;
        border-radius: 16px !important;
        overflow: hidden !important;
        box-shadow:
            0 16px 48px rgba(0, 0, 0, 0.28),
            inset 0 1px 0 rgba(255, 255, 255, 0.7) !important;
        touch-action: manipulation !important;
        transition:
            opacity 0.26s cubic-bezier(0.32, 0.72, 0, 1),
            transform 0.34s cubic-bezier(0.32, 0.72, 0, 1),
            box-shadow 0.2s ease !important;
    }

    #cs_menu.cs-menu-mobile.cs-menu-mobile-show[style*="visibility: visible"] {
        transform: scale(1) !important;
        opacity: 1 !important;
        pointer-events: auto !important;
    }

    body:not([data-theme-version="light"]) #cs_menu.cs-menu-mobile[style*="visibility: visible"] {
        box-shadow:
            0 18px 54px rgba(0, 0, 0, 0.48),
            inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
    }

    #cs_menu_mobile_backdrop {
        position: fixed;
        inset: 0;
        z-index: 1040;
        background: rgba(0, 0, 0, 0.35);
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transition: opacity 0.2s ease, visibility 0.2s ease;
    }
    #cs_menu_mobile_backdrop.cs-menu-mobile-backdrop-show {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }
    body:not([data-theme-version="light"]) #cs_menu_mobile_backdrop.cs-menu-mobile-backdrop-show {
        background: rgba(0, 0, 0, 0.55);
    }

    #cs_menu.cs-menu-mobile #cs_menu_ara {
        padding: 10px 10px 6px !important;
    }

    #cs_menu.cs-menu-mobile #cs_menu_ic {
        max-height: calc(min(72dvh, 520px) - 62px) !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch !important;
        padding: 2px 0 8px !important;
    }

    #cs_menu.cs-menu-mobile .cs_menu_item {
        min-height: 44px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        margin: 0 !important;
        padding: 10px 14px !important;
        border-radius: 0 !important;
        text-align: center !important;
        font-size: 16px !important;
        line-height: 1.25 !important;
        border-bottom: 1px solid rgba(148, 163, 184, 0.22) !important;
    }

    #cs_menu.cs-menu-mobile .cs_menu_item:last-child {
        border-bottom: 0 !important;
    }

    #cs_menu.cs-menu-mobile .cs_menu_item:hover {
        transform: none !important;
    }

    #cs_menu.cs-menu-mobile .cs_menu_item .xe01,
    #cs_menu.cs-menu-mobile .cs_menu_item #cs_menu_item_ic {
        width: 100% !important;
    }
}

/* ================== ARAMA ALANI ================== */
#cs_menu_ara{
    padding: 10px 12px 8px;
    background: transparent;
}
.cs_menu_ara_ic{
    width: 100%;
    border: 1px solid rgba(14, 165, 233, 0.25);
    border-radius: 10px;
    padding: 10px 14px;
    outline: none;
    font-size: 0.9rem;
    color: #1e293b;
    background: rgba(248, 250, 252, 0.9);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.04);
    transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}
.cs_menu_ara_ic::placeholder{
    color: #94a3b8;
}
.cs_menu_ara_ic:focus{
    border-color: rgba(14, 165, 233, 0.7);
    box-shadow: 0 0 0 3px rgba(14, 165, 233, 0.15);
    background: #fff;
}

body:not([data-theme-version="light"]) .cs_menu_ara_ic{
    color: #e2e8f0;
    background: rgba(15, 23, 42, 0.6);
    border-color: rgba(56, 189, 248, 0.25);
}
body:not([data-theme-version="light"]) .cs_menu_ara_ic::placeholder{
    color: #64748b;
}
body:not([data-theme-version="light"]) .cs_menu_ara_ic:focus{
    border-color: rgba(56, 189, 248, 0.6);
    box-shadow: 0 0 0 3px rgba(56, 189, 248, 0.2);
    background: rgba(30, 41, 59, 0.9);
}

/* ================== LİSTE/SCROLL ================== */
#cs_menu_ic{
    max-height: 300px;
    overflow: auto;
    padding: 4px 8px 12px;
    background: transparent;
}
#cs_menu_ic::-webkit-scrollbar{ width: 7px; }
#cs_menu_ic::-webkit-scrollbar-track{
    background: var(--sys-scrollbar-track, rgba(14, 165, 233, 0.06));
    border-radius: 4px;
}
#cs_menu_ic::-webkit-scrollbar-thumb{
    background: var(--sys-scrollbar-thumb, rgba(14, 165, 233, 0.3));
    border-radius: 4px;
}
#cs_menu_ic:hover::-webkit-scrollbar-thumb{
    background: var(--sys-scrollbar-thumb-hover, rgba(14, 165, 233, 0.45));
}

/* cs_menu_not - bilgi/uyarı alanı */
#cs_menu_not:empty{
    display: none !important;
}
#cs_menu_not{
    padding: 10px 12px;
    font-size: 0.85rem;
    border-radius: 8px;
    margin: 4px 8px;
}
body[data-theme-version="light"] #cs_menu_not{
    color: #b45309;
    background: rgba(251, 191, 36, 0.12);
}
body:not([data-theme-version="light"]) #cs_menu_not{
    color: #fcd34d;
    background: rgba(251, 191, 36, 0.15);
}

/* ================== MENÜ SATIRLARI ================== */
body[data-theme-version="light"] .cs_menu_item{
    color: #1e293b;
}
body:not([data-theme-version="light"]) .cs_menu_item{
    color: #e2e8f0;
}
.cs_menu_item{
    position:relative;
    margin: 4px 8px;
    padding: 6px 10px;
    border: none;
    border-radius: 12px;
    background: transparent;
    transition: background .50s ease, transform .50s ease, box-shadow .50s ease;
    --mx: 50%;
    --my: 50%;
    contain: paint;
}
/* Hover’da merkezli “yakınlık hissi” veren gradyan + ince kontur */
.cs_menu_item::before{
    content: "";
    position: absolute;
    inset: -1px;
    pointer-events: none;
    border-radius: 10px;
    background: radial-gradient(140px 140px at var(--mx) var(--my),
        rgba(14, 165, 233, 0.2) 0%,
        rgba(14, 165, 233, 0.08) 40%,
        transparent 70%);
    opacity: 0;
    transition: opacity 0.18s ease;
}
body:not([data-theme-version="light"]) .cs_menu_item::before{
    background: radial-gradient(140px 140px at var(--mx) var(--my),
        rgba(56, 189, 248, 0.25) 0%,
        rgba(56, 189, 248, 0.1) 40%,
        transparent 70%);
}
.cs_menu_item:hover::before{ opacity:1; }
.cs_menu_item:hover{
    background: rgba(14, 165, 233, 0.08);
    transform: translateY(-1px);
}
body:not([data-theme-version="light"]) .cs_menu_item:hover{
    background: rgba(56, 189, 248, 0.12);
}

/* Seçili/işaretli durumlar */
.cs_menu_item.secili{
    background: rgba(14, 165, 233, 0.14);
    box-shadow: inset 0 0 0 1px rgba(14, 165, 233, 0.5);
}
body:not([data-theme-version="light"]) .cs_menu_item.secili{
    background: rgba(56, 189, 248, 0.18);
    box-shadow: inset 0 0 0 1px rgba(56, 189, 248, 0.5);
}
.cs_menu_item.isaretli{
    background: rgba(251, 191, 36, 0.2);
    box-shadow: inset 0 0 0 1px rgba(245, 158, 11, 0.5);
}
body:not([data-theme-version="light"]) .cs_menu_item.isaretli{
    background: rgba(251, 191, 36, 0.18);
    box-shadow: inset 0 0 0 1px rgba(251, 191, 36, 0.45);
}

.cs_menu_item.secili.isaretli{ position:relative; }
.cs_menu_item.secili.isaretli::after{
    content:'♥'; font-size:28px; color:#e02424;
    position:absolute; top:-10px; right:6px; font-family:'Arial', sans-serif;
    animation: heartbeat 1s infinite;
}
.cs_menu_item:hover:not(.isaretli){
    box-shadow:
        inset 0 0 0 1px rgba(14, 165, 233, 0.4),
        0 4px 12px rgba(14, 165, 233, 0.08);
}
body:not([data-theme-version="light"]) .cs_menu_item:hover:not(.isaretli){
    box-shadow:
        inset 0 0 0 1px rgba(56, 189, 248, 0.4),
        0 4px 12px rgba(56, 189, 248, 0.1);
}
.cs_menu_item.secili:hover:not(.isaretli){
    box-shadow:
        inset 0 0 0 1px rgba(14, 165, 233, 0.6),
        0 4px 12px rgba(14, 165, 233, 0.1);
}
body:not([data-theme-version="light"]) .cs_menu_item.secili:hover:not(.isaretli){
    box-shadow:
        inset 0 0 0 1px rgba(56, 189, 248, 0.6),
        0 4px 12px rgba(56, 189, 248, 0.12);
}
.cs_menu_item.isaretli:hover{
    box-shadow:
        inset 0 0 0 1px rgba(251, 191, 36, 0.6),
        0 4px 12px rgba(251, 191, 36, 0.08);
}
/* ================== “Kayıt Seçiniz.” satırı ==================
   sec attribute KULLANMADAN, .bskyt sınıfı ile stiller.  */
.cs_menu_item .bskyt .xe01{
    display: block;
    margin: -6px -10px;
    padding: 8px 12px;
    border-radius: 10px 10px 0 0;
    background: rgba(14, 165, 233, 0.08);
    font-weight: 600;
}
body:not([data-theme-version="light"]) .cs_menu_item .bskyt .xe01{
    background: rgba(56, 189, 248, 0.1);
}

/* selectcs — ülke bayrakları (menü + seçili alan) */
#cs_menu .ulke-flag-img,
.xe00 .ulke-flag-img{
    height: 26px;
    max-width: 38px;
    padding-right: 4px;
}

/* Diğer yardımcı sınıflar (var olanlar) */
.br-top{ background-color:#5bb2a7 !important; color:#f6fbfd !important; }

@keyframes heartbeat{
    0%,50%,90%,100%{ transform: scale(1); }
    20%,60%{ transform: scale(1.25); }
}
@media (prefers-reduced-motion: reduce){
    .cs-menu, .cs_menu_item, .xe00{ transition:none !important; }
    #cs_menu.cs-menu-mobile[style*="visibility: visible"]{
        transform: none !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        transition: none !important;
    }
    #solmenu.solmenu-mobile-sheet.open{
        transform: translate(-50%, -50%) !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        transition: none !important;
        animation: none !important;
    }
}




.br-top {
    background-color: #5bb2a7 !important;
    color: #f6fbfd !important;
}



.brd_mavi{
    border: 1px solid var(--sys-accent, #8eb8f0) !important;
    border-radius: 4px 4px 0px 0px !important;
}
.brd_mavi2{
    border: 1px solid var(--sys-accent, #8eb8f0) !important;
    border-radius: 0px 0px 4px 4px !important;
}

.perde-backdrop {
    visibility: hidden; /* Başlangıçta gizli */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10000 !important;
    background: rgba(0, 0, 0, 0.1); /* Yarı saydam siyah */
    backdrop-filter: blur(0px); /* Başlangıçta blur yok */
    -webkit-backdrop-filter: blur(0px); /* Safari desteği */
    opacity: 0; /* Başlangıçta tamamen şeffaf */
    transition: opacity 1s ease, backdrop-filter 1s ease; /* Geçiş efektleri */
}

.perde-backdrop.perde-show {
    visibility: visible; /* Görünür yap */
    opacity: 1; /* Tam görünürlük */
    backdrop-filter: blur(10px); /* Blur efekti */
    -webkit-backdrop-filter: blur(10px);
}

/* k_ogm / injectElement modallar – perde daha şeffaf */
.modal-backdrop.show,
.offcanvas-backdrop.show {
    opacity: 0.3 !important;
    background-color: rgba(0, 0, 0, 0.99);
}


.progress3 {
    position: absolute;
    width: 8px;
    height: 100%;
    transform: rotate(180deg);
    z-index: 55000;
    visibility: hidden;
}
.progress-bar {
    width: 100%;
    height: 0;
    background: lightgreen;
    transition: height 0.1s ease, background-color 0.5s ease;
}




/* Filtre paneli – PC */
.filtli {
    display: none;
    position: absolute;
    width: auto;
    height: auto;
    min-width: 320px;
    max-width: 1200px;
    min-height: 280px;
    padding: 0;
    background-color: var(--sys-surface-solid, #fff);
    border: 1px solid var(--sys-border-accent, rgba(142,184,240,.18));
    border-radius: var(--sys-radius-md, 14px);
    box-shadow: var(--sys-shadow-lg, 0 24px 72px rgba(15,23,42,.18));
    z-index: 1000;
    left: 30px;
    top: 80px;
    cursor: move;
    user-select: none;
    overflow: hidden;
}
body:not([data-theme-version="light"]) .filtli {
    background-color: var(--sys-surface-solid, #111827);
    border-color: var(--sys-border-accent, rgba(158,184,240,.22));
    box-shadow: var(--sys-shadow-lg, 0 24px 72px rgba(0,0,0,.45));
}

.filtli-header {
    background: linear-gradient(135deg,
        color-mix(in srgb, var(--sys-accent, #8eb8f0) 88%, #000) 0%,
        var(--sys-accent, #8eb8f0) 48%,
        color-mix(in srgb, var(--sys-accent-2, #74a5e8) 92%, #fff) 100%);
    color: var(--sys-on-accent, #fff);
    padding: 10px 14px;
    cursor: move;
    user-select: none;
    border-radius: var(--sys-radius-md, 14px) var(--sys-radius-md, 14px) 0 0;
    border-bottom: 1px solid color-mix(in srgb, var(--sys-on-accent, #fff) 22%, transparent);
    box-shadow: inset 0 1px 0 color-mix(in srgb, var(--sys-on-accent, #fff) 18%, transparent);
    font-weight: 650;
    font-size: 0.95rem;
}
.filtli-header .text-start.col-6{
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 700;
    letter-spacing: .01em;
}
.filtli-header .text-end.col-6{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    flex-wrap: nowrap;
}
.filtli-header .btn{
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 6px;
    width: auto !important;
    min-height: 2.05rem;
    padding: .38rem .9rem !important;
    margin: 0 !important;
    border-radius: var(--sys-radius-pill, 999px) !important;
    font-size: .78rem !important;
    font-weight: 650 !important;
    letter-spacing: .02em;
    line-height: 1.2;
    border: 1px solid transparent !important;
    box-shadow: 0 1px 4px rgba(15,23,42,.14);
    transition:
        transform var(--sys-dur-fast, 120ms) var(--sys-ease),
        box-shadow var(--sys-dur-fast, 120ms) var(--sys-ease),
        background-color var(--sys-dur-fast, 120ms) var(--sys-ease),
        border-color var(--sys-dur-fast, 120ms) var(--sys-ease),
        color var(--sys-dur-fast, 120ms) var(--sys-ease);
    white-space: nowrap;
}
.filtli-header .btn:hover{
    transform: translateY(-1px);
    filter: none;
    box-shadow: 0 4px 14px rgba(15,23,42,.18);
}
.filtli-header .btn:active{
    transform: translateY(0);
}
.filtli-header .btn:focus-visible{
    outline: none;
    box-shadow:
        0 0 0 3px color-mix(in srgb, var(--sys-on-accent, #fff) 35%, transparent),
        0 4px 14px rgba(15,23,42,.18) !important;
}
/* Yazdır */
.filtli-header .btn.btn-info.altdgm2,
.filtli-header button[klv='g']{
    background: rgba(255,255,255,.96) !important;
    color: var(--sys-accent, #4986c4) !important;
    border-color: rgba(255,255,255,.55) !important;
}
.filtli-header .btn.btn-info.altdgm2:hover,
.filtli-header button[klv='g']:hover{
    background: #fff !important;
    color: color-mix(in srgb, var(--sys-accent, #4986c4) 88%, #000) !important;
}
/* Temizle */
.filtli-header .btn.btn-warning.altdgm2,
.filtli-header button[klv='d']{
    background: color-mix(in srgb, var(--sys-on-accent, #fff) 16%, transparent) !important;
    color: var(--sys-on-accent, #fff) !important;
    border-color: color-mix(in srgb, var(--sys-on-accent, #fff) 38%, transparent) !important;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}
.filtli-header .btn.btn-warning.altdgm2:hover,
.filtli-header button[klv='d']:hover{
    background: color-mix(in srgb, var(--sys-on-accent, #fff) 28%, transparent) !important;
    border-color: color-mix(in srgb, var(--sys-on-accent, #fff) 52%, transparent) !important;
}
/* Liste filtre ikonu – aktif filtre varken kırmızı */
.input-group-text.text-danger i.fa-filter,
.input-group-text.text-danger .fa-solid.fa-filter {
    color: var(--sys-danger, #f72b50) !important;
}
/* Kapat (X) */
.filtli-header .btn.text-light,
.filtli-header button[klv='x']{
    width: 2.05rem !important;
    min-width: 2.05rem !important;
    height: 2.05rem !important;
    padding: 0 !important;
    background: color-mix(in srgb, var(--sys-on-accent, #fff) 12%, transparent) !important;
    border-color: color-mix(in srgb, var(--sys-on-accent, #fff) 28%, transparent) !important;
    color: var(--sys-on-accent, #fff) !important;
}
.filtli-header .btn.text-light i,
.filtli-header button[klv='x'] i{
    font-size: 1rem !important;
    line-height: 1;
}
.filtli-header .btn.text-light:hover,
.filtli-header button[klv='x']:hover{
    background: color-mix(in srgb, var(--sys-danger, #e0533f) 88%, #000) !important;
    border-color: color-mix(in srgb, var(--sys-on-accent, #fff) 45%, transparent) !important;
    color: #fff !important;
}
body:not([data-theme-version="light"]) .filtli-header {
    background: linear-gradient(135deg,
        color-mix(in srgb, var(--sys-accent, #9eb8f0) 75%, #000) 0%,
        var(--sys-accent, #9eb8f0) 50%,
        color-mix(in srgb, var(--sys-accent-2, #b8ccf8) 80%, #000) 100%);
}

.filtli-body {
    padding: 14px 16px;
    cursor: auto;
    overflow-y: auto;
    max-height: 340px;
    background: linear-gradient(180deg, var(--sys-surface-2, #f8fafc) 0%, var(--sys-surface-solid, #fff) 100%);
    scroll-behavior: smooth;
}
.filtli-body::-webkit-scrollbar {
    width: 8px;
}
.filtli-body::-webkit-scrollbar-track {
    background: var(--sys-scrollbar-track, rgba(13,153,255,0.06));
    border-radius: 4px;
}
.filtli-body::-webkit-scrollbar-thumb {
    background: var(--sys-scrollbar-thumb, rgba(13,153,255,0.25));
    border-radius: 4px;
}
.filtli-body::-webkit-scrollbar-thumb:hover {
    background: var(--sys-scrollbar-thumb-hover, rgba(13,153,255,0.4));
}
body:not([data-theme-version="light"]) .filtli-body {
    background: linear-gradient(180deg, var(--sys-surface-2, #1e293b) 0%, var(--sys-surface-solid, #111827) 100%);
}
.filtli-body .form-label {
    font-weight: 500;
    color: inherit;
}

/* Filtre formu (.frtk.form) – mobilde min-width kaldır, yatay taşma önle */
@media (max-width: 992px) {
    .frtk.form,
    .frtk.form[style*="min-width"] {
        min-width: 0 !important;
        max-width: 100% !important;
        width: 100% !important;
    }
}

/* Filtre paneli – mobil uyumlu */
@media (max-width: 768px) {
    .filtli {
        left: 12px !important;
        right: 12px !important;
        width: calc(100% - 24px) !important;
        max-width: calc(100% - 24px) !important;
        min-width: unset !important;
        top: 70px !important;
        min-height: 260px;
        border-radius: 12px;
    }
    .filtli-header {
        padding: 12px 14px;
        border-radius: 12px 12px 0 0;
    }
    .filtli-header .row {
        padding: 0 !important;
        margin: 0 !important;
    }
    .filtli-header .col-6 {
        padding: 0 4px;
    }
    .filtli-header .btn {
        padding: 0.38rem 0.72rem !important;
        font-size: 0.76rem !important;
        min-height: 1.95rem;
    }
    .filtli-header .btn.text-light,
    .filtli-header button[klv='x']{
        width: 1.95rem !important;
        min-width: 1.95rem !important;
        height: 1.95rem !important;
    }
    .filtli-body {
        padding: 12px 14px;
        max-height: min(65vh, 420px);
    }
}

/* Modal, offcanvas ve tab-pane form alanları – mobilde col-* tam genişlik (veri girişi/güncelleme inputları) */
/* Filtre formu (.filtli-body) dahil – row > col-* kullanımı tbl-caption (tablo toolbar) etkilemez */
@media (max-width: 768px) {
    .filtli-body .row > .col-2,
    .filtli-body .row > .col-3,
    .filtli-body .row > .col-4,
    .filtli-body .row > .col-md-2,
    .filtli-body .row > .col-md-3,
    .filtli-body .row > .col-md-4,
    .filtli-body .row > .col-md-5,
    .filtli-body .row > .col-md-6,
    .filtli-body .row > .col-md-7,
    .filtli-body .row > .col-md-8,
    .modal-body .row > .col-2,
    .modal-body .row > .col-3,
    .modal-body .row > .col-4,
    .modal-body .row > .col-5,
    .modal-body .row > .col-6,
    .modal-body .row > .col-8,
    .modal-body .row > .col-md-2,
    .modal-body .row > .col-md-3,
    .modal-body .row > .col-md-4,
    .modal-body .row > .col-md-5,
    .modal-body .row > .col-md-6,
    .modal-body .row > .col-md-8,
    .offcanvas-body .row > .col-2,
    .offcanvas-body .row > .col-3,
    .offcanvas-body .row > .col-4,
    .offcanvas-body .row > .col-5,
    .offcanvas-body .row > .col-6,
    .offcanvas-body .row > .col-8,
    .offcanvas-body .row > .col-md-2,
    .offcanvas-body .row > .col-md-3,
    .offcanvas-body .row > .col-md-4,
    .offcanvas-body .row > .col-md-5,
    .offcanvas-body .row > .col-md-6,
    .offcanvas-body .row > .col-md-8,
    .tab-content .tab-pane .row > .col-2,
    .tab-content .tab-pane .row > .col-3,
    .tab-content .tab-pane .row > .col-4,
    .tab-content .tab-pane .row > .col-5,
    .tab-content .tab-pane .row > .col-6,
    .tab-content .tab-pane .row > .col-8,
    .tab-content .tab-pane .row > .col-md-2,
    .tab-content .tab-pane .row > .col-md-3,
    .tab-content .tab-pane .row > .col-md-4,
    .tab-content .tab-pane .row > .col-md-5,
    .tab-content .tab-pane .row > .col-md-6,
    .tab-content .tab-pane .row > .col-md-8,
    .card-body .row > .col-2,
    .card-body .row > .col-3,
    .card-body .row > .col-4,
    .card-body .row > .col-5,
    .card-body .row > .col-6,
    .card-body .row > .col-8,
    .card-body .row > .col-md-2,
    .card-body .row > .col-md-3,
    .card-body .row > .col-md-4,
    .card-body .row > .col-md-5,
    .card-body .row > .col-md-6,
    .card-body .row > .col-md-8 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        width: 100% !important;
    }
    /* col-12 row içindeki col-* (örn. col-12 row > col-6) */
    .modal-body .col-12.row > .col-2,
    .modal-body .col-12.row > .col-3,
    .modal-body .col-12.row > .col-4,
    .modal-body .col-12.row > .col-5,
    .modal-body .col-12.row > .col-6,
    .modal-body .col-12.row > .col-8,
    .offcanvas-body .col-12.row > .col-2,
    .offcanvas-body .col-12.row > .col-3,
    .offcanvas-body .col-12.row > .col-4,
    .offcanvas-body .col-12.row > .col-5,
    .offcanvas-body .col-12.row > .col-6,
    .offcanvas-body .col-12.row > .col-8,
    .tab-content .tab-pane .col-12.row > .col-2,
    .tab-content .tab-pane .col-12.row > .col-3,
    .tab-content .tab-pane .col-12.row > .col-4,
    .tab-content .tab-pane .col-12.row > .col-5,
    .tab-content .tab-pane .col-12.row > .col-6,
    .tab-content .tab-pane .col-12.row > .col-8,
    .card-body .col-12.row > .col-2,
    .card-body .col-12.row > .col-3,
    .card-body .col-12.row > .col-4,
    .card-body .col-12.row > .col-5,
    .card-body .col-12.row > .col-6,
    .card-body .col-12.row > .col-8 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        width: 100% !important;
    }
    /* col-xl-12 row (gorsel33 vb.) */
    .modal-body .col-xl-12.row > .col-2,
    .modal-body .col-xl-12.row > .col-3,
    .modal-body .col-xl-12.row > .col-4,
    .modal-body .col-xl-12.row > .col-5,
    .modal-body .col-xl-12.row > .col-6,
    .modal-body .col-xl-12.row > .col-8,
    .modal-body .col-xl-12.row > .col-md-2,
    .modal-body .col-xl-12.row > .col-md-3,
    .modal-body .col-xl-12.row > .col-md-4,
    .modal-body .col-xl-12.row > .col-md-5,
    .modal-body .col-xl-12.row > .col-md-6,
    .modal-body .col-xl-12.row > .col-md-7,
    .modal-body .col-xl-12.row > .col-md-8,
    .modal-body .col-xl-12.row > .col-md-9,
    .offcanvas-body .col-xl-12.row > .col-2,
    .offcanvas-body .col-xl-12.row > .col-3,
    .offcanvas-body .col-xl-12.row > .col-4,
    .offcanvas-body .col-xl-12.row > .col-5,
    .offcanvas-body .col-xl-12.row > .col-6,
    .offcanvas-body .col-xl-12.row > .col-8,
    .offcanvas-body .col-xl-12.row > .col-md-2,
    .offcanvas-body .col-xl-12.row > .col-md-3,
    .offcanvas-body .col-xl-12.row > .col-md-4,
    .offcanvas-body .col-xl-12.row > .col-md-5,
    .offcanvas-body .col-xl-12.row > .col-md-6,
    .offcanvas-body .col-xl-12.row > .col-md-7,
    .offcanvas-body .col-xl-12.row > .col-md-8,
    .offcanvas-body .col-xl-12.row > .col-md-9 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        width: 100% !important;
    }
    /* Özel select (xe00 frtik) – mobilde tam genişlik */
    .modal-body .xe00.frtik,
    .modal-body .xe00.frtik.form-control,
    .offcanvas-body .xe00.frtik,
    .offcanvas-body .xe00.frtik.form-control,
    .tab-content .tab-pane .xe00.frtik,
    .tab-content .tab-pane .xe00.frtik.form-control,
    .card-body .xe00.frtik,
    .card-body .xe00.frtik.form-control {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }
    /* Personel maaş anlaşmaları – sadece form alanları mobilde dikey (Güncelle/Vazgeç divleri dokunulmaz) */
    .modal-body .maas-anlasma-form .row > [class*="col-12"] {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

.nice-toast:hover .nice-toast-progress {
    animation-play-state: paused !important;
}

/* Toast mobil uyumluluk */
@media (max-width: 992px) {
    .nice-toast-wrapper {
        width: calc(100% - 24px) !important;
        max-width: none !important;
        padding: 8px !important;
        padding-left: calc(12px + env(safe-area-inset-left, 0)) !important;
        padding-right: calc(12px + env(safe-area-inset-right, 0)) !important;
    }
    .nice-toast-wrapper[class*=' top'] {
        top: calc(12px + env(safe-area-inset-top, 0)) !important;
    }
    .nice-toast-wrapper[class*=' bottom'] {
        bottom: calc(12px + env(safe-area-inset-bottom, 0)) !important;
    }
    .nice-toast-wrapper[class$=left] {
        left: calc(12px + env(safe-area-inset-left, 0)) !important;
    }
    .nice-toast-wrapper[class$=right] {
        right: calc(12px + env(safe-area-inset-right, 0)) !important;
    }
    .nice-toast-wrapper[class$=center] {
        left: 12px !important;
        right: 12px !important;
        margin-left: 0 !important;
        width: calc(100% - 24px) !important;
        max-width: none !important;
    }
    .nice-toast-wrapper[class$=center] .nice-toast {
        width: 100% !important;
        max-width: 100% !important;
    }
    .nice-toast.boncuk-toast {
        min-width: 0 !important;
        max-width: 100% !important;
        width: 100% !important;
        min-height: 0 !important;
    }
    .boncuk-toast-govde {
        padding: 12px 12px 12px 14px !important;
        gap: 10px !important;
    }
    .boncuk-toast-ikon-kutu {
        width: 34px !important;
        height: 34px !important;
        border-radius: 10px !important;
    }
    .boncuk-toast-icerik,
    .nice-toast.boncuk-toast .nice-toast-content {
        font-size: 0.9rem !important;
        line-height: 1.4 !important;
    }
    .boncuk-toast-kapat {
        width: 32px !important;
        height: 32px !important;
    }
}

/* Modal ve offcanvas – mobilde header/footer daha iyi görünsün (üst bilgi, birden fazla buton) */
/* Tüm modallar mobilde genişlikte ekranı kaplasın – yükseklik içeriğe göre */
/* 100dvh: tarayıcı alt barı dinamik olduğunda canvas/grafik modalları görünür alanda kalsın */
@media (max-width: 992px) {
    .modal .modal-dialog:not(.modal-fullscreen),
    .modal .modal-dialog.modal-xl,
    .modal .modal-dialog.modal-lg {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
    }
    .modal .modal-dialog {
        max-height: 100vh !important;
        max-height: 100dvh !important;
    }
    .modal .modal-content {
        max-height: 100vh !important;
        max-height: 100dvh !important;
    }

    /* injectElement / k_gom / Bootstrap modalları — scroll yalnızca body içinde (iOS touch) */
    .modal.show:not(.modal-fullscreen):not(.chat-yeni-modal):not(.syf54-ozel-msj-modal):not(.syfnot-modal):not(.gg-gorevlerim-modal):not(.gg-liste-modal):not(.sevk-evr-tpl-modal) {
        position: fixed !important;
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
        min-height: 0 !important;
        max-height: 100dvh !important;
        overflow: hidden !important;
        overscroll-behavior: contain;
        padding: max(8px, env(safe-area-inset-top)) 8px max(8px, env(safe-area-inset-bottom)) !important;
        align-items: center !important;
        justify-content: center !important;
        box-sizing: border-box;
        touch-action: pan-y;
    }
    .modal.show:not(.modal-fullscreen):not(.chat-yeni-modal):not(.syf54-ozel-msj-modal):not(.syfnot-modal):not(.gg-gorevlerim-modal):not(.gg-liste-modal):not(.sevk-evr-tpl-modal) .modal-dialog {
        margin: 0 auto !important;
        max-height: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        flex: 0 1 auto;
        width: 100%;
        pointer-events: auto;
    }
    .modal.show:not(.modal-fullscreen):not(.chat-yeni-modal):not(.syf54-ozel-msj-modal):not(.syfnot-modal):not(.gg-gorevlerim-modal):not(.gg-liste-modal):not(.sevk-evr-tpl-modal) .modal-dialog.modal-dialog-centered {
        min-height: 0 !important;
    }
    .modal.show:not(.modal-fullscreen):not(.chat-yeni-modal):not(.syf54-ozel-msj-modal):not(.syfnot-modal):not(.gg-gorevlerim-modal):not(.gg-liste-modal):not(.sevk-evr-tpl-modal) .modal-content {
        max-height: min(calc(100dvh - 16px - env(safe-area-inset-top) - env(safe-area-inset-bottom)), 100%) !important;
        display: flex !important;
        flex-direction: column !important;
        overflow: hidden !important;
        width: 100% !important;
        box-sizing: border-box;
    }
    .modal.show:not(.modal-fullscreen):not(.chat-yeni-modal):not(.syf54-ozel-msj-modal):not(.syfnot-modal):not(.gg-gorevlerim-modal):not(.gg-liste-modal):not(.sevk-evr-tpl-modal) .modal-header,
    .modal.show:not(.modal-fullscreen):not(.chat-yeni-modal):not(.syf54-ozel-msj-modal):not(.syfnot-modal):not(.gg-gorevlerim-modal):not(.gg-liste-modal):not(.sevk-evr-tpl-modal) .modal-footer {
        flex-shrink: 0;
    }
    .modal.show:not(.modal-fullscreen):not(.chat-yeni-modal):not(.syf54-ozel-msj-modal):not(.syfnot-modal):not(.gg-gorevlerim-modal):not(.gg-liste-modal):not(.sevk-evr-tpl-modal) .modal-body {
        flex: 1 1 auto !important;
        min-height: 0 !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        touch-action: pan-y !important;
        overscroll-behavior-y: contain;
    }
    /* p-5 vb. mobilde fazla padding – Tedarik Sorgulama vb. modallar */
    .modal .modal-dialog.p-5 {
        padding: 0.75rem !important;
    }
    /* modal-content m-5 – Fireye Dönüşecek Stoklar vb. mobilde telefon genişliğini kaplasın */
    .modal .modal-content.m-5 {
        margin: 0.5rem !important;
    }
    .modal-header,
    .offcanvas-header {
        flex-wrap: wrap !important;
        gap: 8px !important;
        padding: 10px 12px !important;
        align-items: center !important;
        min-height: 52px !important;
    }
    .modal-header .modal-title,
    .offcanvas-header .modal-title {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        font-size: 0.95rem !important;
        line-height: 1.3 !important;
        margin: 0 !important;
        padding-right: 44px !important; /* btn-close için alan */
        word-wrap: break-word !important;
        overflow-wrap: break-word !important;
    }
    .modal-header .modal-title.mr-2,
    .modal-header .modal-title.ml-2 {
        margin: 0 !important;
        padding-right: 44px !important;
        padding-left: 0.25rem !important;
    }
    .modal-header > div:not(:first-child),
    .modal-header > .row,
    .offcanvas-header > div:not(:first-child) {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 6px !important;
        align-items: center !important;
    }
    /* Başlık düğmeleri – mobil dokunma hedefi (min 44px) */
    .modal-header .btn,
    .modal-header .btn-close,
    .offcanvas-header .btn {
        flex-shrink: 0 !important;
        min-width: 44px !important;
        min-height: 44px !important;
        padding: 0.5rem !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
    /* Offcanvas X düğmesi – daha kompakt, başlık ile hizalı */
    .offcanvas-header .btn-close {
        flex-shrink: 0 !important;
        min-width: 36px !important;
        min-height: 36px !important;
        width: 36px !important;
        height: 36px !important;
        padding: 0 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        align-self: center !important;
    }
    .offcanvas-header .btn-close i {
        font-size: 1rem !important;
    }
    .modal-header .btn-close,
    .offcanvas-header .btn-close {
        margin: -0.5rem -0.5rem -0.5rem auto !important;
    }
    .modal-footer {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 8px !important;
        padding: 10px 12px !important;
        justify-content: flex-start !important;
        align-items: stretch !important;
    }
    .modal-footer .btn,
    .modal-footer .btn-close {
        flex: 1 1 auto !important;
        min-width: min(140px, calc(50% - 4px)) !important;
        min-height: 44px !important; /* mobil dokunma hedefi */
    }
    .modal-footer > div {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 8px !important;
        min-width: 0 !important;
    }
    .modal-footer > div .btn {
        flex: 1 1 auto !important;
        min-width: min(140px, calc(50% - 4px)) !important;
        min-height: 44px !important;
    }
    /* Offcanvas body içindeki alt buton alanları (alt_dugmeler) – mobil dokunma hedefi */
    .offcanvas-body .btn {
        min-height: 44px !important;
    }

    /* Kasa Özeti modalı – mobilde dikey ekrana tam sığsın */
    .kasa-ozeti-modal .modal-body {
        padding: 0.5rem 0.75rem !important;
    }
    .kasa-ozeti-modal .modal-body .col-12.row {
        margin: 0 -0.25rem !important;
    }
    .kasa-ozeti-modal .modal-body .col-md-6 {
        padding: 0 0.25rem !important;
    }
    .kasa-ozeti-modal .modal-body .form-label {
        font-size: 0.75rem !important;
        margin-bottom: 0.15rem !important;
    }
    .kasa-ozeti-modal .kasa-ozeti-tablo {
        max-height: min(400px, calc(100vh - 220px)) !important;
        margin-top: 0.5rem !important;
    }
    .kasa-ozeti-modal .kasa-ozeti-tablo .table {
        font-size: 0.75rem !important;
    }
    .kasa-ozeti-modal .kasa-ozeti-tablo td {
        padding: 0.25rem 0.35rem !important;
        font-size: 0.75rem !important;
    }
    .kasa-ozeti-modal .kasa-ozeti-tablo tbody td,
    .kasa-ozeti-modal .kasa-ozeti-tablo tbody td label,
    .kasa-ozeti-modal .kasa-ozeti-tablo tbody td span {
        font-size: 0.75rem !important;
    }
    .kasa-ozeti-modal .kasa-ozeti-tablo .size-2 {
        font-size: 0.75rem !important;
    }

    /* Fiyat listesi detay sayfası – mobil UI/UX */
    .fiyat-listesi-detay-ust-bar {
        min-height: 36px;
        padding: 4px 8px !important;
    }
    .fiyat-listesi-detay-ust-bar .flex-grow-1 {
        min-width: 0;
        font-size: 0.8125rem;
    }
    .fiyat-listesi-detay-toggle {
        min-width: 32px;
        min-height: 32px;
        padding: 0;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 0.375rem;
        font-size: 0.75rem;
    }
    .fiyat-listesi-detay-ust-bar .btn-danger {
        min-width: 32px;
        min-height: 32px;
        padding: 0;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 0.375rem;
        font-size: 0.75rem;
    }
    .fiyat-listesi-detay-ic.fiyat-listesi-detay-ic-kapali {
        display: none !important;
    }
    .fiyat-listesi-detay .fiyat-listesi-detay-ic label {
        word-break: break-word;
        overflow-wrap: break-word;
    }
    /* İçerik alanı – düzenli grid */
    .fiyat-listesi-detay .fiyat-listesi-detay-ic {
        padding: 8px;
    }
    .fiyat-listesi-detay .fiyat-listesi-detay-ic .sagda {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }
    .fiyat-listesi-detay .fiyat-listesi-detay-ic .m-1 {
        margin: 0 !important;
    }
    /* Input alanları – mobil */
    .fiyat-listesi-detay-inputlar {
        display: flex !important;
        flex-direction: column;
        gap: 8px;
    }
    .fiyat-listesi-std-alan {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 8px;
    }
    @media (max-width: 399px) {
        .fiyat-listesi-std-alan {
            grid-template-columns: repeat(2, 1fr);
        }
        .fiyat-listesi-std-alan .fiyat-listesi-inp-wrap:last-child {
            grid-column: 1 / -1;
        }
    }
    .fiyat-listesi-inp-wrap {
        min-width: 0;
    }
    .fiyat-listesi-detay-inputlar .form-control {
        min-height: 34px !important;
        font-size: 16px !important;
    }
    .fiyat-listesi-guncelle-wrap {
        width: 100%;
    }
    .fiyat-listesi-guncelle-wrap .btn-success {
        min-height: 34px;
        padding: 0.35rem 0.75rem;
        font-size: 0.8125rem;
        width: 100%;
    }
    /* Butonlar – sağa hizalı */
    .fiyat-listesi-detay-butonlar {
        display: flex !important;
        flex-wrap: wrap;
        justify-content: flex-end;
        gap: 6px;
    }
    .fiyat-listesi-detay-butonlar .btn {
        min-height: 36px !important;
        padding: 6px 8px !important;
        font-size: 0.75rem !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 4px;
        border-radius: 0.375rem;
    }
    .fiyat-listesi-detay .table-responsive {
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
    }
    .fiyat-listesi-detay table th,
    .fiyat-listesi-detay table td {
        white-space: nowrap !important;
        font-size: 0.8rem !important;
    }
    .fiyat-listesi-detay .col-yeni-fiyat {
        min-width: 90px !important;
    }
}

/* Modal – tek X düğmesi varsa başlık ve X tek satırda (tüm ekranlar) */
.modal-header:has(> .modal-title):has(> button:only-of-type),
.modal-header:has(> .modal-title):has(> .btn-close:only-of-type) {
    flex-wrap: nowrap !important;
}

/* Offcanvas – başlık ve X hizalı, tek satırda */
.offcanvas-header:has(> .modal-title):has(> .btn-close) {
    flex-wrap: nowrap !important;
    align-items: center !important;
}
.offcanvas-header .modal-title {
    align-self: center !important;
}

/* Fiyat listesi detay – tablo düğmelerin üzerine binmesin (tüm ekranlar) */
.fiyat-listesi-detay .fiyat-listesi-detay-ust-wrap,
.fiyat-listesi-detay .fiyat-listesi-detay-ic {
    flex-shrink: 0 !important;
    position: relative !important;
    z-index: 5 !important;
}
.fiyat-listesi-detay .card-body {
    flex-shrink: 0 !important;
}
.fiyat-listesi-detay.cb-clip {
    overflow: visible !important;
}

/* Fiyat listesi detay – tema duyarlı (tüm ekranlar) */
.fiyat-listesi-detay-ust-bar {
    background: var(--sys-surface-2);
    border-bottom: 1px solid var(--sys-border-soft);
    color: var(--sys-text-primary);
}
.fiyat-listesi-detay .fiyat-listesi-detay-ic {
    color: var(--sys-text-primary);
}
.fiyat-listesi-detay-baslik {
    color: var(--sys-text-secondary);
}
.fiyat-listesi-inp-label {
    display: block;
    margin-bottom: 2px;
    font-size: 0.6875rem;
    line-height: 1.2;
    color: var(--sys-text-muted);
    white-space: nowrap;
}
.fiyat-listesi-detay-inputlar .form-control {
    text-align: right;
    background-color: var(--sys-surface-solid);
    border-color: var(--sys-border-soft);
    color: var(--sys-text-primary);
}
.fiyat-listesi-detay-inputlar .form-control:focus {
    background-color: var(--sys-surface-solid);
    border-color: var(--sys-border-accent);
    color: var(--sys-text-primary);
    box-shadow: 0 0 0 0.15rem var(--sys-accent-soft);
}

/* Fiyat listesi detay – masaüstünde üst alan tek satır */
@media (min-width: 768px) {
    .fiyat-listesi-detay-ic.fiyat-listesi-detay-ic-kapali,
    .fiyat-listesi-detay-ic.fiyat-listesi-detay-ic-acik {
        display: block !important;
    }
    .fiyat-listesi-detay .fiyat-listesi-detay-ic {
        padding: 10px 10px 6px;
    }
    .fiyat-listesi-detay-baslik-satir {
        margin-bottom: 6px;
        min-width: 0;
    }
    .fiyat-listesi-detay-baslik {
        display: block;
        width: 100%;
        max-width: none;
        font-size: 0.875rem;
        font-weight: 600;
        line-height: 1.3;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .fiyat-listesi-detay-ust-satir {
        flex-wrap: nowrap !important;
        margin: 0 !important;
    }
    .fiyat-listesi-detay-ust-satir .sagda {
        width: 100%;
    }
    .fiyat-listesi-detay .fiyat-listesi-detay-ic .sagda {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        gap: 6px;
        flex: 1 1 auto;
        min-width: 0;
    }
    .fiyat-listesi-detay-inputlar {
        display: flex !important;
        flex-wrap: nowrap;
        align-items: center;
        gap: 8px;
        flex: 0 0 auto;
        min-width: 0;
        width: auto !important;
        margin: 0 !important;
    }
    .fiyat-listesi-std-alan {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        gap: 10px;
    }
    .fiyat-listesi-inp-wrap {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 4px;
        flex-shrink: 0;
    }
    .fiyat-listesi-inp-label {
        margin-bottom: 0;
        font-size: 0.75rem;
    }
    .fiyat-listesi-detay-inputlar .form-control {
        width: 76px;
        min-height: auto !important;
        height: calc(1.5em + 0.5rem + 2px);
        padding: 0.25rem 0.45rem !important;
        font-size: 0.8125rem !important;
    }
    .fiyat-listesi-guncelle-wrap {
        flex-shrink: 0;
    }
    .fiyat-listesi-guncelle-wrap .btn-success {
        white-space: nowrap;
        width: auto;
        min-height: auto;
        height: calc(1.5em + 0.5rem + 2px);
        padding: 0.25rem 0.65rem;
        font-size: 0.8125rem;
        line-height: 1.2;
    }
    .fiyat-listesi-detay-butonlar {
        display: flex !important;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: flex-end;
        gap: 4px;
        flex: 0 0 auto;
        margin-left: auto !important;
        margin-right: 0 !important;
        padding: 0 !important;
        width: auto !important;
    }
    .fiyat-listesi-detay-butonlar .btn {
        white-space: nowrap;
        min-height: auto !important;
        height: calc(1.5em + 0.5rem + 2px);
        padding: 0.25rem 0.55rem !important;
        font-size: 0.8125rem !important;
        line-height: 1.2;
    }
}

/* syf5 Cari seviye rozeti */
.cari-seviye-rozet {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.35em;
    height: 1.35em;
    min-width: 1.35em;
    margin-left: 0.35em;
    border-radius: 50%;
    font-size: 0.65rem;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    vertical-align: middle;
    flex-shrink: 0;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
}
.cari-seviye-rozet--yesil {
    background-color: #22c55e;
}
.cari-seviye-rozet--mavi {
    background-color: #3b82f6;
}
.cari-seviye-rozet--turuncu {
    background-color: #f97316;
}
.cari-seviye-rozet--kirmizi {
    background-color: #ef4444;
}

/* syf5 Cari etiketleri – masaüstü ve mobil */
.cari-etiket-hucre {
    max-width: 280px;
}
.cari-etiket-hucre .cari-etiket-badge {
    font-size: 0.7rem;
    white-space: nowrap;
}
.cari-etiket-tikla {
    cursor: pointer !important;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.cari-etiket-tikla:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 6px rgba(0,0,0,.15) !important;
}
.cari-etiketler-liste {
    display: flex !important;
    flex-wrap: wrap;
    gap: 8px;
    padding: 4px 0;
    overflow-x: visible;
}
.cari-etiketler-modal-body {
    min-height: 80px;
}
.cari-etiketler-duzenle-body .cari-etiketler-kolon {
    min-width: 0;
}
.cari-etiketler-badge-wrap {
    min-height: 40px;
}
.cari-etiket-form-alan .form-control-color {
    height: 42px;
    padding: 4px;
    cursor: pointer;
}
@media (max-width: 768px) {
    .cari-etiket-hucre {
        max-width: none;
    }
    .cari-etiket-hucre .cari-etiket-badge {
        font-size: 0.65rem;
        padding: 2px 6px !important;
    }
    .cari-etiketler-liste .cari-etiket-tikla {
        font-size: 0.8rem !important;
        padding: 6px 12px !important;
        min-height: 36px;
    }
    .cari-etiketler-duzenle-body .cari-etiket-tikla {
        font-size: 0.8rem !important;
        padding: 6px 12px !important;
        min-height: 36px;
    }
    .cari-etiketler-kolon {
        margin-bottom: 0.5rem;
    }
    .cari-etiket-form-alan {
        margin-bottom: 0.75rem;
    }
    .cari-etiket-form-alan .form-control-color {
        min-height: 44px;
        width: 100%;
    }
}

/* syf33 Stok işlemi ekleme formu – mobil */
@media (max-width: 992px) {
    .stok-islem-ekle-form .stok-islem-inp {
        min-width: 0;
    }
    .stok-islem-ekle-form .form-control,
    .stok-islem-ekle-form .xe00.frtik {
        min-width: 140px !important;
        min-height: 44px !important;
        font-size: 16px !important;
    }
    .stok-islem-ekle-form input[type="date"],
    .stok-islem-ekle-form input[type="time"] {
        min-width: 140px !important;
    }
    .stok-islem-butonlar .btn {
        min-height: 44px !important;
        min-width: 100px !important;
    }
}
@media (max-width: 576px) {
    .stok-islem-ekle-form .form-control,
    .stok-islem-ekle-form .xe00.frtik {
        min-width: 120px !important;
    }
    .stok-islem-ekle-form input[type="date"],
    .stok-islem-ekle-form input[type="time"] {
        min-width: 120px !important;
    }
}

.vkeoaao {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 2;
    cursor: pointer;
}

#alert-box {
    position: fixed;
    background-color: white;
    width: 50%;
    height: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 1px solid #ccc;
    padding: 20px;
    z-index: 3;
}

/* Ekran görüntüsü modalı */
.screenshot-modal-wrap {
    display: none;
    align-items: center;
    justify-content: center;
    padding: 16px;
    cursor: default;
}
.screenshot-modal-box {
    background: var(--bs-body-bg, #fff);
    border-radius: 12px;
    box-shadow: 0 24px 48px rgba(0,0,0,0.25);
    max-width: min(95vw, 560px);
    width: 100%;
    overflow: hidden;
    cursor: default;
}
body:not([data-theme-version="light"]) .screenshot-modal-box {
    background: #1e293b;
    border: 1px solid rgba(255,255,255,0.08);
}
.screenshot-modal-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 18px;
    background: linear-gradient(135deg, #0d6efd 0%, #0a58ca 100%);
    color: #fff;
}
.screenshot-modal-title {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 600;
}
.screenshot-modal-close {
    background: rgba(255,255,255,0.2);
    border: none;
    color: #fff;
    width: 32px;
    height: 32px;
    padding: 0;
    border-radius: 8px;
    opacity: 0.9;
}
.screenshot-modal-close:hover {
    background: rgba(255,255,255,0.3);
    color: #fff;
}
.screenshot-modal-body {
    padding: 12px;
    max-height: min(60vh, 400px);
    overflow: auto;
}
.screenshot-img-wrap {
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid rgba(0,0,0,0.1);
    background: #f8f9fa;
}
body:not([data-theme-version="light"]) .screenshot-img-wrap {
    background: #0f172a;
    border-color: rgba(255,255,255,0.08);
}
.screenshot-preview-img {
    width: 100%;
    height: auto;
    display: block;
    vertical-align: top;
}
.screenshot-modal-footer {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 14px 18px;
    background: rgba(0,0,0,0.03);
    border-top: 1px solid rgba(0,0,0,0.06);
}
body:not([data-theme-version="light"]) .screenshot-modal-footer {
    background: rgba(0,0,0,0.2);
    border-top-color: rgba(255,255,255,0.06);
}
.screenshot-btn-copy {
    margin-right: 4px;
}



/* Fulmet tooltip balonu (#aciklama) */
#aciklama{
    position: absolute;
    min-width: 4.5rem;
    max-width: min(92vw, 400px);
    max-height: min(50vh, 340px);
    padding: 10px 13px;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 99999;
    visibility: hidden;
    pointer-events: none;
    font-size: 0.8125rem;
    font-weight: 500;
    line-height: 1.55;
    letter-spacing: 0.01em;
    color: var(--fulmet-text);
    background: var(--fulmet-surface);
    border: 1px solid var(--fulmet-border);
    border-radius: var(--fulmet-radius);
    box-shadow: var(--fulmet-shadow);
    backdrop-filter: blur(20px) saturate(175%);
    -webkit-backdrop-filter: blur(20px) saturate(175%);
    transition: opacity 0.18s var(--fulmet-ease), transform 0.18s var(--fulmet-ease);
    scrollbar-width: thin;
    scrollbar-color: var(--fulmet-ring) transparent;
}

#aciklama::before{
    content: '';
    position: absolute;
    top: 0;
    left: 12px;
    right: 12px;
    height: 2px;
    border-radius: 0 0 4px 4px;
    background: linear-gradient(90deg, transparent, var(--fulmet-accent), transparent);
    opacity: 0.75;
}

#aciklama::-webkit-scrollbar{
    width: 5px;
}
#aciklama::-webkit-scrollbar-track{
    background: transparent;
    border-radius: 999px;
}
#aciklama::-webkit-scrollbar-thumb{
    background: var(--fulmet-ring);
    border-radius: 999px;
}
#aciklama::-webkit-scrollbar-thumb:hover{
    background: var(--fulmet-accent);
}

#aciklama strong,
#aciklama b{
    font-weight: 600;
    color: var(--fulmet-text);
}

#aciklama small,
#aciklama .text-muted{
    color: var(--fulmet-text-muted);
    font-size: 0.78em;
}

#aciklama a{
    color: var(--fulmet-accent);
    text-decoration: none;
    font-weight: 600;
    border-bottom: 1px solid transparent;
    transition: border-color 0.15s var(--fulmet-ease), color 0.15s var(--fulmet-ease);
}
#aciklama a:hover{
    border-bottom-color: currentColor;
}

#aciklama.fulmet-show{
    opacity: 1;
}

@keyframes fulmet-fade-in{
    0%{
        opacity: 0;
        visibility: hidden;
        transform: translateY(6px) scale(0.97);
    }
    100%{
        opacity: 1;
        visibility: visible;
        transform: translateY(0) scale(1);
    }
}

.fulmet-show{
    display: flex;
    flex-direction: column;
    gap: 4px;
    visibility: visible !important;
    opacity: 1;
    animation: fulmet-fade-in 0.24s var(--fulmet-ease);
}

/* Fulmet tetikleyici – masaüstü ipucu */
@media (hover: hover) and (pointer: fine){
    [fulmet]:not([fulmet=""]):hover{
        cursor: help;
    }
}

/* Tablolar balon içinde */
#aciklama .fulmet-tbl{
    margin-top: 8px;
}
#aciklama .fulmet-tbl:first-child{
    margin-top: 2px;
}

/* Mobil: fulmet ekranin en ustunde acilsin */
@media (max-width: 768px), (hover: none) and (pointer: coarse){
    #aciklama.fulmet-mobile-sheet{
        position: fixed !important;
        left: 50% !important;
        top: env(safe-area-inset-top, 0px) !important;
        right: auto !important;
        bottom: auto !important;
        transform: translateX(-50%) !important;
        width: min(90vw, 360px);
        max-width: min(90vw, 360px);
        max-height: min(calc(100vh - 16px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px)), 320px);
        padding: 12px 14px;
        padding-bottom: calc(12px + env(safe-area-inset-bottom, 0px));
        font-size: 0.84rem;
        line-height: 1.5;
        border-radius: 16px;
        z-index: 100000 !important;
        box-shadow:
            0 24px 56px rgba(2, 6, 23, 0.32),
            0 0 0 1px var(--fulmet-border);
        -webkit-overflow-scrolling: touch;
        overscroll-behavior: contain;
    }
    #aciklama.fulmet-mobile-sheet.fulmet-show{
        animation: fulmet-mobile-in 0.26s var(--fulmet-ease);
    }
    #aciklama.fulmet-mobile-sheet::before{
        left: 18%;
        right: 18%;
        height: 3px;
        opacity: 0.9;
    }
    #aciklama.fulmet-mobile-sheet .fulmet-tbl{
        display: block;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        font-size: 0.75rem;
    }
    #aciklama.fulmet-mobile-sheet .fulmet-tbl thead th,
    #aciklama.fulmet-mobile-sheet .fulmet-tbl tbody td{
        padding: 6px 8px;
        white-space: nowrap;
    }
}
@keyframes fulmet-mobile-in{
    from{
        opacity: 0;
        transform: translateX(-50%) translateY(-8px) scale(0.96) !important;
    }
    to{
        opacity: 1;
        transform: translateX(-50%) translateY(0) scale(1) !important;
    }
}



/* ================== SOLMENÜ (sağ tık) – modern context menu ================== */
:root{
    --slmn-surface: rgba(255, 255, 255, 0.9);
    --slmn-surface-alt: rgba(255, 255, 255, 0.97);
    --slmn-border: rgba(148, 163, 184, 0.26);
    --slmn-ring: rgba(142, 184, 240, 0.18);
    --slmn-accent: #74a5e8;
    --slmn-text: #0f172a;
    --slmn-text-muted: #64748b;
    --slmn-hover: rgba(142, 184, 240, 0.08);
    --slmn-hover-text: #5a88c8;
    --slmn-active: rgba(142, 184, 240, 0.13);
    --slmn-danger-hover: rgba(239, 68, 68, 0.1);
    --slmn-danger-text: #b91c1c;
    --slmn-shadow: 0 16px 44px rgba(15, 23, 42, 0.12), 0 4px 16px rgba(14, 165, 233, 0.06);
    --slmn-shadow-open: 0 22px 56px rgba(15, 23, 42, 0.16), 0 8px 24px rgba(14, 165, 233, 0.09);
    --slmn-tri: rgba(255, 255, 255, 0.94);
    --slmn-radius: 14px;
    --slmn-radius-item: 10px;
    --slmn-ease: cubic-bezier(0.32, 0.72, 0, 1);
}
body:not([data-theme-version="light"]){
    --slmn-surface: rgba(15, 23, 42, 0.92);
    --slmn-surface-alt: rgba(30, 41, 59, 0.98);
    --slmn-border: rgba(148, 163, 184, 0.16);
    --slmn-ring: rgba(158, 184, 245, 0.2);
    --slmn-accent: #9eb8f5;
    --slmn-text: #f1f5f9;
    --slmn-text-muted: #94a3b8;
    --slmn-hover: rgba(158, 184, 245, 0.1);
    --slmn-hover-text: #a8c0f0;
    --slmn-active: rgba(158, 184, 245, 0.16);
    --slmn-danger-hover: rgba(248, 113, 113, 0.14);
    --slmn-danger-text: #fca5a5;
    --slmn-shadow: 0 18px 48px rgba(0, 0, 0, 0.44), 0 0 0 1px rgba(56, 189, 248, 0.1);
    --slmn-shadow-open: 0 26px 64px rgba(0, 0, 0, 0.52), 0 0 0 1px rgba(56, 189, 248, 0.18);
    --slmn-tri: rgba(30, 41, 59, 0.96);
}

#solmenu.list-group{
    background: var(--slmn-surface) !important;
    border: 1px solid var(--slmn-border) !important;
}

#solmenu{
    position: absolute;
    min-width: 13rem;
    max-width: min(92vw, 24rem);
    padding: 3px;
    font-size: 0.75rem;
    font-weight: 500;
    letter-spacing: 0.012em;
    line-height: 1.25;
    color: var(--slmn-text);
    background: var(--slmn-surface);
    border: 1px solid var(--slmn-border);
    border-radius: 11px;
    box-shadow: var(--slmn-shadow);
    backdrop-filter: blur(24px) saturate(185%);
    -webkit-backdrop-filter: blur(24px) saturate(185%);
    transition:
        opacity 0.2s var(--slmn-ease),
        transform 0.2s var(--slmn-ease),
        box-shadow 0.2s var(--slmn-ease);
    transform-origin: top left;
    isolation: isolate;
    overflow: visible;
}

#solmenu::before{
    content: '';
    position: absolute;
    inset: -18px;
    z-index: -1;
}

#solmenu::after{
    content: '';
    position: absolute;
    top: 0;
    left: 10px;
    right: 10px;
    height: 2px;
    border-radius: 0 0 4px 4px;
    background: linear-gradient(90deg, transparent, var(--slmn-accent), transparent);
    opacity: 0.7;
    pointer-events: none;
}

#solmenu.open{
    opacity: 1;
    transform: none;
    pointer-events: auto;
    box-shadow: var(--slmn-shadow-open);
    animation: slmn-open-in 0.22s var(--slmn-ease);
}

#solmenu:not(.open){
    opacity: 0;
    transform: scale(0.95);
    pointer-events: none;
    transition: opacity 0.12s ease-in, transform 0.12s ease-in;
}

@keyframes slmn-open-in{
    from{
        opacity: 0;
        transform: scale(0.94);
    }
    to{
        opacity: 1;
        transform: none;
    }
}

#solmenuic .item{
    position: relative;
}

#solmenuic > .item{
    display: flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.32rem 0.5rem 0.32rem 0.45rem !important;
    margin: 1px 0;
    cursor: pointer;
    border-radius: var(--slmn-radius-item);
    color: var(--slmn-text);
    border: 1px solid transparent;
    transition:
        background 0.16s var(--slmn-ease),
        color 0.16s var(--slmn-ease),
        border-color 0.16s var(--slmn-ease),
        box-shadow 0.16s var(--slmn-ease);
}

#solmenuic > .item:hover,
#solmenuic > .item:focus-visible{
    background: var(--slmn-hover);
    color: var(--slmn-hover-text);
    border-color: var(--slmn-ring);
    box-shadow: inset 3px 0 0 var(--slmn-accent);
}

#solmenuic > .item:active{
    background: var(--slmn-active);
    transform: scale(0.992);
}

#solmenuic > .item:has(.btn-danger):hover,
#solmenuic > .item:has(.btn-danger):focus-visible{
    background: var(--slmn-danger-hover);
    color: var(--slmn-danger-text);
    box-shadow: inset 3px 0 0 #ef4444;
}

#solmenuic > .item.sltksc{
    background: var(--sltksc-bg) !important;
    color: var(--slmn-clr2) !important;
    border-color: var(--slmn-ring);
    box-shadow: inset 3px 0 0 var(--slmn-accent);
}

#solmenuic > .item:has(.alt-menu)::after{
    content: '';
    flex-shrink: 0;
    width: 6px;
    height: 6px;
    margin-left: auto;
    border-right: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;
    transform: rotate(-45deg);
    opacity: 0.35;
    transition: transform 0.18s var(--slmn-ease), opacity 0.18s var(--slmn-ease);
}

#solmenuic > .item:has(.alt-menu):hover::after,
#solmenuic > .item:has(.alt-menu).solmenu-alt-parent-open::after{
    opacity: 0.7;
    transform: rotate(-45deg) translate(1px, -1px);
}

#solmenuic > .item:has(.alt-menu).solmenu-alt-parent-open{
    background: var(--slmn-hover);
    color: var(--slmn-hover-text);
    border-color: var(--slmn-ring);
}

/* İkon rozetleri */
#solmenuic .item > .btn{
    width: 1.55rem;
    height: 1.55rem;
    min-width: 1.55rem;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    border-radius: 7px !important;
    box-shadow: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0;
    background: rgba(148, 163, 184, 0.14) !important;
    color: var(--slmn-text-muted) !important;
    transition: transform 0.16s var(--slmn-ease), background 0.16s var(--slmn-ease);
}

#solmenuic .item > .btn.btn-info{ background: rgba(14, 165, 233, 0.16) !important; color: #0284c7 !important; }
#solmenuic .item > .btn.btn-primary{ background: rgba(59, 130, 246, 0.16) !important; color: #1d4ed8 !important; }
#solmenuic .item > .btn.btn-success{ background: rgba(34, 197, 94, 0.16) !important; color: #15803d !important; }
#solmenuic .item > .btn.btn-warning,
#solmenuic .item > .btn.btn-outline-warning{ background: rgba(245, 158, 11, 0.16) !important; color: #b45309 !important; }
#solmenuic .item > .btn.btn-danger{ background: rgba(239, 68, 68, 0.14) !important; color: #b91c1c !important; }
#solmenuic .item > .btn.btn-secondary{ background: rgba(100, 116, 139, 0.14) !important; color: #475569 !important; }
#solmenuic .item > .btn.btn-light{ background: rgba(148, 163, 184, 0.12) !important; color: #334155 !important; }

body:not([data-theme-version="light"]) #solmenuic .item > .btn.btn-info{ color: #7dd3fc !important; }
body:not([data-theme-version="light"]) #solmenuic .item > .btn.btn-primary{ color: #93c5fd !important; }
body:not([data-theme-version="light"]) #solmenuic .item > .btn.btn-success{ color: #86efac !important; }
body:not([data-theme-version="light"]) #solmenuic .item > .btn.btn-warning,
body:not([data-theme-version="light"]) #solmenuic .item > .btn.btn-outline-warning{ color: #fcd34d !important; }
body:not([data-theme-version="light"]) #solmenuic .item > .btn.btn-danger{ color: #fca5a5 !important; }
body:not([data-theme-version="light"]) #solmenuic .item > .btn.btn-secondary{ color: #cbd5e1 !important; }
body:not([data-theme-version="light"]) #solmenuic .item > .btn.btn-light{ color: #e2e8f0 !important; }

#solmenuic > .item.sltksc > .btn{
    background-color: rgba(255, 255, 255, 0.22) !important;
}

#solmenuic .item > .btn i{
    font-size: 0.78rem !important;
    line-height: 1;
}

#solmenuic > .item:hover > .btn{
    transform: scale(1.05);
}

/* Konum üçgeni – cam yüzey rengi */
.triangle-top-left,
.triangle-top-right,
.triangle-bottom-left,
.triangle-bottom-right{
    width: 0;
    height: 0;
    position: absolute;
    filter: drop-shadow(0 2px 4px rgba(15, 23, 42, 0.12));
}
.triangle-top-left{
    border-right: 11px solid transparent;
    border-bottom: 11px solid var(--slmn-tri);
    top: 0;
    left: 0;
    transform: rotate(90deg);
}
.triangle-top-right{
    border-left: 11px solid transparent;
    border-bottom: 11px solid var(--slmn-tri);
    top: 0;
    right: 0;
    transform: rotate(-90deg);
}
.triangle-bottom-left{
    border-right: 11px solid transparent;
    border-top: 11px solid var(--slmn-tri);
    bottom: 0;
    left: 0;
    transform: rotate(-90deg);
}
.triangle-bottom-right{
    border-left: 11px solid transparent;
    border-top: 11px solid var(--slmn-tri);
    bottom: 0;
    right: 0;
    transform: rotate(90deg);
}
#solmenu:not(.open) .triangle-top-left,
#solmenu:not(.open) .triangle-top-right,
#solmenu:not(.open) .triangle-bottom-left,
#solmenu:not(.open) .triangle-bottom-right{
    visibility: hidden;
}

/* Alt menü – yüzen panel */
#solmenuic .alt-menu{
    position: absolute;
    min-width: 11.5rem;
    padding: 3px;
    border: 1px solid var(--slmn-border);
    border-radius: 12px;
    background: var(--slmn-surface-alt) !important;
    box-shadow: var(--slmn-shadow-open);
    backdrop-filter: blur(20px) saturate(170%);
    -webkit-backdrop-filter: blur(20px) saturate(170%);
    white-space: nowrap;
    opacity: 0;
    transform: translateX(-4px) scale(0.97);
    transition:
        opacity 0.18s var(--slmn-ease),
        transform 0.18s var(--slmn-ease);
    pointer-events: none;
    z-index: 1000;
}

#solmenuic .alt-menu::before{
    content: '';
    position: absolute;
    inset: -14px;
    z-index: -1;
}

#solmenuic .alt-menu.solmenu-alt-open,
#solmenuic .item:hover > .alt-menu{
    opacity: 1;
    transform: translateX(0) scale(1);
    pointer-events: auto;
    display: unset;
}

#solmenuic .alt-menu .item{
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: 0.42rem;
    padding: 0.3rem 0.48rem 0.3rem 0.42rem !important;
    margin: 1px 0;
    font-size: 0.74rem;
    font-weight: 500;
    border-radius: 8px;
    color: var(--slmn-text);
    border: 1px solid transparent;
    transition:
        background 0.16s var(--slmn-ease),
        color 0.16s var(--slmn-ease),
        box-shadow 0.16s var(--slmn-ease);
}

#solmenuic .alt-menu .item:hover,
#solmenuic .alt-menu .item:focus-visible{
    background: var(--slmn-hover);
    color: var(--slmn-hover-text);
    box-shadow: inset 2px 0 0 var(--slmn-accent);
    cursor: pointer;
}

#solmenuic .alt-menu .item:has(.btn-danger):hover{
    background: var(--slmn-danger-hover);
    color: var(--slmn-danger-text);
    box-shadow: inset 2px 0 0 #ef4444;
}

#solmenuic .alt-menu .item.sltksc{
    background: var(--sltksc-bg) !important;
    color: var(--slmn-clr2) !important;
    box-shadow: inset 2px 0 0 var(--slmn-accent);
}

#solmenuic .alt-menu .item > .btn{
    width: 1.45rem;
    height: 1.45rem;
    min-width: 1.45rem;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    border-radius: 7px !important;
    box-shadow: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0;
    background: rgba(148, 163, 184, 0.12) !important;
}

#solmenuic .alt-menu .item > .btn.btn-info{ background: rgba(14, 165, 233, 0.14) !important; color: #0284c7 !important; }
#solmenuic .alt-menu .item > .btn.btn-primary{ background: rgba(59, 130, 246, 0.14) !important; color: #1d4ed8 !important; }
#solmenuic .alt-menu .item > .btn.btn-success{ background: rgba(34, 197, 94, 0.14) !important; color: #15803d !important; }
#solmenuic .alt-menu .item > .btn.btn-warning,
#solmenuic .alt-menu .item > .btn.btn-outline-warning{ background: rgba(245, 158, 11, 0.14) !important; color: #b45309 !important; }
#solmenuic .alt-menu .item > .btn.btn-danger{ background: rgba(239, 68, 68, 0.12) !important; color: #b91c1c !important; }
#solmenuic .alt-menu .item > .btn.btn-secondary{ background: rgba(100, 116, 139, 0.12) !important; color: #475569 !important; }

body:not([data-theme-version="light"]) #solmenuic .alt-menu .item > .btn.btn-info{ color: #7dd3fc !important; }
body:not([data-theme-version="light"]) #solmenuic .alt-menu .item > .btn.btn-primary{ color: #93c5fd !important; }
body:not([data-theme-version="light"]) #solmenuic .alt-menu .item > .btn.btn-success{ color: #86efac !important; }
body:not([data-theme-version="light"]) #solmenuic .alt-menu .item > .btn.btn-danger{ color: #fca5a5 !important; }

#solmenuic .alt-menu .item > .btn i{
    font-size: 0.72rem !important;
}

/* Mobil: dokunmatik – hover efektlerini kapat */
@media (max-width: 992px), (hover: none) and (pointer: coarse){
    #solmenuic > .item:hover,
    #solmenuic > .item:focus-visible{
        box-shadow: none;
    }
    #solmenuic .alt-menu .item:hover{
        box-shadow: none;
    }
}

/* Mobil: alt menü akordeon */
@media (max-width: 992px), (hover: none) and (pointer: coarse){
    #solmenuic > .item:has(.alt-menu){
        flex-wrap: wrap;
        align-items: center;
    }
    #solmenuic > .item:has(.alt-menu)::after{
        order: 2;
        align-self: flex-start;
        margin-top: 0.88rem;
    }
    #solmenuic .alt-menu{
        order: 3;
        position: relative !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        bottom: auto !important;
        width: 100% !important;
        min-width: 0 !important;
        max-height: 0;
        overflow: hidden;
        opacity: 0;
        margin: 0 !important;
        padding: 0 0 0 0.85rem !important;
        border: none !important;
        border-left: 2px solid var(--slmn-ring) !important;
        border-radius: 0 0 10px 10px !important;
        background: transparent !important;
        box-shadow: none !important;
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
        transform: translateY(-4px);
        transition:
            opacity 0.22s var(--slmn-ease),
            transform 0.22s var(--slmn-ease),
            max-height 0.28s var(--slmn-ease);
        pointer-events: none;
    }
    #solmenuic .alt-menu::before{
        display: none;
    }
    #solmenuic .alt-menu.solmenu-alt-open{
        max-height: 320px;
        opacity: 1;
        transform: translateY(0);
        pointer-events: auto;
        margin-top: 4px !important;
        padding-top: 4px !important;
        padding-bottom: 4px !important;
    }
    #solmenuic .alt-menu .item{
        padding: 0.55rem 0.6rem;
        margin: 1px 0;
        min-height: 44px;
    }
}

/* Mobil solmenü: Safari tarzı ortalanmış sheet */
.solmenu-perde{
    position: fixed;
    inset: 0;
    z-index: 1060;
    background: rgba(2, 6, 23, 0.48);
    backdrop-filter: blur(10px) saturate(130%);
    -webkit-backdrop-filter: blur(10px) saturate(130%);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.28s var(--slmn-ease), visibility 0.28s var(--slmn-ease);
}
.solmenu-perde.solmenu-perde-show{
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}
body.solmenu-mobile-open{
    overflow: hidden;
    overscroll-behavior: none;
}
@media (max-width: 992px), (hover: none) and (pointer: coarse){
    #solmenu.solmenu-mobile-sheet.open{
        position: fixed !important;
        left: 50% !important;
        top: 50% !important;
        right: auto !important;
        bottom: auto !important;
        width: min(92vw, 380px) !important;
        max-width: min(92vw, 380px);
        max-height: min(74vh, 500px);
        margin: 0;
        z-index: 1062 !important;
        border-radius: 20px !important;
        padding: 18px 8px 10px;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        transform: translate(-50%, -50%) scale(0.12) !important;
        transform-origin: var(--solmenu-ox, 50%) var(--solmenu-oy, 50%) !important;
        opacity: 0;
        pointer-events: none;
        background-image:
            radial-gradient(ellipse 18px 2px at 50% 9px, var(--slmn-border) 99%, transparent 100%),
            linear-gradient(var(--slmn-surface), var(--slmn-surface));
        background-repeat: no-repeat;
        box-shadow:
            0 28px 72px rgba(2, 6, 23, 0.32),
            0 0 0 1px var(--slmn-border);
        animation: none !important;
        transition:
            opacity 0.26s cubic-bezier(0.32, 0.72, 0, 1),
            transform 0.34s cubic-bezier(0.32, 0.72, 0, 1),
            box-shadow 0.2s ease;
    }
    #solmenu.solmenu-mobile-sheet.open.solmenu-mobile-show{
        transform: translate(-50%, -50%) scale(1) !important;
        opacity: 1;
        pointer-events: auto;
    }
    #solmenu.solmenu-mobile-sheet.open #solmenuic{
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        max-height: min(66vh, 460px);
        flex: 1 1 auto;
        padding: 2px 2px 4px;
        scrollbar-width: thin;
        scrollbar-color: var(--slmn-scrollbar-thumb, var(--slmn-border)) transparent;
    }
    #solmenu.solmenu-mobile-sheet.open::after{
        display: none;
    }
    #solmenu.solmenu-mobile-sheet.open #ucg{
        display: none !important;
    }
    #solmenu.solmenu-mobile-sheet:not(.open){
        transform: translate(-50%, -50%) scale(0.12) !important;
        opacity: 0;
    }
    #solmenu.solmenu-mobile-sheet.open #solmenuic > .item{
        min-height: 46px;
        padding: 0.58rem 0.8rem;
        border-radius: 12px;
    }
    #solmenu.solmenu-mobile-sheet.open #solmenuic > .item:not(:has(.alt-menu)):active{
        transform: scale(0.985);
        background: var(--slmn-active);
    }
    #solmenu.solmenu-mobile-sheet.open #solmenuic > .item{
        white-space: normal;
        word-break: break-word;
        line-height: 1.35;
        -webkit-tap-highlight-color: transparent;
        touch-action: manipulation;
    }
    #solmenu.solmenu-mobile-sheet.open #solmenuic > .item:has(.alt-menu)::after{
        margin-top: 1rem;
        transform: rotate(-45deg);
    }
    #solmenu.solmenu-mobile-sheet.open #solmenuic > .item:has(.alt-menu).solmenu-alt-parent-open::after{
        transform: rotate(-45deg) translate(1px, -1px);
    }
    #solmenu.solmenu-mobile-sheet.open #solmenuic > .item > .btn{
        width: 2.1rem;
        height: 2.1rem;
        min-width: 2.1rem;
    }
    #solmenu.solmenu-mobile-sheet.open #solmenuic .alt-menu .item{
        min-height: 44px;
        font-size: 0.84rem;
    }
}
@media (max-width: 576px){
    #solmenu.solmenu-mobile-sheet.open{
        width: min(94vw, 100%) !important;
        max-width: min(94vw, 100%) !important;
        max-height: min(78vh, 520px);
        border-radius: 18px !important;
        padding: 16px 6px calc(10px + env(safe-area-inset-bottom, 0px));
    }
    #solmenu.solmenu-mobile-sheet.open #solmenuic{
        max-height: min(70vh, 480px);
    }
    .solmenu-perde{
        padding: env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) env(safe-area-inset-left, 0px);
    }
}
@keyframes solmenu-mobile-in{
    from{
        opacity: 0;
        transform: translate(-50%, -50%) scale(0.9);
    }
    to{
        opacity: 1;
        transform: translate(-50%, -50%) scale(1);
    }
}




.dot {
    display: inline-block;
    width: 10px; /* Yuvarlak boyutu */
    height: 10px; /* Yuvarlak boyutu */
    background-color: black; /* Siyah yuvarlak */
    border-radius: 50%; /* Yuvarlak şekil için */
    margin-right: 5px; /* Nokta ile metin arasındaki boşluk */
}
.prd2-overlay {
    transition: all 0.3s ease;
}
.prd2le {
    position: relative; /* Hedef elemanın konumunu bozmamak için */
    z-index: 1000;      /* Overlay'lerin üstünde görünmesi için */
}

html, body {
    margin: 0;
    padding: 0;
    overflow: clip;
    background: #f8f9fa;
}

/* Pencerelerin yer alacağı ana kapsayıcı */
.window-container {
    position: relative;
    width: 100%;
    height: 100%;
}
/* Resim penceresi stili: fixed pozisyon sayesinde scroll etkilenmez */
/* Modern resim penceresi */
.image-window {
    position: fixed;
    border: none;
    background: #fff;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
    border-radius: 8px;
    overflow: hidden;
    z-index: 5005;
    display: flex;
    flex-direction: column;
}


.image-window-header {
    background: linear-gradient(135deg, #007bff, #0056b3);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px 10px; /* İsteğe bağlı padding */
    min-height: 40px; /* Header yüksekliğini sabitleyebilirsiniz */
    cursor: move;
}

.image-window-header .title {
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 10px; /* Butonlarla arada boşluk olsun */
}


.image-window-header .window-buttons {
    flex-shrink: 0;
    display: flex;
    gap: 5px; /* Butonlar arasında boşluk */
}

/* Başlık butonları */
.window-buttons i {
    display: inline-block;
    padding: 10px;       /* Dokunmatik hit alanını genişletir */
    min-width: 40px;     /* Minimum genişlik */
    min-height: 30px;    /* Minimum yükseklik */
    cursor: pointer;
    touch-action: manipulation; /* Dokunmatik etkileşimler için */
}
.image-window-header .window-buttons i:hover {
    color: #f8f9fa;
}

/* Başlık butonları */
.image-window-header .window-buttons i {
    margin-left: 10px;
    cursor: pointer;
    font-size: 1.2rem;
    transition: color 0.2s;
}
.image-window-header .window-buttons i:hover {
    color: #f8f9fa;
}

/* İçerik alanı: Hafif arka plan, padding ve yuvarlatılmış resimler */
.image-window-content {
    padding: 10px;
    overflow: auto;
    background: #fdfdfd;
    /* İçerik alanı, header dışında kalan alanı kaplayacak */
    flex: 1 1 auto;
}
.image-window-content img {
    display: block;
    max-width: 100%;
    height: auto;
    margin-bottom: 10px;
    border-radius: 4px;
}

/* Küçültülmüş pencerelerin simge alanı */
.minimized-container {
    position: fixed;
    bottom: 0;
    left: 0;
    padding: 10px;
    display: flex;
    flex-direction: row-reverse;
    gap: 10px;
    z-index: 9999;
}

/* Küçültülmüş pencere simgeleri */
.minimized-window {
    background: #007bff;
    color: #fff;
    padding: 8px 12px;
    font-size: 0.9rem;
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    align-items: center;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
    transition: transform 0.2s;
}
.minimized-window:hover {
    transform: translateY(-2px);
}

/* jQuery UI Resizable handle'larının stilini modernleştirme */
.ui-resizable-handle {
    width: 20px;
    height: 20px;
    background-color: rgba(0,0,0,0.1); /* Hafif görünür kılmak */
}

.form-control.border-danger-override,
.form-control.border-danger-override:focus,
.form-control.border-danger-override:focus-within {
    border: 2px solid red !important;
    outline: none;
    box-shadow: none;
}



#kilitEkrani {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    z-index: 9999;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

#kilitEkrani > .particles-container {
    z-index: 1;
}

#kilitEkrani_particles,
#kilitEkrani_particles canvas,
#kilitEkrani_particles .particles-js-canvas-el {
    z-index: 1 !important;
}

#kilitEkrani > .card {
    position: relative;
    z-index: 2;
}



@media screen and (max-width: 1500px) {
    .gstb{
        display: none !important;
    }
}
@media screen and (max-width: 1400px) {
    .drdrbaslik {
        display: none !important;
    }
}
@media screen and (max-width: 900px) {
    .drdrbaslik2 {
        display: none !important;
    }
}
/* drdrbaslik3 kaldırıldı */
@media screen and (max-width: 650px) {
    .kisayollar2 {
        display: none !important;
    }
}

.navbar-nav {
    flex-direction: row;
}
#topbar .navbar-nav {
    float: none;
}
.navbar-collapse{
    display: flex!important;
}
.dropdown-toggle::after {
    display: none;
}

.menuicon-a {
    display: inline-block;
    vertical-align: middle;
    padding-right: 3px;
}
.ustdgm{
    margin: 3px;
    padding: 5px;
    border: 3px;
    white-space: nowrap;
}
/* #topbar dışındaki eski menü hover'ları – modern flyout (navleft-ddm/gizle-ddm) hariç */
#topbar .ustdgm:hover,
#topbar .navbar-nav .dropdown-menu .ustdgm:hover,
body > .dropdown-menu.navleft-ddm li.ustdgm:hover,
body > .frtik.ordgm.dropdown-menu.navleft-ddm li.ustdgm:hover,
body > .dropdown-menu.gizle-ddm li.ustdgm:hover,
body > .frtik.ordgm.dropdown-menu.gizle-ddm li.ustdgm:hover{
    background: transparent !important;
    background-color: transparent !important;
    border-radius: 0 !important;
}
/* Eski sol menü (flyout dışı) */
#solmenuic .ustdgm:hover,
#aciklama .ustdgm:hover{
    background-color: rgb(176, 176, 176) !important;
    border-radius: 5px!important;
}
:not(#topbar) li:hover > a{
    color: white;
}
:not(#topbar) .sekme1:hover{
    color: white;
}
:not(#topbar) .sekme1:hover .dropdown-menu{
    display: block;
    min-width: -webkit-max-content;
}

.nonet {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 5009;
    background-color: #4f4d4d;
}
.progresse {
    position: fixed;
    top: 0;
    left: 0;
    width: 60px;
    z-index: 20;
    height: 4px;
    background-color: #ff0000;
    border-radius: 6px;
    visibility: visible;
}
/* Ekran görüntüsü şeridi: alttan akan progress bar */
.screenshot-strip-wrap {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2065;
    visibility: hidden;
    pointer-events: none;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    padding: 8px 12px 10px 12px;
    background: linear-gradient(to top, rgba(0,0,0,0.4) 0%, transparent 100%);
    transition: opacity 0.2s ease;
}
.screenshot-strip-wrap[aria-hidden="false"] {
    visibility: visible;
}
.screenshot-strip-hint {
    font-size: 11px;
    color: rgba(255,255,255,0.9);
    margin-bottom: 6px;
    text-align: center;
    text-shadow: 0 1px 3px rgba(0,0,0,0.6);
}
.progresse2 {
    left: 0;
    width: 0%;
    min-width: 0;
    max-width: 100%;
    align-self: stretch;
    z-index: 20;
    height: 6px;
    background: linear-gradient(90deg, #0d6efd 0%, #0a58ca 50%, #0d6efd 100%);
    border-radius: 0 4px 4px 0;
    visibility: visible;
    transition: width 0.05s linear;
    box-shadow: 0 0 8px rgba(13, 110, 253, 0.5);
}
body[data-theme-version="light"] .progresse2 {
    background: linear-gradient(90deg, #0d6efd 0%, #198754 50%, #0d6efd 100%);
}
.table thead th {
    color: rgba(45, 47, 86, 0.66) !important;
}

/* Mobil – tablolar daha kompakt */
@media (max-width: 992px) {
    /* Liste tablolarında p-5 (3rem) kenar boşluğu – mobilde gereksiz */
    table.table.p-5,
    .table.p-5 {
        padding: 0 !important;
    }
    .table,
    .table-responsive .table,
    .table th,
    .table td,
    .table tbody td,
    .table-responsive .table th,
    .table-responsive .table td,
    .table-responsive .table tbody td {
        font-size: 0.78rem !important;
    }
    .table thead th {
        font-size: 0.85rem !important;
    }
    .table th,
    .table td {
        padding: 0.32rem 0.36rem !important;
    }
    .table .badge,
    .table-responsive .badge {
        font-size: 0.68rem !important;
        padding: 0.2rem 0.35rem !important;
    }
}
@media (max-width: 576px) {
    .table,
    .table-responsive .table,
    .table th,
    .table td,
    .table tbody td,
    .table-responsive .table th,
    .table-responsive .table td,
    .table-responsive .table tbody td {
        font-size: 0.72rem !important;
    }
    .table thead th {
        font-size: 0.78rem !important;
    }
    .table th,
    .table td {
        padding: 0.26rem 0.3rem !important;
    }
    .table .badge,
    .table-responsive .badge {
        font-size: 0.62rem !important;
        padding: 0.16rem 0.28rem !important;
    }
}

/* Kasa Özeti modalı – global tablo kurallarından sonra, başlıklar büyük kalsın */
@media (max-width: 992px) {
    .kasa-ozeti-modal .kasa-ozeti-tablo thead th {
        font-size: 0.95rem !important;
    }
    /* Kasa adı sütunu: mobilde bakiye alt satırda, -> yok */
    .kasa-ozeti-modal .kasa-ozeti-adi-hucre .kasa-ozeti-ad-wrap {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 0.15rem !important;
    }
    .kasa-ozeti-modal .kasa-ozeti-adi-hucre .kasa-ozeti-bakiye::before {
        content: none !important;
    }
}
@media (min-width: 993px) {
    /* Masaüstü: kasa adı ve bakiye yan yana, -> ile */
    .kasa-ozeti-modal .kasa-ozeti-adi-hucre .kasa-ozeti-bakiye::before {
        content: " → " !important;
    }
}

/* Mobil – büyük yazıları küçült (tablolar hariç) */
@media (max-width: 992px) {
    .modal-header .modal-title,
    .offcanvas-header .modal-title,
    .offcanvas-title { font-size: 0.88rem !important; }
    .card-title, .card-header { font-size: 0.88rem !important; }
    h1 { font-size: 1.25rem !important; }
    h2 { font-size: 1.1rem !important; }
    h3, h4 { font-size: 0.95rem !important; }
    h5, h6 { font-size: 0.88rem !important; }
    .nice-toast-content { font-size: 0.82rem !important; }
    body.topbar-mobile-open #topbar-container .navbar-nav > li > a,
    body.topbar-mobile-open #topbar-container .navbar-nav .dropdown-toggle { font-size: 0.88rem !important; }
    body.topbar-mobile-open #topbar-container .navbar-nav .ustdgm .altdgm { font-size: 0.8rem !important; }
    body.topbar-mobile-open #topbar-container .gstb,
    body.topbar-mobile-open #topbar-container .drdrbaslik { font-size: 0.88rem !important; }
    #topbar-container .header-info2 h4 { font-size: 0.85rem !important; }
    .filtli-header .btn { font-size: 0.8rem !important; }
    .form-label, label { font-size: 0.82rem !important; }
    .form-control, .form-select { font-size: 0.85rem !important; }
    .form-header { font-size: 1rem !important; }
    .btn:not(.btn-sm):not(.btn-lg) { font-size: 0.85rem !important; }
    .fe-paylama-modal .fe-paylama-baslik { font-size: 0.88rem !important; }
    .fe-paylama-modal .fe-paylama-panel-baslik { font-size: 0.78rem !important; }
    .screenshot-modal-title { font-size: 0.95rem !important; }
    #aciklama { font-size: 0.82rem !important; }
    .minimized-window { font-size: 0.82rem !important; }
    .image-window-header .title { font-size: 0.88rem !important; }
    .punt-giris-container .punt-ust-bar .punt-ust-baslik { font-size: 0.88rem !important; }
    .tbl-bilgi-satir > span.col,
    .tbl-bilgi-satir > .tbl-bilgi-metin-wrap { font-size: 0.8rem !important; }
    .nav.nav-pills .nav-link,
    .nav.nav-pills .nav-item .nav-link,
    .nav.nav-pills a.nav-link2,
    .nav.nav-pills a[data-bs-toggle="pill"] { font-size: 0.82rem !important; }
    .dropdown-menu .dropdown-item,
    .dropdown-menu .ustdgm .altdgm { font-size: 0.85rem !important; }
    .list-group-item { font-size: 0.85rem !important; }
    .alert { font-size: 0.85rem !important; }
}
@media (max-width: 576px) {
    .modal-header .modal-title,
    .offcanvas-header .modal-title,
    .offcanvas-title { font-size: 0.82rem !important; }
    .card-title, .card-header { font-size: 0.82rem !important; }
    h1 { font-size: 1.15rem !important; }
    h2 { font-size: 1rem !important; }
    h3, h4 { font-size: 0.9rem !important; }
    h5, h6 { font-size: 0.82rem !important; }
    .nice-toast-content { font-size: 0.78rem !important; }
    body.topbar-mobile-open #topbar-container .navbar-nav > li > a,
    body.topbar-mobile-open #topbar-container .navbar-nav .dropdown-toggle { font-size: 0.82rem !important; }
    body.topbar-mobile-open #topbar-container .navbar-nav .ustdgm .altdgm { font-size: 0.76rem !important; }
    body.topbar-mobile-open #topbar-container .gstb,
    body.topbar-mobile-open #topbar-container .drdrbaslik { font-size: 0.82rem !important; }
    #topbar-container .header-info2 h4 { font-size: 0.8rem !important; }
    .filtli-header .btn { font-size: 0.76rem !important; }
    .form-label, label { font-size: 0.78rem !important; }
    .form-control, .form-select { font-size: 0.82rem !important; }
    .form-header { font-size: 0.95rem !important; }
    .btn:not(.btn-sm):not(.btn-lg) { font-size: 0.82rem !important; }
    .fe-paylama-modal .fe-paylama-baslik { font-size: 0.82rem !important; }
    .fe-paylama-modal .fe-paylama-panel-baslik { font-size: 0.74rem !important; }
    .screenshot-modal-title { font-size: 0.88rem !important; }
    #aciklama { font-size: 0.78rem !important; }
    .minimized-window { font-size: 0.78rem !important; }
    .image-window-header .title { font-size: 0.82rem !important; }
    .punt-giris-container .punt-ust-bar .punt-ust-baslik { font-size: 0.82rem !important; }
    .tbl-bilgi-satir > span.col,
    .tbl-bilgi-satir > .tbl-bilgi-metin-wrap { font-size: 0.76rem !important; }
    .nav.nav-pills .nav-link,
    .nav.nav-pills .nav-item .nav-link,
    .nav.nav-pills a.nav-link2,
    .nav.nav-pills a[data-bs-toggle="pill"] { font-size: 0.78rem !important; }
    .dropdown-menu .dropdown-item,
    .dropdown-menu .ustdgm .altdgm { font-size: 0.8rem !important; }
    .list-group-item { font-size: 0.82rem !important; }
    .alert { font-size: 0.82rem !important; }
}

/* iOS Safari: input odaklanınca otomatik yakınlaştırmayı önle (font-size < 16px) */
@supports (-webkit-touch-callout: none) {
    input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="hidden"]):not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="file"]):not([type="image"]),
    select,
    textarea,
    .form-control:not(span):not(div),
    .form-select,
    .cs_menu_ara_ic {
        font-size: 16px !important;
    }
}

.sekme1{
    margin: 5px;
    border-color: #9a2104;
}
.tabsb300 { overflow: scroll; max-height: 300px;}
.tabsb400 { overflow: scroll; max-height: 400px;}
.tabsb450 { overflow: scroll; max-height: 450px;}
.tabsb500 { overflow: scroll; max-height: 500px;}
.tabsb600 { overflow: scroll; max-height: 600px;}
/* syf54 sayfa 1 WhatsApp: .tabsb600 + centerbar (cb-scroll) çift kaydırma; derle listeyi boyutlamasın */
.tabsb-wp08-host { overflow: visible !important; max-height: none !important; }
.tabsb700 { overflow: scroll; max-height: 700px;}
.tabsb300 thead th { position: sticky; top: 0; z-index: 1;}
.tabsb400 thead th { position: sticky; top: 0; z-index: 1;}
.tabsb450 thead th { position: sticky; top: 0; z-index: 1;}
.tabsb500 thead th { position: sticky; top: 0; z-index: 1;}
.tabsb600 thead th { position: sticky; top: 0; z-index: 1;}
.tabsb700 thead th { position: sticky; top: 0; z-index: 1;}

/* tabsb* scroll – .table-responsive overflow:hidden kuralını geçersiz kıl */
body[data-user-renk] .table-responsive.tabsb300,
body[data-user-renk] .table-responsive.tabsb400,
body[data-user-renk] .table-responsive.tabsb450,
body[data-user-renk] .table-responsive.tabsb500,
body[data-user-renk] .table-responsive.tabsb600,
body[data-user-renk] .table-responsive.tabsb700 {
    overflow-x: auto !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    scrollbar-color: var(--sys-scrollbar-thumb) var(--sys-scrollbar-track);
}
body[data-user-renk] .table-responsive.tabsb300::-webkit-scrollbar,
body[data-user-renk] .table-responsive.tabsb400::-webkit-scrollbar,
body[data-user-renk] .table-responsive.tabsb450::-webkit-scrollbar,
body[data-user-renk] .table-responsive.tabsb500::-webkit-scrollbar,
body[data-user-renk] .table-responsive.tabsb600::-webkit-scrollbar,
body[data-user-renk] .table-responsive.tabsb700::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}
body[data-user-renk] .table-responsive.tabsb300::-webkit-scrollbar-thumb,
body[data-user-renk] .table-responsive.tabsb400::-webkit-scrollbar-thumb,
body[data-user-renk] .table-responsive.tabsb450::-webkit-scrollbar-thumb,
body[data-user-renk] .table-responsive.tabsb500::-webkit-scrollbar-thumb,
body[data-user-renk] .table-responsive.tabsb600::-webkit-scrollbar-thumb,
body[data-user-renk] .table-responsive.tabsb700::-webkit-scrollbar-thumb {
    background: var(--sys-scrollbar-thumb) !important;
    border-radius: 99px;
}
body[data-user-renk] .table-responsive.tabsb300::-webkit-scrollbar-thumb:hover,
body[data-user-renk] .table-responsive.tabsb400::-webkit-scrollbar-thumb:hover,
body[data-user-renk] .table-responsive.tabsb450::-webkit-scrollbar-thumb:hover,
body[data-user-renk] .table-responsive.tabsb500::-webkit-scrollbar-thumb:hover,
body[data-user-renk] .table-responsive.tabsb600::-webkit-scrollbar-thumb:hover,
body[data-user-renk] .table-responsive.tabsb700::-webkit-scrollbar-thumb:hover {
    background: var(--sys-scrollbar-thumb-hover) !important;
}
body[data-user-renk] .table-responsive.tabsb300::-webkit-scrollbar-track,
body[data-user-renk] .table-responsive.tabsb400::-webkit-scrollbar-track,
body[data-user-renk] .table-responsive.tabsb450::-webkit-scrollbar-track,
body[data-user-renk] .table-responsive.tabsb500::-webkit-scrollbar-track,
body[data-user-renk] .table-responsive.tabsb600::-webkit-scrollbar-track,
body[data-user-renk] .table-responsive.tabsb700::-webkit-scrollbar-track {
    background: var(--sys-scrollbar-track) !important;
}

/* Günlük görev atama modalı – kaydırma ve mobil düzen */
@media (min-width: 993px) {
    .gg-atama-modal .gg-atama-scroll {
        flex: 1 1 auto;
        min-height: 0;
        max-height: none !important;
        overflow: auto !important;
    }
}
@media (max-width: 992px) {
    .gg-atama-modal .gg-atama-scroll {
        max-height: min(500px, calc(100dvh - 220px));
    }
}
.gg-atama-modal-header {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 10px !important;
}
.gg-atama-modal-header-main {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 8px;
    width: 100%;
}
.gg-atama-modal-header-main .modal-title {
    flex: 1 1 auto;
    min-width: 0;
    padding-right: 0 !important;
}
.gg-atama-modal-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    width: 100%;
}
.gg-atama-kullanici-select {
    width: 300px;
    max-width: 100%;
    min-width: 0;
    flex: 1 1 200px;
}
.gg-atama-modal-body {
    min-height: 0;
}
.gg-atama-modal .table {
    margin-bottom: 0;
}
.gg-atama-modal .table th,
.gg-atama-modal .table td {
    font-size: 0.72rem;
    padding: 0.2rem 0.28rem !important;
    line-height: 1.25;
    vertical-align: middle !important;
}
.gg-atama-modal .table thead th {
    font-size: 0.68rem;
    padding: 0.22rem 0.28rem !important;
    line-height: 1.2;
}
.gg-atama-modal .table td.p-1 {
    padding: 0.15rem 0.22rem !important;
}
.gg-atama-modal .table .badge.dsyn {
    font-size: 0.62rem !important;
    padding: 0.08rem 0.3rem !important;
    line-height: 1.1;
}
.gg-atama-modal .table .btn-sm {
    font-size: 0.58rem !important;
    padding: 0.1rem 0.26rem !important;
    line-height: 1.15;
    min-height: 20px;
    white-space: nowrap;
    border-radius: 4px;
}
.gg-atama-modal .table td:nth-child(2) {
    line-height: 1.3;
}
@media (max-width: 992px) {
    .gg-atama-modal .modal-dialog.modal-fullscreen-lg-down {
        display: flex !important;
        flex-direction: column !important;
        min-height: 0 !important;
    }
    .gg-atama-modal .modal-dialog.modal-fullscreen-lg-down .modal-content {
        flex: 1 1 auto !important;
        min-height: 0 !important;
        display: flex !important;
        flex-direction: column !important;
    }
    .modal.gg-atama-modal.show .modal-body.gg-atama-modal-body {
        overflow: hidden !important;
        display: flex !important;
        flex-direction: column !important;
        padding: 0.5rem !important;
        flex: 1 1 auto !important;
        min-height: 0 !important;
    }
    .gg-atama-modal .gg-atama-scroll {
        flex: 1 1 auto;
        min-height: 0;
        max-height: none;
    }
    .gg-atama-modal .table th,
    .gg-atama-modal .table td {
        font-size: 0.68rem !important;
        padding: 0.16rem 0.22rem !important;
        line-height: 1.2 !important;
        vertical-align: middle !important;
    }
    .gg-atama-modal .table thead th {
        font-size: 0.64rem !important;
        padding: 0.18rem 0.22rem !important;
    }
    .gg-atama-modal .table td.p-1 {
        padding: 0.12rem 0.18rem !important;
    }
    .gg-atama-modal .table .badge.dsyn {
        font-size: 0.58rem !important;
        padding: 0.06rem 0.26rem !important;
    }
    .gg-atama-modal .table .btn-sm {
        font-size: 0.56rem !important;
        padding: 0.08rem 0.22rem !important;
        min-height: 20px;
        white-space: nowrap !important;
        line-height: 1.1 !important;
    }
    .gg-atama-modal-actions .btn {
        flex: 1 1 auto;
        min-width: min(100%, 140px);
    }
}

/* Günlük görevler listesi modalı (3418) – mobil tam ekran, kenarsız tablo */
.gg-liste-modal .gg-liste-body {
    min-height: 0;
    min-width: 0;
    padding: 0 !important;
}
.gg-liste-scroll {
    margin: 0;
    padding: 0;
    min-width: 0;
}
.gg-liste-tablo {
    margin: 0 !important;
    width: 100%;
}
.gg-liste-tablo th,
.gg-liste-tablo td {
    vertical-align: middle;
    font-size: 0.78rem;
    padding: 0.28rem 0.32rem !important;
    line-height: 1.3;
}
.gg-liste-tablo .p-1 {
    padding: 0.2rem 0.28rem !important;
}
.gg-liste-tablo td.text-start {
    text-align: left !important;
    overflow-wrap: anywhere;
    word-break: break-word;
}
.gg-liste-header {
    flex-wrap: wrap;
    gap: 6px;
    align-items: center;
}
.gg-liste-header .modal-title {
    flex: 1 1 auto;
    min-width: 0;
    margin: 0 !important;
}
.gg-liste-header-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
}
@media (min-width: 993px) {
    .gg-liste-scroll {
        flex: 1 1 auto;
        min-height: 0;
        max-height: none !important;
        overflow: auto;
    }
}
@media (max-width: 992px) {
    .modal.gg-liste-modal.show {
        display: flex !important;
        align-items: stretch !important;
        justify-content: stretch !important;
        position: fixed !important;
        inset: 0 !important;
        width: 100vw !important;
        height: 100dvh !important;
        min-height: 100dvh !important;
        max-height: 100dvh !important;
        overflow: hidden !important;
        padding: 0 !important;
        margin: 0 !important;
        box-sizing: border-box;
        touch-action: pan-y;
    }
    .gg-liste-modal .modal-dialog,
    .gg-liste-modal .gg-liste-dialog {
        display: flex !important;
        flex-direction: column !important;
        width: 100vw !important;
        max-width: 100vw !important;
        height: 100dvh !important;
        max-height: 100dvh !important;
        min-height: 100dvh !important;
        margin: 0 !important;
        padding: 0 !important;
        transform: none !important;
    }
    .gg-liste-modal .gg-liste-content {
        flex: 1 1 auto !important;
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        height: 100dvh !important;
        max-height: 100dvh !important;
        min-height: 0 !important;
        margin: 0 !important;
        border: none !important;
        border-radius: 0 !important;
        overflow: hidden;
    }
    .gg-liste-header {
        flex-shrink: 0;
        padding: max(6px, env(safe-area-inset-top)) 8px 6px !important;
        gap: 4px !important;
    }
    .gg-liste-header .modal-title {
        font-size: 0.82rem !important;
        line-height: 1.25 !important;
        padding-right: 0 !important;
    }
    .gg-liste-header-actions {
        width: 100%;
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        gap: 4px;
        padding-bottom: 1px;
    }
    .gg-liste-header-actions::-webkit-scrollbar {
        display: none;
    }
    .gg-liste-header-btn {
        flex: 0 0 auto;
        white-space: nowrap;
        min-height: 30px !important;
        font-size: 0.68rem !important;
        padding: 0.2rem 0.45rem !important;
    }
    .modal.gg-liste-modal.show .gg-liste-body {
        flex: 1 1 auto !important;
        min-height: 0 !important;
        overflow: hidden !important;
        display: flex !important;
        flex-direction: column !important;
        padding: 0 !important;
    }
    .gg-liste-modal .gg-liste-scroll,
    .gg-liste-modal .table-responsive.tabsb600.gg-liste-scroll {
        flex: 1 1 auto;
        min-height: 0;
        max-height: none !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0.35rem 0.4rem !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior: contain;
        touch-action: pan-y;
    }
    /* Tablo → kart listesi */
    .gg-liste-tablo thead {
        display: none;
    }
    .gg-liste-tablo,
    .gg-liste-tablo tbody {
        display: block;
        width: 100%;
        max-width: 100%;
    }
    .gg-liste-tablo tbody tr {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        gap: 0.22rem 0.35rem;
        background: var(--gg-liste-card-bg, var(--sys-surface-2));
        border: 1px solid var(--gg-liste-card-border, var(--sys-border-soft));
        border-radius: 8px;
        padding: 0.3rem 0.35rem;
        margin-bottom: 0.28rem;
        box-shadow: var(--gg-liste-card-shadow, none);
        max-width: 100%;
        box-sizing: border-box;
        overflow: hidden;
    }
    .gg-liste-tablo tbody tr:last-child {
        margin-bottom: 0;
    }
    .gg-liste-tablo tbody td {
        border: none !important;
        padding: 0 !important;
        text-align: left !important;
        max-width: 100%;
        box-sizing: border-box;
        background: transparent !important;
    }
    .gg-liste-tablo tbody td:first-child {
        order: 1;
        flex: 0 0 auto;
        width: auto !important;
    }
    .gg-liste-tablo tbody td:nth-child(2) {
        order: 2;
        flex: 0 0 auto;
        width: auto !important;
        font-size: 0.64rem !important;
        color: var(--sys-text-secondary);
        align-self: center;
    }
    .gg-liste-tablo tbody td:nth-child(2)::before {
        content: 'Sıra: ';
        font-weight: 600;
        color: var(--sys-text-muted, var(--sys-text-secondary));
    }
    .gg-liste-tablo tbody td.gg-liste-aciklama,
    .gg-liste-tablo tbody td:nth-child(3) {
        order: 3;
        flex: 1 1 100%;
        width: 100% !important;
        max-width: 100%;
        min-width: 0;
        margin-top: 0.1rem;
        padding-top: 0.25rem !important;
        border-top: 1px dashed var(--gg-liste-card-divider, var(--sys-border-soft)) !important;
        font-size: 0.64rem !important;
        line-height: 1.35;
        overflow-wrap: anywhere;
        word-break: break-word;
        hyphens: auto;
        white-space: normal !important;
        color: var(--sys-text-main);
    }
    .gg-liste-tablo tbody td.gg-liste-aciklama span,
    .gg-liste-tablo tbody td:nth-child(3) span {
        white-space: normal !important;
        overflow-wrap: anywhere;
        word-break: break-word;
        display: inline;
        max-width: 100%;
    }
    .gg-liste-tablo tbody td:nth-child(4),
    .gg-liste-tablo tbody td:nth-child(5),
    .gg-liste-tablo tbody td:nth-child(6),
    .gg-liste-tablo tbody td:nth-child(7) {
        order: 4;
        flex: 1 1 calc(50% - 0.2rem);
        min-width: calc(50% - 0.2rem);
        max-width: 100%;
        font-size: 0.64rem !important;
        line-height: 1.2;
        display: flex;
        flex-direction: column;
        gap: 0.1rem;
    }
    .gg-liste-tablo tbody td:nth-child(4)::before { content: 'Ortaklık'; }
    .gg-liste-tablo tbody td:nth-child(5)::before { content: 'Zorunlu'; }
    .gg-liste-tablo tbody td:nth-child(6)::before { content: 'Fonksiyon'; }
    .gg-liste-tablo tbody td:nth-child(7)::before { content: 'Son Saat'; }
    .gg-liste-tablo tbody td:nth-child(4)::before,
    .gg-liste-tablo tbody td:nth-child(5)::before,
    .gg-liste-tablo tbody td:nth-child(6)::before,
    .gg-liste-tablo tbody td:nth-child(7)::before {
        display: block;
        font-size: 0.58rem;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.03em;
        color: var(--sys-text-muted, var(--sys-text-secondary));
        line-height: 1.1;
    }
    .gg-liste-tablo tbody td:nth-child(n+8) {
        order: 5;
        flex: 1 1 calc(14.28% - 3px);
        min-width: 2.1rem;
        max-width: calc(14.28% - 2px);
        text-align: center !important;
        font-size: 0.62rem !important;
        line-height: 1.15;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 0.08rem;
    }
    .gg-liste-tablo tbody td:nth-child(8) {
        margin-top: 0.15rem;
        padding-top: 0.35rem !important;
        border-top: 1px dashed var(--gg-liste-card-divider, var(--sys-border-soft)) !important;
    }
    .gg-liste-tablo tbody td:nth-child(8)::before { content: 'Pt'; }
    .gg-liste-tablo tbody td:nth-child(9)::before { content: 'Sa'; }
    .gg-liste-tablo tbody td:nth-child(10)::before { content: 'Ça'; }
    .gg-liste-tablo tbody td:nth-child(11)::before { content: 'Pe'; }
    .gg-liste-tablo tbody td:nth-child(12)::before { content: 'Cu'; }
    .gg-liste-tablo tbody td:nth-child(13)::before { content: 'Ct'; }
    .gg-liste-tablo tbody td:nth-child(14)::before { content: 'Pz'; }
    .gg-liste-tablo tbody td:nth-child(n+8)::before {
        display: block;
        font-size: 0.55rem;
        font-weight: 600;
        opacity: 0.75;
        color: var(--sys-text-muted, var(--sys-text-secondary));
        line-height: 1.1;
    }
    .gg-liste-tablo tbody tr:has(> td[colspan]) {
        display: block;
        padding: 0.75rem;
        text-align: center;
        background: transparent;
        border-style: dashed;
        box-shadow: none;
    }
    .gg-liste-tablo tbody tr:has(> td[colspan]) td {
        width: 100% !important;
        text-align: center !important;
        font-size: 0.75rem !important;
        color: var(--sys-text-muted, var(--sys-text-secondary)) !important;
    }
    .gg-liste-tablo .badge.dsyn {
        font-size: 0.62rem !important;
        min-width: 1.35rem;
        min-height: 1.35rem;
        padding: 0 0.28rem !important;
    }
    .gg-liste-tablo .p-1 {
        padding: 0.22rem !important;
    }
    .gg-liste-footer {
        flex-shrink: 0;
        padding: 5px 8px max(5px, env(safe-area-inset-bottom)) !important;
        margin: 0 !important;
    }
    .gg-liste-kapat {
        min-height: 32px !important;
        font-size: 0.72rem !important;
        padding: 0.25rem 0.55rem !important;
    }
    .gg-liste-modal .modal-header .btn {
        min-width: unset !important;
        min-height: unset !important;
    }
}
body[data-user-renk] .gg-liste-modal .gg-liste-content,
.gg-liste-modal .gg-liste-content {
    background: var(--sys-surface-1) !important;
    background-image: none !important;
    color: var(--sys-text-main) !important;
}
body[data-user-renk] .gg-liste-modal,
.gg-liste-modal {
    --gg-liste-card-bg: var(--sys-surface-2);
    --gg-liste-card-border: var(--sys-border-soft);
    --gg-liste-card-divider: var(--sys-border-soft);
    --gg-liste-card-shadow: 0 1px 3px rgba(15, 23, 42, 0.05);
}
body[data-theme-version="dark"] .gg-liste-modal,
body:not([data-theme-version="light"]) .gg-liste-modal {
    --gg-liste-card-bg: color-mix(in srgb, var(--sys-surface-1) 94%, var(--sys-accent-soft));
    --gg-liste-card-border: var(--sys-border-mid);
    --gg-liste-card-divider: var(--sys-border-soft);
    --gg-liste-card-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}
body[data-user-renk] .gg-liste-modal .gg-liste-header,
.gg-liste-modal .gg-liste-header {
    background:
        linear-gradient(135deg, var(--sys-accent-soft), transparent),
        var(--sys-surface-1) !important;
    border-bottom: 1px solid var(--sys-border-soft) !important;
    color: var(--sys-text-main);
}
body[data-user-renk] .gg-liste-modal .gg-liste-header .modal-title,
.gg-liste-modal .gg-liste-header .modal-title {
    color: var(--sys-text-accent, var(--sys-text-main)) !important;
}
body[data-user-renk] .gg-liste-modal .gg-liste-body,
.gg-liste-modal .gg-liste-body {
    background: var(--sys-surface-1) !important;
}
body[data-user-renk] .gg-liste-modal .gg-liste-tablo thead th,
.gg-liste-modal .gg-liste-tablo thead th {
    background: var(--sys-surface-3) !important;
    color: var(--sys-text-accent, var(--sys-text-main)) !important;
    border-color: var(--sys-border-soft) !important;
}
body[data-user-renk] .gg-liste-modal .gg-liste-tablo td,
.gg-liste-modal .gg-liste-tablo td {
    color: var(--sys-text-main) !important;
    border-color: var(--sys-border-soft) !important;
    background: transparent !important;
}
body[data-user-renk] .gg-liste-modal .gg-liste-tablo tbody tr,
.gg-liste-modal .gg-liste-tablo tbody tr {
    background: var(--gg-liste-card-bg) !important;
    border-color: var(--gg-liste-card-border) !important;
    box-shadow: var(--gg-liste-card-shadow);
}
body[data-user-renk] .gg-liste-modal .gg-liste-footer,
.gg-liste-modal .gg-liste-footer {
    background: var(--sys-surface-1) !important;
    border-top: 1px solid var(--sys-border-soft) !important;
}
body[data-user-renk] .gg-liste-modal .gg-liste-kapat,
.gg-liste-modal .gg-liste-kapat {
    color: var(--sys-text-main) !important;
    border-color: var(--sys-border-mid) !important;
    background: var(--sys-surface-3, var(--sys-surface-2)) !important;
}

/* Günlük görev modalları — masaüstü geniş ve yüksek */
@media (min-width: 993px) {
    .modal.gg-atama-modal.show,
    .modal.gg-liste-modal.show,
    .modal.gg-gorevlerim-modal.show {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0.75rem !important;
    }
    .gg-atama-modal .modal-dialog.modal-fullscreen-lg-down,
    .gg-liste-modal .gg-liste-dialog,
    .gg-gorevlerim-modal .gg-gorevlerim-dialog {
        width: min(96vw, 1860px) !important;
        max-width: min(96vw, 1860px) !important;
        height: min(92dvh, calc(100dvh - 1.5rem)) !important;
        max-height: min(92dvh, calc(100dvh - 1.5rem)) !important;
        min-height: min(88dvh, calc(100dvh - 2rem)) !important;
        margin: 0 auto !important;
        display: flex !important;
        flex-direction: column !important;
    }
    .gg-atama-modal .modal-content,
    .gg-liste-modal .gg-liste-content,
    .gg-gorevlerim-modal .gg-gorevlerim-content {
        flex: 1 1 auto !important;
        min-height: 0 !important;
        width: 100% !important;
        height: 100% !important;
        max-height: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        overflow: hidden !important;
    }
    .gg-atama-modal .modal-header,
    .gg-atama-modal .modal-footer,
    .gg-liste-modal .gg-liste-header,
    .gg-liste-modal .gg-liste-footer,
    .gg-gorevlerim-modal .gg-gorevlerim-modal-header,
    .gg-gorevlerim-modal .gg-gorevlerim-footer {
        flex-shrink: 0;
    }
    .gg-atama-modal .gg-atama-modal-body,
    .gg-liste-modal .gg-liste-body,
    .gg-gorevlerim-modal .gg-gorevlerim-modal-body {
        flex: 1 1 auto !important;
        min-height: 0 !important;
        overflow: hidden !important;
        display: flex !important;
        flex-direction: column !important;
    }
    .gg-gorevlerim-modal .gg-gorevlerim-modal-body {
        display: grid !important;
        grid-template-columns: 1fr 1fr;
        gap: 0.6rem;
        align-items: stretch;
        overflow-y: auto !important;
        padding: 0.45rem 0.55rem !important;
    }
    .gg-gorevlerim-modal .gg-gorevlerim-section {
        display: flex;
        flex-direction: column;
        min-height: 0;
        margin-bottom: 0;
        max-height: none;
    }
    .gg-atama-modal .gg-atama-modal-body {
        padding: 0.5rem 0.75rem !important;
    }
    .gg-liste-modal .gg-liste-body {
        padding: 0 !important;
    }
    .gg-liste-modal .gg-liste-scroll {
        padding: 0.5rem 0.65rem !important;
    }

    /* Header düğmeleri görünür kalsın */
    .gg-atama-modal-header,
    .gg-liste-modal .gg-liste-header,
    .gg-gorevlerim-modal .gg-gorevlerim-modal-header {
        overflow: visible !important;
        flex-shrink: 0;
    }
    .gg-atama-modal-actions,
    .gg-liste-header-actions,
    .gg-gorevlerim-admin-actions {
        overflow: visible !important;
        flex-shrink: 0;
    }

    /* Bölüm ve tablo kaydırma — işlem düğmeleri kesilmesin */
    .gg-gorevlerim-modal .gg-gorevlerim-section {
        overflow: hidden;
        min-height: 0;
        height: 100%;
    }
    .gg-gorevlerim-modal .gg-gorevlerim-scroll,
    .gg-atama-modal .gg-atama-scroll,
    .gg-liste-modal .gg-liste-scroll {
        overflow: auto !important;
        min-height: 0;
        flex: 1 1 auto;
    }

    /* Kullanıcı görevleri tablosu — dinamik sütun genişlikleri */
    .gg-gorevlerim-tablo {
        table-layout: auto;
        width: 100%;
    }
    .gg-gorevlerim-tablo thead th,
    .gg-gorevlerim-tablo tbody td {
        vertical-align: middle;
    }
    .gg-gorevlerim-tablo thead th:nth-child(1),
    .gg-gorevlerim-tablo tbody td:nth-child(1) {
        width: 1%;
        white-space: nowrap;
    }
    .gg-gorevlerim-tablo thead th:nth-child(2),
    .gg-gorevlerim-tablo tbody td:nth-child(2) {
        width: auto;
        min-width: 10rem;
        white-space: normal !important;
        overflow: visible;
        overflow-wrap: anywhere;
        word-break: break-word;
        vertical-align: top;
        text-align: left !important;
    }
    .gg-gorevlerim-tablo thead th:nth-child(3),
    .gg-gorevlerim-tablo tbody td:nth-child(3) {
        width: 1%;
        white-space: nowrap;
        text-align: center !important;
    }
    .gg-gorevlerim-tablo thead th:nth-child(4):not(:last-child),
    .gg-gorevlerim-tablo tbody td:nth-child(4):not(:last-child) {
        width: 1%;
        white-space: nowrap;
        text-align: center !important;
    }
    .gg-gorevlerim-tablo thead th:last-child,
    .gg-gorevlerim-tablo tbody td:last-child {
        width: 1%;
        white-space: nowrap;
        min-width: 0;
        overflow: visible !important;
        text-align: center !important;
    }
    .gg-gorevlerim-tablo thead th:nth-child(n+3),
    .gg-gorevlerim-tablo tbody td:nth-child(n+3) {
        font-size: 0.68rem;
        padding: 0.2rem 0.22rem !important;
    }
    .gg-gorevlerim-tablo tbody td:nth-child(3) i,
    .gg-gorevlerim-tablo tbody td:nth-child(4):not(:last-child) i {
        font-size: 0.72rem !important;
        line-height: 1;
        vertical-align: middle;
    }
    .gg-gorevlerim-tablo tbody td:last-child .btn,
    .gg-gorevlerim-tablo tbody td:last-child span.btn {
        font-size: 0.58rem !important;
        padding: 0.1rem 0.26rem !important;
        line-height: 1.15;
        min-height: 20px;
        border-radius: 4px;
        white-space: nowrap;
        word-break: normal;
        overflow-wrap: normal;
        flex-shrink: 0;
        max-width: none;
    }
    .gg-gorevlerim-tablo tbody td:last-child .btn i {
        font-size: 0.62rem;
    }
    .gg-gorevlerim-tablo tbody td:last-child > div {
        display: inline-flex;
        flex-flow: row nowrap;
        flex-wrap: nowrap;
        gap: 3px;
        justify-content: center;
        align-items: center;
        max-width: none;
        width: max-content;
    }

    /* Görev atama tablosu */
    .gg-atama-modal .table {
        table-layout: fixed;
        width: 100%;
    }
    .gg-atama-modal .table th:nth-child(1),
    .gg-atama-modal .table td:nth-child(1) { width: 3.4rem; white-space: nowrap; }
    .gg-atama-modal .table th:nth-child(2),
    .gg-atama-modal .table td:nth-child(2) {
        width: 36%;
        white-space: normal !important;
        overflow-wrap: anywhere;
        word-break: break-word;
        vertical-align: middle;
        text-align: left !important;
    }
    .gg-atama-modal .table th:nth-child(3),
    .gg-atama-modal .table td:nth-child(3) { width: 6.5rem; white-space: nowrap; }
    .gg-atama-modal .table th:nth-child(4),
    .gg-atama-modal .table td:nth-child(4) { width: 5.5rem; white-space: nowrap; }
    .gg-atama-modal .table th:nth-child(5),
    .gg-atama-modal .table td:nth-child(5) { width: 6.5rem; white-space: nowrap; }
    .gg-atama-modal .table th:last-child,
    .gg-atama-modal .table td:last-child {
        width: 11rem;
        min-width: 11rem;
        overflow: visible !important;
        white-space: normal;
    }

    /* Görev listesi tablosu */
    .gg-liste-tablo {
        table-layout: auto;
        width: max-content;
        min-width: 100%;
    }
    .gg-liste-tablo thead th:nth-child(1),
    .gg-liste-tablo tbody td:nth-child(1) { width: 2.6rem; white-space: nowrap; }
    .gg-liste-tablo thead th:nth-child(2),
    .gg-liste-tablo tbody td:nth-child(2) { width: 4rem; white-space: nowrap; }
    .gg-liste-tablo thead th:nth-child(3),
    .gg-liste-tablo tbody td.gg-liste-aciklama {
        min-width: 14rem;
        max-width: 28rem;
        white-space: normal !important;
        overflow-wrap: anywhere;
        word-break: break-word;
        vertical-align: top;
        text-align: left !important;
    }
    .gg-liste-tablo thead th:nth-child(n+4),
    .gg-liste-tablo tbody td:nth-child(n+4) {
        white-space: nowrap;
    }
}

/* Günlük görevlerim modalı (3431) – mobil uygulama düzeni */
.gg-gorevlerim-modal-header {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 6px !important;
    padding: 0.5rem 0.65rem !important;
}
.gg-gorevlerim-header-main {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 6px;
    width: 100%;
}
.gg-gorevlerim-header-main .modal-title {
    flex: 1 1 auto;
    min-width: 0;
    margin: 0 !important;
    padding-right: 0 !important;
    font-size: 0.95rem;
    line-height: 1.3;
    overflow-wrap: anywhere;
    word-break: break-word;
}
.gg-gorevlerim-header-actions {
    flex-shrink: 0;
}
.gg-gorevlerim-close,
.gg-gorevlerim-refresh {
    flex-shrink: 0;
}
.gg-gorevlerim-panel {
    width: 100%;
    min-width: 0;
}
.gg-gorevlerim-panel-summary {
    display: none;
}
.gg-gorevlerim-panel-inner {
    display: flex;
    flex-direction: column;
    gap: 6px;
    width: 100%;
    min-width: 0;
}
.gg-gorevlerim-toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 6px;
    width: 100%;
    min-width: 0;
}
.gg-gorevlerim-date {
    flex: 0 0 auto;
    width: auto;
    min-width: 8.5rem;
    max-width: 100%;
    padding: 0.35rem 0.45rem !important;
    font-size: 0.82rem;
}
.gg-gorevlerim-kullanici-wrap {
    flex: 1 1 140px;
    min-width: 0;
}
.gg-gorevlerim-kullanici-select {
    width: 100% !important;
    max-width: 100%;
    min-width: 0;
}
.gg-gorevlerim-admin-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    width: 100%;
    min-width: 0;
}
.gg-gorevlerim-admin-chip {
    display: inline-flex;
    flex-shrink: 0;
}
.gg-gorevlerim-admin-btn {
    flex: 0 0 auto;
    white-space: nowrap;
    line-height: 1.2;
    font-size: 0.78rem;
    padding: 0.28rem 0.5rem;
}
.gg-gorevlerim-modal-body {
    min-height: 0;
    min-width: 0;
    overflow-x: hidden;
}
.gg-gorevlerim-section {
    margin-bottom: 0.65rem;
    min-width: 0;
}
.gg-gorevlerim-section:last-child {
    margin-bottom: 0;
}
.gg-gorevlerim-section-title {
    display: block;
    font-weight: 700;
    font-size: 0.74rem;
    color: var(--sys-text-secondary, #6c757d);
    margin: 0 0 0.25rem 0.05rem;
    letter-spacing: 0.01em;
}
.gg-gorevlerim-scroll {
    overflow-x: hidden !important;
    min-width: 0;
}
@media (min-width: 993px) {
    .gg-gorevlerim-scroll {
        flex: 1 1 auto;
        min-height: 0;
        max-height: none !important;
        overflow-y: auto !important;
    }
}
@media (max-width: 992px) {
    .gg-gorevlerim-scroll {
        max-height: none !important;
        overflow: visible !important;
    }
}
.gg-gorevlerim-tablo {
    margin-bottom: 0;
    width: 100%;
    max-width: 100%;
    table-layout: auto;
}
.gg-gorevlerim-tablo thead th,
.gg-gorevlerim-tablo tbody td {
    font-size: 0.78rem;
    padding: 0.28rem 0.32rem !important;
    line-height: 1.3;
}
.gg-gorevlerim-tablo tbody td.p-1 {
    padding: 0.2rem 0.28rem !important;
}
.gg-gorevlerim-tablo tbody td:last-child .btn,
.gg-gorevlerim-tablo tbody td:last-child span.btn {
    font-size: 0.58rem;
    padding: 0.1rem 0.26rem;
    line-height: 1.15;
    min-height: 20px;
    border-radius: 4px;
    white-space: nowrap;
    flex-shrink: 0;
    max-width: none;
}
.gg-gorevlerim-tablo tbody td:nth-child(3) i,
.gg-gorevlerim-tablo tbody td:nth-child(4):not(:last-child) i {
    font-size: 0.72rem !important;
    line-height: 1;
    vertical-align: middle;
}
.gg-gorevlerim-tablo tbody td:last-child > div {
    display: inline-flex;
    flex-flow: row nowrap;
    flex-wrap: nowrap;
    gap: 3px;
    justify-content: center;
    align-items: center;
    max-width: none;
    width: max-content;
}
.gg-gorevlerim-tablo tbody td:last-child,
.gg-gorevlerim-tablo tbody td:last-child > div,
.gg-gorevlerim-tablo tbody td:last-child .btn,
.gg-gorevlerim-tablo tbody td:last-child span.btn {
    white-space: nowrap;
    word-break: normal;
    overflow-wrap: normal;
}
.gg-gorevlerim-tablo tbody td:last-child .btn,
.gg-gorevlerim-tablo tbody td:last-child span.btn {
    flex-shrink: 0;
}
.gg-gorevlerim-tablo td,
.gg-gorevlerim-tablo th,
.gg-gorevlerim-tablo span,
.gg-gorevlerim-tablo .fw-bold {
    overflow-wrap: anywhere;
    word-break: break-word;
}
.gg-gorevlerim-tablo tbody td:nth-child(2),
.gg-gorevlerim-tablo tbody td:nth-child(2) .fs-10,
.gg-gorevlerim-tablo tbody td:nth-child(2) span {
    font-size: 0.70rem;
}
.gg-atama-modal .table td:nth-child(2),
.gg-atama-modal .table td:nth-child(2) .fs-10 {
    font-size: 0.68rem;
}
.gg-liste-tablo tbody td.gg-liste-aciklama {
    font-size: 0.70rem;
}
.gg-gorevlerim-footer {
    gap: 6px;
    flex-wrap: nowrap;
    align-items: stretch;
}
.gg-gorevlerim-bitir-wrap {
    flex: 1 1 0;
    min-width: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    align-items: center;
}
@media (min-width: 993px) {
    .gg-gorevlerim-footer {
        flex-direction: row !important;
        justify-content: flex-end !important;
        align-items: center !important;
        gap: 0.5rem !important;
        padding: 0.5rem 0.75rem !important;
    }
    .gg-gorevlerim-bitir-wrap {
        flex: 0 0 auto !important;
        width: auto !important;
        min-width: 0;
    }
    .gg-gorevlerim-bitir-wrap .btn,
    .gg-gorevlerim-kapat {
        width: auto !important;
        min-width: 9.5rem;
        min-height: 38px !important;
        height: 38px !important;
        padding: 0.375rem 0.85rem !important;
        font-size: 0.875rem !important;
        font-weight: 500;
        line-height: 1.2;
        white-space: nowrap;
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
    }
}
.gg-gorevlerim-bitir-wrap .btn {
    white-space: normal;
    line-height: 1.2;
    font-size: 0.78rem;
    padding: 0.3rem 0.5rem;
}
.gg-gorevlerim-kapat {
    flex: 0 0 auto;
    white-space: nowrap;
    font-size: 0.78rem;
    padding: 0.3rem 0.65rem;
}
@media (min-width: 993px) {
    .gg-gorevlerim-modal-body {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 0.75rem;
        align-items: stretch;
    }
    .gg-gorevlerim-section {
        margin-bottom: 0;
        min-width: 0;
    }
    .gg-gorevlerim-panel {
        border: none;
        background: transparent;
        border-radius: 0;
    }
    .gg-gorevlerim-panel-summary {
        display: none !important;
    }
    .gg-gorevlerim-panel-inner {
        display: flex !important;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        justify-content: flex-start;
        gap: 8px;
        width: 100%;
        padding: 0;
    }
    .gg-gorevlerim-toolbar {
        width: auto;
        flex: 0 0 auto;
        flex-wrap: nowrap;
        align-items: center;
        gap: 8px;
    }
    .gg-gorevlerim-date {
        flex: 0 0 auto;
        width: 9.75rem;
        min-width: 9.75rem;
        max-width: 9.75rem;
    }
    .gg-gorevlerim-kullanici-wrap {
        flex: 0 0 auto;
        width: auto;
        min-width: 0;
        max-width: 14rem;
    }
    .gg-gorevlerim-modal .gg-gorevlerim-kullanici-select,
    .gg-gorevlerim-modal .gg-gorevlerim-kullanici-select.xe00,
    .gg-gorevlerim-modal .gg-gorevlerim-kullanici-select.xe00.frtik.form-control {
        width: 14rem !important;
        min-width: 11rem !important;
        max-width: 14rem !important;
    }
    .gg-gorevlerim-admin-actions {
        width: auto;
        flex: 0 0 auto;
        flex-wrap: wrap;
        gap: 6px;
    }
}
@media (max-width: 992px) {
    .modal.gg-gorevlerim-modal.show {
        display: flex !important;
        align-items: stretch !important;
        justify-content: stretch !important;
        position: fixed !important;
        inset: 0 !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        width: 100vw !important;
        height: 100dvh !important;
        min-height: 100dvh !important;
        max-height: 100dvh !important;
        overflow: hidden !important;
        overscroll-behavior: contain;
        padding: 0 !important;
        margin: 0 !important;
        box-sizing: border-box;
        touch-action: pan-y;
    }
    .gg-gorevlerim-modal .modal-dialog,
    .gg-gorevlerim-modal .modal-dialog.modal-fullscreen-lg-down,
    .gg-gorevlerim-modal .gg-gorevlerim-dialog {
        display: flex !important;
        flex-direction: column !important;
        width: 100vw !important;
        max-width: 100vw !important;
        height: 100dvh !important;
        max-height: 100dvh !important;
        min-height: 100dvh !important;
        margin: 0 !important;
        padding: 0 !important;
        transform: none !important;
    }
    .gg-gorevlerim-modal .modal-dialog .modal-content,
    .gg-gorevlerim-modal .modal-dialog.modal-fullscreen-lg-down .modal-content,
    .gg-gorevlerim-modal .gg-gorevlerim-content {
        flex: 1 1 auto !important;
        min-height: 0 !important;
        width: 100% !important;
        height: 100dvh !important;
        max-height: 100dvh !important;
        display: flex !important;
        flex-direction: column !important;
        border-radius: 0 !important;
        border: none !important;
        overflow: hidden;
        margin: 0 !important;
    }
    .gg-gorevlerim-modal-header {
        flex-shrink: 0;
        padding: max(6px, env(safe-area-inset-top)) 10px 6px !important;
        gap: 4px !important;
        border-bottom: 1px solid var(--sys-border-soft, rgba(0, 0, 0, 0.08));
    }
    .gg-gorevlerim-header-main .modal-title {
        font-size: 0.82rem !important;
        line-height: 1.25 !important;
    }
    .gg-gorevlerim-close,
    .gg-gorevlerim-refresh {
        min-width: 32px !important;
        min-height: 32px !important;
        width: 32px !important;
        height: 32px !important;
        padding: 0 !important;
        font-size: 0.85rem !important;
        border-radius: 8px;
    }
    /* Açılır üst panel */
    .gg-gorevlerim-panel {
        border: 1px solid var(--gg-panel-border, var(--sys-border-soft));
        border-radius: 10px;
        background: var(--gg-panel-bg, var(--sys-surface-2));
        overflow: hidden;
    }
    .gg-gorevlerim-panel-summary {
        display: flex;
        align-items: center;
        gap: 6px;
        padding: 0.4rem 0.55rem;
        font-size: 0.74rem;
        font-weight: 600;
        color: var(--sys-text-secondary, #6c757d);
        cursor: pointer;
        list-style: none;
        user-select: none;
        -webkit-tap-highlight-color: transparent;
    }
    .gg-gorevlerim-panel-summary::-webkit-details-marker {
        display: none;
    }
    .gg-gorevlerim-panel-icon {
        font-size: 0.72rem;
        opacity: 0.85;
        flex-shrink: 0;
    }
    .gg-gorevlerim-panel-label {
        flex: 1 1 auto;
        min-width: 0;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .gg-gorevlerim-panel-chevron {
        font-size: 0.65rem;
        flex-shrink: 0;
        transition: transform 0.2s ease;
        opacity: 0.7;
    }
    .gg-gorevlerim-panel-toggle:checked ~ .gg-gorevlerim-panel-summary .gg-gorevlerim-panel-chevron {
        transform: rotate(180deg);
    }
    .gg-gorevlerim-panel-inner {
        display: none;
        padding: 0 0.55rem 0.5rem;
        gap: 5px;
    }
    .gg-gorevlerim-panel-toggle:checked ~ .gg-gorevlerim-panel-inner {
        display: flex;
        flex-direction: column;
    }
    .gg-gorevlerim-toolbar {
        flex-wrap: nowrap;
        gap: 5px;
    }
    .gg-gorevlerim-date {
        flex: 0 0 38%;
        min-width: 0;
        min-height: 32px;
        height: 32px;
        font-size: 0.72rem !important;
        padding: 0.2rem 0.35rem !important;
        border-radius: 8px;
    }
    .gg-gorevlerim-kullanici-wrap {
        flex: 1 1 0;
        min-width: 0;
    }
    .gg-gorevlerim-kullanici-select {
        min-height: 32px;
        height: 32px;
        font-size: 0.72rem !important;
        padding: 0.2rem 0.4rem !important;
        border-radius: 8px;
    }
    .gg-gorevlerim-admin-actions {
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior-x: contain;
        gap: 4px;
        padding-bottom: 1px;
        scrollbar-width: none;
    }
    .gg-gorevlerim-admin-actions::-webkit-scrollbar {
        display: none;
    }
    .gg-gorevlerim-admin-actions .btn,
    .gg-gorevlerim-admin-actions .gg-gorevlerim-admin-chip .btn {
        flex: 0 0 auto;
        white-space: nowrap;
        min-height: 28px !important;
        height: 28px;
        font-size: 0.68rem !important;
        padding: 0.15rem 0.45rem !important;
        border-radius: 999px;
        line-height: 1.1;
    }
    .modal.gg-gorevlerim-modal.show .modal-body.gg-gorevlerim-modal-body {
        flex: 1 1 auto !important;
        min-height: 0 !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        touch-action: pan-y !important;
        overscroll-behavior-y: contain;
        padding: 0.2rem 0.28rem 0.25rem !important;
        max-width: 100%;
    }
    .gg-gorevlerim-scroll {
        max-height: none !important;
        overflow-x: hidden !important;
        overflow-y: visible !important;
    }
    .gg-gorevlerim-modal .table-responsive.tabsb700.gg-gorevlerim-scroll {
        overflow: visible !important;
        overflow-x: hidden !important;
        max-height: none !important;
    }
    .gg-gorevlerim-section {
        margin-bottom: 0.55rem;
        max-width: 100%;
    }
    .gg-gorevlerim-section-title {
        font-size: 0.68rem;
        text-transform: uppercase;
        letter-spacing: 0.04em;
        margin-bottom: 0.28rem;
    }
    /* Tablo → kart listesi */
    .gg-gorevlerim-tablo thead {
        display: none;
    }
    .gg-gorevlerim-tablo,
    .gg-gorevlerim-tablo tbody {
        display: block;
        width: 100%;
        max-width: 100%;
    }
    .gg-gorevlerim-tablo tbody tr {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 0.18rem 0.3rem;
        background: var(--gg-card-bg, var(--sys-surface-2));
        border: 1px solid var(--gg-card-border, var(--sys-border-soft));
        border-radius: 8px;
        padding: 0.28rem 0.3rem;
        margin-bottom: 0.25rem;
        box-shadow: var(--gg-card-shadow, none);
        max-width: 100%;
        box-sizing: border-box;
        overflow: hidden;
    }
    .gg-gorevlerim-tablo tbody tr:last-child {
        margin-bottom: 0;
    }
    .gg-gorevlerim-tablo tbody td {
        border: none !important;
        padding: 0 !important;
        text-align: left !important;
        max-width: 100%;
        box-sizing: border-box;
    }
    .gg-gorevlerim-tablo tbody td:first-child {
        order: 1;
        flex: 0 0 auto;
        width: auto !important;
    }
    .gg-gorevlerim-tablo tbody td:first-child .badge {
        font-size: 0.6rem !important;
        padding: 0.1rem 0.32rem !important;
        border-radius: 999px;
    }
    /* Üst satır: solda sıra + durum + ortaklık ikonları */
    .gg-gorevlerim-tablo tbody td:nth-child(3) {
        order: 2;
        flex: 0 0 auto;
        width: auto !important;
        max-width: none;
        display: inline-flex;
        align-items: center;
        font-size: 0.62rem !important;
    }
    .gg-gorevlerim-tablo tbody td:nth-child(3) i {
        font-size: 0.68rem !important;
    }
    .gg-gorevlerim-tablo tbody td:nth-child(4):not(:last-child) {
        order: 3;
        flex: 0 0 auto;
        width: auto !important;
        max-width: none;
        display: inline-flex;
        align-items: center;
        font-size: 0.62rem !important;
    }
    .gg-gorevlerim-tablo tbody td:nth-child(4):not(:last-child) i {
        font-size: 0.68rem !important;
    }
    /* Üst satır: sağda tamamla / patlat düğmeleri */
    .gg-gorevlerim-tablo tbody td:last-child {
        order: 4;
        flex: 0 0 auto;
        width: auto !important;
        max-width: none;
        min-width: 0;
        margin-left: auto;
        margin-top: 0;
        padding-top: 0 !important;
        border-top: none !important;
        text-align: right !important;
        font-size: 0.62rem !important;
        white-space: nowrap;
        word-break: normal;
        overflow-wrap: normal;
    }
    .gg-gorevlerim-tablo tbody td:last-child > div {
        display: inline-flex;
        flex-flow: row nowrap;
        flex-wrap: nowrap;
        gap: 3px;
        justify-content: flex-end;
        align-items: center;
        width: max-content;
        max-width: none;
        margin-left: auto;
    }
    .gg-gorevlerim-tablo tbody td:last-child .btn,
    .gg-gorevlerim-tablo tbody td:last-child span.btn {
        flex: 0 0 auto;
        flex-shrink: 0;
        width: auto !important;
        min-width: 0 !important;
        max-width: none;
        min-height: 22px !important;
        height: auto;
        font-size: 0.56rem !important;
        padding: 0.1rem 0.24rem !important;
        border-radius: 5px;
        white-space: nowrap;
        word-break: normal;
        overflow-wrap: normal;
        line-height: 1.1;
    }
    .gg-gorevlerim-tablo tbody td:last-child .btn i {
        font-size: 0.58rem;
    }
    /* Alt satır: görev metni tam genişlik */
    .gg-gorevlerim-tablo tbody td:nth-child(2) {
        order: 10;
        flex: 1 1 100%;
        width: 100% !important;
        max-width: 100%;
        min-width: 0;
        margin-top: 0.12rem;
        padding-top: 0.25rem !important;
        border-top: 1px dashed var(--gg-card-divider, var(--sys-border-soft)) !important;
        font-size: 0.64rem !important;
        line-height: 1.3;
        overflow-wrap: anywhere;
        word-break: break-word;
        hyphens: auto;
        color: var(--sys-text-main);
        background: transparent !important;
    }
    .gg-gorevlerim-tablo tbody td:nth-child(2) .fs-10,
    .gg-gorevlerim-tablo tbody td:nth-child(2) .fw-bold,
    .gg-gorevlerim-tablo tbody td:nth-child(2) span {
        font-size: inherit !important;
        overflow-wrap: anywhere;
        word-break: break-word;
        white-space: normal !important;
        display: inline;
        max-width: 100%;
        background: transparent !important;
        color: inherit;
    }
    .gg-gorevlerim-tablo tbody tr:has(> td[colspan]) {
        display: block;
        padding: 0.65rem;
        text-align: center;
        background: transparent;
        border-style: dashed;
        box-shadow: none;
    }
    .gg-gorevlerim-tablo tbody tr:has(> td[colspan]) td {
        width: 100% !important;
        text-align: center !important;
        font-size: 0.75rem !important;
        color: var(--sys-text-secondary, #adb5bd);
    }
    .gg-gorevlerim-footer {
        flex-shrink: 0;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: stretch !important;
        justify-content: stretch !important;
        padding: 6px 10px max(6px, env(safe-area-inset-bottom)) !important;
        gap: 6px !important;
        border-top: 1px solid var(--sys-border-soft, rgba(0, 0, 0, 0.08));
    }
    .gg-gorevlerim-bitir-wrap {
        flex: 1 1 0;
        min-width: 0;
        width: auto;
    }
    .gg-gorevlerim-bitir-wrap .btn {
        width: 100%;
        min-height: 34px !important;
        height: auto;
        font-size: 0.72rem !important;
        font-weight: 600;
        padding: 0.28rem 0.4rem !important;
        border-radius: 8px;
        line-height: 1.2;
    }
    .gg-gorevlerim-kapat {
        flex: 0 0 auto;
        width: auto !important;
        min-width: 64px;
        min-height: 34px !important;
        height: auto;
        font-size: 0.72rem !important;
        padding: 0.28rem 0.55rem !important;
        border-radius: 8px;
    }
    /* Genel modal mobil kurallarını bu modalda gevşet */
    .gg-gorevlerim-modal .modal-header .btn {
        min-width: unset !important;
        min-height: unset !important;
    }
    .gg-gorevlerim-footer .btn,
    .gg-gorevlerim-footer > div .btn {
        min-width: 0 !important;
    }
}
@media (max-width: 576px) {
    .gg-gorevlerim-header-main .modal-title {
        font-size: 0.78rem !important;
    }
    .gg-gorevlerim-date {
        flex: 0 0 40%;
        font-size: 0.68rem !important;
    }
    .gg-gorevlerim-tablo tbody td:nth-child(2) {
        font-size: 0.62rem !important;
    }
    .gg-gorevlerim-tablo tbody td:last-child .btn,
    .gg-gorevlerim-tablo tbody td:last-child span.btn {
        min-height: 20px !important;
        font-size: 0.54rem !important;
        padding: 0.08rem 0.22rem !important;
    }
    .gg-gorevlerim-bitir-wrap .btn,
    .gg-gorevlerim-kapat {
        min-height: 32px !important;
        font-size: 0.68rem !important;
    }
}
body[data-user-renk] .gg-gorevlerim-modal,
.gg-gorevlerim-modal {
    --gg-card-bg: var(--sys-surface-2);
    --gg-card-border: var(--sys-border-soft);
    --gg-card-divider: var(--sys-border-soft);
    --gg-card-shadow: 0 1px 3px rgba(15, 23, 42, 0.05);
    --gg-panel-bg: var(--sys-surface-2);
    --gg-panel-border: var(--sys-border-soft);
}
body[data-theme-version="dark"] .gg-gorevlerim-modal,
body:not([data-theme-version="light"]) .gg-gorevlerim-modal {
    --gg-card-bg: color-mix(in srgb, var(--sys-surface-1) 94%, var(--sys-accent-soft));
    --gg-card-border: var(--sys-border-mid);
    --gg-card-divider: var(--sys-border-soft);
    --gg-card-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
    --gg-panel-bg: var(--sys-surface-1);
    --gg-panel-border: var(--sys-border-soft);
}
body[data-user-renk] .gg-gorevlerim-modal .modal-content,
.gg-gorevlerim-modal .modal-content {
    background: var(--sys-surface-1) !important;
    background-image: none !important;
    color: var(--sys-text-main) !important;
    border-color: var(--sys-border-soft) !important;
}
body[data-user-renk] .gg-gorevlerim-modal-header,
.gg-gorevlerim-modal .gg-gorevlerim-modal-header {
    background:
        linear-gradient(135deg, var(--sys-accent-soft), transparent),
        var(--sys-surface-1) !important;
    border-bottom: 1px solid var(--sys-border-soft) !important;
    color: var(--sys-text-main);
}
body[data-user-renk] .gg-gorevlerim-modal .modal-title,
.gg-gorevlerim-modal .modal-title {
    color: var(--sys-text-accent, var(--sys-text-main)) !important;
}
body[data-user-renk] .gg-gorevlerim-modal-body,
.gg-gorevlerim-modal .gg-gorevlerim-modal-body {
    background: var(--sys-surface-1) !important;
    color: var(--sys-text-main) !important;
}
body[data-user-renk] .gg-gorevlerim-section-title,
.gg-gorevlerim-modal .gg-gorevlerim-section-title {
    color: var(--sys-text-accent-soft, var(--sys-text-secondary)) !important;
}
body[data-user-renk] .gg-gorevlerim-panel-summary,
.gg-gorevlerim-modal .gg-gorevlerim-panel-summary {
    color: var(--sys-text-secondary) !important;
    background: var(--gg-panel-bg);
}
body[data-user-renk] .gg-gorevlerim-panel-inner,
.gg-gorevlerim-modal .gg-gorevlerim-panel-inner {
    background: var(--gg-panel-bg);
}
body[data-user-renk] .gg-gorevlerim-date,
body[data-user-renk] .gg-gorevlerim-kullanici-select,
.gg-gorevlerim-modal .gg-gorevlerim-date,
.gg-gorevlerim-modal .gg-gorevlerim-kullanici-select {
    background: var(--sys-surface-3, var(--sys-surface-2)) !important;
    color: var(--sys-text-main) !important;
    border-color: var(--sys-border-soft) !important;
}
body[data-user-renk] .gg-gorevlerim-tablo thead th,
.gg-gorevlerim-modal .gg-gorevlerim-tablo thead th {
    background: var(--sys-surface-3) !important;
    color: var(--sys-text-accent, var(--sys-text-main)) !important;
    border-color: var(--sys-border-soft) !important;
}
body[data-user-renk] .gg-gorevlerim-tablo tbody tr,
.gg-gorevlerim-modal .gg-gorevlerim-tablo tbody tr {
    background: var(--gg-card-bg) !important;
    border-color: var(--gg-card-border) !important;
    box-shadow: var(--gg-card-shadow);
    color: var(--sys-text-main);
}
body[data-user-renk] .gg-gorevlerim-tablo tbody td,
.gg-gorevlerim-modal .gg-gorevlerim-tablo tbody td {
    color: var(--sys-text-main);
    background: transparent !important;
}
body[data-user-renk] .gg-gorevlerim-tablo .badge.light.dsyn,
.gg-gorevlerim-modal .gg-gorevlerim-tablo .badge.light.dsyn {
    background: var(--sys-accent-soft) !important;
    color: var(--sys-text-accent) !important;
    border-color: var(--sys-border-accent) !important;
}
body[data-user-renk] .gg-gorevlerim-tablo tbody tr:has(> td[colspan]) td,
.gg-gorevlerim-modal .gg-gorevlerim-tablo tbody tr:has(> td[colspan]) td {
    color: var(--sys-text-muted, var(--sys-text-secondary)) !important;
    background: transparent !important;
}
body[data-user-renk] .gg-gorevlerim-footer,
.gg-gorevlerim-modal .gg-gorevlerim-footer {
    background: var(--sys-surface-1) !important;
    border-top: 1px solid var(--sys-border-soft) !important;
}
body[data-user-renk] .gg-gorevlerim-kapat,
.gg-gorevlerim-modal .gg-gorevlerim-kapat {
    color: var(--sys-text-main) !important;
    border-color: var(--sys-border-mid) !important;
    background: var(--sys-surface-3, var(--sys-surface-2)) !important;
}
body[data-theme-version="dark"] .gg-gorevlerim-modal .gg-gorevlerim-tablo tbody td:nth-child(2),
body:not([data-theme-version="light"]) .gg-gorevlerim-modal .gg-gorevlerim-tablo tbody td:nth-child(2) {
    border-top-color: var(--sys-border-soft) !important;
}
body[data-theme-version="dark"] .gg-gorevlerim-modal .gg-gorevlerim-tablo tbody td:nth-child(2) .text-danger,
body[data-theme-version="dark"] .gg-gorevlerim-modal .gg-gorevlerim-tablo tbody td:nth-child(2) .text-info,
body:not([data-theme-version="light"]) .gg-gorevlerim-modal .gg-gorevlerim-tablo tbody td:nth-child(2) .text-danger,
body:not([data-theme-version="light"]) .gg-gorevlerim-modal .gg-gorevlerim-tablo tbody td:nth-child(2) .text-info {
    opacity: 0.95;
}

/* syfnot — sistem geneli not modalı (syfnot/gorsel_not.php) */
.syfnot-modal.show {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: fixed !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: 100dvh !important;
    overflow: hidden !important;
    overscroll-behavior: contain;
    padding: max(10px, env(safe-area-inset-top)) 10px max(10px, env(safe-area-inset-bottom)) !important;
    box-sizing: border-box;
}
.syfnot-modal .syfnot-modal-dialog {
    max-width: min(1140px, calc(100vw - 24px)) !important;
    width: 100%;
    margin: 0 auto !important;
    min-height: 0 !important;
    height: auto !important;
    max-height: calc(100dvh - 20px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
    display: flex;
    flex-direction: column;
    pointer-events: auto;
}
@media (min-width: 1200px) {
    .syfnot-modal .syfnot-modal-dialog {
        max-width: min(1200px, calc(100vw - 32px)) !important;
    }
}
.syfnot-modal .syfnot-modal-content {
    max-height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    width: 100%;
    min-height: 0;
    box-sizing: border-box;
}
.syfnot-modal .syfnot-modal-header {
    flex-shrink: 0;
    padding: 0.55rem 0.75rem;
}
.syfnot-modal .syfnot-modal-body {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    padding: 0.45rem 0.65rem !important;
}
.syfnot-modal .syfnot-not-tablo {
    max-height: min(58vh, 480px);
    border-radius: var(--sys-radius-md, 0.5rem);
}
.syfnot-modal .syfnot-not-tablo .table {
    margin-bottom: 0;
    color: inherit;
}
.syfnot-modal .syfnot-not-tablo .table th,
.syfnot-modal .syfnot-not-tablo .table td {
    padding: 0.4rem 0.45rem;
    vertical-align: middle;
}
.syfnot-modal .syfnot-form-alan {
    margin: 0.45rem 0 0;
    padding: 0.45rem 0 0;
    border-top: 1px solid var(--sys-border-soft, rgba(0, 0, 0, 0.08));
}
.syfnot-modal .syfnot-form-alan .form-label {
    margin-bottom: 0.25rem;
    color: var(--sys-text-secondary, inherit);
    font-size: 0.875rem;
    font-weight: 600;
}
.syfnot-modal .syfnot-renkler {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin-top: 0.4rem;
}
.syfnot-modal .syfnot-renkler .badge {
    margin: 0 !important;
    cursor: pointer;
}
/* Tema / karanlık mod entegrasyonu */
body[data-user-renk] .syfnot-modal .syfnot-modal-content {
    background: var(--sys-surface-1) !important;
    color: var(--sys-text-main) !important;
    border: 1px solid var(--sys-border-soft) !important;
    box-shadow: var(--sys-shadow-lg) !important;
    border-radius: var(--sys-radius-xl) !important;
}
body[data-user-renk] .syfnot-modal .syfnot-modal-header {
    background:
        linear-gradient(135deg, var(--sys-accent-soft), transparent),
        var(--sys-surface-1) !important;
    border-bottom: 1px solid var(--sys-border-soft) !important;
}
body[data-user-renk] .syfnot-modal .syfnot-modal-header .modal-title {
    color: var(--sys-text-accent) !important;
    font-weight: 760;
}
body[data-user-renk] .syfnot-modal .syfnot-modal-body {
    background: var(--sys-surface-1) !important;
    color: var(--sys-text-main) !important;
}
body[data-user-renk] .syfnot-modal .syfnot-not-tablo {
    background: var(--sys-surface-2);
    border: 1px solid var(--sys-border-soft);
}
body[data-user-renk] .syfnot-modal .syfnot-not-tablo .table thead th {
    background: var(--sys-surface-3) !important;
    color: var(--sys-text-accent) !important;
    border-color: var(--sys-border-soft) !important;
    position: sticky;
    top: 0;
    z-index: 1;
}
body[data-user-renk] .syfnot-modal .syfnot-not-tablo .table td {
    color: var(--sys-text-main) !important;
    border-color: var(--sys-border-soft) !important;
}
body[data-user-renk] .syfnot-modal .syfnot-not-tablo .table-hover > tbody > tr:hover {
    background: var(--sys-accent-soft) !important;
    color: var(--sys-text-main) !important;
}
body[data-user-renk] .syfnot-modal .syfnot-form-alan {
    border-top-color: var(--sys-border-soft) !important;
}
body[data-user-renk] .syfnot-modal .syfnot-form-alan .form-label {
    color: var(--sys-text-secondary) !important;
}
body[data-user-renk] .syfnot-modal .form-control {
    background: var(--sys-surface-2) !important;
    border-color: var(--sys-border) !important;
    color: var(--sys-text-main) !important;
}
body[data-user-renk] .syfnot-modal .form-control::placeholder {
    color: var(--sys-text-muted) !important;
}
body[data-user-renk] .syfnot-modal .form-control:focus {
    background: var(--sys-surface-2) !important;
    border-color: var(--sys-accent) !important;
    color: var(--sys-text-main) !important;
    box-shadow: var(--sys-focus-ring) !important;
}
body[data-user-renk] .syfnot-modal .syfnot-renkler .badge {
    box-shadow: var(--sys-shadow-xs);
    transition: transform var(--sys-transition-fast, 0.15s ease), box-shadow var(--sys-transition-fast, 0.15s ease);
}
body[data-user-renk] .syfnot-modal .syfnot-renkler .badge:hover {
    transform: translateY(-1px);
    box-shadow: var(--sys-shadow-sm);
}
@media (max-width: 992px) {
    .syfnot-modal .syfnot-modal-dialog {
        max-width: 100% !important;
        max-height: calc(100dvh - 16px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
    }
    .syfnot-modal .syfnot-not-tablo {
        max-height: min(50vh, 360px);
    }
    .syfnot-modal .syfnot-not-tablo .table th,
    .syfnot-modal .syfnot-not-tablo .table td {
        font-size: 0.82rem;
        padding: 0.35rem 0.3rem;
    }
    .syfnot-modal .syfnot-modal-header {
        padding: 0.5rem 0.65rem;
    }
    .syfnot-modal .syfnot-modal-body {
        padding: 0.4rem 0.5rem !important;
    }
}

/* Syf34 — Sevk evrakları toplu görüntüleme modalı */
.sevk-evr-tpl-modal .sevk-evr-tpl-dialog {
    max-width: min(1400px, calc(100vw - 20px)) !important;
    width: 100%;
    margin: 0.5rem auto;
}
.sevk-evr-tpl-modal .sevk-evr-tpl-content {
    max-height: calc(100dvh - 16px);
    display: flex;
    flex-direction: column;
}
.sevk-evr-tpl-modal .sevk-evr-tpl-header {
    flex-wrap: wrap;
    gap: 0.5rem;
    padding: 0.55rem 0.75rem;
    align-items: flex-start;
}
.sevk-evr-tpl-modal .sevk-evr-tpl-baslik {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}
.sevk-evr-tpl-modal .sevk-evr-tpl-body {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    padding: 0.35rem 0.5rem !important;
    max-height: min(82vh, calc(100dvh - 140px));
}
.sevk-evr-tpl-modal .sevk-evr-tpl-liste .sevk-evr-tpl-card {
    margin: 0.35rem 0 !important;
}
.sevk-evr-tpl-modal .sevk-evr-tpl-footer {
    flex-shrink: 0;
    padding: 0.45rem 0.75rem !important;
}
.sevk-evr-tpl-modal .dos-dosya-liste-kompakt .dos-dosya-kart {
    padding: 6px;
}
/* Resim ve PDF: satır başına bir önizleme, genişliğe tam oranlı */
.sevk-evr-tpl-modal .dos-dosya-liste-kompakt > div:has(.dos-dosya-gorsel),
.sevk-evr-tpl-modal .dos-dosya-liste-kompakt > div:has(.dos-dosya-pdf-inline),
.dos-yonetim-offcanvas .dos-dosya-liste-kompakt > div:has(.dos-dosya-gorsel),
.dos-yonetim-offcanvas .dos-dosya-liste-kompakt > div:has(.dos-dosya-pdf-inline) {
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
}
.sevk-evr-tpl-modal .dos-dosya-liste-kompakt .dos-dosya-onizleme-wrap:has(.dos-dosya-gorsel),
.sevk-evr-tpl-modal .dos-dosya-liste-kompakt .dos-dosya-onizleme-wrap:has(.dos-dosya-pdf-inline),
.dos-yonetim-offcanvas .dos-dosya-liste-kompakt .dos-dosya-onizleme-wrap:has(.dos-dosya-gorsel),
.dos-yonetim-offcanvas .dos-dosya-liste-kompakt .dos-dosya-onizleme-wrap:has(.dos-dosya-pdf-inline) {
    width: 100%;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 8px;
}
.sevk-evr-tpl-modal .dos-dosya-liste-kompakt .dos-dosya-gorsel,
.dos-yonetim-offcanvas .dos-dosya-liste-kompakt .dos-dosya-gorsel {
    width: 100%;
    height: auto;
    max-height: 28cm;
    object-fit: contain;
}
.sevk-evr-tpl-modal .dos-dosya-liste-kompakt .dos-dosya-diger {
    height: 85px;
}
.sevk-evr-tpl-modal .dos-dosya-liste-kompakt .dos-dosya-pdf-inline,
.dos-yonetim-offcanvas .dos-dosya-liste-kompakt .dos-dosya-pdf-inline {
    width: 100%;
    height: 28cm;
    max-height: min(28cm, 75vh);
    min-height: 200px;
    pointer-events: none;
    border: 0;
}
/* Sıralı PDF yükleme — iframe src atanana kadar gizli, placeholder göster */
.sevk-evr-tpl-modal .dos-dosya-pdf-sirali-wrap,
.dos-yonetim-offcanvas .dos-dosya-pdf-sirali-wrap {
    position: relative;
}
.sevk-evr-tpl-modal .dos-dosya-pdf-sirali-wrap .dos-dosya-pdf-sirali:not([src]),
.dos-yonetim-offcanvas .dos-dosya-pdf-sirali-wrap .dos-dosya-pdf-sirali:not([src]) {
    visibility: hidden;
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}
.sevk-evr-tpl-modal .dos-dosya-pdf-yukleniyor,
.dos-yonetim-offcanvas .dos-dosya-pdf-yukleniyor {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .35rem;
    min-height: 200px;
    height: 28cm;
    max-height: min(28cm, 75vh);
    font-size: .82rem;
    color: var(--sys-text-muted, var(--bs-secondary-color));
    background: var(--sys-surface-2, #f8fafc);
    border-radius: var(--sys-radius-sm, 10px);
}
.sevk-evr-tpl-modal .dos-dosya-pdf-sirali-wrap.pdf-yuklendi .dos-dosya-pdf-yukleniyor,
.dos-yonetim-offcanvas .dos-dosya-pdf-sirali-wrap.pdf-yuklendi .dos-dosya-pdf-yukleniyor {
    display: none;
}
.sevk-evr-tpl-modal .dos-dosya-pdf-sirali-wrap.pdf-yuklendi .dos-dosya-pdf-sirali,
.dos-yonetim-offcanvas .dos-dosya-pdf-sirali-wrap.pdf-yuklendi .dos-dosya-pdf-sirali {
    visibility: visible;
    position: static;
}
.sevk-evr-tpl-modal .dos-dosya-pdf-sirali-wrap.pdf-yukleme-hata .dos-dosya-pdf-yukleniyor span:last-child,
.dos-yonetim-offcanvas .dos-dosya-pdf-sirali-wrap.pdf-yukleme-hata .dos-dosya-pdf-yukleniyor span:last-child {
    color: var(--bs-danger, #dc3545);
}
.sevk-evr-tpl-modal .dos-dosya-pdf-sirali-wrap.pdf-yukleme-hata .dos-dosya-pdf-yukleniyor span:last-child::before,
.dos-yonetim-offcanvas .dos-dosya-pdf-sirali-wrap.pdf-yukleme-hata .dos-dosya-pdf-yukleniyor span:last-child::before {
    content: 'Yüklenemedi — ';
}
.sevk-evr-tpl-modal .dos-dosya-liste-kompakt .dos-dosya-onizleme-wrap:not(:has(.dos-dosya-gorsel)):not(:has(.dos-dosya-pdf-inline)) {
    margin-bottom: 6px;
}
.sevk-evr-tpl-modal .dos-dosya-liste-kompakt .dos-dosya-ad {
    font-size: .78rem !important;
}
.sevk-evr-tpl-modal .dos-dosya-liste-kompakt .dos-dosya-aksiyon {
    margin-top: .35rem;
}
@media (max-width: 992px) {
    /* Sevk evrak toplu modal — mobilde tam ekran, evrak genişliği modal içinde tam görünsün */
    .modal.sevk-evr-tpl-modal.show {
        display: flex !important;
        align-items: stretch !important;
        justify-content: stretch !important;
        position: fixed !important;
        inset: 0 !important;
        width: 100vw !important;
        height: 100dvh !important;
        min-height: 100dvh !important;
        max-height: 100dvh !important;
        overflow: hidden !important;
        overscroll-behavior: contain;
        padding: 0 !important;
        margin: 0 !important;
        box-sizing: border-box;
        touch-action: pan-y;
    }
    .sevk-evr-tpl-modal .sevk-evr-tpl-dialog,
    .sevk-evr-tpl-modal .sevk-evr-tpl-dialog.modal-fullscreen-lg-down {
        display: flex !important;
        flex-direction: column !important;
        min-height: 0 !important;
        width: 100vw !important;
        max-width: 100vw !important;
        height: 100dvh !important;
        max-height: 100dvh !important;
        margin: 0 !important;
        padding: 0 !important;
        transform: none !important;
    }
    .sevk-evr-tpl-modal .sevk-evr-tpl-content {
        flex: 1 1 auto !important;
        min-height: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        max-height: 100dvh !important;
        border-radius: 0 !important;
    }
    .modal.sevk-evr-tpl-modal.show .sevk-evr-tpl-body {
        max-height: none !important;
        flex: 1 1 auto !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        padding: 0.25rem 0 !important;
        width: 100% !important;
        box-sizing: border-box;
    }
    .sevk-evr-tpl-modal .sevk-evr-tpl-header .modal-title {
        font-size: 0.92rem;
    }
    .sevk-evr-tpl-modal .sevk-evr-tpl-liste .card-header {
        font-size: 0.82rem;
    }
    .sevk-evr-tpl-modal .sevk-evr-tpl-liste .badge {
        font-size: 0.72rem;
    }
    .sevk-evr-tpl-modal .sevk-evr-tpl-liste .sevk-evr-tpl-card {
        margin: 0.2rem 0 !important;
        border-radius: 0 !important;
    }
    .sevk-evr-tpl-modal .sevk-evr-tpl-liste .card-header,
    .sevk-evr-tpl-modal .sevk-evr-tpl-liste .card-body {
        padding: 0.35rem 0.4rem !important;
    }
    /* Dosya grid — mobilde her evrak tam satır genişliği (:has olmadan) */
    .sevk-evr-tpl-modal .dos-dosya-liste-kompakt.row {
        --bs-gutter-x: 0;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .sevk-evr-tpl-modal .dos-dosya-liste-kompakt > [class*='col-'] {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .sevk-evr-tpl-modal .dos-dosya-liste-kompakt .dos-dosya-kart {
        padding: 4px 2px;
        border-radius: 0 !important;
    }
    .sevk-evr-tpl-modal .dos-dosya-liste-kompakt .dos-dosya-onizleme-wrap,
    .sevk-evr-tpl-modal .dos-dosya-liste-kompakt .dos-dosya-onizleme-wrap:has(.dos-dosya-gorsel),
    .sevk-evr-tpl-modal .dos-dosya-liste-kompakt .dos-dosya-onizleme-wrap:has(.dos-dosya-pdf-inline) {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .sevk-evr-tpl-modal .dos-dosya-liste-kompakt .dos-dosya-gorsel {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        max-height: none !important;
        object-fit: contain !important;
    }
    .sevk-evr-tpl-modal .dos-dosya-liste-kompakt .dos-dosya-pdf-inline,
    .sevk-evr-tpl-modal .dos-dosya-pdf-sirali-wrap .dos-dosya-pdf-sirali {
        width: 100% !important;
        max-width: 100% !important;
        height: min(75vh, 520px) !important;
        max-height: min(75vh, 520px) !important;
        min-height: 180px !important;
    }
    .sevk-evr-tpl-modal .dos-dosya-pdf-yukleniyor {
        width: 100% !important;
        max-width: 100% !important;
        height: min(75vh, 520px) !important;
        max-height: min(75vh, 520px) !important;
        min-height: 180px !important;
    }
    .sevk-evr-tpl-modal .dos-dosya-liste-kompakt .dos-dosya-diger {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        max-height: 120px !important;
        object-fit: contain !important;
    }
    .sevk-evr-tpl-modal .dos-dosya-liste-kompakt .dos-dosya-ad {
        font-size: .7rem !important;
    }
    .dos-yonetim-offcanvas .dos-dosya-liste-kompakt .dos-dosya-onizleme-wrap:has(.dos-dosya-gorsel),
    .dos-yonetim-offcanvas .dos-dosya-liste-kompakt .dos-dosya-onizleme-wrap:has(.dos-dosya-pdf-inline) {
        width: 100%;
        max-width: 100%;
    }
    .dos-yonetim-offcanvas .dos-dosya-liste-kompakt .dos-dosya-gorsel {
        max-height: none;
    }
    .dos-yonetim-offcanvas .dos-dosya-liste-kompakt .dos-dosya-pdf-inline {
        height: min(75vh, 520px);
        max-height: none;
    }
    .dos-yonetim-offcanvas .dos-dosya-pdf-yukleniyor {
        height: min(75vh, 520px);
        max-height: none;
    }
}

/* Syf34 Sipariş Detayı – mobil uyum ve tablo yatay scroll */
.syf34-tbl-scroll {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    max-width: 100%;
}
/* Sipariş detayı tabloları yatay kaydırılabilir olsun */
.syf34-siparis-detay .syf34-tbl-scroll {
    overflow-x: auto !important;
}
/* En üstteki tablo (gri_alan): m-1 margin taşmasını önle, gereksiz yatay scroll kalkar */
.syf34-siparis-detay .gri_alan .syf34-tbl-scroll .table {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
@media (max-width: 767.98px) {
    .syf34-siparis-detay .gri_alan,
    .syf34-siparis-detay .row.gri_alan,
    .syf34-siparis-detay .row.ml-3 { margin-left: 0.25rem !important; margin-right: 0.25rem !important; }
    .syf34-siparis-detay .sagda .col-5,
    .syf34-siparis-detay .d-flex .col-5 { flex: 0 0 100% !important; max-width: 100% !important; }
    .syf34-siparis-detay .sagda { justify-content: flex-start !important; flex-wrap: wrap !important; }
    .syf34-siparis-detay .table th,
    .syf34-siparis-detay .table td { font-size: 0.75rem !important; padding: 0.35rem 0.25rem !important; }
    .syf34-siparis-detay .btn-xl { padding: 0.4rem 0.5rem !important; font-size: 0.8rem !important; }
    /* Sevk tarihleri ve butonlar mobil */
    .syf34-siparis-detay .syf34-ustbtn { flex-direction: column !important; align-items: stretch !important; }
    .syf34-siparis-detay .syf34-sevk-tarihleri { flex-wrap: wrap !important; }
    .syf34-siparis-detay .syf34-sevk-tarihleri .badge { font-size: 0.7rem !important; padding: 0.25rem 0.4rem !important; }
    .syf34-siparis-detay .syf34-ustbtn .btn { min-height: 40px !important; }
}
/* Sipariş ana bilgileri: desktop'ta her zaman açık, mobilde toggle */
@media (min-width: 768px) {
    .syf34-siparis-detay .syf34-siparis-bilgi .d-md-none { display: none !important; }
    .syf34-siparis-detay #syf34-siparis-bilgi-icerik.collapse { display: block !important; height: auto !important; overflow: visible !important; }
    /* Sevk tarihleri ve düğmeler PC'de aynı satırda: sevk tarihleri sola, düğmeler sağa */
    .syf34-siparis-detay .syf34-ustbtn {
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        justify-content: space-between !important;
        align-items: center !important;
        padding-right: 0.75rem !important;
    }
    .syf34-siparis-detay .syf34-sevk-tarihleri {
        flex: 0 0 auto !important;
        margin-top: 0 !important;
        margin-right: 1rem !important;
    }
    .syf34-siparis-detay .syf34-ustbtn > div:last-of-type {
        flex: 0 0 auto !important;
        justify-content: flex-end !important;
    }
}
.syf34-siparis-detay .syf34-siparis-bilgi [data-bs-toggle='collapse'][aria-expanded='true'] .fa-chevron-down {
    transform: rotate(180deg);
}
.syf34-siparis-detay .syf34-siparis-bilgi .syf34-bilgi-alt-satir .form-label {
    margin-bottom: 0.5rem;
}
.syf34-siparis-detay .syf34-siparis-bilgi .syf34-bilgi-alt-satir .syf34-aciklama-etiket {
    margin-bottom: 0.5rem;
    min-height: 1.3125rem;
}

/* Kalan Sipariş Raporu – mobil filtre uyumu */
.kalan-sip-rap1-filtre { align-items: flex-end; }
@media (min-width: 992px) {
    .kalan-sip-rap1-flt { min-width: 150px; }
    .kalan-sip-rap1-cari { min-width: 200px; }
}
@media (max-width: 991.98px) {
    .kalan-sip-rap1-filtre .form-label { font-size: 0.85rem; margin-bottom: 0.2rem; }
    .kalan-sip-rap1-filtre .form-control { min-height: 38px; }
}
/* Finansal Denge Raporu – mobil uyum */
.finansal-denge-rap .finansal-denge-filtre .form-label { font-size: 0.9rem; }
.finansal-denge-canvas-wrap {
    height: 350px !important;
    min-height: 280px;
    position: relative;
    width: 100%;
    overflow: visible;
}
.finansal-denge-canvas-wrap canvas {
    max-width: 100%;
    display: block;
}
@media (max-width: 991.98px) {
    .finansal-denge-rap .finansal-denge-filtre .form-label { font-size: 0.85rem; margin-bottom: 0.2rem; }
    .finansal-denge-rap .finansal-denge-filtre .form-control { min-height: 38px; }
    .finansal-denge-canvas-wrap { height: 320px !important; min-height: 280px; }
    .finansal-denge-kart { overflow-x: auto; -webkit-overflow-scrolling: touch; }
}

/* Gelir Gider Kategori Raporu – alt kategori girintisi */
.ktg-alt-girinti { display: inline-block; padding-left: 1.2em; }

/* Gelir Gider Raporu (ktg_raporlari) – PC ve mobil uyum */
.ktg-gelir-gider-rap .ktg-rap-ust-satir { align-items: center; }
.ktg-gelir-gider-rap .ktg-rap-filtre .form-label { font-size: 0.9rem; margin-bottom: 0.25rem; }
.ktg-gelir-gider-rap .ktg-rap-baslik { font-size: 1.1rem; margin-bottom: 0.75rem; }
.ktg-gelir-gider-rap .ktg-rap-tbl { font-size: 0.9rem; }
.ktg-gelir-gider-rap .ktg-rap-tbl th,
.ktg-gelir-gider-rap .ktg-rap-tbl td { padding: 0.5rem 0.6rem; vertical-align: middle; }
.ktg-gelir-gider-rap .ktg-rap-tbl .gri_alan { background: rgba(0,0,0,0.03); }
body:not([data-theme-version="light"]) .ktg-gelir-gider-rap .ktg-rap-tbl .gri_alan { background: rgba(255,255,255,0.04); }
.ktg-gelir-gider-rap .ktg-rap-tbl-responsive { overflow-x: auto; -webkit-overflow-scrolling: touch; border-radius: 0.375rem; }
.ktg-gelir-gider-rap .ktg-rap-btn-grup .btn { min-height: 34px; }
@media (max-width: 991.98px) {
    .ktg-gelir-gider-rap .ktg-rap-filtre .form-label { font-size: 0.85rem; margin-bottom: 0.2rem; }
    .ktg-gelir-gider-rap .ktg-rap-filtre .form-control,
    .ktg-gelir-gider-rap .ktg-rap-filtre .frtik { min-height: 38px; }
    .ktg-gelir-gider-rap .ktg-rap-ust-satir { gap: 0.5rem; }
    .ktg-gelir-gider-rap .ktg-rap-btn-grup .btn { min-height: 40px; flex: 1; min-width: 120px; }
    .ktg-gelir-gider-rap .ktg-rap-baslik { font-size: 1rem; }
    .ktg-gelir-gider-rap .ktg-rap-tbl { font-size: 0.8rem; }
    .ktg-gelir-gider-rap .ktg-rap-tbl th,
    .ktg-gelir-gider-rap .ktg-rap-tbl td { padding: 0.4rem 0.45rem; }
    .ktg-gelir-gider-rap .ktg-rap-tbl-responsive { margin: 0 -0.5rem; padding: 0 0.25rem; }
}
@media (max-width: 575.98px) {
    .ktg-gelir-gider-rap .ktg-rap-btn-grup { flex-direction: column; }
    .ktg-gelir-gider-rap .ktg-rap-btn-grup .btn { min-width: 100%; }
    .ktg-gelir-gider-rap .ktg-rap-tbl .gri_alan td { min-height: 44px; padding-top: 0.6rem; padding-bottom: 0.6rem; }
}

/* Gelir Gider Grafik Raporu Modal – PC ve mobil uyum */
.gelir-gider-grf-modal .modal-header { flex-wrap: wrap; gap: 0.5rem; padding: 0.75rem 1rem; }
.gelir-gider-grf-modal .modal-title { font-size: 1.1rem; flex: 1; min-width: 120px; }
.gelir-gider-grf-modal .gelir-gider-grf-btn-grup .btn { min-height: 32px; }
.gelir-gider-grf-modal .gelir-gider-grf-filtre .form-label { font-size: 0.85rem; margin-bottom: 0.2rem; }
.gelir-gider-grf-modal .gelir-gider-grf-filtre .form-control,
.gelir-gider-grf-modal .gelir-gider-grf-filtre .frtik { min-height: 34px; }
.gelir-gider-grf-modal .gelir-gider-grf-chart-wrap { position: relative; min-height: 400px; }
.gelir-gider-grf-modal .gelir-gider-grf-chart-wrap canvas { max-width: 100%; display: block; }
[aria-expanded="true"] .gelir-gider-grf-flt-goster { display: none !important; }
[aria-expanded="true"] .gelir-gider-grf-flt-gizle { display: inline !important; }
@media (min-width: 768px) {
    .gelir-gider-grf-modal .gelir-gider-grf-filtre-wrap.collapse { display: block !important; height: auto !important; }
}
@media (max-width: 767.98px) {
    .gelir-gider-grf-modal .modal-header { padding: 0.6rem 0.75rem; }
    .gelir-gider-grf-modal .modal-title { font-size: 1rem; }
    .gelir-gider-grf-modal .gelir-gider-grf-btn-grup { width: 100%; justify-content: flex-start; }
    .gelir-gider-grf-modal .gelir-gider-grf-btn-grup .btn { min-height: 40px; flex: 1; min-width: calc(50% - 0.25rem); }
    .gelir-gider-grf-modal .gelir-gider-grf-kapat { flex: 0 !important; min-width: 44px !important; }
    .gelir-gider-grf-modal .gelir-gider-grf-filtre .form-label { font-size: 0.8rem; }
    .gelir-gider-grf-modal .gelir-gider-grf-filtre .form-control,
    .gelir-gider-grf-modal .gelir-gider-grf-filtre .frtik { min-height: 38px; }
    .gelir-gider-grf-modal .gelir-gider-grf-chart-wrap { padding: 0.25rem !important; min-height: 320px; }
}
@media (max-width: 575.98px) {
    .gelir-gider-grf-modal .gelir-gider-grf-btn-grup .btn { min-width: 100%; }
    .gelir-gider-grf-modal .gelir-gider-grf-chart-wrap { min-height: 280px; }
}

/* Proje Özeti tam ekran modal — tema / karanlık mod uyumlu */
.proje-ozeti-modal {
    --poz-text: var(--sys-text-primary, var(--bs-body-color, #0f172a));
    --poz-text-soft: var(--sys-text-secondary, #334155);
    --poz-text-muted: var(--sys-text-muted, #64748b);
    --poz-surface: var(--sys-surface-1, var(--bs-body-bg, #fff));
    --poz-surface-alt: var(--sys-surface-2, rgba(248, 250, 252, 0.9));
    --poz-surface-raised: var(--sys-surface-3, rgba(241, 245, 249, 0.86));
    --poz-border: var(--sys-border-soft, var(--bs-border-color, rgba(0, 0, 0, 0.1)));
    --poz-sticky-bg: var(--sys-surface-solid, var(--bs-body-bg, #fff));
    color: var(--poz-text);
}
.proje-ozeti-modal .modal-dialog {
    display: flex;
    flex-direction: column;
    min-height: 0;
    height: 100%;
}
.proje-ozeti-modal .modal-content {
    background: var(--poz-surface);
    color: var(--poz-text);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    min-height: 0;
    flex: 1 1 auto;
    max-height: min(calc(100dvh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom)), 100%);
}
.proje-ozeti-modal .modal-header {
    flex-wrap: wrap;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    border-bottom-color: var(--poz-border);
    background: var(--poz-surface);
}
.proje-ozeti-modal .modal-title {
    font-size: 1.1rem;
    flex: 1;
    min-width: 120px;
    color: var(--poz-text);
    font-weight: 600;
}
.proje-ozeti-modal .modal-body { color: var(--poz-text); }
.proje-ozeti-modal.show .modal-body.proje-ozeti-body,
.proje-ozeti-modal .modal-body.proje-ozeti-body {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow: hidden !important;
}
.proje-ozeti-modal .proje-ozeti-info,
.proje-ozeti-modal .proje-ozeti-ust-cubuk,
.proje-ozeti-modal .proje-ozeti-sekmeler {
    flex: 0 0 auto;
}
.proje-ozeti-modal .proje-ozeti-btn-grup .btn { min-height: 32px; font-weight: 500; }
.proje-ozeti-modal .text-muted { color: var(--poz-text-muted) !important; }
.proje-ozeti-modal .proje-ozeti-tab-icerik {
    border-color: var(--poz-border) !important;
    background: var(--poz-surface);
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}
.proje-ozeti-modal .proje-ozeti-zaman-pane,
.proje-ozeti-modal .proje-ozeti-detay-pane {
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
}
.proje-ozeti-modal .proje-ozeti-zaman-pane.active,
.proje-ozeti-modal .proje-ozeti-zaman-pane.show.active {
    display: flex !important;
    flex-direction: column;
}
.proje-ozeti-modal .proje-ozeti-detay-pane.active,
.proje-ozeti-modal .proje-ozeti-detay-pane.show.active {
    display: flex !important;
    flex-direction: column;
    overflow: hidden;
}
.proje-ozeti-modal .proje-ozeti-detay-pane > .proje-ozeti-det-nav {
    flex: 0 0 auto;
}
.proje-ozeti-modal .proje-ozeti-detay-pane > .tab-content {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}
.proje-ozeti-modal .table {
    --bs-table-color: var(--poz-text);
    --bs-table-bg: transparent;
    --bs-table-border-color: var(--poz-border);
    --bs-table-hover-bg: color-mix(in srgb, var(--sys-accent-soft, rgba(142, 184, 240, 0.09)) 65%, transparent);
    --bs-table-striped-bg: color-mix(in srgb, var(--poz-surface-alt) 70%, transparent);
}
.proje-ozeti-modal .proje-ozeti-tbl { font-size: 0.95rem; color: var(--poz-text); }
.proje-ozeti-modal .proje-ozeti-tbl th { color: var(--poz-text); font-weight: 600; }
.proje-ozeti-modal .proje-ozeti-tbl td { color: var(--poz-text-soft); vertical-align: middle; }
.proje-ozeti-modal .proje-ozeti-zaman-wrap {
    width: 100%;
    min-width: 0;
}
.proje-ozeti-modal .proje-ozeti-zaman-scroll {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
}
.proje-ozeti-modal .proje-ozeti-zaman-scroll .proje-ozeti-zaman-tbl,
.proje-ozeti-modal .proje-ozeti-zaman-wrap .proje-ozeti-tbl {
    border-collapse: separate;
    border-spacing: 0;
    min-width: 640px;
}
.proje-ozeti-modal .proje-ozeti-zaman-scroll thead th {
    position: sticky !important;
    top: 0 !important;
    z-index: 10 !important;
    background-color: var(--poz-sticky-bg) !important;
    color: var(--poz-text) !important;
    box-shadow: 0 2px 0 var(--poz-border);
    backdrop-filter: blur(8px) saturate(130%);
    -webkit-backdrop-filter: blur(8px) saturate(130%);
}
.proje-ozeti-modal .proje-ozeti-tbl small,
.proje-ozeti-modal .proje-ozeti-ek { color: var(--poz-text-muted) !important; font-size: 0.88em; }
.proje-ozeti-modal .proje-ozeti-kaynak-finans { border-left: 3px solid var(--sys-success, #2eb085); }
.proje-ozeti-modal .proje-ozeti-kaynak-alis { border-left: 3px solid var(--sys-danger, #e0533f); }
.proje-ozeti-modal .proje-ozeti-kaynak-satis { border-left: 3px solid var(--nav-c-info, #4986c4); }
.proje-ozeti-modal .proje-ozeti-kaynak-hatirlatici { border-left: 3px solid var(--sys-warning, #e6b81f); }
.proje-ozeti-modal .proje-ozeti-sekmeler {
    border-bottom-color: var(--poz-border) !important;
}
.proje-ozeti-modal .proje-ozeti-sekmeler .nav-link {
    font-size: 0.95rem;
    padding: 0.45rem 0.75rem;
    color: var(--poz-text-soft);
    font-weight: 500;
}
.proje-ozeti-modal .proje-ozeti-sekmeler .nav-link.active {
    color: var(--poz-text);
    font-weight: 600;
    background: var(--poz-surface-alt);
    border-color: var(--poz-border);
}
.proje-ozeti-modal .proje-ozeti-det-nav {
    background: var(--poz-surface-alt) !important;
    border-bottom: 1px solid var(--poz-border);
}
.proje-ozeti-modal .nav-pills .nav-link { color: var(--poz-text-soft); font-weight: 500; }
.proje-ozeti-modal .nav-pills .nav-link.active {
    color: var(--sys-on-accent, #fff);
    background: var(--sys-accent, #8eb8f0);
    font-weight: 600;
}
.proje-ozeti-modal h6 { color: var(--poz-text); font-weight: 600; }
.proje-ozeti-modal .proje-ozeti-info {
    line-height: 1.45;
    color: var(--poz-text-soft) !important;
    font-size: 0.92rem;
}
.proje-ozeti-modal .proje-ozeti-info strong { color: var(--poz-text); }
.proje-ozeti-modal .proje-ozeti-fin-ozet .small {
    color: var(--poz-text-muted) !important;
    font-weight: 600;
    font-size: 0.85rem !important;
}
.proje-ozeti-modal .proje-ozeti-fin-kpi {
    background: var(--poz-surface-alt);
    border: 1px solid var(--poz-border);
    color: var(--poz-text);
}
.proje-ozeti-modal .proje-ozeti-fin-kpi-gelir { border-left: 3px solid var(--sys-success, #2eb085); }
.proje-ozeti-modal .proje-ozeti-fin-kpi-gider { border-left: 3px solid var(--sys-danger, #e0533f); }
.proje-ozeti-modal .alert { color: var(--poz-text); }
.proje-ozeti-modal .text-success { color: var(--nav-c-success, var(--sys-success, #2eb085)) !important; }
.proje-ozeti-modal .text-danger { color: var(--nav-c-danger, var(--sys-danger, #e0533f)) !important; }
.proje-ozeti-modal .text-warning { color: var(--nav-c-warning, var(--sys-warning, #e6b81f)) !important; }
.proje-ozeti-modal .btn-outline-primary {
    color: var(--sys-accent, #8eb8f0);
    border-color: color-mix(in srgb, var(--sys-accent, #8eb8f0) 55%, var(--poz-border));
}
.proje-ozeti-modal .btn-outline-primary:hover,
.proje-ozeti-modal .btn-outline-primary:focus {
    color: var(--sys-on-accent, #fff);
    background-color: var(--sys-accent, #8eb8f0);
    border-color: var(--sys-accent, #8eb8f0);
}

/* Tarih + KPI tek satır üst çubuk */
.proje-ozeti-modal .proje-ozeti-ust-cubuk {
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    gap: 0.5rem;
    padding: 0.5rem 0.65rem;
    border: 1px solid var(--poz-border);
    border-radius: var(--sys-radius-sm, 0.375rem);
    background: var(--poz-surface-alt);
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
.proje-ozeti-modal .proje-ozeti-tarih-grup {
    display: flex;
    flex-shrink: 0;
    gap: 0.4rem;
    align-items: stretch;
}
.proje-ozeti-modal .proje-ozeti-tarih-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 128px;
}
.proje-ozeti-modal .proje-ozeti-tarih-etiket {
    font-size: 0.8rem;
    color: var(--poz-text-soft);
    font-weight: 600;
    margin-bottom: 0.15rem;
    white-space: nowrap;
}
.proje-ozeti-modal .proje-ozeti-tarih-item .form-control {
    font-size: 0.9rem;
    color: var(--poz-text);
    background-color: var(--poz-surface);
    border-color: var(--poz-border);
    padding: 0.25rem 0.4rem;
    min-height: 34px;
}
.proje-ozeti-modal .proje-ozeti-tarih-item .form-control:focus {
    border-color: var(--sys-accent, #8eb8f0);
    box-shadow: 0 0 0 0.15rem var(--sys-accent-soft, rgba(142, 184, 240, 0.15));
}
.proje-ozeti-modal .proje-ozeti-kpi-grup {
    display: flex;
    flex: 1 1 auto;
    flex-wrap: nowrap;
    gap: 0.35rem;
    align-items: stretch;
    min-width: 0;
}
.proje-ozeti-modal .proje-ozeti-kpi-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex: 1 1 0;
    min-width: 72px;
    padding: 0.3rem 0.45rem;
    border-radius: var(--sys-radius-sm, 0.35rem);
    background: var(--poz-surface);
    border: 1px solid var(--poz-border);
    text-align: center;
}
.proje-ozeti-modal .proje-ozeti-kpi-etiket {
    font-size: 0.78rem;
    color: var(--poz-text-soft);
    font-weight: 600;
    line-height: 1.2;
    white-space: nowrap;
}
.proje-ozeti-modal .proje-ozeti-kpi-deger {
    font-size: 0.92rem;
    font-weight: 700;
    color: var(--poz-text);
    line-height: 1.25;
    white-space: nowrap;
}
.proje-ozeti-modal .proje-ozeti-kpi-gelir { border-left: 3px solid var(--sys-success, #2eb085); }
.proje-ozeti-modal .proje-ozeti-kpi-gider { border-left: 3px solid var(--sys-danger, #e0533f); }
.proje-ozeti-modal .proje-ozeti-kpi-net { border-left: 3px solid var(--nav-c-info, #4986c4); }
.proje-ozeti-modal .proje-ozeti-kpi-hat { border-left: 3px solid var(--sys-warning, #e6b81f); }

/* Detay rapor — kategori hiyerarşisi */
.proje-ozeti-modal .proje-ozeti-ktg-tbl .proje-ozeti-ktg-ana td {
    font-weight: 600;
    color: var(--poz-text);
    background-color: var(--poz-surface-alt);
    border-top: 2px solid var(--poz-border);
}
.proje-ozeti-modal .proje-ozeti-ktg-tbl .proje-ozeti-ktg-ana:first-child td {
    border-top: none;
}
.proje-ozeti-modal .proje-ozeti-ktg-tbl .proje-ozeti-ktg-alt td {
    background-color: var(--poz-surface);
}
.proje-ozeti-modal .proje-ozeti-ktg-tbl .proje-ozeti-ktg-girinti {
    padding-left: 1.75rem !important;
    color: var(--poz-text-soft);
}
.proje-ozeti-modal .proje-ozeti-ktg-tbl .proje-ozeti-ktg-girinti::before {
    content: '↳ ';
    color: var(--poz-text-muted);
    font-weight: 400;
}
.proje-ozeti-modal .proje-ozeti-ktg-toplam td {
    background-color: var(--poz-surface-raised);
    color: var(--poz-text);
    border-top: 2px solid var(--poz-border);
}
.proje-ozeti-modal .proje-ozeti-ktg-wrap {
    padding: 0 0.5rem 0.5rem;
    max-width: 100%;
}
.proje-ozeti-modal .proje-ozeti-ktg-wrap .proje-ozeti-ktg-tbl th:nth-child(2),
.proje-ozeti-modal .proje-ozeti-ktg-wrap .proje-ozeti-ktg-tbl td:nth-child(2),
.proje-ozeti-modal .proje-ozeti-ktg-wrap .proje-ozeti-ktg-tbl th:nth-child(3),
.proje-ozeti-modal .proje-ozeti-ktg-wrap .proje-ozeti-ktg-tbl td:nth-child(3) {
    white-space: nowrap;
}

@media (min-width: 992px) {
    .proje-ozeti-modal .proje-ozeti-ktg-wrap {
        width: fit-content;
    }
    .proje-ozeti-modal .proje-ozeti-ktg-wrap .proje-ozeti-ktg-tbl {
        width: auto;
    }
    .proje-ozeti-modal .proje-ozeti-ktg-wrap .proje-ozeti-ktg-tbl th:nth-child(2),
    .proje-ozeti-modal .proje-ozeti-ktg-wrap .proje-ozeti-ktg-tbl td:nth-child(2),
    .proje-ozeti-modal .proje-ozeti-ktg-wrap .proje-ozeti-ktg-tbl th:nth-child(3),
    .proje-ozeti-modal .proje-ozeti-ktg-wrap .proje-ozeti-ktg-tbl td:nth-child(3) {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }
}

@media (max-width: 991.98px) {
    .proje-ozeti-modal .proje-ozeti-ktg-wrap {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}

@media (min-width: 992px) {
    .proje-ozeti-modal .proje-ozeti-ust-cubuk { overflow-x: visible; }
    .proje-ozeti-modal .proje-ozeti-kpi-item { min-width: 88px; }
    .proje-ozeti-modal .proje-ozeti-kpi-deger { font-size: 0.98rem; }
}

@media (max-width: 767.98px) {
    .proje-ozeti-modal .modal-header { padding: 0.5rem 0.65rem; }
    .proje-ozeti-modal .modal-title { font-size: 1rem; }
    .proje-ozeti-modal .proje-ozeti-btn-grup { width: 100%; }
    .proje-ozeti-modal .proje-ozeti-btn-grup .btn { min-height: 38px; flex: 1; font-size: 0.9rem; }
    .proje-ozeti-modal .proje-ozeti-kapat { flex: 0 !important; min-width: 42px !important; }
    .proje-ozeti-modal .proje-ozeti-zaman-scroll { min-height: 120px; }
    .proje-ozeti-modal .proje-ozeti-ust-cubuk {
        padding: 0.4rem 0.5rem;
        gap: 0.35rem;
    }
    .proje-ozeti-modal .proje-ozeti-tarih-item { min-width: 108px; }
    .proje-ozeti-modal .proje-ozeti-tarih-item .form-control {
        font-size: 0.85rem;
        min-height: 32px;
    }
    .proje-ozeti-modal .proje-ozeti-kpi-item {
        min-width: 62px;
        padding: 0.25rem 0.3rem;
    }
    .proje-ozeti-modal .proje-ozeti-kpi-etiket { font-size: 0.72rem; }
    .proje-ozeti-modal .proje-ozeti-kpi-deger { font-size: 0.82rem; }
    .proje-ozeti-modal .proje-ozeti-sekmeler .nav-link {
        font-size: 0.88rem;
        padding: 0.4rem 0.5rem;
    }
    .proje-ozeti-modal .proje-ozeti-tbl { font-size: 0.88rem; }
    .proje-ozeti-modal .proje-ozeti-tbl th,
    .proje-ozeti-modal .proje-ozeti-tbl td { padding: 0.4rem 0.45rem; }
    .proje-ozeti-modal .proje-ozeti-info {
        font-size: 0.85rem;
        margin-bottom: 0.35rem !important;
    }
}

@media (max-width: 575.98px) {
    .proje-ozeti-modal .proje-ozeti-kpi-hat .proje-ozeti-kpi-etiket { font-size: 0.68rem; }
}

/* Sipariş Detay Raporu Modal – PC ve mobil uyum */
.siparis-detay-rap-modal .modal-header { flex-wrap: wrap; gap: 0.5rem; padding: 0.75rem 1rem; }
.siparis-detay-rap-modal .modal-title { font-size: 1.1rem; flex: 1; min-width: 120px; }
.siparis-detay-rap-modal .siparis-detay-rap-btn-grup .btn { min-height: 32px; }
.siparis-detay-rap-modal .siparis-detay-rap-filtre .form-label { font-size: 0.85rem; margin-bottom: 0.2rem; }
.siparis-detay-rap-modal .siparis-detay-rap-filtre .form-control,
.siparis-detay-rap-modal .siparis-detay-rap-filtre .frtik { min-height: 34px; }
.siparis-detay-rap-modal .siparis-detay-rap-chart-wrap { position: relative; min-height: 400px; }
.siparis-detay-rap-modal .siparis-detay-rap-chart-wrap canvas { max-width: 100%; display: block; }
.siparis-detay-rap-modal .siparis-detay-rap-filtre-toggle button[aria-expanded="true"] .siparis-detay-rap-flt-goster { display: none !important; }
.siparis-detay-rap-modal .siparis-detay-rap-filtre-toggle button[aria-expanded="true"] .siparis-detay-rap-flt-gizle { display: inline !important; }
.siparis-detay-rap-modal .siparis-detay-rap-flt-item.mw_250 { max-width: 100%; }
@media (min-width: 768px) {
    .siparis-detay-rap-modal .siparis-detay-rap-filtre-wrap.collapse { display: block !important; height: auto !important; }
}
@media (max-width: 767.98px) {
    .siparis-detay-rap-modal .modal-header { padding: 0.6rem 0.75rem; }
    .siparis-detay-rap-modal .modal-title { font-size: 1rem; }
    .siparis-detay-rap-modal .siparis-detay-rap-btn-grup { width: 100%; justify-content: flex-start; }
    .siparis-detay-rap-modal .siparis-detay-rap-btn-grup .btn { min-height: 40px; flex: 1; min-width: calc(50% - 0.25rem); }
    .siparis-detay-rap-modal .siparis-detay-rap-kapat { flex: 0 !important; min-width: 44px !important; }
    .siparis-detay-rap-modal .siparis-detay-rap-filtre .form-label { font-size: 0.8rem; }
    .siparis-detay-rap-modal .siparis-detay-rap-filtre .form-control,
    .siparis-detay-rap-modal .siparis-detay-rap-filtre .frtik { min-height: 38px; }
    .siparis-detay-rap-modal .siparis-detay-rap-chart-wrap { padding: 0.25rem !important; min-height: 320px; }
}
@media (max-width: 575.98px) {
    .siparis-detay-rap-modal .siparis-detay-rap-btn-grup .btn { min-width: 100%; }
    .siparis-detay-rap-modal .siparis-detay-rap-chart-wrap { min-height: 280px; }
}
.siparis-detay-rap-modal .siparis-detay-rap-diger-flt-label { cursor: pointer; }
@media (max-width: 767.98px) {
    .siparis-detay-rap-modal .siparis-detay-rap-diger-flt-label { margin-left: 0 !important; margin-top: 0.5rem; display: block; }
}

/* Kalan Sipariş Raporu – filtre gizle/göster toggle */
[data-bs-target="#kalan-sip-rap1-filtre-icerik"][aria-expanded="true"] .kalan-sip-rap1-flt-label-acik { display: inline; }
[data-bs-target="#kalan-sip-rap1-filtre-icerik"][aria-expanded="true"] .kalan-sip-rap1-flt-label-kapali { display: none !important; }
[data-bs-target="#kalan-sip-rap1-filtre-icerik"][aria-expanded="false"] .kalan-sip-rap1-flt-label-acik { display: none !important; }
[data-bs-target="#kalan-sip-rap1-filtre-icerik"][aria-expanded="false"] .kalan-sip-rap1-flt-label-kapali { display: inline; }
.kalan-sip-rap1-flt-chevron { transition: transform 0.2s ease; }
[data-bs-target="#kalan-sip-rap1-filtre-icerik"][aria-expanded="false"] .kalan-sip-rap1-flt-chevron { transform: rotate(-90deg); }

/* Paylama modalları – mobil uyum */
@media (max-width: 767.98px) {
    .fe-paylama-modal .fe-paylama-baslik { font-size: 0.95rem; line-height: 1.3; }
    .fe-paylama-modal .fe-paylama-tbl { max-height: 280px; -webkit-overflow-scrolling: touch; }
    .fe-paylama-modal .modal-body .table { font-size: 0.8rem; }
    .fe-paylama-modal .modal-body .table th,
    .fe-paylama-modal .modal-body .table td { padding: 0.4rem 0.35rem; white-space: nowrap; }
    .fe-paylama-modal .modal-footer .btn { min-height: 44px; }
    .fe-paylama-modal .fe-paylama-panel-baslik { font-size: 0.8rem; padding: 0.35rem 0.5rem; }
}

/* Paylama modalları – PC görünüm */
@media (min-width: 768px) {
    .fe-paylama-modal .modal-header { border-bottom: 1px solid rgba(0,0,0,0.08); }
    body:not([data-theme-version="light"]) .fe-paylama-modal .modal-header { border-bottom-color: rgba(255,255,255,0.08); }
    .fe-paylama-modal .fe-paylama-panel {
        background: rgba(13,153,255,0.04);
        border: 1px solid rgba(13,153,255,0.15);
        border-radius: 10px;
        overflow: hidden;
        box-shadow: 0 2px 8px rgba(0,0,0,0.04);
    }
    body:not([data-theme-version="light"]) .fe-paylama-modal .fe-paylama-panel {
        background: rgba(13,153,255,0.06);
        border-color: rgba(13,153,255,0.2);
        box-shadow: 0 2px 12px rgba(0,0,0,0.15);
    }
    .fe-paylama-modal .fe-paylama-panel-baslik {
        font-size: 0.85rem;
        font-weight: 600;
        padding: 0.5rem 0.75rem;
        border-bottom: 1px solid rgba(13,153,255,0.12);
    }
    body:not([data-theme-version="light"]) .fe-paylama-modal .fe-paylama-panel-baslik { border-bottom-color: rgba(13,153,255,0.2); }
    .fe-paylama-modal .fe-paylama-panel .fe-paylama-tbl { max-height: 420px; }
    .fe-paylama-modal .fe-paylama-panel-tek .fe-paylama-tbl { max-height: 450px; }
    .fe-paylama-modal .fe-paylama-form-panel {
        background: linear-gradient(135deg, rgba(13,153,255,0.06) 0%, rgba(13,153,255,0.02) 100%);
        border: 1px solid rgba(13,153,255,0.12);
        border-radius: 8px;
        padding: 0.75rem 1rem;
    }
    body:not([data-theme-version="light"]) .fe-paylama-modal .fe-paylama-form-panel {
        background: linear-gradient(135deg, rgba(13,153,255,0.08) 0%, rgba(13,153,255,0.03) 100%);
        border-color: rgba(13,153,255,0.18);
    }
    .fe-paylama-modal .modal-body .table { font-size: 0.875rem; }
    .fe-paylama-modal .modal-body .table th,
    .fe-paylama-modal .modal-body .table td { padding: 0.5rem 0.6rem; }
}

/* Sistem Ayarları (syf15) – mobil uyum */
.syf15-sistem-ayarlari-tabs { overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; }
.syf15-sistem-ayarlari-tabs .nav-link { white-space: nowrap; flex-shrink: 0; }
.syf15-kritik-blok { padding: 0.25rem 0; }
.syf15-kritik-baslik { font-weight: 600; font-size: 0.95rem; color: var(--bs-body-color, #333); }
.syf15-yz-ozet .badge { font-weight: 500; }

/* YZ API modal */
.syf15-yz-api-modal .syf15-yz-api-shell { border: 0; border-radius: 0.65rem; overflow: hidden; }
.syf15-yz-api-modal .syf15-yz-api-head { padding: 1rem 1.25rem 0.5rem; background: linear-gradient(180deg, rgba(25, 135, 84, 0.08) 0%, transparent 100%); }
.syf15-yz-api-modal .syf15-yz-api-body { padding: 0.5rem 1.25rem 1rem; }
.syf15-yz-api-modal .syf15-yz-api-foot { padding: 0.75rem 1.25rem 1.25rem; }
.syf15-yz-summary .syf15-yz-stat {
    background: var(--bs-body-bg, #fff);
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 0.5rem;
    padding: 0.65rem 0.85rem;
    height: 100%;
}
.syf15-yz-stat-label { display: block; font-size: 0.72rem; text-transform: uppercase; letter-spacing: 0.04em; color: var(--bs-secondary-color, #6c757d); margin-bottom: 0.15rem; }
.syf15-yz-stat-value { font-weight: 600; font-size: 0.95rem; }
.syf15-yz-section { margin-bottom: 1.25rem; }
.syf15-yz-section-head {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    margin-bottom: 0.65rem;
}
.syf15-yz-section-num {
    flex-shrink: 0;
    width: 1.75rem;
    height: 1.75rem;
    line-height: 1.75rem;
    text-align: center;
    border-radius: 50%;
    font-size: 0.8rem;
    font-weight: 700;
    color: #fff;
    background: linear-gradient(135deg, #198754 0%, #157347 100%);
}
.syf15-yz-section-title { font-weight: 600; font-size: 0.95rem; line-height: 1.3; }
.syf15-yz-section-desc { font-size: 0.8rem; color: var(--bs-secondary-color, #6c757d); margin-top: 0.1rem; }
.syf15-yz-mode { font-size: 0.75rem; align-self: center; }
.syf15-yz-model-tip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.95rem;
    line-height: 1;
    color: var(--bs-secondary-color, #6c757d);
    text-decoration: none;
    vertical-align: middle;
}
.syf15-yz-model-tip:hover { color: var(--bs-primary, #0d6efd); }
.syf15-yz-tarife-scroll { max-height: min(60vh, 420px); overflow: auto; -webkit-overflow-scrolling: touch; }
.syf15-yz-tarife-tbl th { white-space: nowrap; font-size: 0.82rem; }
.syf15-yz-tarife-tbl td { font-size: 0.85rem; vertical-align: middle; }
.syf15-yz-panel {
    background: var(--bs-body-bg, #fff);
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 0.5rem;
    padding: 1rem;
}
.syf15-yz-table thead { background: rgba(0, 0, 0, 0.03); }
.syf15-yz-table .syf15-yz-th { font-size: 0.78rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.03em; white-space: nowrap; padding: 0.55rem 0.5rem; }
.syf15-yz-table tbody td { padding: 0.55rem 0.5rem; vertical-align: middle; font-size: 0.875rem; }
.syf15-yz-table tr.syf15-yz-api-row { cursor: pointer; }
.syf15-yz-table tr.syf15-yz-api-row:hover { background: rgba(25, 135, 84, 0.06); }
.syf15-yz-table tr.syf15-yz-api-row.table-active { background: rgba(25, 135, 84, 0.12) !important; }
.syf15-yz-akt-sw { min-width: 2.75rem; }
.syf15-yz-akt-sw .form-check-input { cursor: pointer; margin: 0; float: none; }
.syf15-yz-table tr.syf15-yz-api-row:not(.table-active) .syf15-yz-akt-inp:not(:checked) { opacity: 0.55; }
.syf15-yz-badge { font-size: 0.72rem; font-weight: 500; }
.syf15-yz-empty { padding: 2rem 1rem; text-align: center; color: var(--bs-secondary-color, #6c757d); }
.syf15-yz-del { opacity: 0.65; }
.syf15-yz-table tr.syf15-yz-api-row:hover .syf15-yz-del { opacity: 1; }
[data-theme-version="dark"] .syf15-yz-summary .syf15-yz-stat,
[data-theme-version="dark"] .syf15-yz-panel { border-color: rgba(255, 255, 255, 0.12); }
[data-theme-version="dark"] .syf15-yz-table thead { background: rgba(255, 255, 255, 0.04); }
@media (max-width: 575.98px) {
    .syf15-yz-api-modal .syf15-yz-api-foot { flex-direction: column; align-items: stretch !important; gap: 0.5rem; }
    .syf15-yz-api-modal .syf15-yz-api-foot .ms-auto { margin-left: 0 !important; width: 100%; }
    .syf15-yz-api-modal .syf15-yz-api-foot .ms-auto .btn { flex: 1 1 auto; }
}

/* syf15 — WP Yapay Zeka Temsilcisi sekmesi */
.syf15-wp-yz-wrap { padding: 0.25rem 0.5rem 1rem; }
.syf15-wp-yz-title { font-weight: 600; font-size: 1rem; }
.syf15-wp-yz-switch-card {
    border: 1px solid var(--bs-border-color, rgba(0, 0, 0, 0.1));
    border-radius: 0.5rem;
    padding: 0.65rem 0.75rem;
    height: 100%;
    background: rgba(0, 0, 0, 0.015);
}
.syf15-wp-yz-prompt { min-height: 6.5rem; resize: vertical; font-size: 0.9rem; }
.syf15-wp-yz-gunler { display: flex; flex-wrap: wrap; gap: 0.35rem 0.75rem; }
.syf15-wp-yz-gomulu {
    border: 1px solid var(--bs-border-color, rgba(0, 0, 0, 0.1));
    border-radius: 0.5rem;
    padding: 0.75rem 0.85rem;
    background: rgba(0, 0, 0, 0.02);
    line-height: 1.45;
    max-height: 14rem;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    position: relative;
}
.syf15-sistem-ayarlari .syf15-wp-yz-gomulu {
    overflow-y: auto !important;
}
.syf15-wp-yz-oneri-list { display: flex; flex-direction: column; gap: 0.45rem; }
.syf15-wp-yz-oneri-row {
    display: grid;
    grid-template-columns: auto 1fr auto auto;
    gap: 0.45rem;
    align-items: center;
    padding: 0.45rem 0.55rem;
    border: 1px solid var(--bs-border-color, rgba(0, 0, 0, 0.1));
    border-radius: 0.45rem;
    background: rgba(0, 0, 0, 0.015);
}
.syf15-wp-yz-oneri-sira { display: flex; flex-direction: column; gap: 0.15rem; }
.syf15-wp-yz-oneri-akt { min-width: 2.5rem; justify-self: center; }
[data-theme-version="dark"] .syf15-wp-yz-switch-card { border-color: rgba(255, 255, 255, 0.12); background: rgba(255, 255, 255, 0.03); }
[data-theme-version="dark"] .syf15-wp-yz-gomulu,
[data-theme-version="dark"] .syf15-wp-yz-oneri-row { border-color: rgba(255, 255, 255, 0.12); background: rgba(255, 255, 255, 0.03); }

@media (max-width: 767.98px) {
    .syf15-ayar-btn { width: 100%; }
    .syf15-sistem-ayarlari-btns .btn { width: 100%; }
    .syf15-sistem-ayarlari-btns .col-md-auto { min-width: 100%; }
    .syf15-sistem-ayarlari-form .col-md-auto { min-width: 100%; }
    .syf15-sistem-ayarlari .card-body { padding: 0.5rem !important; }
}
@media (max-width: 991.98px) {
    .syf15-sistem-ayarlari-modal .modal-dialog { margin: 0.5rem; max-width: calc(100% - 1rem); }
    .syf15-sistem-ayarlari-modal .modal-title { font-size: 0.95rem; }
    .syf15-sistem-ayarlari-modal .modal-dialog { margin: 0.5rem; max-width: calc(100% - 1rem); }
    .syf15-sistem-ayarlari-modal .modal-footer .btn { min-height: 44px; }
    .syf15-sistem-ayarlari-modal-tabs { overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; }
    .syf15-sistem-ayarlari-modal-tabs .nav-link { white-space: nowrap; flex-shrink: 0; font-size: 0.85rem; }
   .syf15-cari-fis-ayarlari .form-label { font-size: 0.9rem; }
}
@media (max-width: 575.98px) {
    .syf15-sistem-ayarlari-modal .modal-title { font-size: 0.9rem; }
    .syf15-sistem-ayarlari-modal .modal-footer { flex-wrap: wrap; gap: 0.5rem; }
    .syf15-sistem-ayarlari-modal .modal-footer .btn { flex: 1 1 auto; min-width: 120px; }
}

.altdgm{
    margin: 10px;
    padding: 5px;
}
.sagda{
    text-align: right;
}


.nobold {
    font-weight: normal;
}

.mw_450 {max-width: 450px;}
.mw_350 {max-width: 350px;}
.mw_250 {max-width: 250px;}
.mw_150 {max-width: 150px;}
.mw_400 {max-width: 400px;}
.mw_300 {max-width: 300px;}
.mw_200 {max-width: 200px;}
.mw_100 {max-width: 100px;}

.mn_450 {min-width: 450px;}
.mn_350 {min-width: 350px;}
.mn_250 {min-width: 250px;}
.mn_150 {min-width: 150px;}
.mn_400 {min-width: 400px;}
.mn_300 {min-width: 300px;}
.mn_200 {min-width: 200px;}
.mn_100 {min-width: 100px;}


.nav-link2 {
    color: inherit; /* Arka plan rengi neyse o rengi kullanır */
    text-decoration: none;
    padding: 10px 15px; /* Buton görünümü için dolgu */
    transition: color 0.3s; /* Geçiş efekti */
}

.nav-link2.active {
    color: #143a6c; /* Active durumunda mavi */
    font-weight: bold; /* Aktif bağlantıyı vurgulamak için kalın yazı */
    border-bottom: 1px solid blue; /* Alt çizgi efekti */

}
.nav-link2:hover {
    color: #0101ff; /* Hover durumunda koyu mavi */
    border-bottom: 1px solid #6d2583; /* Alt çizgi efekti */
}

.dropdown-menu {
    display: none; /* Varsayılan olarak gizle */
}

.dropdown-menu.show {
    display: block; /* Açıldığında göster */
}

.damga_yazisi {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-45deg); /* Ortala ve çapraz döndür */
    font-size: 150px; /* Yazı boyutu */
    font-weight: bold;
    white-space: nowrap; /* Tek satırda tut */
    pointer-events: none; /* Etkileşimi kapat */
    width: 99vw; /* Ekran genişliğini kapla */
    text-align: center;
    color: rgba(220, 53, 69, 0.1);
    z-index: 0;
}
.damga_yazisi2 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
    font-size: 150px; /* Yazı boyutu */
    font-weight: bold;
    white-space: nowrap; /* Tek satırda tut */
    pointer-events: none; /* Etkileşimi kapat */
    width: 99vw; /* Ekran genişliğini kapla */
    text-align: center;
    color: rgba(220, 53, 69, 0.1);
    z-index: 0;
}
.circle {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: white;
}
.selectable-circle {
    cursor: pointer;
    margin: 5px;
}


/* ================== LOGO-BRAND ================== */
.logo-brand{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: 0;
    padding: 0;
    min-height: 0;
    box-sizing: border-box;
}

.logo-brand .logo-wrap{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    isolation: isolate;
    padding: 4px;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.25),
        inset 0 -1px 0 rgba(0,0,0,0.06),
        0 4px 16px rgba(0,0,0,0.06);
    transition: box-shadow 0.4s ease, transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.logo-brand .logo-wrap:hover{
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.35),
        inset 0 -1px 0 rgba(0,0,0,0.04),
        0 8px 32px rgba(0,0,0,0.1),
        0 0 0 1px rgba(255,255,255,0.08);
    transform: scale(1.02);
}

/* Lüks altın parıltı – yavaş, zarif (logo alanı içinde) */
.logo-brand .logo-wrap::before{
    content: '';
    position: absolute;
    inset: 0;
    z-index: 1;
    border-radius: inherit;
    pointer-events: none;
    background: linear-gradient(
        120deg,
        transparent 0%,
        transparent 35%,
        rgba(255,255,255,0.18) 45%,
        rgba(255,236,179,0.12) 50%,
        rgba(255,255,255,0.18) 55%,
        transparent 65%,
        transparent 100%
    );
    background-size: 250% 100%;
    background-position: 160% 0;
    animation: logo-shimmer 12s ease-in-out infinite;
    mix-blend-mode: overlay;
}

/* İkinci katman – yumuşak ışık geçişi */
.logo-brand .logo-wrap::after{
    content: '';
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    border-radius: inherit;
    box-shadow: inset 0 0 20px rgba(255,255,255,0.03);
    background: linear-gradient(180deg, rgba(255,255,255,0.06) 0%, transparent 50%, rgba(0,0,0,0.02) 100%);
}

@media (prefers-reduced-motion: reduce){
    .logo-brand .logo-wrap::before{ animation: none; opacity: 0; }
    .logo-brand .logo-wrap:hover{ transform: none; }
}

@keyframes logo-shimmer{
    0%, 100%{ background-position: 160% 0; }
    50%{ background-position: -90% 0; }
}

.logo-brand img,
.logo-brand .logo-wrap img{
    display: block !important;
    width: auto;
    height: 48px;
    max-height: 48px;
    min-width: 24px;
    min-height: 48px;
    max-width: 100%;
    object-fit: contain;
    user-select: none;
    -webkit-user-drag: none;
    opacity: 1 !important;
    visibility: visible !important;
    filter: drop-shadow(0 1px 2px rgba(0,0,0,0.04)) drop-shadow(0 4px 12px rgba(0,0,0,0.06)) drop-shadow(0 8px 24px rgba(0,0,0,0.04));
    transition: filter 0.4s ease;
}

.logo-brand .logo-wrap:hover img{
    filter: drop-shadow(0 2px 4px rgba(0,0,0,0.06)) drop-shadow(0 6px 20px rgba(0,0,0,0.08)) drop-shadow(0 12px 36px rgba(0,0,0,0.06));
}

/* Karanlık temada lüks efekt ayarı */
[data-theme-version="dark"] .logo-brand .logo-wrap{
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.08),
        inset 0 -1px 0 rgba(0,0,0,0.2),
        0 4px 20px rgba(0,0,0,0.25);
}
[data-theme-version="dark"] .logo-brand .logo-wrap:hover{
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.12),
        inset 0 -1px 0 rgba(0,0,0,0.15),
        0 8px 36px rgba(0,0,0,0.35),
        0 0 0 1px rgba(255,255,255,0.04);
}

/* Tema: aydınlık=logo-dark, karanlık=logo-light */
.logo-brand .logo-wrap .logo-light{ display: none !important; }
.logo-brand .logo-wrap .logo-dark{ display: block !important; }
[data-theme-version="dark"] .logo-brand .logo-wrap .logo-dark{ display: none !important; }
[data-theme-version="dark"] .logo-brand .logo-wrap .logo-light{ display: block !important; }

/* Ortak iskelet (iki mod da bunu kullanır) */
.color-bg{
    position:relative;
    isolation:isolate;
    --bg-speed: 1;   /* 1=normal, 2=hızlı, 0.5=yavaş */
    --bg-blur: 0px;  /* 0–20px cam efekti */
}
.color-bg > *{
    position:relative;
    z-index:1;
}

.color-bg::before{
    content:'';
    position:absolute;
    inset:0;
    z-index:0;
    pointer-events:none;
    border-radius:inherit;

    /* katmanlar değişkenlerden geliyor */
    background:
            var(--bg-g1),
            var(--bg-g2),
            var(--bg-g3),
            var(--bg-g4),
            var(--bg-base);

    /* Cam efekti: blur + hafif saturate – doğal buzlu cam (brightness yok, beyazlık önlenir) */
    backdrop-filter: blur(var(--bg-blur)) saturate(var(--bg-saturate, 120%));
    -webkit-backdrop-filter: blur(var(--bg-blur)) saturate(var(--bg-saturate, 120%));

    /* Cam kenarı: çok hafif ışık yansıması */
    box-shadow: inset 0 1px 0 var(--bg-edge, rgba(255,255,255,0.06));

    animation: bgHue calc(40s / var(--bg-speed)) linear infinite;
}

@keyframes bgHue { to { filter: hue-rotate(360deg); } }


/* LIGHT – seçili tema rengine göre arka plan geçişleri */
body[data-theme-version="light"] .color-bg{
    --bg-blur: 10px;
    --bg-saturate: 115%;
    --bg-edge: rgba(255,255,255,0.05);
    --bg-g1: radial-gradient(65vmax 65vmax at 12% 8%, rgba(var(--sys-accent-rgb), 0.26) 0%, transparent 55%);
    --bg-g2: radial-gradient(55vmax 55vmax at 88% 12%, rgba(var(--sys-accent-rgb), 0.16) 0%, transparent 55%);
    --bg-g3: radial-gradient(70vmax 70vmax at 15% 88%, rgba(var(--sys-accent-rgb), 0.14) 0%, transparent 55%);
    --bg-g4: radial-gradient(60vmax 60vmax at 90% 88%, rgba(var(--sys-accent-rgb), 0.18) 0%, transparent 55%);
    --bg-base: linear-gradient(160deg, color-mix(in srgb, #e8edf4 92%, rgb(var(--sys-accent-rgb))) 0%, color-mix(in srgb, #dce8f4 88%, rgb(var(--sys-accent-rgb))) 50%, #e0e8f0 100%);
}


/* DARK – seçili tema rengine göre arka plan geçişleri */
body:not([data-theme-version="light"]) .color-bg{
    --bg-blur: 12px;
    --bg-saturate: 110%;
    --bg-edge: rgba(255,255,255,0.04);
    --bg-g1: radial-gradient(70vmax 70vmax at 12% 12%, rgba(var(--sys-accent-rgb), 0.14) 0%, transparent 58%);
    --bg-g2: radial-gradient(60vmax 60vmax at 88% 14%, rgba(var(--sys-accent-rgb), 0.10) 0%, transparent 58%);
    --bg-g3: radial-gradient(75vmax 75vmax at 18% 92%, rgba(var(--sys-accent-rgb), 0.09) 0%, transparent 58%);
    --bg-g4: radial-gradient(65vmax 65vmax at 92% 86%, rgba(var(--sys-accent-rgb), 0.12) 0%, transparent 58%);
    --bg-base:
            radial-gradient(120vmax 90vmax at 50% 50%, rgba(0,0,0,.08) 0%, rgba(0,0,0,.48) 70%),
            linear-gradient(135deg, color-mix(in srgb, #0c111b 94%, rgb(var(--sys-accent-rgb))) 0%, #080b14 55%, color-mix(in srgb, #0a0d18 96%, rgb(var(--sys-accent-rgb))) 100%);
}


@keyframes bgHue {
    to { filter: hue-rotate(360deg); }
}



/* Alt menüler: display:block + visibility/opacity ile animasyon destekli (display:none kullanmıyoruz) */

.ellipsis-1 {
    display: inline-block;   /* veya block */
    max-width: 100%;         /* bir genişlik olmalı */
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}


:root{
    --topbar-h: 52px;
    --bottombar-h: 32px;
    --navbar-sol-width: 0px;

    --cb-min-h: 250px;
    --cb-threshold: 400px;

    --cb-bottom-spacer: 12px;

    /* Üst menü & araçlar – modern token'lar */
    --nav-h: 52px;
    --nav-radius: 10px;
    --nav-radius-sm: 8px;
    --nav-gap: 4px;
    --nav-ease: cubic-bezier(0.4, 0, 0.2, 1);
    --nav-dur: 200ms;
    --nav-accent: var(--sys-accent, #8eb8f0);
    --nav-accent-soft: var(--sys-accent-soft, rgba(142, 184, 240, 0.12));
    --nav-hover-dark: rgba(255, 255, 255, 0.11);
    --nav-hover-light: rgba(0, 0, 0, 0.07);
    --nav-border-dark: rgba(255, 255, 255, 0.08);
    --nav-border-light: rgba(0, 0, 0, 0.08);
    --nav-shadow-bar: 0 1px 0 var(--nav-border-dark), 0 4px 20px rgba(0, 0, 0, 0.18);
    --nav-shadow-dd: 0 16px 40px rgba(0, 0, 0, 0.22), 0 4px 12px rgba(0, 0, 0, 0.1);
    --nav-shadow-dd-light: 0 16px 40px rgba(0, 0, 0, 0.12), 0 4px 12px rgba(0, 0, 0, 0.06);
    --nav-text-dark: rgba(255, 255, 255, 0.92);
    --nav-text-light: #1e293b;
}

html, body{ height:100%; }
body{ margin:0; overflow:hidden; }
@media print{
    body{
        margin: 0 !important;
        overflow: visible !important; /* hidden'ı iptal eder */
    }
}

/* =========================================================
 *  ÜST MENÜ SİSTEMİ – 3 mod mimarisi
 *  MOBİL      @media (max-width:992px)  drawer + araçlar adası
 *  PC ÜST     #anabar.nav-top + .topbar-mode-top  (min-width:993px)
 *  PC SOL     #anabar.nav-left + #topbar.nav-sidebar + .topbar-mode-sidebar
 *  Ortak      #topbar dropdown/ustdgm, --nav-* token'ları
 *  Tema       data-headerbg (üst/mobil), data-nav-headerbg (sol)
 *  JS         derle.php → navbarKonumUygula, syncCenterbarHeightMobile
 * =======================================================*/

#topbar{
    height: var(--topbar-h);
    display: flex;
    align-items: center;
    min-width: 0;
}
#topbar .navbar-collapse{
    display: flex !important;
    flex: 1 1 auto;
    min-width: 0;
}
#topbar .navbar-nav{
    margin: 0;
    padding: 0;
    float: none;
    list-style: none;
}
#topbar .navbar-nav .ustdgm{ margin: 0 !important; padding: 0 !important; }
#topbar .menuicon-a{
    display: inline-flex !important;
    align-items: center;
    padding: 0 !important;
}
#topbar .drdrbaslik{ font-weight: 500; }

/* =========================================================
 *  MOD SINIFLARI – JS: navbarKonumUygula (topbar-mode-*)
 * =======================================================*/
#topbar-container.topbar-mode-top{
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    display: flex !important;
    align-items: stretch !important;
    height: var(--nav-h) !important;
    max-height: var(--nav-h) !important;
    overflow: visible !important;
    z-index: 1030;
    background: var(--headerbg, #343a40) !important;
    border-bottom: 1px solid var(--nav-border-dark);
    box-shadow: var(--nav-shadow-bar);
    backdrop-filter: blur(14px) saturate(150%);
    -webkit-backdrop-filter: blur(14px) saturate(150%);
}
#anabar.nav-left #topbar-container.topbar-mode-sidebar{
    position: static !important;
    display: block !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
}
#topbar-container.topbar-mode-top #topbar{
    flex: 1 1 auto !important;
    min-width: 0 !important;
    background: transparent !important;
    position: relative !important;
}
#topbar.nav-sidebar{
    position: fixed !important;
    top: 0;
    left: 0;
    height: 100vh !important;
    overflow-y: auto;
    overflow-x: visible;
    flex-direction: column !important;
    z-index: 1035 !important;
    background: var(--nav-headbg, var(--headerbg, #343a40)) !important;
    border-right: 1px solid var(--nav-border-dark);
    box-shadow: 4px 0 24px rgba(0,0,0,.28);
    transition: width .28s var(--nav-ease), min-width .28s var(--nav-ease);
}
#araclar.araclar-sol-mod{
    position: fixed !important;
    top: 10px;
    right: 0;
    left: auto;
    z-index: 1031;
    display: flex !important;
    flex-direction: row-reverse;
    align-items: center;
    min-height: 44px;
    height: 44px;
    overflow: hidden;
    border-radius: 12px 0 0 12px;
    background: var(--nav-headbg, var(--headerbg, #343a40)) !important;
    border: 1px solid var(--nav-border-dark);
    border-right: none;
    box-shadow: -4px 4px 20px rgba(0,0,0,.25);
    padding: 0;
}
#araclar.araclar-sol-mod .araclar-gears-trigger{
    transition: background var(--nav-dur) var(--nav-ease);
}
#araclar.araclar-sol-mod .araclar-gears-trigger:hover{
    background: var(--nav-hover-dark);
}
[data-headerbg="color_1"] #araclar.araclar-sol-mod,
[data-nav-headerbg="color_1"] #araclar.araclar-sol-mod{
    background: #fff !important;
    border-color: var(--nav-border-light) !important;
    box-shadow: -4px 4px 20px rgba(0,0,0,.1) !important;
}
[data-headerbg="color_1"] #araclar.araclar-sol-mod .araclar-gears-trigger:hover,
[data-nav-headerbg="color_1"] #araclar.araclar-sol-mod .araclar-gears-trigger:hover{
    background: var(--nav-hover-light);
}

/* =========================================================
 *  PC SOL MENÜ – nav-sidebar (min-width: 993px)
 * =======================================================*/
@media (min-width: 993px){
#topbar.nav-sidebar{
    display: flex;
    align-items: stretch;
}
/* Sol modda centerbar/bottombar left geçişi – Tam/İkonlar arası yumuşak geçiş */
#anabar.nav-left #centerbar,
#anabar.nav-left #bottombar{
    transition: left .28s cubic-bezier(0.4, 0, 0.2, 1);
}
/* Sol modda üstte bar yok – centerbar top:0 ile başlasın (syncCenterbarHeightMobile inline temizlediğinde de geçerli) */
#anabar.nav-left #centerbar{
    top: 0 !important;
}
#topbar.nav-sidebar .collapse.navbar-collapse,
#topbar.nav-sidebar .navbar-collapse{
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto;
    min-height: 0;
    padding: 8px 0 !important;
}
#topbar.nav-sidebar .navbar-nav{ flex-direction: column !important; width: 100%; gap: 2px; }
#topbar.nav-sidebar .navbar-nav > li{ width: 100%; margin: 0 !important; }
#topbar.nav-sidebar .navbar-nav > li.sekme1{ margin: 0 !important; border: none !important; }
#topbar.nav-sidebar .navbar-nav > li > a,
#topbar.nav-sidebar .navbar-nav > li .dropdown-toggle,
#topbar.nav-sidebar .navbar-nav > li .nav-link{
    display: flex !important;
    align-items: center;
    justify-content: flex-start;
    padding: 10px 14px !important;
    margin: 0 6px !important;
    border-radius: var(--nav-radius) !important;
    border: 1px solid transparent;
    color: var(--nav-sidebar-fg) !important;
    font-size: 0.875rem;
    font-weight: 500;
    transition: background var(--nav-dur) var(--nav-ease), color var(--nav-dur) var(--nav-ease), border-color var(--nav-dur) var(--nav-ease);
}
#topbar.nav-sidebar .navbar-nav .drdrbaslik,
#topbar.nav-sidebar .navbar-nav > li > a > span:not(.menuicon-a),
#topbar.nav-sidebar .navbar-nav .dropdown-toggle > span:not(.menuicon-a),
#topbar.nav-sidebar .gstb{
    color: var(--nav-sidebar-fg) !important;
}
#topbar.nav-sidebar .navbar-nav > li:hover > a,
#topbar.nav-sidebar .navbar-nav > li:hover .dropdown-toggle{
    background: var(--nav-sidebar-hover-bg) !important;
    color: var(--nav-sidebar-fg-hover) !important;
    border-color: var(--nav-sidebar-border, rgba(255,255,255,.06));
}
#topbar.nav-sidebar .navbar-nav > li:hover .drdrbaslik,
#topbar.nav-sidebar .navbar-nav > li:hover > a > span:not(.menuicon-a),
#topbar.nav-sidebar .navbar-nav > li:hover .dropdown-toggle > span:not(.menuicon-a){
    color: var(--nav-sidebar-fg-hover) !important;
}
#topbar.nav-sidebar .navbar-nav > li.show > a,
#topbar.nav-sidebar .navbar-nav > li.show > .dropdown-toggle,
#topbar.nav-sidebar .navbar-nav > li.sekme1.show > .dropdown-toggle,
#topbar.nav-sidebar .navbar-nav > li.dropdown.show > .dropdown-toggle{
    background: var(--nav-sidebar-active-bg) !important;
    color: var(--nav-sidebar-fg-active) !important;
    border-color: var(--nav-sidebar-active-border) !important;
}
#topbar.nav-sidebar .navbar-nav > li.show .drdrbaslik,
#topbar.nav-sidebar .navbar-nav > li.show > a > span:not(.menuicon-a),
#topbar.nav-sidebar .navbar-nav > li.show .dropdown-toggle > span:not(.menuicon-a){
    color: var(--nav-sidebar-fg-active) !important;
}
[data-nav-headerbg="color_1"] #topbar.nav-sidebar{
    background: #fff !important;
    border-right-color: var(--nav-border-light) !important;
    box-shadow: 4px 0 24px rgba(0,0,0,.1) !important;
    --nav-sidebar-fg: #1e293b;
    --nav-sidebar-fg-hover: var(--sys-text-accent, #5a88c8);
    --nav-sidebar-fg-active: var(--sys-text-accent, #5a88c8);
    --nav-sidebar-hover-bg: rgba(0, 0, 0, 0.06);
    --nav-sidebar-active-bg: var(--sys-accent-soft);
}
[data-nav-headerbg="color_4"] #topbar.nav-sidebar{
    --nav-sidebar-fg: rgba(255, 255, 255, 0.95);
    --nav-sidebar-fg-hover: #fff;
    --nav-sidebar-fg-active: var(--sys-text-accent-soft, #fff);
    --nav-sidebar-hover-bg: rgba(255, 255, 255, 0.1);
    --nav-sidebar-active-bg: rgba(255, 255, 255, 0.14);
    --nav-sidebar-active-border: rgba(255, 255, 255, 0.18);
}
/* Pastel aydınlık mod: sol menü */
[data-theme-version="light"][data-nav-headerbg] #topbar.nav-sidebar{
    background: var(--nav-headbg, #fff) !important;
    border-right-color: rgba(0,0,0,.06) !important;
    box-shadow: 4px 0 20px rgba(0,0,0,.08) !important;
    --nav-sidebar-fg: var(--sys-text-primary, #0f172a);
    --nav-sidebar-fg-hover: var(--sys-text-accent, #5a88c8);
    --nav-sidebar-fg-active: var(--sys-text-accent, #5a88c8);
    --nav-sidebar-hover-bg: rgba(0, 0, 0, 0.06);
    --nav-sidebar-active-bg: var(--sys-accent-soft);
    --nav-sidebar-active-border: color-mix(in srgb, var(--sys-accent) 28%, transparent);
    --nav-flyout-fg: var(--sys-text-primary, #0f172a);
}
[data-theme-version="light"][data-nav-headerbg="color_4"] #topbar.nav-sidebar{
    --nav-sidebar-fg: rgba(255, 255, 255, 0.95);
    --nav-sidebar-fg-hover: #fff;
    --nav-sidebar-fg-active: var(--sys-text-accent-soft, #fff);
    --nav-flyout-fg: rgba(255, 255, 255, 0.95);
}
#topbar.nav-sidebar .navbar-nav .dropdown-menu,
#topbar.nav-sidebar .navbar-nav .frtik.ordgm.dropdown-menu{
    min-width: 220px;
}
#topbar.nav-sidebar .menuicon-a{
    width: 28px;
    min-width: 28px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    padding: 0 !important;
}
#topbar.nav-sidebar .menuicon-a i{ font-size: 1rem !important; }
#topbar.nav-sidebar .drdrbaslik,
#topbar.nav-sidebar .navbar-nav span:not(.gstb){ font-weight: 500; }
#topbar.nav-sidebar .justify-content-between{
    flex-direction: column !important;
    align-items: stretch !important;
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px solid rgba(255,255,255,.08);
}
#topbar.nav-sidebar .header-border{
    border-right: none !important;
    margin: 2px 6px !important;
    padding: 6px 8px !important;
}
#topbar.nav-sidebar .header-border .btn,
#topbar.nav-sidebar .nav-link{
    border-radius: 8px !important;
    justify-content: center;
}
#topbar.nav-sidebar .header-info2 h4{ font-size: 0.9rem !important; }
/* Logo bloğu: tam ve gizli görünümde ortada, etrafında boşluk */
#topbar.nav-sidebar:not(.navbar-gizle-ikonlar) .navbar-collapse > .topbar-logo-wrap:first-child,
#topbar.nav-sidebar:not(.navbar-gizle-ikonlar) .navbar-collapse > .menuicon-a:first-child{
    width: 100% !important;
    min-width: auto !important;
    justify-content: center !important;
    margin: 0 6px 10px !important;
    padding: 10px 16px !important;
    border-radius: 8px;
}
#topbar.nav-sidebar:not(.navbar-gizle-ikonlar) .topbar-logo-wrap .logo-brand{
    justify-content: center !important;
}
/* Tam/gizli modda logo boyutu az küçült */
#topbar.nav-sidebar:not(.navbar-gizle-ikonlar) .topbar-logo-wrap .logo-wrap img{
    max-height: 40px !important;
    height: 40px !important;
}
/* Tam açık modda logo kesik görünmesin – overflow: visible */
#topbar.nav-sidebar .topbar-logo-wrap .logo-wrap{
    overflow: visible !important;
}
#topbar.nav-sidebar .topbar-logo-wrap .logo-brand{
    overflow: visible !important;
}
#topbar.nav-sidebar::-webkit-scrollbar{ width: 5px; }
#topbar.nav-sidebar::-webkit-scrollbar-track{ background: var(--sys-scrollbar-track, transparent); }
#topbar.nav-sidebar::-webkit-scrollbar-thumb{
    background: var(--sys-scrollbar-thumb, rgba(255,255,255,.15));
    border-radius: 10px;
}
#topbar.nav-sidebar:hover::-webkit-scrollbar-thumb{
    background: var(--sys-scrollbar-thumb-hover, rgba(255,255,255,.28));
}
#topbar.nav-sidebar .gstb,
#topbar.nav-sidebar .drdrbaslik{ display: inline !important; }

#topbar.nav-sidebar .navbar-nav .dropdown-menu{
    position: fixed !important;
    left: calc(var(--navbar-sol-width) - 10px) !important;
    margin-left: 0 !important;
    margin-top: 0 !important;
    z-index: 1075 !important; /* Alt menüler centerbar üstünde */
}
} /* end @media min-width 993 – PC sol menü */

/* Ortak: dropdown alt öğe düzeni (tüm modlar) */
#topbar .dropdown-menu .ustdgm .altdgm,
#topbar .frtik.ordgm.dropdown-menu .ustdgm .altdgm{
    display: flex !important;
    align-items: center;
    width: 100% !important;
    box-sizing: border-box !important;
    white-space: nowrap;
    flex-wrap: nowrap;
    margin: 0 !important;
}
#topbar .dropdown-menu .ustdgm .altdgm .menuicon-a,
#topbar .frtik.ordgm.dropdown-menu .ustdgm .altdgm .menuicon-a{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0;
    margin: 0 !important;
    padding: 0 !important;
}
#topbar .dropdown-menu .ustdgm,
#topbar .frtik.ordgm.dropdown-menu .ustdgm{
    white-space: nowrap;
}
/* Alt menü satırları: li.ustdgm + altdgm2 inline-flex yatay dizilmesin */
#topbar .dropdown-menu li.ustdgm,
#topbar .frtik.ordgm.dropdown-menu li.ustdgm,
#topbar .dropdown-menu li.ustdgm.altdgm2,
#topbar .frtik.ordgm.dropdown-menu li.ustdgm.altdgm2,
body > .dropdown-menu.gizle-ddm li.ustdgm,
body > .frtik.ordgm.dropdown-menu.gizle-ddm li.ustdgm,
body > .dropdown-menu.navleft-ddm li.ustdgm,
body > .frtik.ordgm.dropdown-menu.navleft-ddm li.ustdgm{
    display: flex !important;
    flex-direction: row;
    align-items: stretch;
    width: 100% !important;
}
#topbar .navbar-nav .dropdown-menu,
#topbar .navbar-nav .frtik.ordgm.dropdown-menu,
body > .dropdown-menu.gizle-ddm,
body > .frtik.ordgm.dropdown-menu.gizle-ddm,
body > .dropdown-menu.navleft-ddm,
body > .frtik.ordgm.dropdown-menu.navleft-ddm{
    flex-direction: column !important;
    align-items: stretch !important;
}
#topbar .frtik.ordgm.dropdown-menu,
#topbar .navbar-nav .dropdown-menu.frtik{
    min-width: max-content;
}

/* Ana Sayfa alt menüsü: mobilde en başta Ana Sayfa linki – sadece mobil görünümde görünür */
#topbar-container .navbar-nav > li.anasayfa-mobil-link{
    display: none !important;
}
@media (max-width: 992px){
    body.topbar-mobile-open #topbar-container .navbar-nav > li.anasayfa-mobil-link{
        display: flex !important;
    }
    /* Logo: topbar ve mobil menüde her zaman görünsün */
    #topbar-container .navbar-collapse > .menuicon-a:first-child,
    #topbar-container .navbar-collapse > .topbar-logo-wrap:first-child{
        display: flex !important;
        visibility: visible !important;
    }
}

/* Araçlar divi: navbar'dan ayrı, üst modda barın sağında, sol modda sağ üstte adacık */
.araclar-div{
    display: flex;
    align-items: center;
    flex-shrink: 0;
    padding-right: 8px;
}
.araclar-island-inner{
    display: flex;
    align-items: center;
}
.araclar-gears-trigger{
    display: none;
}
.araclar-div .topbar-right-wrap{
    display: flex;
    align-items: center;
    gap: 4px;
}

/* ========== MOBİL TOPBAR: Hamburger + Drawer ========== */
.topbar-mobile-toggle{
    display: none;
    position: fixed;
    top: 8px;
    left: 8px;
    z-index: 1032;
    width: 42px;
    height: 42px;
    border: none;
    border-radius: 10px;
    background: rgba(255,255,255,.15);
    color: rgba(255,255,255,.95);
    font-size: 1.2rem;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    transition: background .2s ease, transform .2s ease;
}
.topbar-mobile-toggle:hover{
    background: rgba(255,255,255,.25);
}
.topbar-mobile-overlay{
    display: none;
    position: fixed;
    inset: 0;
    z-index: 1028;
    background: rgba(0,0,0,.4);
    opacity: 0;
    pointer-events: none;
    transition: opacity .25s ease;
}
body.topbar-mobile-open .topbar-mobile-overlay{
    display: block;
    opacity: 1;
    pointer-events: auto;
}
@media (max-width: 992px){
    :root{ --topbar-h: 56px; --nav-h: 56px; }
    /* Kapalı: üst bar – logo görünür, menü gizli */
    .topbar-mobile-toggle{ display: flex !important; }
    .topbar-mobile-overlay{ display: block; }
    #topbar-container .navbar-collapse{
        display: flex !important;
        flex-direction: row;
        align-items: center;
        flex: 1 1 0% !important;
        min-width: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 12px !important;
    }
    #topbar-container .navbar-collapse .navbar-nav{
        display: none !important;
    }

    /* Kapalı bar: safe-area, cam efekti, sola yaslı logo */
    #topbar-container{
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        box-sizing: border-box !important;
        padding-top: env(safe-area-inset-top, 0);
        padding-left: calc(48px + env(safe-area-inset-left, 0));
        padding-right: env(safe-area-inset-right, 0);
        padding-bottom: 0;
        min-height: var(--nav-h) !important;
        max-height: var(--nav-h) !important;
        height: var(--nav-h) !important;
        align-items: center;
        overflow: hidden !important;
        background: var(--headerbg, #343a40) !important;
        border-bottom: 1px solid var(--nav-border-dark);
        box-shadow: var(--nav-shadow-bar);
        backdrop-filter: blur(14px) saturate(150%);
        -webkit-backdrop-filter: blur(14px) saturate(150%);
    }
    [data-headerbg="color_1"] #topbar-container{
        border-bottom-color: var(--nav-border-light);
        box-shadow: 0 1px 0 rgba(0,0,0,.06), 0 4px 18px rgba(0,0,0,.06);
    }
    /* Menü kapalıyken container asla tam ekran olmasın – geçiş sırasında da sabit */
    body:not(.topbar-mobile-open) #topbar-container{
        max-height: var(--nav-h) !important;
        height: var(--nav-h) !important;
        width: 100% !important;
        transition: none !important;
    }
    /* Logo: topbar ve mobil menüde görünsün, sola hizalı */
    #topbar-container .navbar-collapse > .menuicon-a:first-child,
    #topbar-container .navbar-collapse > .topbar-logo-wrap:first-child{
        flex: 1;
        display: flex !important;
        align-items: center;
        justify-content: flex-start;
        margin: 0 !important;
        padding: 0 4px !important;
        min-height: 40px;
    }
    #topbar-container .topbar-logo-wrap .logo-brand{ display: flex !important; }
    #topbar-container .topbar-logo-wrap .logo-brand .logo-wrap{ display: inline-block !important; }
    #topbar-container .topbar-logo-wrap .logo-brand img[class*="logo-"]{
        opacity: 1 !important;
        visibility: visible !important;
        min-width: 24px;
        min-height: 24px;
    }
    /* Koyu topbar: açık renkli logo (logo-light) – beyaz (color_1) hariç */
    #topbar-container .topbar-logo-wrap .logo-dark{ display: none !important; }
    #topbar-container .topbar-logo-wrap .logo-light{ display: block !important; }
    [data-headerbg="color_1"] #topbar-container .topbar-logo-wrap .logo-dark{ display: block !important; }
    [data-headerbg="color_1"] #topbar-container .topbar-logo-wrap .logo-light{ display: none !important; }
    #topbar-container .navbar-collapse > .menuicon-a img,
    #topbar-container .navbar-collapse > .menuicon-a .logo-wrap img,
    #topbar-container .topbar-logo-wrap .logo-wrap img{
        max-height: 40px !important;
        height: 40px !important;
    }
    .topbar-mobile-toggle{
        top: calc(env(safe-area-inset-top, 0) + (var(--nav-h) - 40px) / 2);
        left: calc(8px + env(safe-area-inset-left, 0));
        width: 40px;
        height: 40px;
        min-width: 40px;
        min-height: 40px;
        border-radius: 12px;
        background: rgba(255,255,255,.12) !important;
        color: #fff;
        font-size: 1.2rem;
        box-shadow: 0 2px 10px rgba(0,0,0,.22);
        backdrop-filter: blur(8px);
        -webkit-backdrop-filter: blur(8px);
        display: flex !important;
        align-items: center;
        justify-content: center;
        touch-action: none;
        overscroll-behavior: none;
        transition: background var(--nav-dur) var(--nav-ease), transform var(--nav-dur) var(--nav-ease);
    }
    .topbar-mobile-toggle:active{
        background: rgba(255,255,255,.22) !important;
        transform: scale(0.96);
    }
    [data-headerbg="color_1"] .topbar-mobile-toggle{
        background: rgba(0,0,0,.07) !important;
        box-shadow: 0 2px 8px rgba(0,0,0,.08);
    }
    [data-headerbg="color_1"] .topbar-mobile-toggle:active{
        background: rgba(0,0,0,.12) !important;
    }
    /* Beyaz topbar: mobil – sadece toggle, araclar tetikleyici, profil (renkli ikonlara dokunma) */
    [data-headerbg="color_1"] .topbar-mobile-toggle,
    [data-headerbg="color_1"] .topbar-mobile-toggle i,
    [data-headerbg="color_1"] #topbar-container #araclar .topbar-right-toggle,
    [data-headerbg="color_1"] #topbar-container #araclar .topbar-right-toggle i,
    [data-headerbg="color_1"] #topbar-container #araclar .araclar-gears-trigger,
    [data-headerbg="color_1"] #topbar-container #araclar .araclar-gears-trigger i,
    [data-headerbg="color_1"] #topbar-container .header-info2 h4,
    [data-headerbg="color_1"] #topbar-container .header-info2 .text-white,
    [data-headerbg="color_1"] #topbar-container .header-info2 .gstb{
        color: #212529 !important;
    }
    .topbar-mobile-overlay{
        background: rgba(0,0,0,.6);
        backdrop-filter: blur(6px);
        -webkit-backdrop-filter: blur(6px);
        touch-action: none;
        overscroll-behavior: none;
    }
    body.topbar-mobile-open{
        overflow: hidden !important;
    }

    /* Araçlar: kapalı bar – sağda modern ada */
    #topbar-container{
        align-items: center !important;
    }
    #araclar{
        position: absolute !important;
        right: calc(8px + env(safe-area-inset-right, 0));
        top: calc(env(safe-area-inset-top, 0) + (var(--nav-h) - 40px) / 2);
        height: 40px;
        bottom: auto;
        flex-shrink: 0;
        padding: 0 4px 0 8px;
        display: flex !important;
        align-items: center;
        z-index: 2;
        overflow: visible !important;
        border-radius: 12px;
        background: rgba(0,0,0,.18);
        border: 1px solid var(--nav-border-dark);
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
    }
    [data-headerbg="color_1"] #araclar{
        background: rgba(0,0,0,.04);
        border-color: var(--nav-border-light);
    }
    #araclar .topbar-right-wrap{
        overflow: visible !important;
        gap: 2px;
    }
    #araclar .topbar-right-toggle{
        width: 36px;
        height: 36px;
        min-width: 36px;
        min-height: 36px;
        border-radius: 10px;
        background: rgba(255,255,255,.12) !important;
        color: #fff !important;
        border: 1px solid rgba(255,255,255,.08) !important;
        display: flex !important;
        align-items: center;
        justify-content: center;
        backdrop-filter: blur(8px);
        -webkit-backdrop-filter: blur(8px);
        transition: background var(--nav-dur) var(--nav-ease), transform var(--nav-dur) var(--nav-ease);
    }
    #araclar .topbar-right-toggle:active{
        transform: scale(0.94);
        background: rgba(255,255,255,.2) !important;
    }
    [data-headerbg="color_1"] #araclar .topbar-right-toggle{
        background: rgba(0,0,0,.06) !important;
        border-color: rgba(0,0,0,.08) !important;
    }
    /* Mobilde profil/kullanıcı – sadece ikon */
    #araclar .header-info2 .gstb{
        display: none !important;
    }
    #araclar .header-info2{
        padding: 4px 8px !important;
        border-radius: 10px !important;
    }
    #araclar .header-info2:active{
        background: var(--nav-hover-dark);
    }
    [data-headerbg="color_1"] #araclar .header-info2:active{
        background: var(--nav-hover-light);
    }

    /* Drawer: sol panel */
    body.topbar-mobile-open #topbar-container{
        position: fixed !important;
        left: 0 !important;
        top: 0 !important;
        width: min(320px, 92vw) !important;
        max-width: 320px;
        flex-direction: column !important;
        z-index: 1031 !important;
        box-shadow: 16px 0 48px rgba(0,0,0,.45);
        border-right: 1px solid var(--nav-border-dark);
        border-radius: 0 16px 16px 0;
        padding-top: env(safe-area-inset-top, 0);
        padding-bottom: env(safe-area-inset-bottom, 0);
        overflow: hidden;
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }
    [data-headerbg="color_1"] body.topbar-mobile-open #topbar-container{
        border-right-color: var(--nav-border-light);
        box-shadow: 16px 0 48px rgba(0,0,0,.15);
    }

    /* Mobil kapalı: #topbar container genişliği ve yüksekliği (inline style override) */
    #topbar-container #topbar{
        flex: 1 1 0% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        min-height: 0 !important;
        max-height: 31px !important;
        height: auto !important;
    }
    /* Drawer: #topbar scroll alanı, logo sabit üstte (#topbar-container #topbar max-height override) */
    body.topbar-mobile-open #topbar-container #topbar{
        flex: 1 1 auto !important;
        min-height: 0 !important;
        max-height: none !important;
        height: auto !important;
        padding: 0 12px;
        display: flex;
        flex-direction: column;
        overflow: hidden;
    }
    body.topbar-mobile-open #topbar-container .navbar-collapse{
        flex-direction: column !important;
        flex: 1 1 0% !important;
        min-height: 0;
        min-width: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        overflow: hidden;
        padding: 0 !important;
    }
    body.topbar-mobile-open #topbar-container .navbar-collapse > .menuicon-a:first-child,
    body.topbar-mobile-open #topbar-container .navbar-collapse > .topbar-logo-wrap:first-child{
        flex-shrink: 0;
        margin: 0 !important;
        padding: 12px 4px !important;
        border-bottom: 1px solid var(--nav-border-dark);
        justify-content: flex-start !important;
    }
    [data-headerbg="color_1"] body.topbar-mobile-open #topbar-container .navbar-collapse > .topbar-logo-wrap:first-child{
        border-bottom-color: var(--nav-border-light);
    }
    body.topbar-mobile-open #topbar-container .topbar-logo-wrap .logo-brand{ display: flex !important; }
    body.topbar-mobile-open #topbar-container .navbar-collapse .navbar-nav{
        display: flex !important;
        flex: 1 1 auto;
        min-height: 0;
        overflow-y: auto;
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch;
        touch-action: pan-y !important; /* Safari: menü scroll için parent touch-action:none override */
    }
    body.topbar-mobile-open #topbar-container .navbar-nav{
        flex-direction: column !important;
        width: 100%;
        gap: 4px;
        padding: 10px 8px !important;
        align-items: stretch;
        text-align: left;
    }
    body.topbar-mobile-open #topbar-container .navbar-nav > li{
        width: 100%;
        margin: 0 !important;
        padding: 0 !important;
    }
    body.topbar-mobile-open #topbar-container .navbar-nav > li > a,
    body.topbar-mobile-open #topbar-container .navbar-nav .dropdown-toggle{
        min-height: 48px;
        padding: 12px 14px !important;
        font-size: 0.9375rem;
        font-weight: 500;
        border-radius: var(--nav-radius) !important;
        border: 1px solid transparent;
        justify-content: flex-start;
        align-items: center;
        gap: 10px;
        text-align: left;
        transition: background var(--nav-dur) var(--nav-ease), border-color var(--nav-dur) var(--nav-ease);
    }
    body.topbar-mobile-open #topbar-container .navbar-nav > li > a:active,
    body.topbar-mobile-open #topbar-container .navbar-nav .dropdown-toggle:active{
        background: var(--nav-hover-dark) !important;
        border-color: rgba(255,255,255,.06);
    }
    body.topbar-mobile-open #topbar-container .navbar-nav > li.sekme1.show > .dropdown-toggle{
        background: var(--nav-accent-soft) !important;
        border-color: rgba(14,165,233,.25);
    }

    /* Mobil dropdown: accordion, sola yaslı */
    body.topbar-mobile-open #topbar-container .navbar-nav .dropdown-menu,
    body.topbar-mobile-open #topbar-container .navbar-nav .frtik.ordgm.dropdown-menu{
        position: static !important;
        float: none !important;
        width: calc(100% - 12px) !important;
        min-width: auto !important;
        max-width: none !important;
        margin: 2px 0 6px 10px !important;
        padding: 6px !important;
        border: none !important;
        border-left: 3px solid var(--nav-accent);
        border-radius: 0 var(--nav-radius) var(--nav-radius) 0;
        box-shadow: none;
        background: rgba(0,0,0,.22) !important;
        background: color-mix(in srgb, var(--headerbg, #343a40) 72%, black) !important;
        transform: none !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }
    /* Kapalı alt menüler alan kaplamasın (display:block+visibility:hidden animasyonu boşluk bırakıyor) */
    body.topbar-mobile-open #topbar-container .navbar-nav .dropdown:not(.show) > .dropdown-menu,
    body.topbar-mobile-open #topbar-container .navbar-nav .dropdown:not(.show) > .frtik.ordgm.dropdown-menu,
    body.topbar-mobile-open #topbar-container .navbar-nav .sekme1:not(.show) > .dropdown-menu{
        display: none !important;
        visibility: hidden !important;
        height: 0 !important;
        min-height: 0 !important;
        overflow: hidden !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    body.topbar-mobile-open #topbar-container .navbar-nav .dropdown.show > .dropdown-menu,
    body.topbar-mobile-open #topbar-container .navbar-nav .sekme1.show > .dropdown-menu{
        display: block !important;
    }
    body.topbar-mobile-open #topbar-container .navbar-nav .ustdgm .altdgm{
        min-height: 44px;
        padding: 8px 10px 8px 20px !important;
        font-size: 0.875rem;
        font-weight: 500;
        border-radius: var(--nav-radius-sm) !important;
        margin: 2px 0 !important;
        justify-content: flex-start;
        text-align: left;
        gap: 8px;
    }
    body.topbar-mobile-open #topbar-container .navbar-nav .ustdgm .altdgm:active{
        background: var(--nav-hover-dark) !important;
    }
    body.topbar-mobile-open #topbar-container .navbar-nav .ustdgm:hover{
        background: transparent !important;
    }
    /* Beyaz topbar + mobil drawer: dropdown ve active koyu */
    [data-headerbg="color_1"] body.topbar-mobile-open #topbar-container .navbar-nav > li > a:active,
    [data-headerbg="color_1"] body.topbar-mobile-open #topbar-container .navbar-nav .dropdown-toggle:active{
        background: rgba(0,0,0,.08) !important;
    }
    [data-headerbg="color_1"] body.topbar-mobile-open #topbar-container .navbar-nav .ustdgm .altdgm:active{
        background: rgba(0,0,0,.08) !important;
    }
    [data-headerbg="color_1"] body.topbar-mobile-open #topbar-container .navbar-nav .dropdown-menu .ustdgm .altdgm,
    [data-headerbg="color_1"] body.topbar-mobile-open #topbar-container .navbar-nav .frtik.ordgm.dropdown-menu .ustdgm .altdgm,
    [data-headerbg="color_1"] body.topbar-mobile-open #topbar-container .navbar-nav .dropdown-menu .ustdgm .altdgm span,
    [data-headerbg="color_1"] body.topbar-mobile-open #topbar-container .navbar-nav .frtik.ordgm.dropdown-menu .ustdgm .altdgm span{
        color: #212529 !important;
    }
    [data-headerbg="color_1"] body.topbar-mobile-open #topbar-container .navbar-nav .dropdown-menu,
    [data-headerbg="color_1"] body.topbar-mobile-open #topbar-container .navbar-nav .frtik.ordgm.dropdown-menu{
        background: rgba(255,255,255,.98) !important;
        border-left-color: rgba(0,0,0,.15) !important;
    }

    /* Menü açıkken araçlar ve + düğmesi gizli */
    body.topbar-mobile-open #araclar,
    body.topbar-mobile-open .topbar-right-toggle{
        display: none !important;
    }

    body.topbar-mobile-open .topbar-mobile-toggle i::before{
        content: '\f00d';
    }
    /* Drawer açıkken metin etiketleri görünsün */
    body.topbar-mobile-open #topbar-container .gstb,
    body.topbar-mobile-open #topbar-container .drdrbaslik{
        display: inline !important;
    }

    /* Mobil araçlar popup – modern kart */
    .topbar-right-wrap.topbar-right-open .topbar-right-buttons,
    body > .topbar-right-buttons.araclar-toolbar-body-popup,
    #araclar-popup-portal > .topbar-right-buttons.araclar-toolbar-body-popup{
        border-radius: 16px !important;
        padding: 12px !important;
        gap: 8px !important;
        backdrop-filter: blur(18px) saturate(160%);
        -webkit-backdrop-filter: blur(18px) saturate(160%);
        border: 1px solid var(--nav-border-dark) !important;
        box-shadow: var(--nav-shadow-dd) !important;
    }
    body[data-headerbg="color_1"] .topbar-right-wrap.topbar-right-open .topbar-right-buttons,
    body[data-headerbg="color_1"] > .topbar-right-buttons.araclar-toolbar-body-popup,
    body[data-headerbg="color_1"] #araclar-popup-portal > .topbar-right-buttons.araclar-toolbar-body-popup{
        background: rgba(255,255,255,.98) !important;
        border-color: var(--nav-border-light) !important;
        box-shadow: var(--nav-shadow-dd-light) !important;
    }
    .topbar-right-wrap.topbar-right-open .topbar-right-buttons .nav-link,
    .topbar-right-wrap.topbar-right-open .topbar-right-buttons .btn,
    body > .topbar-right-buttons.araclar-toolbar-body-popup .nav-link,
    body > .topbar-right-buttons.araclar-toolbar-body-popup .btn,
    #araclar-popup-portal > .topbar-right-buttons.araclar-toolbar-body-popup .nav-link,
    #araclar-popup-portal > .topbar-right-buttons.araclar-toolbar-body-popup .btn{
        border-radius: var(--nav-radius) !important;
        background: rgba(255,255,255,.06) !important;
        border: 1px solid rgba(255,255,255,.06) !important;
    }
    body[data-headerbg="color_1"] .topbar-right-wrap.topbar-right-open .topbar-right-buttons .nav-link,
    body[data-headerbg="color_1"] .topbar-right-wrap.topbar-right-open .topbar-right-buttons .btn,
    body[data-headerbg="color_1"] > .topbar-right-buttons.araclar-toolbar-body-popup .nav-link,
    body[data-headerbg="color_1"] > .topbar-right-buttons.araclar-toolbar-body-popup .btn{
        background: rgba(0,0,0,.04) !important;
        border-color: rgba(0,0,0,.06) !important;
    }
    .topbar-right-wrap.topbar-right-open .topbar-right-buttons .btn-danger,
    body > .topbar-right-buttons.araclar-toolbar-body-popup .btn-danger,
    #araclar-popup-portal > .topbar-right-buttons.araclar-toolbar-body-popup .btn-danger{
        background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%) !important;
        border: none !important;
        color: #fff !important;
        font-weight: 600 !important;
        justify-content: center !important;
        width: 100%;
    }
    .topbar-right-wrap.topbar-right-open .topbar-right-buttons .header-info2,
    body > .topbar-right-buttons.araclar-toolbar-body-popup .header-info2{
        width: 100%;
        justify-content: flex-start !important;
        padding: 10px 12px !important;
        border-radius: var(--nav-radius) !important;
        background: rgba(255,255,255,.06);
    }
    body[data-headerbg="color_1"] .topbar-right-wrap.topbar-right-open .topbar-right-buttons .header-info2{
        background: rgba(0,0,0,.04);
    }
    .topbar-right-wrap.topbar-right-open .topbar-right-buttons .header-info2 .gstb,
    body > .topbar-right-buttons.araclar-toolbar-body-popup .header-info2 .gstb{
        display: inline !important;
    }
}
@media (min-width: 993px){
    .topbar-mobile-toggle,
    .topbar-mobile-overlay{ display: none !important; }
}

/* =========================================================
 *  MODERN ÜST MENÜ & ARAÇLAR – PC üst mod (nav-top, min-width 993px)
 * =======================================================*/
@media (min-width: 993px){
#anabar.nav-top{
    --topbar-h: var(--nav-h);
}
#anabar.nav-top #topbar-container,
#topbar-container.topbar-mode-top{
    display: flex !important;
    align-items: stretch !important;
    height: var(--nav-h) !important;
    max-height: var(--nav-h) !important;
    background: var(--headerbg, #343a40) !important;
    border-bottom: 1px solid var(--nav-border-dark);
    box-shadow: var(--nav-shadow-bar);
    backdrop-filter: blur(14px) saturate(150%);
    -webkit-backdrop-filter: blur(14px) saturate(150%);
    overflow: visible !important;
}
[data-headerbg="color_1"] #anabar.nav-top #topbar-container{
    background: #fff !important;
    border-bottom-color: var(--nav-border-light);
    box-shadow: 0 1px 0 rgba(0,0,0,.06), 0 4px 18px rgba(0,0,0,.06);
}
[data-headerbg="color_4"] #anabar.nav-top #topbar-container{
    background: #2c2c2c !important;
}
#anabar.nav-top #topbar{
    flex: 1 1 auto !important;
    min-width: 0 !important;
    height: var(--nav-h) !important;
    background: transparent !important;
}
#anabar.nav-top #topbar .navbar-collapse{
    justify-content: flex-start !important;
    align-items: stretch !important;
    padding: 0 6px 0 10px !important;
    gap: 6px;
    min-height: var(--nav-h);
}
#anabar.nav-top #topbar .topbar-logo-wrap{
    flex: 0 0 auto !important;
    display: flex !important;
    align-items: center !important;
    align-self: stretch !important;
    justify-content: flex-start !important;
    margin: 0 10px 0 0 !important;
    padding: 0 4px !important;
    min-height: var(--nav-h);
}
#anabar.nav-top #topbar .topbar-logo-wrap .logo-brand{
    display: flex !important;
    align-items: center;
    min-height: 0;
}
#anabar.nav-top #topbar .topbar-logo-wrap .logo-wrap{
    display: inline-flex !important;
    align-items: center;
    padding: 4px 6px !important;
    border-radius: var(--nav-radius-sm);
    transition: background var(--nav-dur) var(--nav-ease), transform var(--nav-dur) var(--nav-ease);
}
#anabar.nav-top #topbar .topbar-logo-wrap .logo-wrap:hover{
    background: var(--nav-hover-dark);
    transform: scale(1.02);
}
[data-headerbg="color_1"] #anabar.nav-top #topbar .topbar-logo-wrap .logo-wrap:hover{
    background: var(--nav-hover-light);
}
#anabar.nav-top #topbar .topbar-logo-wrap img{
    max-height: 48px !important;
    height: 48px !important;
    min-height: 48px !important;
    width: auto !important;
    max-width: 180px !important;
}
#anabar.nav-top #topbar .topbar-logo-wrap .logo-wrap{
    min-height: 48px !important;
    max-height: 48px !important;
    height: 48px !important;
}
#anabar.nav-top #topbar .navbar-nav{
    justify-content: flex-start !important;
    align-items: stretch !important;
    flex: 0 1 auto !important;
    gap: 1px;
    overflow-x: auto;
    overflow-y: visible;
    scrollbar-width: none;
    min-height: var(--nav-h);
}
#anabar.nav-top #topbar,
#anabar.nav-top #topbar .navbar-collapse{
    overflow: visible !important;
}
#anabar.nav-top #topbar .navbar-nav::-webkit-scrollbar{ display: none; }
#anabar.nav-top #topbar .navbar-nav > li.sekme1,
#anabar.nav-top #topbar .navbar-nav > li.dropdown{
    position: relative;
    display: flex !important;
    align-items: stretch !important;
    align-self: stretch !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
}
#anabar.nav-top #topbar .navbar-nav > li.sekme1::after,
#anabar.nav-top #topbar .navbar-nav > li.dropdown::after{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    height: 22px;
    background: transparent;
    pointer-events: auto;
    z-index: 1074;
}
#anabar.nav-top #topbar .navbar-nav > li > a,
#anabar.nav-top #topbar .navbar-nav > li .dropdown-toggle{
    display: inline-flex !important;
    align-items: center !important;
    align-self: stretch !important;
    height: auto !important;
    min-height: calc(var(--nav-h) - 4px);
    padding: 0 10px !important;
    gap: 6px;
    border-radius: var(--nav-radius) !important;
    border: 1px solid transparent;
    font-size: 0.8125rem !important;
    font-weight: 500 !important;
    color: var(--nav-text-dark) !important;
    transition: background var(--nav-dur) var(--nav-ease), color var(--nav-dur) var(--nav-ease), border-color var(--nav-dur) var(--nav-ease);
}
[data-headerbg="color_1"] #anabar.nav-top #topbar .navbar-nav > li > a,
[data-headerbg="color_1"] #anabar.nav-top #topbar .navbar-nav > li .dropdown-toggle{
    color: var(--nav-text-light) !important;
}
/* Pastel aydınlık mod: tüm temalarda koyu menü metni */
[data-theme-version="light"][data-headerbg] #anabar.nav-top #topbar .navbar-nav > li > a,
[data-theme-version="light"][data-headerbg] #anabar.nav-top #topbar .navbar-nav > li .dropdown-toggle,
[data-theme-version="light"][data-headerbg] #topbar-container .navbar-nav .drdrbaslik,
[data-theme-version="light"][data-headerbg] #topbar-container .navbar-nav > li > a > span,
[data-theme-version="light"][data-headerbg] #topbar-container .navbar-nav .dropdown-toggle > span,
[data-theme-version="light"][data-headerbg] #topbar-container #araclar .boncuk-arac-btn,
[data-theme-version="light"][data-headerbg] #topbar-container #araclar .boncuk-arac-btn > i,
[data-theme-version="light"][data-headerbg] #topbar-container .header-info2 h4,
[data-theme-version="light"][data-headerbg] .topbar-mobile-toggle,
[data-theme-version="light"][data-headerbg] .topbar-mobile-toggle i{
    color: var(--chrome-btn-fg, var(--nav-text-light)) !important;
}
[data-theme-version="light"][data-headerbg] #topbar-container #araclar .boncuk-arac-btn,
[data-theme-version="light"][data-headerbg] #anabar.nav-top #araclar .boncuk-arac-btn{
    background: var(--chrome-btn-bg) !important;
    border-color: var(--chrome-btn-border) !important;
}
[data-theme-version="light"][data-headerbg] #anabar.nav-top #araclar.araclar-div{
    background: var(--chrome-island-bg) !important;
    border-color: var(--chrome-island-border) !important;
}
#anabar.nav-top #topbar .navbar-nav > li:hover > a,
#anabar.nav-top #topbar .navbar-nav > li:hover .dropdown-toggle{
    background: var(--nav-hover-dark) !important;
    color: #fff !important;
    border-color: rgba(255,255,255,.06);
}
[data-headerbg="color_1"] #anabar.nav-top #topbar .navbar-nav > li:hover > a,
[data-headerbg="color_1"] #anabar.nav-top #topbar .navbar-nav > li:hover .dropdown-toggle,
[data-theme-version="light"][data-headerbg] #anabar.nav-top #topbar .navbar-nav > li:hover > a,
[data-theme-version="light"][data-headerbg] #anabar.nav-top #topbar .navbar-nav > li:hover .dropdown-toggle{
    background: var(--nav-hover-light) !important;
    color: var(--nav-text-light) !important;
    border-color: rgba(0,0,0,.06);
}
#anabar.nav-top #topbar .navbar-nav > li > a:active,
#anabar.nav-top #topbar .navbar-nav > li .dropdown-toggle:active{
    background: var(--nav-accent-soft) !important;
}
#anabar.nav-top #topbar .navbar-nav > li .dropdown-toggle .menuicon-a,
#anabar.nav-top #topbar .navbar-nav > li > a .menuicon-a{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 26px;
    min-width: 26px;
    height: 26px;
    min-height: 26px;
    margin: 0 !important;
    padding: 0 !important;
}
#anabar.nav-top #topbar .navbar-nav > li .dropdown-toggle .menuicon-a i,
#anabar.nav-top #topbar .navbar-nav > li > a .menuicon-a i{
    font-size: 1.1rem !important;
}
#anabar.nav-top #topbar li:hover > a,
#anabar.nav-top #topbar .sekme1:hover{ color: inherit; }
#anabar.nav-top #topbar .navbar-nav .dropdown-menu,
#anabar.nav-top #topbar .navbar-nav .frtik.ordgm.dropdown-menu{
    position: fixed !important;
    z-index: 1075 !important;
    margin-top: 0 !important;
    padding: 6px !important;
    border-radius: 12px !important;
    border: 1px solid var(--nav-border-dark) !important;
    box-shadow: var(--nav-shadow-dd) !important;
    min-width: 220px;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}
#anabar.nav-top #topbar .navbar-nav .dropdown-menu::before,
#anabar.nav-top #topbar .navbar-nav .frtik.ordgm.dropdown-menu::before{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: -22px;
    height: 22px;
    background: transparent;
    pointer-events: auto;
}
#anabar.nav-top #centerbar{
    z-index: 1;
}
[data-headerbg="color_1"] #anabar.nav-top #topbar .navbar-nav .dropdown-menu,
[data-headerbg="color_1"] #anabar.nav-top #topbar .navbar-nav .frtik.ordgm.dropdown-menu{
    border-color: var(--nav-border-light) !important;
    box-shadow: var(--nav-shadow-dd-light) !important;
}
#anabar.nav-top #topbar .navbar-nav .dropdown-menu .ustdgm .altdgm,
#anabar.nav-top #topbar .navbar-nav .frtik.ordgm.dropdown-menu .ustdgm .altdgm{
    min-height: 32px;
    padding: 4px 8px !important;
    margin: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
    border-radius: var(--nav-radius-sm) !important;
    font-size: 0.8125rem !important;
    font-weight: 500;
    gap: 8px;
}
#anabar.nav-top #topbar .navbar-nav .dropdown-menu .ustdgm .altdgm:hover,
#anabar.nav-top #topbar .navbar-nav .frtik.ordgm.dropdown-menu .ustdgm .altdgm:hover{
    background: var(--nav-hover-dark) !important;
}
[data-headerbg="color_1"] #anabar.nav-top #topbar .navbar-nav .dropdown-menu .ustdgm .altdgm:hover,
[data-headerbg="color_1"] #anabar.nav-top #topbar .navbar-nav .frtik.ordgm.dropdown-menu .ustdgm .altdgm:hover{
    background: var(--nav-hover-light) !important;
}
/* Araçlar – sağ ada */
#anabar.nav-top #araclar.araclar-div{
    flex-shrink: 0 !important;
    align-self: stretch;
    padding: 0 10px 0 8px !important;
    border-left: 1px solid var(--nav-border-dark);
    background: rgba(0,0,0,.14);
    position: relative !important;
    top: auto !important;
    right: auto !important;
    height: auto !important;
}
[data-headerbg="color_1"] #anabar.nav-top #araclar.araclar-div{
    border-left-color: var(--nav-border-light);
    background: rgba(0,0,0,.03);
}
#anabar.nav-top #araclar .topbar-right-buttons{
    gap: 4px;
}
#anabar.nav-top #araclar .topbar-right-buttons .nav-link,
#anabar.nav-top #araclar .topbar-right-buttons .btn,
#anabar.nav-top #araclar .topbar-right-buttons a[role="button"]{
    min-width: 36px !important;
    min-height: 36px !important;
    padding: 0 8px !important;
    border-radius: var(--nav-radius) !important;
    border: 1px solid transparent !important;
    background: transparent !important;
    box-shadow: none !important;
    transition: background var(--nav-dur) var(--nav-ease), border-color var(--nav-dur) var(--nav-ease), transform var(--nav-dur) var(--nav-ease);
}
#anabar.nav-top #araclar .topbar-right-buttons .nav-link:hover,
#anabar.nav-top #araclar .topbar-right-buttons a[role="button"]:hover{
    background: var(--nav-hover-dark) !important;
    border-color: rgba(255,255,255,.08) !important;
    transform: translateY(-1px);
}
[data-headerbg="color_1"] #anabar.nav-top #araclar .topbar-right-buttons .nav-link:hover,
[data-headerbg="color_1"] #anabar.nav-top #araclar .topbar-right-buttons a[role="button"]:hover{
    background: var(--nav-hover-light) !important;
    border-color: rgba(0,0,0,.06) !important;
}
#anabar.nav-top #araclar .topbar-right-buttons .btn-danger{
    background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%) !important;
    border: none !important;
    color: #fff !important;
    font-size: 0.75rem !important;
    font-weight: 600 !important;
    padding: 0 12px !important;
    box-shadow: 0 2px 8px rgba(239,68,68,.35) !important;
}
#anabar.nav-top #araclar .header-border{
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
#anabar.nav-top #araclar .header-info2{
    padding: 4px 10px !important;
    border-radius: var(--nav-radius) !important;
    border: 1px solid transparent;
    transition: background var(--nav-dur) var(--nav-ease), border-color var(--nav-dur) var(--nav-ease);
}
#anabar.nav-top #araclar .header-info2:hover{
    background: var(--nav-hover-dark);
    border-color: rgba(255,255,255,.08);
}
[data-headerbg="color_1"] #anabar.nav-top #araclar .header-info2:hover{
    background: var(--nav-hover-light);
    border-color: rgba(0,0,0,.06);
}
#anabar.nav-top #araclar .header-info2 h4{
    font-size: 0.8125rem !important;
    font-weight: 600 !important;
}
#anabar.nav-top #araclar .bildana2 .dropdown-menu,
#anabar.nav-top #araclar .bildirim-dropdown{
    z-index: 1075 !important;
    border-radius: 12px !important;
    box-shadow: var(--nav-shadow-dd) !important;
}
#anabar.nav-top #araclar #bildirim-badge.bildirim-badge,
#anabar.nav-top #araclar #bildirim-badge.boncuk-arac-badge{
    border-radius: 999px !important;
}
#anabar.nav-top #araclar .topbar-right-buttons i.fa-xl{
    font-size: 1.15rem !important;
}
#anabar.nav-top #araclar .topbar-right-toggle{
    display: none !important;
}
#anabar.nav-top #topbar .navbar-nav > li > a:focus-visible,
#anabar.nav-top #topbar .navbar-nav .dropdown-toggle:focus-visible,
#anabar.nav-top #araclar .topbar-right-buttons .nav-link:focus-visible{
    outline: 2px solid var(--nav-accent);
    outline-offset: 2px;
}
} /* end @media min-width 993 – PC üst mod */

@media (prefers-reduced-motion: reduce){
    #anabar.nav-top #topbar .navbar-nav > li > a,
    #anabar.nav-top #araclar .topbar-right-buttons .nav-link,
    #topbar.nav-sidebar .navbar-nav > li > a,
    .topbar-mobile-toggle,
    #araclar .topbar-right-toggle{
        transition: none !important;
    }
}

/* Mobil: nav-top centerbar konumu CSS'ten */
@media (max-width: 992px){
    #anabar.nav-top #centerbar{
        top: var(--nav-h) !important;
    }
}

/* ========== TOPBAR GİZLEME (sola yaslı modda) ========== */
#topbar.nav-sidebar.navbar-gizle-ikonlar .drdrbaslik,
#topbar.nav-sidebar.navbar-gizle-ikonlar .navbar-nav > li > a span:not(.menuicon-a),
#topbar.nav-sidebar.navbar-gizle-ikonlar .navbar-nav .dropdown-toggle span,
#topbar.nav-sidebar.navbar-gizle-ikonlar .gstb{
    display: none !important;
}
#topbar.nav-sidebar.navbar-gizle-ikonlar .navbar-nav > li > a,
#topbar.nav-sidebar.navbar-gizle-ikonlar .navbar-nav .dropdown-toggle{
    justify-content: center !important;
    padding: 12px 10px !important;
}
#topbar.nav-sidebar.navbar-gizle-ikonlar .navbar-nav{
    gap: 6px !important;
}
#topbar.nav-sidebar.navbar-gizle-ikonlar .menuicon-a{
    margin-right: 0 !important;
}
#topbar.nav-sidebar.navbar-gizle-ikonlar .menuicon-a i{
    font-size: 1.25rem !important;
}
#topbar.nav-sidebar.navbar-gizle-ikonlar .navbar-collapse > .menuicon-a.m-0.p-0.altdgm2:first-child span{
    display: none !important;
}
#topbar.nav-sidebar.navbar-gizle-ikonlar .navbar-collapse > .menuicon-a.m-0.p-0.altdgm2:first-child{
    padding: 8px !important;
}
/* İkon modda logo sola dayalı – aynı boyut, göründüğü kadar (küçültme yok) */
#topbar.nav-sidebar.navbar-gizle-ikonlar .topbar-logo-wrap,
#topbar.nav-sidebar.navbar-gizle-ikonlar .navbar-collapse > .menuicon-a:first-child{
    justify-content: flex-start !important;
    overflow: hidden !important;
    max-height: 52px !important;
    min-width: 0;
}
#topbar.nav-sidebar.navbar-gizle-ikonlar .topbar-logo-wrap .logo-brand{
    justify-content: flex-start !important;
    flex-shrink: 0 !important;
    min-width: 0;
}
#topbar.nav-sidebar.navbar-gizle-ikonlar .topbar-logo-wrap .logo-wrap{
    overflow: hidden !important;
    flex-shrink: 0 !important;
    max-height: 36px;
}
/* İkon modda logo %70 boyut (sığmazsa sağdan kırpılır) */
#topbar.nav-sidebar.navbar-gizle-ikonlar .topbar-logo-wrap .logo-wrap img{
    height: 28px !important;
    max-height: 28px !important;
    width: auto !important;
    max-width: none !important;
    min-width: auto !important;
}

/* Tamamen gizli: sol kenara yaklaşınca açılır */
.topbar-sol-tetik{
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    width: 8px;
    z-index: 1029;
    pointer-events: auto;
    cursor: pointer;
    background: transparent;
}
body.navbar-gizle-tam #topbar.nav-sidebar{
    transform: translateX(-100%);
    transition: transform .3s cubic-bezier(0.4,0,0.2,1);
    z-index: 1070 !important; /* Kapanma animasyonunda centerbar altına girmemesi için */
}
/* Gizli mod açılış/kapanışta yatay scroll çıkmasın */
body.navbar-gizle-tam,
body.navbar-gizle-tam.navbar-sol-acik{
    overflow-x: hidden !important;
}
body.navbar-gizle-tam #topbar.nav-sidebar{
    overflow-x: hidden !important;
}
body.navbar-gizle-tam .topbar-sol-tetik{
    display: block;
}
body.navbar-gizle-tam #centerbar{
    left: 0 !important;
    transition: left .3s cubic-bezier(0.4,0,0.2,1);
}
body.navbar-gizle-tam #bottombar{
    left: 0 !important;
    transition: left .3s cubic-bezier(0.4,0,0.2,1);
}
body.navbar-gizle-tam.navbar-sol-acik #topbar.nav-sidebar{
    transform: translateX(0);
}
/* Gizli modda panel açıldığında centerbar/bottombar sabit kalsın, menü üzerine binsin */
body.navbar-gizle-tam.navbar-sol-acik #centerbar{
    left: 0 !important;
}
body.navbar-gizle-tam.navbar-sol-acik #bottombar{
    left: 0 !important;
}
body.navbar-gizle-tam.navbar-sol-acik #topbar.nav-sidebar{
    z-index: 1070 !important;
}
/* Gizli modda panel açıkken tam görünüm (ikon+isim), alt menüler görünsün. İkon modundan geçişte de isimler görünsün */
body.navbar-gizle-tam.navbar-sol-acik #topbar.nav-sidebar .drdrbaslik,
body.navbar-gizle-tam.navbar-sol-acik #topbar.nav-sidebar .navbar-nav > li > a span,
body.navbar-gizle-tam.navbar-sol-acik #topbar.nav-sidebar .navbar-nav .dropdown-toggle span,
body.navbar-gizle-tam.navbar-sol-acik #topbar.nav-sidebar .gstb{
    display: inline !important;
}
body.navbar-gizle-tam.navbar-sol-acik #topbar.nav-sidebar.navbar-gizle-ikonlar .drdrbaslik,
body.navbar-gizle-tam.navbar-sol-acik #topbar.nav-sidebar.navbar-gizle-ikonlar .navbar-nav > li > a span,
body.navbar-gizle-tam.navbar-sol-acik #topbar.nav-sidebar.navbar-gizle-ikonlar .navbar-nav .dropdown-toggle span,
body.navbar-gizle-tam.navbar-sol-acik #topbar.nav-sidebar.navbar-gizle-ikonlar .gstb{
    display: inline !important;
}
body.navbar-gizle-tam.navbar-sol-acik #topbar.nav-sidebar{
    overflow: visible !important;
}
body.navbar-gizle-tam.navbar-sol-acik #topbar.nav-sidebar .navbar-collapse{
    overflow-y: auto !important;
    overflow-x: visible !important;
}
body.navbar-gizle-tam.navbar-sol-acik #topbar.nav-sidebar .navbar-nav .dropdown-menu,
body.navbar-gizle-tam.navbar-sol-acik #topbar.nav-sidebar .navbar-nav .frtik.ordgm.dropdown-menu{
    left: var(--navbar-sol-width) !important;
    z-index: 1065 !important;
    pointer-events: none !important;
}
/* Gizli peek: flyout yalnızca body'deki .gizle-ddm.show ile açılır */
body.navbar-gizle-tam.navbar-sol-acik #topbar .navbar-nav .sekme1:hover > .dropdown-menu,
body.navbar-gizle-tam.navbar-sol-acik #topbar .navbar-nav .sekme1:hover > .frtik.ordgm.dropdown-menu,
body.navbar-gizle-tam.navbar-sol-acik #topbar .navbar-nav .dropdown:hover > .dropdown-menu,
body.navbar-gizle-tam.navbar-sol-acik #topbar .navbar-nav .dropdown:hover > .frtik.ordgm.dropdown-menu{
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transform: translateY(-8px) scale(0.96) !important;
}

/* Gizli modda body'deki dropdown: açılış/kapanış animasyonu (diğer menülerle aynı) */
body.navbar-gizle-tam.navbar-sol-acik .dropdown-menu.gizle-ddm,
body.navbar-gizle-tam.navbar-sol-acik .frtik.ordgm.dropdown-menu.gizle-ddm{
    display: block !important;
    visibility: hidden;
    opacity: 0;
    transform: translateY(-8px) scale(0.96);
    pointer-events: none;
    transition: opacity 280ms cubic-bezier(0.32, 0.72, 0, 1),
                transform 280ms cubic-bezier(0.32, 0.72, 0, 1),
                visibility 0s linear 280ms;
    transform-origin: top left;
}
body.navbar-gizle-tam.navbar-sol-acik .dropdown-menu.gizle-ddm.show,
body.navbar-gizle-tam.navbar-sol-acik .frtik.ordgm.dropdown-menu.gizle-ddm.show{
    visibility: visible !important;
    opacity: 1 !important;
    transform: translateY(0) scale(1);
    pointer-events: auto;
    transition: opacity 280ms cubic-bezier(0.32, 0.72, 0, 1),
                transform 280ms cubic-bezier(0.32, 0.72, 0, 1),
                visibility 0s linear 0s;
}
/* Gizli mod flyout: başlık ile alt menü arasında hover köprüsü */
body > .dropdown-menu.gizle-ddm,
body > .frtik.ordgm.dropdown-menu.gizle-ddm{
    position: fixed;
}
body > .dropdown-menu.gizle-ddm::before,
body > .frtik.ordgm.dropdown-menu.gizle-ddm::before{
    content: '';
    position: absolute;
    left: -12px;
    top: 0;
    width: 14px;
    height: 100%;
    background: transparent;
    pointer-events: none;
}
body > .dropdown-menu.gizle-ddm.show::before,
body > .frtik.ordgm.dropdown-menu.gizle-ddm.show::before{
    pointer-events: auto;
}
body > .dropdown-menu.gizle-ddm:not(.show)::before,
body > .frtik.ordgm.dropdown-menu.gizle-ddm:not(.show)::before{
    display: none;
}

/* Araç popup portal: body overflow'tan kaçınmak için, mobilde overflow:visible container */
#araclar-popup-portal{
    position: fixed;
    inset: 0;
    overflow: visible;
    pointer-events: none;
    z-index: 99998;
}
#araclar-popup-portal > *{ pointer-events: auto; }

/* Sağ üst butonlar: sol modda sabit, mobil/tablette + ile açılır */
.topbar-right-wrap{ position: relative; }
.topbar-right-toggle{
    display: none !important;
}
@media (max-width: 992px){
    .topbar-right-toggle{
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        width: 36px;
        height: 36px;
        padding: 0;
        border-radius: 8px;
    }
    .topbar-right-wrap .topbar-right-buttons{
        display: none !important;
    }
    body > .topbar-right-buttons.araclar-toolbar-body-popup,
    #araclar-popup-portal > .topbar-right-buttons.araclar-toolbar-body-popup{
        display: flex !important;
    }
    body:not(.araclar-canvas-open) .topbar-right-wrap.topbar-right-open .topbar-right-buttons,
    body:not(.araclar-canvas-open) > .topbar-right-buttons.araclar-toolbar-body-popup,
    body:not(.araclar-canvas-open) #araclar-popup-portal > .topbar-right-buttons.araclar-toolbar-body-popup{
        display: flex !important;
        position: fixed !important;
        top: calc(45px + env(safe-area-inset-top, 0)) !important;
        right: 10px !important;
        left: auto !important;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: flex-start !important;
        align-items: stretch !important;
        background: #2d3439;
        border-radius: 10px;
        padding: 8px;
        box-shadow: 0 8px 24px rgba(0,0,0,.35);
        border: 1px solid rgba(255,255,255,.1);
        gap: 6px;
        z-index: 99999 !important;
        min-width: auto;
        max-width: 260px;
        width: max-content;
        max-height: min(80vh, 500px) !important;
        overflow-y: auto !important;
        overflow-x: visible;
        -webkit-overflow-scrolling: touch;
    }
    /* Mobil araçlar popup: color_1 (beyaz tema) */
    body[data-headerbg="color_1"] .topbar-right-wrap.topbar-right-open .topbar-right-buttons,
    body[data-headerbg="color_1"] > .topbar-right-buttons.araclar-toolbar-body-popup,
    body[data-headerbg="color_1"] #araclar-popup-portal > .topbar-right-buttons.araclar-toolbar-body-popup{
        background: #fff !important;
        border-color: rgba(0,0,0,.12) !important;
        box-shadow: 0 8px 24px rgba(0,0,0,.15), 0 4px 12px rgba(0,0,0,.08) !important;
        color: #212529;
    }
    /* Portrait: daha fazla dikey alan kullan, tüm düğmeler görünsün */
    /* 100dvh: tarayıcı alt barı hizasında kalsın */
    @media (max-width: 992px) and (orientation: portrait){
        .topbar-right-wrap.topbar-right-open .topbar-right-buttons,
        body > .topbar-right-buttons.araclar-toolbar-body-popup,
        #araclar-popup-portal > .topbar-right-buttons.araclar-toolbar-body-popup{
            max-height: min(calc(100vh - 60px), 650px) !important;
            max-height: min(calc(100dvh - 60px), 650px) !important;
        }
    }
    /* Ekrana sığmazsa yukarı aç: bottom ile konumla */
    .topbar-right-wrap.topbar-right-open .topbar-right-buttons.araclar-popup-up,
    body > .topbar-right-buttons.araclar-toolbar-body-popup.araclar-popup-up,
    #araclar-popup-portal > .topbar-right-buttons.araclar-toolbar-body-popup.araclar-popup-up{
        top: auto !important;
        bottom: calc(10px + env(safe-area-inset-bottom, 0)) !important;
    }
    body:not(.araclar-canvas-open) .topbar-right-wrap.topbar-right-open .topbar-right-buttons li,
    body:not(.araclar-canvas-open) > .topbar-right-buttons.araclar-toolbar-body-popup li,
    body:not(.araclar-canvas-open) #araclar-popup-portal > .topbar-right-buttons.araclar-toolbar-body-popup li{
        width: auto;
        flex: 0 0 auto !important;
        flex-shrink: 0 !important;
        min-height: 44px !important;
        display: flex !important;
        align-items: center !important;
    }
    /* dropdown li'lerin çökmesini engelle - Bootstrap/başka CSS min-height:0 verebiliyor */
    #araclar-popup-portal .topbar-right-buttons.araclar-toolbar-body-popup .dropdown,
    #araclar-popup-portal .topbar-right-buttons.araclar-toolbar-body-popup .nav-item{
        min-height: 44px !important;
        flex: 0 0 auto !important;
    }
    body:not(.araclar-canvas-open) .topbar-right-wrap.topbar-right-open .topbar-right-buttons .nav-link,
    body:not(.araclar-canvas-open) .topbar-right-wrap.topbar-right-open .topbar-right-buttons .btn,
    body:not(.araclar-canvas-open) > .topbar-right-buttons.araclar-toolbar-body-popup .nav-link,
    body:not(.araclar-canvas-open) > .topbar-right-buttons.araclar-toolbar-body-popup .btn,
    body:not(.araclar-canvas-open) #araclar-popup-portal > .topbar-right-buttons.araclar-toolbar-body-popup .nav-link,
    body:not(.araclar-canvas-open) #araclar-popup-portal > .topbar-right-buttons.araclar-toolbar-body-popup .btn{
        min-width: 44px;
        min-height: 44px;
        padding: 10px !important;
        justify-content: center;
    }
    .topbar-right-wrap.topbar-right-open .topbar-right-toggle i::before{
        content: '\f00d';
    }
}
/* Sol modda araçlar adacığı: hover ile sola slide açılır – layout yukarıda #araclar.araclar-sol-mod */
#araclar.araclar-sol-mod .araclar-island-inner{
    position: relative;
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: nowrap;
    align-items: center;
    height: 44px;
    min-height: 44px;
    overflow: hidden;
}
#araclar.araclar-sol-mod .araclar-gears-trigger{
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 44px;
    min-width: 44px;
    height: 44px;
    min-height: 44px;
    color: rgba(255,255,255,.9);
    font-size: 1rem;
    flex-shrink: 0;
}
#araclar.araclar-sol-mod .topbar-right-wrap{
    position: absolute;
    right: 28px;
    top: 0;
    bottom: 0;
    padding: 0 8px;
    max-width: 0;
    min-width: 0;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    white-space: nowrap;
    display: flex;
    align-items: center;
    transition: max-width 0.50s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s ease, visibility 0.15s;
}
/* Bildirim zili: sol modda hep yanında; normal modda sadece bildirim varsa yanında */
#araclar.araclar-sol-mod .araclar-bildirim-yaninda,
#araclar.bildirim-yaninda .araclar-bildirim-yaninda{
    display: flex;
    align-items: center;
    flex-shrink: 0;
    padding: 0 2px 0 4px;
}
#araclar .araclar-bildirim-yaninda #bildana-wrap{
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
}
#araclar.araclar-sol-mod .araclar-bildirim-yaninda .nav-link,
#araclar.bildirim-yaninda .araclar-bildirim-yaninda .nav-link,
#araclar .araclar-bildirim-yaninda .boncuk-arac-btn{
    padding: 0 !important;
    border-radius: var(--nav-radius, 12px) !important;
}
#araclar:not(.araclar-sol-mod):not(.bildirim-yaninda) .araclar-bildirim-yaninda{
    display: none;
}
#araclar.bildirim-yaninda .araclar-island-inner{
    gap: 4px;
}
#araclar.araclar-sol-mod.araclar-hover .topbar-right-wrap{
    position: relative;
    right: auto;
    max-width: 380px;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    padding: 0 8px;
    flex-wrap: nowrap;
}
#araclar.araclar-sol-mod .topbar-right-buttons{
    display: flex !important;
    flex-direction: row;
    flex-wrap: nowrap !important;
    align-items: center;
    gap: 6px;
}
#araclar.araclar-sol-mod .topbar-right-buttons li{
    flex-shrink: 0;
    align-self: center;
    overflow: visible;
}
#araclar.araclar-sol-mod .topbar-right-buttons .dropdown-menu{
    position: fixed !important;
}
#araclar.araclar-sol-mod.araclar-hover .topbar-right-buttons li{
    opacity: 1;
}
/* Araçlar menüsü tema renklerine uyumlu arka plan (sol mod) */
[data-headerbg="color_1"] #araclar.araclar-sol-mod{
    background: #fff !important;
    border-color: rgba(0,0,0,.12) !important;
    box-shadow: 0 4px 16px rgba(0,0,0,.12), 0 0 0 1px rgba(0,0,0,.06) !important;
}
[data-headerbg="color_1"] #araclar.araclar-sol-mod .araclar-gears-trigger{
    color: #212529 !important;
}
[data-headerbg="color_4"] #araclar.araclar-sol-mod{
    background: linear-gradient(180deg, #2C2C2C 0%, #23282c 100%) !important;
    border-color: rgba(255,255,255,.12) !important;
}
[data-nav-headerbg="color_1"] #araclar.araclar-sol-mod{
    background: #fff !important;
    border-color: rgba(0,0,0,.12) !important;
    box-shadow: 0 4px 16px rgba(0,0,0,.12), 0 0 0 1px rgba(0,0,0,.06) !important;
}
[data-nav-headerbg="color_1"] #araclar.araclar-sol-mod .araclar-gears-trigger{
    color: #212529 !important;
}

/* Aydınlık modda araçlar profil ikonu siyah (PC + mobil) */
body[data-theme-version='light'] #topbar-container #araclar .header-info2 h4,
body[data-theme-version='light'] #topbar-container #araclar .header-info2 h4 i,
body[data-theme-version='light'] #topbar-container #araclar .header-info2 .text-white,
body[data-theme-version='light'] #topbar-container #araclar .header-info2 .gstb,
body[data-theme-version='light'] #araclar-popup-portal .header-info2 h4,
body[data-theme-version='light'] #araclar-popup-portal .header-info2 h4 i,
body[data-theme-version='light'] #araclar-popup-portal .header-info2 .text-white,
body[data-theme-version='light'] #araclar-popup-portal .header-info2 .gstb,
body[data-theme-version='light'] .topbar-right-buttons .header-info2 h4,
body[data-theme-version='light'] .topbar-right-buttons .header-info2 h4 i,
body[data-theme-version='light'] .topbar-right-buttons .header-info2 .text-white,
body[data-theme-version='light'] .topbar-right-buttons .header-info2 .gstb{
    color: #212529 !important;
}

/* Araçlardaki bildirim ve profil dropdown'ları: hizalı, düz, alan dışında */
#araclar .bildana .dropdown-menu,
#araclar .bildana2 .dropdown-menu{
    z-index: 1060;
    margin: 0;
    min-width: 220px;
}
#araclar .bildana .dropdown-menu.dropdown-menu-end,
#araclar .bildana2 .dropdown-menu.dropdown-menu-end{
    right: 0;
    left: auto;
}

/* Bildirim dropdown: aydınlık/karanlık mod + mobil uyumlu */
#araclar .bildirim-dropdown{
    padding: 6px;
    border-radius: 16px;
    box-shadow: 0 18px 52px rgba(15, 23, 42, .22);
    overflow: hidden;
    backdrop-filter: blur(18px) saturate(150%);
    -webkit-backdrop-filter: blur(18px) saturate(150%);
}
body[data-theme-version="light"] #araclar .bildirim-dropdown{
    background: rgba(255, 255, 255, .94);
    color: #212529;
    border: 1px solid rgba(15, 23, 42, .08);
}
body[data-theme-version="light"] #araclar .bildirim-dropdown .dropdown-item-text,
body[data-theme-version="light"] #araclar .bildirim-dropdown .timeline-panel{
    color: #212529;
}
body[data-theme-version="light"] #araclar .bildirim-dropdown .media-info{
    background: rgba(13,153,255,.12);
    color: #0d99ff;
}
body[data-theme-version="light"] #araclar .bildirim-dropdown .mvnk{
    color: #0d6efd;
    font-weight: 600;
}
body:not([data-theme-version="light"]) #araclar .bildirim-dropdown{
    background: rgba(15, 23, 42, .94);
    color: #e4e6ef;
    border: 1px solid rgba(255,255,255,.1);
}
body:not([data-theme-version="light"]) #araclar .bildirim-dropdown .dropdown-item-text,
body:not([data-theme-version="light"]) #araclar .bildirim-dropdown .timeline-panel{
    color: #e4e6ef;
}
body:not([data-theme-version="light"]) #araclar .bildirim-dropdown .media-info{
    background: rgba(214,83,193,.15);
    color: #d653c1;
}
body:not([data-theme-version="light"]) #araclar .bildirim-dropdown .mvnk{
    color: #68e365;
    font-weight: 600;
}
#araclar .bildirim-dropdown #bildirimler li{
    border-bottom: 0;
    border-radius: 12px;
    margin: 4px 0;
}
body:not([data-theme-version="light"]) #araclar .bildirim-dropdown #bildirimler li{
    border-bottom-color: rgba(255,255,255,.06);
}
#araclar .bildirim-dropdown #bildirimler li:last-child{
    border-bottom: none;
}
#araclar #bildana-wrap.bildirim-has-unread .fa-bell{
    animation: fa-shake 0.5s ease-in-out infinite;
    color: #f97316 !important;
    filter: drop-shadow(0 2px 6px rgba(249, 115, 22, .28));
}
/* Bildirim badge: araçlar menüsü rozet stiliyle uyumlu, yuvarlak çerçeve */
#bildirim-badge.bildirim-badge,
#bildirim-badge.boncuk-arac-badge,
#araclar #bildirim-badge.bildirim-badge,
#araclar #bildirim-badge.boncuk-arac-badge{
    min-width: 1.05rem;
    height: 1.05rem;
    padding: 0 0.24rem;
    font-size: 0.58rem !important;
    font-weight: 800;
    color: #fff !important;
    line-height: 1.05rem;
    text-align: center;
    box-sizing: border-box;
    border-radius: 999px !important;
    top: 3px !important;
    left: auto !important;
    right: 3px !important;
    transform: none !important;
    background: linear-gradient(135deg, #ef4444, #f97316) !important;
    border: 2px solid var(--chrome-island-bg, var(--headerbg, #343a40)) !important;
    box-shadow: 0 2px 8px rgba(239, 68, 68, .32) !important;
}
@media (max-width: 992px){
    #araclar .bildirim-dropdown{
        max-width: min(95vw, 360px) !important;
        max-height: 60vh !important;
    }
}

/* Cari bakiye bildirimi (k_gom) — geniş modal */
.modal.wp-bakiye-bildirim-modal .wp-bakiye-bildirim-dialog {
    width: min(960px, calc(100vw - 32px)) !important;
    max-width: min(960px, calc(100vw - 32px)) !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
@media (min-width: 1200px) {
    .modal.wp-bakiye-bildirim-modal .wp-bakiye-bildirim-dialog {
        width: min(1140px, calc(100vw - 48px)) !important;
        max-width: min(1140px, calc(100vw - 48px)) !important;
    }
}
@media (min-width: 1400px) {
    .modal.wp-bakiye-bildirim-modal .wp-bakiye-bildirim-dialog {
        width: min(1280px, calc(100vw - 64px)) !important;
        max-width: min(1280px, calc(100vw - 64px)) !important;
    }
}

/* Bildirim modalı (k_gom ile açılan) – daha iyi görünüm */
#bildirim_modal.bildirim-modal .modal-content,
.bildirim-modal .modal-content{
    border-radius: 20px;
    overflow: hidden;
    border: 1px solid rgba(148, 163, 184, .18);
    box-shadow: 0 24px 72px rgba(2, 6, 23, .28);
    backdrop-filter: blur(18px) saturate(150%);
    -webkit-backdrop-filter: blur(18px) saturate(150%);
}
#bildirim_modal.bildirim-modal .modal-header,
.bildirim-modal .modal-header{
    border-bottom: 1px solid rgba(148, 163, 184, .18);
    padding: 14px 18px;
    background: linear-gradient(135deg, rgba(99,102,241,.1), rgba(14,165,233,.08));
}
body:not([data-theme-version="light"]) #bildirim_modal.bildirim-modal .modal-header,
body:not([data-theme-version="light"]) .bildirim-modal .modal-header{
    border-bottom-color: rgba(255,255,255,.08);
}
#bildirim_modal.bildirim-modal .modal-title,
.bildirim-modal .modal-title{
    font-size: 1.05rem;
    font-weight: 750;
    letter-spacing: -.01em;
}
#bildirim_modal.bildirim-modal .bildirim-modal-body,
.bildirim-modal .bildirim-modal-body{
    padding: 0;
}
#bildirim_modal #bildirimler.bildirim-liste,
.bildirim-modal #bildirimler.bildirim-liste{
    padding: 10px;
}
#bildirim_modal #bildirimler.bildirim-liste li,
.bildirim-modal #bildirimler.bildirim-liste li{
    padding: 12px;
    margin: 0 0 8px;
    border: 1px solid rgba(148, 163, 184, .14);
    border-radius: 16px;
    background: rgba(248, 250, 252, .78);
    transition: background-color .15s ease, border-color .15s ease, transform .15s ease, box-shadow .15s ease;
}
#bildirim_modal #bildirimler.bildirim-liste li:last-child,
.bildirim-modal #bildirimler.bildirim-liste li:last-child{
    border-bottom: none;
}
#bildirim_modal #bildirimler.bildirim-liste li:hover,
.bildirim-modal #bildirimler.bildirim-liste li:hover{
    background: rgba(255,255,255,.92);
    border-color: rgba(99,102,241,.25);
    transform: translateY(-1px);
    box-shadow: 0 8px 24px rgba(15, 23, 42, .08);
}
body:not([data-theme-version="light"]) #bildirim_modal #bildirimler.bildirim-liste li,
body:not([data-theme-version="light"]) .bildirim-modal #bildirimler.bildirim-liste li{
    background: rgba(30, 41, 59, .74);
    border-color: rgba(255,255,255,.08);
}
body:not([data-theme-version="light"]) #bildirim_modal #bildirimler.bildirim-liste li:hover,
body:not([data-theme-version="light"]) .bildirim-modal #bildirimler.bildirim-liste li:hover{
    background: rgba(51, 65, 85, .88);
    border-color: rgba(129, 140, 248, .26);
}
#bildirim_modal #bildirimler.bildirim-liste li.bildirim-okunmadi,
.bildirim-modal #bildirimler.bildirim-liste li.bildirim-okunmadi{
    border-color: rgba(249, 115, 22, .32);
    box-shadow: inset 3px 0 0 #f97316;
}
#bildirim_modal #bildirimler .timeline-panel,
.bildirim-modal #bildirimler .timeline-panel{
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 0;
    border: none;
    background: transparent;
}
#bildirim_modal #bildirimler .timeline-panel .media,
.bildirim-modal #bildirimler .timeline-panel .media{
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    min-width: 36px;
    min-height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    font-size: .7rem;
    font-weight: 600;
}
#bildirim_modal #bildirimler .timeline-panel .media-info,
.bildirim-modal #bildirimler .timeline-panel .media-info{
    padding: 0;
    line-height: 36px;
    background: linear-gradient(135deg, rgba(14,165,233,.16), rgba(99,102,241,.14)) !important;
    color: var(--sys-accent, #6366f1) !important;
}
body[data-theme-version="light"] #bildirim_modal #bildirimler .media-info,
body[data-theme-version="light"] .bildirim-modal #bildirimler .media-info{
    background: rgba(13,153,255,.12) !important;
    color: #0d99ff !important;
}
body:not([data-theme-version="light"]) #bildirim_modal #bildirimler .media-info,
body:not([data-theme-version="light"]) .bildirim-modal #bildirimler .media-info{
    background: rgba(214,83,193,.15) !important;
    color: #d653c1 !important;
}
#bildirim_modal #bildirimler .timeline-panel .media-body,
.bildirim-modal #bildirimler .timeline-panel .media-body{
    flex: 1;
    min-width: 0;
    padding: 0;
}
#bildirim_modal #bildirimler .media-body h6,
.bildirim-modal #bildirimler .media-body h6{
    font-size: .92rem;
    font-weight: 650;
    line-height: 1.4;
    margin-bottom: 6px;
}
#bildirim_modal #bildirimler .media-body small,
.bildirim-modal #bildirimler .media-body small{
    font-size: .75rem;
    opacity: .85;
    color: #64748b;
}
#bildirim_modal #bildirimler .media-body .btn,
.bildirim-modal #bildirimler .media-body .btn{
    margin-top: 8px;
    font-size: .8rem;
    border-radius: 999px;
    padding: 5px 12px;
}
body[data-theme-version="light"] #bildirim_modal #bildirimler .mvnk,
body[data-theme-version="light"] .bildirim-modal #bildirimler .mvnk{
    color: #0d6efd !important;
    font-weight: 600;
}
body:not([data-theme-version="light"]) #bildirim_modal #bildirimler .mvnk,
body:not([data-theme-version="light"]) .bildirim-modal #bildirimler .mvnk{
    color: #68e365 !important;
    font-weight: 600;
}
#bildirim_modal #bildirimler .dropdown-item-text,
.bildirim-modal #bildirimler .dropdown-item-text{
    padding: 24px 16px;
    text-align: center;
}
#bildirim_modal.bildirim-modal .modal-footer,
.bildirim-modal .modal-footer{
    border-top: 1px solid rgba(148, 163, 184, .18);
    padding: 12px 16px;
    background: rgba(15, 23, 42, .02);
}
body:not([data-theme-version="light"]) #bildirim_modal.bildirim-modal .modal-footer,
body:not([data-theme-version="light"]) .bildirim-modal .modal-footer{
    border-top-color: rgba(255,255,255,.08);
}
/* Bildirim modalı mobil uyumluluk */
@media (max-width: 768px){
    #bildirim_modal .modal-dialog,
    .bildirim-modal .modal-dialog{
        margin: 12px;
        max-width: calc(100% - 24px) !important;
    }
}
@media (max-width: 480px){
    #bildirim_modal .modal-dialog,
    .bildirim-modal .modal-dialog{
        margin: 8px;
        max-width: calc(100% - 16px) !important;
    }
    #bildirim_modal .bildirim-modal-body,
    .bildirim-modal .bildirim-modal-body{
        max-height: 55vh;
    }
    #bildirim_modal #bildirimler.bildirim-liste li,
    .bildirim-modal #bildirimler.bildirim-liste li{
        padding: 10px 12px;
    }
    #bildirim_modal .modal-header,
    .bildirim-modal .modal-header{
        padding: 10px 12px;
    }
    #bildirim_modal .modal-footer,
    .bildirim-modal .modal-footer{
        padding: 8px 12px;
    }
    #bildirim_modal #bildirimler .timeline-panel .media,
    .bildirim-modal #bildirimler .timeline-panel .media{
        width: 32px;
        height: 32px;
        min-width: 32px;
        min-height: 32px;
        font-size: .65rem;
    }
    #bildirim_modal #bildirimler .media-body h6,
    .bildirim-modal #bildirimler .media-body h6{
        font-size: .85rem;
    }
    #bildirim_modal #bildirimler .media-body .btn,
    .bildirim-modal #bildirimler .media-body .btn{
        font-size: .75rem;
        padding: 4px 10px;
    }
}
/* Bildirim zili mobil: yeterli dokunma alanı */
@media (max-width: 992px){
    #bildana-wrap #bildana{
        min-width: 44px;
        min-height: 44px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }
}

/* Profil menüsü düğmeleri: navbar gibi hover tepkisi */
#araclar .bildana2 .dropdown-menu .dropdown-item{
    border-radius: 6px;
    margin: 1px 4px;
    transition: background-color .18s ease, color .18s ease;
}
#araclar .bildana2 .dropdown-menu .dropdown-item:hover,
#araclar .bildana2 .dropdown-menu .dropdown-item:focus{
    background: rgba(0,0,0,.08) !important;
}

/* Sol modda / masaüstü araçlar divi: JS ile pozisyonlanıyor, burada içerik düzeni */
@media (min-width: 993px){
    .anabar.nav-left .araclar-div .topbar-right-wrap,
    #araclar:not(.araclar-sol-mod) .topbar-right-wrap{
        flex-direction: row;
        flex-wrap: wrap;
        gap: 6px;
        margin: 0;
        padding: 0;
        border: none;
    }
    .anabar.nav-left .araclar-div .topbar-right-toggle{
        display: none !important;
    }
    .anabar.nav-left .araclar-div .topbar-right-buttons,
    #araclar:not(.araclar-sol-mod) .topbar-right-buttons{
        display: flex !important;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 6px;
    }
    .anabar.nav-left .araclar-div .topbar-right-buttons li,
    #araclar .topbar-right-buttons li{
        width: auto;
    }
}

#bottombar{
    position: fixed;
    left:0; right:0; bottom:0;
    z-index: 1025;
    min-height: var(--bottombar-h);
    padding: 4px 12px;
    display: block;
    overflow: visible;
    backdrop-filter: blur(20px) saturate(160%);
    -webkit-backdrop-filter: blur(20px) saturate(160%);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.15),
        0 -8px 24px rgba(0, 0, 0, 0.12);
    font-size: 0.78rem;
    letter-spacing: 0.01em;
    /* Nesnenin üst kenarı dalgalı – clip-path ile şekil */
    clip-path: polygon(
        0% 14%, 5% 10%, 10% 4%, 15% 10%, 20% 14%, 25% 10%, 30% 4%, 35% 10%, 40% 14%,
        45% 10%, 50% 4%, 55% 10%, 60% 14%, 65% 10%, 70% 4%, 75% 10%, 80% 14%, 85% 10%, 90% 4%, 95% 10%, 100% 14%,
        100% 100%, 0% 100%
    );
    -webkit-clip-path: polygon(
        0% 14%, 5% 10%, 10% 4%, 15% 10%, 20% 14%, 25% 10%, 30% 4%, 35% 10%, 40% 14%,
        45% 10%, 50% 4%, 55% 10%, 60% 14%, 65% 10%, 70% 4%, 75% 10%, 80% 14%, 85% 10%, 90% 4%, 95% 10%, 100% 14%,
        100% 100%, 0% 100%
    );
    animation: bottombarWave 3s ease-in-out infinite;
}

@keyframes bottombarWave{
    0%, 100%{
        clip-path: polygon(
            0% 14%, 5% 10%, 10% 4%, 15% 10%, 20% 14%, 25% 10%, 30% 4%, 35% 10%, 40% 14%,
            45% 10%, 50% 4%, 55% 10%, 60% 14%, 65% 10%, 70% 4%, 75% 10%, 80% 14%, 85% 10%, 90% 4%, 95% 10%, 100% 14%,
            100% 100%, 0% 100%
        );
        -webkit-clip-path: polygon(
            0% 14%, 5% 10%, 10% 4%, 15% 10%, 20% 14%, 25% 10%, 30% 4%, 35% 10%, 40% 14%,
            45% 10%, 50% 4%, 55% 10%, 60% 14%, 65% 10%, 70% 4%, 75% 10%, 80% 14%, 85% 10%, 90% 4%, 95% 10%, 100% 14%,
            100% 100%, 0% 100%
        );
    }
    25%{
        clip-path: polygon(
            0% 10%, 5% 14%, 10% 10%, 15% 4%, 20% 10%, 25% 14%, 30% 10%, 35% 4%, 40% 10%,
            45% 14%, 50% 10%, 55% 4%, 60% 10%, 65% 14%, 70% 10%, 75% 4%, 80% 10%, 85% 14%, 90% 10%, 95% 4%, 100% 10%,
            100% 100%, 0% 100%
        );
        -webkit-clip-path: polygon(
            0% 10%, 5% 14%, 10% 10%, 15% 4%, 20% 10%, 25% 14%, 30% 10%, 35% 4%, 40% 10%,
            45% 14%, 50% 10%, 55% 4%, 60% 10%, 65% 14%, 70% 10%, 75% 4%, 80% 10%, 85% 14%, 90% 10%, 95% 4%, 100% 10%,
            100% 100%, 0% 100%
        );
    }
    50%{
        clip-path: polygon(
            0% 4%, 5% 10%, 10% 14%, 15% 10%, 20% 4%, 25% 10%, 30% 14%, 35% 10%, 40% 4%,
            45% 10%, 50% 14%, 55% 10%, 60% 4%, 65% 10%, 70% 14%, 75% 10%, 80% 4%, 85% 10%, 90% 14%, 95% 10%, 100% 4%,
            100% 100%, 0% 100%
        );
        -webkit-clip-path: polygon(
            0% 4%, 5% 10%, 10% 14%, 15% 10%, 20% 4%, 25% 10%, 30% 14%, 35% 10%, 40% 4%,
            45% 10%, 50% 14%, 55% 10%, 60% 4%, 65% 10%, 70% 14%, 75% 10%, 80% 4%, 85% 10%, 90% 14%, 95% 10%, 100% 4%,
            100% 100%, 0% 100%
        );
    }
    75%{
        clip-path: polygon(
            0% 10%, 5% 4%, 10% 10%, 15% 14%, 20% 10%, 25% 4%, 30% 10%, 35% 14%, 40% 10%,
            45% 4%, 50% 10%, 55% 14%, 60% 10%, 65% 4%, 70% 10%, 75% 14%, 80% 10%, 85% 4%, 90% 10%, 95% 14%, 100% 10%,
            100% 100%, 0% 100%
        );
        -webkit-clip-path: polygon(
            0% 10%, 5% 4%, 10% 10%, 15% 14%, 20% 10%, 25% 4%, 30% 10%, 35% 14%, 40% 10%,
            45% 4%, 50% 10%, 55% 14%, 60% 10%, 65% 4%, 70% 10%, 75% 14%, 80% 10%, 85% 4%, 90% 10%, 95% 14%, 100% 10%,
            100% 100%, 0% 100%
        );
    }
}

/* Dalga üzerinde süzülen gemi – bottombar dışında, clip-path'ten etkilenmez */
.bottombar-ship-wrap{
    position: fixed;
    bottom: calc(var(--bottombar-h) - 9px);
    left: 0;
    right: 0;
    height: 40px;
    z-index: 1026;
    pointer-events: none;
}
.bottombar-ship-wrap * {
    pointer-events: auto;
}
.bottombar-ship{
    position: absolute;
    bottom: 0;
    left: calc(var(--navbar-sol-width) + (100% - var(--navbar-sol-width)) * var(--ship-position, 0.12));
    font-size: 0.9rem;
    color: rgba(56, 189, 248, 0.9);
    filter: drop-shadow(0 1px 2px rgba(0,0,0,0.2));
    animation: shipFloat 2.5s ease-in-out infinite;
    cursor: pointer;
    transition: color 0.3s ease;
}
.bottombar-ship.bottombar-ship-main{
    pointer-events: auto;
}
.bottombar-ship-main.ship-veteran{
    filter: drop-shadow(0 1px 2px rgba(0,0,0,0.2));
}
.bottombar-ship-main.ship-wounded{
    animation: shipFloatWounded 2.5s ease-in-out infinite;
}
@keyframes shipFloatWounded{
    0%, 100% { transform: translateY(1px) rotate(-5deg); }
    25% { transform: translateY(-1px) translateX(3px) rotate(-4deg); }
    50% { transform: translateY(2px) translateX(-2px) rotate(-6deg); }
    75% { transform: translateY(0) translateX(2px) rotate(-4deg); }
}
.bottombar-ship-attacker.attacker-hit{
    animation: attackerHit 0.3s ease-out 1;
}
@keyframes attackerHit{
    0%, 100%{ transform: translateX(0); }
    25%{ transform: translateX(4px); }
    75%{ transform: translateX(-4px); }
}
.bottombar-ship-attacker{
    position: absolute;
    bottom: 0;
    font-size: 0.9rem;
    filter: drop-shadow(0 1px 2px rgba(0,0,0,0.2));
    pointer-events: none;
    z-index: 1025;
    clip-path: inset(0 0 100% 0);
    transform-origin: center bottom;
}
.bottombar-ship-attacker.attacker-emerge{
    animation: shipHorizonEmerge 2.5s linear forwards;
    will-change: transform, clip-path, opacity;
}
.bottombar-ship-attacker.attacker-emerged{
    clip-path: none;
}
.bottombar-ship-attacker.attacker-shoot,
.bottombar-ship-main.main-shoot{
    animation: shipShootRecoil 0.25s ease-out 1;
}
.attacker-sail-in{
    transition: left 1s cubic-bezier(0.33, 1, 0.68, 1);
}
.bottombar-ship-main.ship-sinking{
    animation: shipSink 0.8s ease-in forwards;
}
.bottombar-cannonball{
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #2d2d2d;
    box-shadow: 0 0 4px rgba(0,0,0,0.6), 0 1px 0 rgba(255,255,255,0.1);
    pointer-events: none;
    z-index: 1027;
}
.bottombar-muzzle-flash{
    position: absolute;
    width: 12px;
    height: 8px;
    border-radius: 50%;
    background: radial-gradient(ellipse, rgba(255,200,100,0.9) 0%, rgba(255,120,0,0.5) 40%, transparent 70%);
    pointer-events: none;
    z-index: 1026;
    bottom: 14px;
    animation: muzzleFlash 0.12s ease-out forwards;
}
@keyframes muzzleFlash{
    0%{ transform: scale(1); opacity: 1; }
    100%{ transform: scale(1.5); opacity: 0; }
}
.bottombar-impact-splash{
    position: absolute;
    width: 20px;
    height: 12px;
    border-radius: 50%;
    background: radial-gradient(ellipse, rgba(255,255,255,0.6) 0%, rgba(135,206,250,0.4) 30%, transparent 70%);
    pointer-events: none;
    z-index: 1028;
    bottom: 12px;
    animation: impactSplash 0.5s ease-out forwards;
}
@keyframes impactSplash{
    0%{ transform: scale(0.3); opacity: 1; }
    60%{ transform: scale(1.2); opacity: 0.7; }
    100%{ transform: scale(1.5); opacity: 0; }
}
.bottombar-victory-sparkle{
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: rgba(255,215,0,0.9);
    pointer-events: none;
    z-index: 1029;
    animation: victorySparkle 0.6s ease-out forwards;
}
@keyframes victorySparkle{
    0%{ transform: scale(0); opacity: 1; }
    50%{ transform: scale(2); opacity: 0.8; }
    100%{ transform: scale(3); opacity: 0; }
}
.bottombar-milestone-badge{
    position: absolute;
    font-size: 0.65rem;
    font-weight: bold;
    color: #f59e0b;
    text-shadow: 0 0 4px rgba(255,255,255,0.8);
    white-space: nowrap;
    pointer-events: none;
    z-index: 1030;
    bottom: 28px;
    animation: milestonePop 1.2s ease-out forwards;
}
@keyframes milestonePop{
    0%{ transform: scale(0.5); opacity: 0; }
    20%{ transform: scale(1.2); opacity: 1; }
    40%{ transform: scale(1); opacity: 1; }
    80%{ opacity: 1; }
    100%{ transform: scale(1) translateY(-15px); opacity: 0; }
}
.bottombar-sink-bubble{
    position: absolute;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: rgba(255,255,255,0.6);
    pointer-events: none;
    z-index: 1028;
    animation: bubbleRise 0.9s ease-out forwards;
}
@keyframes bubbleRise{
    0%{ transform: translateY(0) scale(1); opacity: 0.8; }
    100%{ transform: translateY(-22px) scale(0.5); opacity: 0; }
}
.bottombar-approach-label{
    position: absolute;
    font-size: 0.6rem;
    font-weight: bold;
    color: rgba(255,255,255,0.95);
    text-shadow: 0 1px 2px rgba(0,0,0,0.6);
    white-space: nowrap;
    pointer-events: none;
    z-index: 1030;
    bottom: 32px;
    animation: approachLabel 2s ease-out forwards;
}
/* Aydınlık modda "gemi adı yaklaşıyor!" metni okunabilir olsun */
body[data-theme-version="light"] .bottombar-approach-label{
    color: #0f172a;
    text-shadow: 0 1px 2px rgba(255,255,255,0.9);
}
@keyframes approachLabel{
    0%{ opacity: 0; transform: translateY(4px); }
    15%{ opacity: 1; transform: translateY(0); }
    85%{ opacity: 1; }
    100%{ opacity: 0; transform: translateY(-6px); }
}
.bottombar-debris{
    position: absolute;
    width: 3px;
    height: 3px;
    background: rgba(139,90,43,0.9);
    pointer-events: none;
    z-index: 1028;
    animation: debrisFly 0.5s ease-out forwards;
}
@keyframes debrisFly{
    0%{ transform: translate(0,0) rotate(0deg); opacity: 1; }
    100%{ transform: translate(var(--dx,0), var(--dy,-12)) rotate(180deg); opacity: 0; }
}
.bottombar-ship-main.ship-hit{
    animation: shipHitReaction 0.4s ease-out 1;
}
@keyframes shipHitReaction{
    0%{ transform: translateX(0) translateY(0) rotate(0deg); }
    20%{ transform: translateX(-5px) translateY(-3px) rotate(-3deg); }
    40%{ transform: translateX(4px) translateY(2px) rotate(2deg); }
    60%{ transform: translateX(-2px) translateY(-1px) rotate(-1deg); }
    100%{ transform: translateX(0) translateY(0) rotate(0deg); }
}
/* Gerçek ufuk efekti: akıcı yükselme – çok sayıda keyframe ile 60fps hissi */
@keyframes shipHorizonEmerge{
    0%{ clip-path: inset(0 0 98% 0); transform: scale(0.38); opacity: 0.35; }
    4%{ clip-path: inset(0 0 95% 0); transform: scale(0.45); opacity: 0.45; }
    8%{ clip-path: inset(0 0 91% 0); transform: scale(0.52); opacity: 0.55; }
    12%{ clip-path: inset(0 0 86% 0); transform: scale(0.58); opacity: 0.63; }
    16%{ clip-path: inset(0 0 81% 0); transform: scale(0.64); opacity: 0.71; }
    20%{ clip-path: inset(0 0 75% 0); transform: scale(0.7); opacity: 0.78; }
    25%{ clip-path: inset(0 0 69% 0); transform: scale(0.76); opacity: 0.84; }
    30%{ clip-path: inset(0 0 62% 0); transform: scale(0.81); opacity: 0.89; }
    35%{ clip-path: inset(0 0 55% 0); transform: scale(0.85); opacity: 0.93; }
    40%{ clip-path: inset(0 0 48% 0); transform: scale(0.89); opacity: 0.96; }
    45%{ clip-path: inset(0 0 41% 0); transform: scale(0.92); opacity: 0.98; }
    50%{ clip-path: inset(0 0 34% 0); transform: scale(0.94); opacity: 1; }
    55%{ clip-path: inset(0 0 27% 0); transform: scale(0.96); opacity: 1; }
    60%{ clip-path: inset(0 0 21% 0); transform: scale(0.98); opacity: 1; }
    65%{ clip-path: inset(0 0 15% 0); transform: scale(0.99); opacity: 1; }
    70%{ clip-path: inset(0 0 10% 0); transform: scale(1); opacity: 1; }
    76%{ clip-path: inset(0 0 6% 0); transform: scale(1); opacity: 1; }
    82%{ clip-path: inset(0 0 3% 0); transform: scale(1); opacity: 1; }
    88%{ clip-path: inset(0 0 1% 0); transform: scale(1); opacity: 1; }
    100%{ clip-path: inset(0 0 0 0); transform: scale(1); opacity: 1; }
}
@keyframes shipShootRecoil{
    0%{ transform: translateX(0) translateY(0); }
    30%{ transform: translateX(6px) translateY(3px); }
    100%{ transform: translateX(0) translateY(0); }
}
@keyframes shipSink{
    0%{ transform: translateY(0) rotate(0deg); opacity: 1; }
    20%{ transform: translateY(2px) rotate(-5deg); opacity: 1; }
    50%{ transform: translateY(8px) rotate(-18deg) scale(0.92); opacity: 0.75; }
    100%{ transform: translateY(28px) rotate(-35deg) scale(0.4); opacity: 0; }
}

body[data-theme-version="light"] .bottombar-ship{
    color: rgba(14, 165, 233, 0.85);
}

@keyframes shipFloat{
    0%, 100% { transform: translateY(0) rotate(-2deg); }
    25% { transform: translateY(-2px) translateX(3px) rotate(1deg); }
    50% { transform: translateY(1px) translateX(-2px) rotate(-1deg); }
    75% { transform: translateY(-1px) translateX(2px) rotate(2deg); }
}

body[data-theme-version="light"] #bottombar{
    background: linear-gradient(180deg, rgba(248, 250, 252, 0.65), rgba(226, 232, 240, 0.7));
    color: #111827;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.5),
        0 -8px 24px rgba(0, 0, 0, 0.08);
}

body:not([data-theme-version="light"]) #bottombar{
    background: linear-gradient(180deg, rgba(15, 23, 42, 0.55), rgba(15, 23, 42, 0.72));
    color: #e5e7eb;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.06),
        0 -8px 24px rgba(0, 0, 0, 0.35);
    backdrop-filter: blur(24px) saturate(150%);
    -webkit-backdrop-filter: blur(24px) saturate(150%);
}

#bottombar a{
    color: #0ea5e9;
    text-decoration: none;
}

#bottombar a:hover{
    text-decoration: underline;
}

/* İç düzen: ortadaki telif + sağdaki bilgi bloğu daha net hizalansın */
#bottombar > .d-flex{
    min-height: calc(var(--bottombar-h) - 4px);
    padding: 0;
}

/* Sağ taraftaki kur + sistem bilgisi alanı */
#bottombar .footer-right{
    display: inline-flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}

#bottombar .kur-bilgi{
    font-variant-numeric: tabular-nums;
    font-size: 0.76rem;
    opacity: 0.85;
}

body[data-theme-version="light"] #bottombar .kur-bilgi{
    color: #0f172a;
    opacity: 1;
    text-shadow: 0 1px 1px rgba(255,255,255,0.6);
}

/* Sistem bilgisi rozeti (alt menü/hover tooltip ile birlikte) */
#bottombar #sist_bilg{
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 2px 10px;
    border-radius: 999px;
    border: 1px solid rgba(56, 189, 248, 0.4);
    background: rgba(15, 118, 110, 0.12);
    color: inherit;
    cursor: default;
    transition:
        background-color 160ms ease-out,
        border-color 160ms ease-out,
        box-shadow 160ms ease-out,
        transform 160ms ease-out;
}

#bottombar #sist_bilg::before{
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 999px;
    background: #22c55e;
    box-shadow: 0 0 0 3px rgba(34, 197, 94, 0.35);
}

#bottombar #sist_bilg:hover{
    background: rgba(15, 118, 110, 0.2);
    border-color: rgba(56, 189, 248, 0.7);
    box-shadow: 0 0 0 1px rgba(56, 189, 248, 0.45);
    transform: translateY(-1px);
}

/* Mobil + dikey modda copyright gizle */
@media (max-width: 768px) and (orientation: portrait){
    #bottombar .bottombar-copyright{
        display: none !important;
    }
}

/* Telefon yatay modda bottombar gizle (tablet yatayda görünsün – max-height ile ayrım: telefon <500px, tablet ≥500px) */
@media (orientation: landscape) and (max-height: 499px){
    #bottombar,
    .bottombar-ship-wrap{
        display: none !important;
    }
    #centerbar{
        bottom: 0 !important;
    }
}

/* Küçük ekranlarda bottombar içeriği alta üste yığılabilsin */
@media (max-width: 576px){
    #bottombar{
        padding-inline: 8px;
    }

    #bottombar > .d-flex{
        flex-direction: column;
        align-items: stretch !important;
        justify-content: center;
        gap: 4px;
    }

    #bottombar .position-absolute.start-50.translate-middle-x{
        position: static !important;
        transform: none !important;
        text-align: center;
        order: 1;
    }

    #bottombar .footer-right{
        justify-content: flex-end;
        order: 2;
        font-size: 0.74rem;
    }
}

/* centerbar: sabit kalır, color-bg efekti kaymaz; scroll içeride */
/* Bottombar dalga çukurlarında boşluk kalmasın – centerbar biraz aşağı taşar, üstte kalır */
#centerbar{
    position: fixed;
    top: var(--topbar-h);
    bottom: calc(var(--bottombar-h) - 12px);
    left:0; right:0;

    display: flex;
    flex-direction: column;
    overflow: hidden;
    min-height: 0;
    box-sizing: border-box;

    padding: 0 !important;
    overflow-anchor: none;
}
/*
 * ⚠️ MOBİL YATAY SCROLL ÖNLEME – BU BLOKLAR KALDIRILMAMALI
 * Bu kurallar mobilde ekran genişliğinin aşılmasını engeller.
 * Kaldırılırsa yatay scroll sorunu tekrar oluşur.
 * Detay: .cursor/rules/mobil-yatay-scroll-onleme.mdc
 */
/* Mobil: viewport kaymasını önle */
@media (max-width: 992px){
    html{ overscroll-behavior: none; overflow: hidden !important; }
    body{ overscroll-behavior: none; overflow: hidden !important; }
    /* Yatay scrollbar gizle – dikey scrollbar aynı kalır */
    *::-webkit-scrollbar{ height: 0 !important; }
}
/* Yatay scroll önleme – clip, hidden'dan daha güçlü. KALDIRMA. */
html, body{ overflow-x: clip !important; max-width: 100% !important; }
#anabar, #centerbar-scroll{ overflow-x: clip !important; }
/* 100vw yatay taşmaya yol açar – Bootstrap utility override */
.min-vw-100{ min-width: 100% !important; }
.vw-100{ width: 100% !important; }
/* Mobil: ekrana tam oturma – JS syncCenterbarHeightMobile() ile dinamik ebatlandırma (top/height inline) */
@media (max-width: 992px){
    #topbar-container{
        width: 100% !important;
        max-width: 100% !important;
        left: 0 !important;
        right: 0 !important;
    }
    #centerbar{
        left: 0 !important;
        right: 0 !important;
        width: auto !important;
        max-width: none !important;
        min-width: 0 !important;
        min-height: 0 !important;
        overscroll-behavior: contain;
        overflow-x: clip !important;
    }
    #bottombar{
        width: 100% !important;
        max-width: 100% !important;
        left: 0 !important;
        right: 0 !important;
        touch-action: none;
        overscroll-behavior: none;
    }
    /* 100vw yatay taşmaya yol açar – bottombar-ship-wrap viewport ile sınırla */
    .bottombar-ship-wrap{
        width: 100% !important;
        max-width: 100% !important;
        min-height: 40px !important;
        height: 40px !important;
    }
    /* Topbar logo-wrap – mobilde sabit yükseklik, scroll önlenir */
    #topbar-container .topbar-logo-wrap{
        min-height: 40px !important;
        flex-shrink: 0 !important;
    }
    #topbar-container .topbar-logo-wrap .logo-wrap{
        min-height: 40px !important;
        height: 40px !important;
    }
    #topbar-container{
        touch-action: none;
        overscroll-behavior: none;
    }
    .anasayfa-sayac-sekmeler{
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch;
        top: calc(var(--topbar-h, 50px) + 8px) !important;
    }
    .anasayfa-sayac-sekmeler .nav-tabs{
        flex-wrap: nowrap !important;
    }
    /* Ana sayfa: table-responsive sekmeleri sarmalıyor – yatay scroll engelle */
    .table-responsive.active-projects,
    .table-responsive:has(.anasayfa-sayac-sekmeler){
        overflow-x: clip !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }
    #anabar{
        min-width: 0 !important;
        overflow-x: clip !important;
    }
}

/* İçerik burada kayar, centerbar ve color-bg sabit kalır */
#centerbar .centerbar-scroll{
    flex: 1 1 auto;
    min-height: 0;
    min-width: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 3px !important;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-y pan-x;
}
@media (max-width: 992px){
    #centerbar .centerbar-scroll{
        padding: 4px 6px !important;
        overscroll-behavior: contain;
    }
    /* Liste / tablo sayfaları – container-fluid yatay gutter (25px) mobilde fazla */
    #centerbar .container-fluid:not(.p-0):not(.px-0){
        --bs-gutter-x: 10px !important;
        padding-left: max(5px, env(safe-area-inset-left)) !important;
        padding-right: max(5px, env(safe-area-inset-right)) !important;
    }
    body[data-user-renk] #centerbar .card-body.p-0{
        padding: 0 2px !important;
    }
    body[data-user-renk] #centerbar table.table.p-5,
    body[data-user-renk] #centerbar .table.p-5{
        padding: 0 !important;
    }
    body[data-user-renk] #centerbar .card{
        margin-bottom: 2px !important;
    }
    /* Liste sayfaları: dış table-responsive çerçevesi – iç tabsb* zaten çerçeveli */
    body[data-user-renk] #centerbar .table-responsive.active-projects:has(> .table-responsive){
        border: none !important;
        box-shadow: none !important;
        background: transparent !important;
        padding: 0 !important;
    }
}
/* Centerbar içerik yoğunluğu – çerçeve etrafında gereksiz boşluk azalt */
body[data-user-renk] #centerbar .card{
    margin-bottom: 4px !important;
}
body[data-user-renk] #centerbar .card-body:not(.p-0):not(.p-1):not(.p-2):not(.p-3):not(.p-4):not(.p-5){
    padding: clamp(4px, 0.8vw, 8px) !important;
}
#centerbar .card.bg-transparent.border-0 > .card-header,
#centerbar .card.bg-transparent.border-0 > .card-body{
    margin: 0 !important;
    padding: 0 !important;
}
#centerbar .tbl-caption{
    margin-top: 0 !important;
    margin-bottom: 2px !important;
}
/* ================== ANA SAYFA SAYAÇLARI ================== */
:root{
    --asay-surface: rgba(255, 255, 255, 0.88);
    --asay-surface-hover: rgba(255, 255, 255, 0.96);
    --asay-border: rgba(148, 163, 184, 0.28);
    --asay-accent: #0ea5e9;
    --asay-accent-soft: rgba(14, 165, 233, 0.1);
    --asay-text: #0f172a;
    --asay-label: #64748b;
    --asay-shadow: 0 4px 18px rgba(15, 23, 42, 0.07);
    --asay-shadow-hover: 0 10px 28px rgba(14, 165, 233, 0.12);
    --asay-tab-bg: rgba(148, 163, 184, 0.1);
    --asay-tab-active: #ffffff;
    --asay-chip-bg: rgba(148, 163, 184, 0.1);
    --asay-ok: #16a34a;
    --asay-alert: #dc2626;
    --asay-radius: 14px;
    --asay-ease: cubic-bezier(0.32, 0.72, 0, 1);
}
body:not([data-theme-version="light"]){
    --asay-surface: rgba(30, 41, 59, 0.72);
    --asay-surface-hover: rgba(30, 41, 59, 0.88);
    --asay-border: rgba(148, 163, 184, 0.16);
    --asay-accent: #38bdf8;
    --asay-accent-soft: rgba(56, 189, 248, 0.12);
    --asay-text: #f1f5f9;
    --asay-label: #94a3b8;
    --asay-shadow: 0 6px 22px rgba(0, 0, 0, 0.32);
    --asay-shadow-hover: 0 12px 32px rgba(56, 189, 248, 0.14);
    --asay-tab-bg: rgba(15, 23, 42, 0.55);
    --asay-tab-active: rgba(51, 65, 85, 0.95);
    --asay-chip-bg: rgba(148, 163, 184, 0.12);
}

.anasayfa-tam .row{
    --bs-gutter-x: 0.65rem;
}
/* Sayaç kartları – Bootstrap grid sütunları block kalsın */
body[data-user-renk] .anasayfa-tam .tab-content .row > [class*="col-"],
body[data-user-renk] .anasayfa-tam .tab-content .row > .altdgm2[class*="col-"]{
    display: block !important;
    min-width: 0;
    max-width: 100%;
}
body[data-user-renk] .anasayfa-tam .tab-content .row > [class*="col-"] > .altdgm2[class*="col-"]{
    display: block !important;
    width: 100%;
    max-width: 100%;
}
.anasayfa-tam .card-body,
.anasayfa-tam .tab-content{
    padding-left: 0;
    padding-right: 0;
}

/* Sayaç kartı */
.anasayfa-tam .tusrenk{
    background: var(--asay-surface) !important;
    border: 1px solid var(--asay-border) !important;
    border-left: none !important;
    border-radius: var(--asay-radius) !important;
    box-shadow: var(--asay-shadow);
    backdrop-filter: blur(14px) saturate(160%);
    -webkit-backdrop-filter: blur(14px) saturate(160%);
    transition:
        box-shadow 0.22s var(--asay-ease),
        transform 0.22s var(--asay-ease),
        border-color 0.22s var(--asay-ease),
        background 0.22s var(--asay-ease);
    min-width: 0;
    overflow: hidden;
    position: relative;
}
.anasayfa-tam .tusrenk::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--asay-accent), var(--sys-accent-mid));
    opacity: 0.85;
    pointer-events: none;
}
.anasayfa-tam .altdgm2:hover > .tusrenk,
.anasayfa-tam .frtik:hover > .tusrenk{
    background: var(--asay-surface-hover) !important;
    border-color: var(--sys-border-accent, color-mix(in srgb, var(--sys-accent) 35%, transparent)) !important;
    box-shadow: var(--asay-shadow-hover);
    transform: translateY(-2px);
}
.anasayfa-tam .altdgm2:active > .tusrenk,
.anasayfa-tam .frtik:active > .tusrenk{
    transform: translateY(0) scale(0.99);
}

.anasayfa-tam .tusrenk2{
    font-size: 0.68rem !important;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--asay-label) !important;
}
.anasayfa-tam .tusrenk .card-body{
    padding: 14px 14px 12px;
    min-width: 0;
    overflow-wrap: break-word;
}
.anasayfa-tam .tusrenk .card-title{
    font-size: 0.78rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
    line-height: 1.35;
    color: var(--asay-text) !important;
}
.anasayfa-tam .tusrenk .card-text{
    font-size: 1.28rem;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    letter-spacing: -0.02em;
    line-height: 1.2;
    color: var(--asay-text);
    margin: 0;
}
.anasayfa-tam .tusrenk .card-text.text-success{
    color: var(--asay-ok) !important;
}
.anasayfa-tam .tusrenk .card-text.text-danger,
.anasayfa-tam .tusrenk .card-text .text-danger{
    color: var(--asay-alert) !important;
}

/* Ana sayfa — satış hedef çubuğu */
.anasayfa-satis-hedef-wrap{
    background: var(--asay-surface, rgba(255,255,255,0.04));
    border-color: var(--asay-border, rgba(255,255,255,0.08)) !important;
    padding: 8px 10px 10px !important;
    margin-bottom: 0.5rem !important;
}
.anasayfa-satis-hedef-wrap > .anasayfa-sh-head{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
    margin-bottom: 6px !important;
    padding-bottom: 0 !important;
    border-bottom: none !important;
}
.anasayfa-sh-title{
    font-size: 0.68rem;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--asay-label, var(--asay-text-muted, #64748b));
    line-height: 1.2;
}
.anasayfa-sh-nav-wrap{
    display: flex;
    align-items: center;
    gap: 2px;
    flex-shrink: 0;
}
.anasayfa-sh-ay-label{
    font-size: 0.72rem;
    font-weight: 600;
    color: var(--asay-text, #334155);
    min-width: 0;
    text-align: center;
    padding: 0 2px;
    line-height: 1.2;
}
.anasayfa-sh-mini{
    line-height: 1;
    min-width: 16px;
    padding: 0 1px !important;
    opacity: 0.55;
    transition: opacity 0.15s ease, color 0.15s ease;
}
.anasayfa-sh-mini:hover{
    opacity: 1;
    color: var(--asay-accent, var(--primary)) !important;
}
.anasayfa-sh-metr{
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 0.2rem 0.35rem;
    margin-bottom: 5px;
    line-height: 1.2;
    cursor: default;
}
.anasayfa-sh-sip-val{
    font-size: 0.95rem;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    color: var(--asay-text, #0f172a);
}
.anasayfa-sh-metr-sep,
.anasayfa-sh-hedef-val,
.anasayfa-sh-unit{
    font-size: 0.78rem;
    font-variant-numeric: tabular-nums;
    color: var(--asay-label, #64748b);
}
.anasayfa-sh-pct{
    font-size: 0.68rem;
    font-weight: 600;
    padding: 1px 5px;
    border-radius: 4px;
    background: var(--asay-chip-bg, rgba(15,23,42,0.06));
    color: var(--asay-accent, var(--primary));
    margin-left: auto;
}
.anasayfa-sh-pct--tamam{
    color: #22c55e !important;
    background: rgba(34, 197, 94, 0.12);
}
body[data-theme-version="light"] .anasayfa-sh-pct--tamam{
    color: #16a34a !important;
    background: rgba(22, 163, 74, 0.1);
}
.anasayfa-satis-hedef-bar-outer{
    cursor: default;
}
.anasayfa-satis-hedef-bar-track{
    display: flex;
    align-items: stretch;
    height: 7px;
    border-radius: 4px;
    overflow: hidden;
    background: color-mix(in srgb, var(--asay-border, #dee2e6) 55%, transparent);
}
.anasayfa-satis-hedef-bar-hedef{
    display: flex;
    flex: 1 1 auto;
    min-width: 0;
    height: 100%;
    overflow: hidden;
    border-radius: 4px 0 0 4px;
}
.anasayfa-satis-hedef-bar-track:not(:has(.anasayfa-satis-hedef-overflow)) .anasayfa-satis-hedef-bar-hedef{
    border-radius: 4px;
}
.anasayfa-satis-hedef-seg{
    display: block;
    height: 100%;
    min-width: 0;
    transition: width 0.35s ease;
}
.anasayfa-satis-hedef-seg-green{
    background: linear-gradient(90deg, #22a06b, #2eb872);
}
.anasayfa-satis-hedef-seg-red{
    background: linear-gradient(90deg, #e05260, #f06a78);
}
.anasayfa-satis-hedef-seg-blue{
    background: linear-gradient(90deg, #3d8bfd, #0d6efd);
}
.anasayfa-satis-hedef-overflow{
    flex: 0 1 auto;
    min-width: 3px;
    border-radius: 0 4px 4px 0;
}
body[data-theme-version="light"] .anasayfa-satis-hedef-bar-track{
    background: #e9ecef;
}
.anasayfa-satis-hedef-yok{
    font-size: 0.72rem;
    text-align: center;
    color: var(--asay-label, #64748b);
    padding: 4px 0 2px;
    font-style: italic;
}
/* Modal — aylık hedef grid */
.anasayfa-sh-modal .modal-title{
    font-size: 0.9rem;
    font-weight: 600;
}
.anasayfa-sh-yil-row{
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
}
.anasayfa-sh-yil-label{
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--asay-label, #64748b);
    flex-shrink: 0;
}
.anasayfa-sh-yil-row .form-select{
    max-width: 110px;
}
.anasayfa-sh-hedef-grid{
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 6px 8px;
}
.anasayfa-sh-hedef-cell{
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    margin: 0;
}
.anasayfa-sh-hedef-ay{
    font-size: 0.68rem;
    font-weight: 600;
    color: var(--asay-label, #64748b);
    line-height: 1.2;
}
.anasayfa-sh-hedef-input{
    text-align: right;
    font-variant-numeric: tabular-nums;
    font-size: 0.8rem !important;
    padding: 0.2rem 0.35rem !important;
    min-height: 28px;
}
.anasayfa-sh-hedef-unit{
    font-size: 0.68rem;
    margin-top: 6px;
    text-align: right;
}
@media (max-width: 576px){
    .anasayfa-sh-hedef-grid{
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

/* Çift değer (Bugün | Tümü) */
.anasayfa-tam .tusrenk .card-text.d-flex{
    gap: 0.45rem;
    flex-wrap: nowrap;
    white-space: nowrap;
    font-size: 0.88rem !important;
    font-weight: 600;
    justify-content: center;
}
.anasayfa-tam .tusrenk .card-text.d-flex > .altdgm2{
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.28rem 0.55rem;
    border-radius: 8px;
    background: var(--asay-chip-bg);
    transition: background 0.16s var(--asay-ease);
    cursor: pointer;
}
.anasayfa-tam .tusrenk .card-text.d-flex > .altdgm2:hover{
    background: var(--asay-accent-soft);
}
.anasayfa-tam .tusrenk .card-text.d-flex .text-muted.small{
    font-size: 0.62rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--asay-label) !important;
}
.anasayfa-tam .tusrenk .card-text.d-flex > .text-muted:not(.small){
    opacity: 0.35;
    padding: 0 0.1rem;
}

.buyukharf{
    text-transform: uppercase;
}

/* Sipariş tipi – tek satır kartlar */
.anasayfa-tam .card-body.p-1{
    padding: 10px 12px !important;
}
.anasayfa-tam .card-body.p-1 .card-title{
    font-size: 0.78rem;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    flex-wrap: wrap;
}
.anasayfa-tam .card-body.p-1 .card-title .card-text{
    font-size: 1.1rem;
    font-weight: 700;
}

/* Sayaç sekmeleri – segmented control */
.anasayfa-sayac-sekmeler .nav-tabs{
    border: none;
    gap: 4px;
    padding: 5px;
    margin-bottom: 0;
    border-radius: 12px;
    background: var(--asay-tab-bg);
    flex-wrap: wrap;
}
.anasayfa-sayac-sekmeler .nav-link{
    font-size: 0.8rem;
    font-weight: 500;
    padding: 8px 14px;
    border: none !important;
    border-radius: 9px !important;
    color: var(--asay-label);
    transition:
        background 0.18s var(--asay-ease),
        color 0.18s var(--asay-ease),
        box-shadow 0.18s var(--asay-ease);
}
.anasayfa-sayac-sekmeler .nav-link:hover{
    background: var(--asay-accent-soft);
    color: var(--asay-text);
}
.anasayfa-sayac-sekmeler .nav-link.active{
    font-weight: 600;
    color: var(--asay-text) !important;
    background: var(--asay-tab-active) !important;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.08);
}
body:not([data-theme-version="light"]) .anasayfa-sayac-sekmeler .nav-link.active{
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.28);
}

@media (min-width: 992px) and (max-width: 1499px){
    .anasayfa-tam .tusrenk .card-text.d-flex{
        font-size: 0.8rem !important;
        gap: 0.35rem;
    }
    .anasayfa-tam .tusrenk .card-text.d-flex .text-muted.small{
        font-size: 0.58rem;
    }
}
@media (min-width: 1500px){
    .anasayfa-tam .col-xl-2 .tusrenk .card-text.d-flex{
        font-size: 0.84rem !important;
    }
}

@media (max-width: 991px){
    .anasayfa-tam{
        margin: 4px 0 0;
        padding-left: 0;
        padding-right: 0;
        max-width: 100%;
        overflow-x: clip;
    }
    .anasayfa-tam .row{
        --bs-gutter-x: 0.45rem;
    }
    .anasayfa-tam .col-xl-5,
    .anasayfa-tam .col-xl-4,
    .anasayfa-tam .col-xl-3,
    .anasayfa-tam .col-lg-4,
    .anasayfa-tam .col-md-6,
    .anasayfa-tam .col-sm-12{
        padding-left: 0.3rem !important;
        padding-right: 0.3rem !important;
    }
    .anasayfa-tam .ps-2{ padding-left: 0.3rem !important; }
    .anasayfa-tam .pe-2{ padding-right: 0.3rem !important; }
    .anasayfa-tam .tbl-caption{
        padding-left: 4px !important;
        padding-right: 4px !important;
    }
    .anasayfa-tam .table-responsive{ padding: 0 !important; }
    .anasayfa-sekmeler-wrap{
        padding-top: calc(52px + env(safe-area-inset-top, 0px));
    }
    .anasayfa-sayac-sekmeler{
        position: fixed;
        top: calc(var(--topbar-h, 50px) + env(safe-area-inset-top, 0px));
        left: 0;
        right: 0;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        z-index: 1010;
        background: var(--asay-surface);
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);
        box-shadow: 0 4px 16px rgba(15, 23, 42, 0.1);
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        scroll-snap-type: x proximity;
        margin: 0;
        padding: 6px max(8px, env(safe-area-inset-right, 0px)) 6px max(8px, env(safe-area-inset-left, 0px));
    }
    .anasayfa-sayac-sekmeler .nav-tabs{
        flex-wrap: nowrap;
        border-radius: 10px;
        padding: 4px;
        min-width: min-content;
    }
    .anasayfa-sayac-sekmeler .nav-item{
        flex-shrink: 0;
        scroll-snap-align: start;
    }
    .anasayfa-sayac-sekmeler .nav-link{
        font-size: 0.76rem !important;
        padding: 10px 12px !important;
        min-height: 44px;
        display: inline-flex;
        align-items: center;
        white-space: nowrap;
        -webkit-tap-highlight-color: transparent;
        touch-action: manipulation;
    }
    .anasayfa-tam .altdgm2.frtik,
    .anasayfa-tam .frtik.altdgm2{
        -webkit-tap-highlight-color: transparent;
        touch-action: manipulation;
    }
    .anasayfa-tam .altdgm2:hover > .tusrenk,
    .anasayfa-tam .frtik:hover > .tusrenk{
        transform: none;
    }
    .anasayfa-tam .altdgm2:active > .tusrenk,
    .anasayfa-tam .frtik:active > .tusrenk{
        transform: scale(0.985);
        background: var(--asay-accent-soft) !important;
    }
    .anasayfa-tam .tusrenk{
        min-height: 52px;
        border-radius: 12px !important;
    }
    .anasayfa-tam .tusrenk2{
        font-size: 0.64rem !important;
        line-height: 1.25;
    }
    .anasayfa-tam .card-body,
    .anasayfa-tam .tusrenk .card-body{
        padding: 11px 11px 10px !important;
    }
    .anasayfa-tam .card-title{
        font-size: 0.76rem !important;
        margin-bottom: 0.35rem !important;
        line-height: 1.3;
        word-break: break-word;
    }
    .anasayfa-tam .card-text{
        font-size: 1.15rem !important;
    }
    .anasayfa-tam .mb-3{ margin-bottom: 0.5rem !important; }
    .anasayfa-tam .card-text.d-flex{
        gap: 0.35rem !important;
        font-size: clamp(0.68rem, 2.8vw, 0.84rem) !important;
        flex-wrap: wrap !important;
        white-space: normal !important;
        justify-content: center;
    }
    .anasayfa-tam .tusrenk .card-text.d-flex > .altdgm2{
        min-height: 36px;
        padding: 0.35rem 0.6rem;
        flex: 1 1 auto;
        justify-content: center;
    }
    .anasayfa-tam .card-text.d-flex .text-muted.small{
        font-size: 0.58rem !important;
    }
    .anasayfa-tam .card-text.d-flex > .text-muted:not(.small){
        display: none;
    }
    .anasayfa-tam .card-body.p-1{ padding: 9px 10px !important; }
    .anasayfa-tam .card-body.p-1 .card-title{ font-size: 0.72rem !important; }
    .anasayfa-tam .tab-content{
        padding-top: 0.5rem !important;
        padding-bottom: env(safe-area-inset-bottom, 0px);
    }
}
@media (max-width: 576px){
    .anasayfa-sekmeler-wrap{
        padding-top: calc(48px + env(safe-area-inset-top, 0px));
    }
    .anasayfa-sayac-sekmeler .nav-link{
        font-size: 0.72rem !important;
        padding: 9px 10px !important;
    }
    .anasayfa-tam .tusrenk .card-title{
        font-size: 0.72rem !important;
    }
    .anasayfa-tam .tusrenk .card-text{
        font-size: 1.05rem !important;
    }
    .anasayfa-tam .tusrenk .card-text.d-flex > .altdgm2{
        flex: 1 1 100%;
        min-height: 40px;
    }
    .anasayfa-tam .col-md-6{
        flex: 0 0 100%;
        max-width: 100%;
    }
}

/* ================== ANA SAYFA SEKMESİ – TABLOLAR & PANELLER ================== */
.anasayfa-tam .anasayfa-ana-sekme{
    --asay-tbl-head: rgba(14, 165, 233, 0.08);
    --asay-tbl-row-hover: rgba(14, 165, 233, 0.06);
    --asay-tbl-zebra: rgba(148, 163, 184, 0.06);
    --asay-tbl-cell: rgba(148, 163, 184, 0.14);
}
body:not([data-theme-version="light"]) .anasayfa-tam .anasayfa-ana-sekme{
    --asay-tbl-head: rgba(56, 189, 248, 0.1);
    --asay-tbl-row-hover: rgba(56, 189, 248, 0.08);
    --asay-tbl-zebra: rgba(148, 163, 184, 0.05);
    --asay-tbl-cell: rgba(148, 163, 184, 0.1);
}

/* Panel kartları – hatırlatıcı & fatura */
.anasayfa-tam .anasayfa-ana-sekme .card{
    background: var(--asay-surface) !important;
    border: 1px solid var(--asay-border) !important;
    border-radius: var(--asay-radius) !important;
    box-shadow: var(--asay-shadow);
    overflow: hidden;
    position: relative;
}
.anasayfa-tam .anasayfa-ana-sekme .card::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--asay-accent), rgba(14, 165, 233, 0.25));
    z-index: 2;
    pointer-events: none;
}
.anasayfa-tam .anasayfa-ana-sekme .card > .card-body{
    padding: 0 !important;
}

/* Bölüm başlıkları & araç çubuğu */
.anasayfa-tam .anasayfa-ana-sekme .row.p-1.d-flex.justify-content-between,
.anasayfa-tam .anasayfa-ana-sekme .ht-panel-baslik,
.anasayfa-tam .anasayfa-ana-sekme #invoiceTabs{
    margin: 0 !important;
    padding: 10px 12px !important;
    border-bottom: 1px solid var(--asay-border);
    background: var(--asay-accent-soft);
    align-items: center;
    gap: 8px;
}
.anasayfa-tam .anasayfa-ana-sekme .ht-panel-baslik{
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    width: 100%;
}
.anasayfa-tam .anasayfa-ana-sekme .ht-panel-baslik > label{
    flex: 1 1 auto;
    min-width: 0;
}
.anasayfa-tam .anasayfa-ana-sekme .ht-panel-baslik-aksiyon{
    flex: 0 0 auto;
    margin-left: auto;
}
.anasayfa-tam .anasayfa-ana-sekme label.fw-bold,
.anasayfa-tam .anasayfa-ana-sekme .border.rounded.p-2 > .d-flex h5{
    font-size: 0.88rem !important;
    font-weight: 600 !important;
    color: var(--asay-text) !important;
    letter-spacing: 0.01em;
    margin: 0 !important;
}
.anasayfa-tam .anasayfa-ana-sekme .border.rounded.p-2 > .d-flex h5 i{
    color: var(--asay-accent);
}

/* Fatura iç sekmeleri – segmented */
.anasayfa-tam .anasayfa-ana-sekme #invoiceTabs{
    flex-wrap: wrap;
    border: none;
    background: transparent;
}
.anasayfa-tam .anasayfa-ana-sekme #invoiceTabs .nav-item:not(.col-auto){
    flex-shrink: 0;
}
.anasayfa-tam .anasayfa-ana-sekme #invoiceTabs .nav-link{
    font-size: 0.78rem;
    font-weight: 500;
    padding: 7px 12px;
    border: none !important;
    border-radius: 8px !important;
    color: var(--asay-label);
    transition: background 0.18s var(--asay-ease), color 0.18s var(--asay-ease);
}
.anasayfa-tam .anasayfa-ana-sekme #invoiceTabs .nav-link:hover{
    background: var(--asay-accent-soft);
    color: var(--asay-text);
}
.anasayfa-tam .anasayfa-ana-sekme #invoiceTabs .nav-link.active{
    font-weight: 600;
    color: var(--asay-text) !important;
    background: var(--asay-tab-active) !important;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.07);
}
.anasayfa-tam .anasayfa-ana-sekme #invoiceTabs .nav-item.col-auto .fw-semibold{
    font-size: 0.8rem;
    color: var(--asay-text);
    padding: 4px 8px;
    border-radius: 8px;
    background: var(--asay-chip-bg);
}
.anasayfa-tam .anasayfa-ana-sekme #invoiceTabsContent{
    zoom: 1 !important;
}

/* Gelen/giden fatura – yatay scroll yok, otomatik sütun genişliği */
.anasayfa-tam .anasayfa-ana-sekme .anasayfa-gg-ft-kart .table-responsive,
.anasayfa-tam .anasayfa-ana-sekme .anasayfa-gg-ft-kart .tabsb600,
.anasayfa-tam .anasayfa-ana-sekme .anasayfa-gg-ft-wrap .anasayfa-asay-scroll{
    overflow-x: hidden !important;
}
.anasayfa-tam.asay-fit-active .anasayfa-gg-ft-kart .anasayfa-asay-scroll{
    overflow-x: hidden !important;
}
.anasayfa-tam .anasayfa-ana-sekme .anasayfa-gg-ft-tablo{
    table-layout: fixed;
    width: 100% !important;
    max-width: 100%;
    min-width: 0 !important;
    text-align: left;
}
.anasayfa-tam .anasayfa-ana-sekme .anasayfa-gg-ft-tablo thead th{
    white-space: normal;
    word-break: break-word;
    line-height: 1.2;
    font-size: 0.73rem;
    padding: 6px 4px !important;
    letter-spacing: 0.02em;
    text-transform: none;
}
.anasayfa-tam .anasayfa-ana-sekme .anasayfa-gg-ft-tablo tbody td{
    padding: 6px 4px !important;
    min-width: 0;
    vertical-align: middle;
    word-break: break-word;
    overflow-wrap: anywhere;
}
.anasayfa-tam .anasayfa-ana-sekme .anasayfa-gg-ft-tablo col.anasayfa-gg-col-sira{ width: 1.85rem; }
.anasayfa-tam .anasayfa-ana-sekme .anasayfa-gg-ft-tablo col.anasayfa-gg-col-tip{ width: 3.15rem; }
.anasayfa-tam .anasayfa-ana-sekme .anasayfa-gg-ft-tablo col.anasayfa-gg-col-cari{ width: auto; }
.anasayfa-tam .anasayfa-ana-sekme .anasayfa-gg-ft-tablo col.anasayfa-gg-col-tutar{ width: 5.85rem; }
.anasayfa-tam .anasayfa-ana-sekme .anasayfa-gg-ft-tablo col.anasayfa-gg-col-durum{ width: 3.85rem; }
.anasayfa-tam .anasayfa-ana-sekme .anasayfa-gg-ft-tablo th:nth-child(1),
.anasayfa-tam .anasayfa-ana-sekme .anasayfa-gg-ft-tablo td:nth-child(1){
    width: 1.85rem;
    max-width: 1.85rem;
    padding-left: 3px !important;
    padding-right: 3px !important;
    text-align: center;
}
.anasayfa-tam .anasayfa-ana-sekme .anasayfa-gg-ft-tablo th:nth-child(2),
.anasayfa-tam .anasayfa-ana-sekme .anasayfa-gg-ft-tablo td:nth-child(2){
    width: 3.15rem;
    max-width: 3.15rem;
    padding-left: 2px !important;
    padding-right: 2px !important;
    text-align: center;
    overflow: hidden;
    vertical-align: middle;
}
.anasayfa-tam .anasayfa-ana-sekme .anasayfa-gg-ft-tablo th:nth-child(3),
.anasayfa-tam .anasayfa-ana-sekme .anasayfa-gg-ft-tablo td:nth-child(3){
    width: auto;
    min-width: 0;
}
.anasayfa-tam .anasayfa-ana-sekme .anasayfa-gg-ft-tablo th:nth-child(4),
.anasayfa-tam .anasayfa-ana-sekme .anasayfa-gg-ft-tablo td:nth-child(4){
    width: 5.85rem;
    min-width: 5.85rem;
    max-width: 5.85rem;
    text-align: right;
    padding-left: 6px !important;
    padding-right: 5px !important;
}
.anasayfa-tam .anasayfa-ana-sekme .anasayfa-gg-ft-tablo th:nth-child(5),
.anasayfa-tam .anasayfa-ana-sekme .anasayfa-gg-ft-tablo td:nth-child(5){
    width: 3.85rem;
    min-width: 3.85rem;
    max-width: 3.85rem;
    text-align: center;
    padding-left: 4px !important;
    padding-right: 6px !important;
}
.anasayfa-tam .anasayfa-ana-sekme .anasayfa-gg-ft-tablo .gg-m-sira .badge{
    min-width: 0;
    padding: 0.15em 0.3em;
    font-size: 0.62rem;
    line-height: 1.1;
}
.anasayfa-tam .anasayfa-ana-sekme .anasayfa-gg-ft-tablo .gg-m-tip{
    overflow: hidden;
    line-height: 1;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}
.anasayfa-tam .anasayfa-ana-sekme .anasayfa-gg-ft-tablo .gg-m-tip-stack{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3px;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    overflow: hidden;
}
.anasayfa-tam .anasayfa-ana-sekme .anasayfa-gg-ft-tablo .gg-m-tip-ust,
.anasayfa-tam .anasayfa-ana-sekme .anasayfa-gg-ft-tablo .gg-m-tip-alt{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    line-height: 1;
}
.anasayfa-tam .anasayfa-ana-sekme .anasayfa-gg-ft-tablo .gg-m-tip-ust > span,
.anasayfa-tam .anasayfa-ana-sekme .anasayfa-gg-ft-tablo .gg-m-tip-alt > span{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    max-width: 100%;
    overflow: hidden;
}
.anasayfa-tam .anasayfa-ana-sekme .anasayfa-gg-ft-tablo .gg-m-tip .fa-2xl{
    font-size: 0.78rem !important;
    line-height: 1;
}
.anasayfa-tam .anasayfa-ana-sekme .anasayfa-gg-ft-tablo .gg-m-tip img{
    display: block;
    max-width: 14px !important;
    max-height: 14px;
    width: auto;
    height: auto;
}
.anasayfa-tam .anasayfa-ana-sekme .anasayfa-gg-ft-tablo .gg-m-tip .badge{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 0;
    padding: 0.1em 0.18em;
    font-size: 0.54rem;
    line-height: 1;
    white-space: nowrap;
    max-width: 100%;
    min-width: 0;
    border-radius: 4px;
}
.anasayfa-tam .anasayfa-ana-sekme .anasayfa-gg-ft-tablo .gg-m-cari{
    max-width: 0;
    overflow: hidden;
}
.anasayfa-tam .anasayfa-ana-sekme .anasayfa-gg-ft-tablo .gg-m-cari-ad,
.anasayfa-tam .anasayfa-ana-sekme .anasayfa-gg-ft-tablo .gg-m-gonderici{
    display: block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.72rem;
    line-height: 1.25;
}
.anasayfa-tam .anasayfa-ana-sekme .anasayfa-gg-ft-tablo .gg-m-fat-meta{
    display: block;
    margin-top: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.64rem;
    line-height: 1.2;
    color: var(--asay-label);
}
.anasayfa-tam .anasayfa-ana-sekme .anasayfa-gg-ft-tablo .gg-m-fat-meta .gg-m-fat-no{
    font-weight: 600;
}
.anasayfa-tam .anasayfa-ana-sekme .anasayfa-gg-ft-tablo .gg-m-fat-sep{
    opacity: 0.55;
    padding: 0 1px;
}
.anasayfa-tam .anasayfa-ana-sekme .anasayfa-gg-ft-tablo .gg-m-tutar{
    font-size: 0.72rem;
    line-height: 1.35;
    text-align: right;
    white-space: nowrap;
}
.anasayfa-tam .anasayfa-ana-sekme .anasayfa-gg-ft-tablo .gg-m-durum{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    line-height: 1;
    white-space: nowrap;
}
.anasayfa-tam .anasayfa-ana-sekme .anasayfa-gg-ft-tablo .gg-m-durum .fa-xl{
    font-size: 0.92rem !important;
    line-height: 1;
}
.anasayfa-tam .anasayfa-ana-sekme .anasayfa-gg-ft-tablo .gg-m-durum > span{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
}

/* Tablo kapsayıcı */
.anasayfa-tam .anasayfa-ana-sekme .table-responsive{
    margin: 0;
    padding: 0 !important;
    border: none;
    background: transparent;
}
.anasayfa-tam .anasayfa-ana-sekme .tabsb600{
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    scrollbar-color: var(--asay-accent) transparent;
}
.anasayfa-tam .anasayfa-ana-sekme .tabsb600::-webkit-scrollbar{
    width: 6px;
    height: 6px;
}
.anasayfa-tam .anasayfa-ana-sekme .tabsb600::-webkit-scrollbar-thumb{
    background: var(--asay-accent);
    border-radius: 99px;
}

/* Tablo gövdesi */
.anasayfa-tam .anasayfa-ana-sekme .table{
    margin: 0 !important;
    border-collapse: separate;
    border-spacing: 0;
    font-size: 0.8rem;
    color: var(--asay-text);
    background: transparent;
}
.anasayfa-tam .anasayfa-ana-sekme .table-bordered{
    border: none !important;
}
.anasayfa-tam .anasayfa-ana-sekme .table thead th,
.anasayfa-tam .anasayfa-ana-sekme .table.table-light thead th{
    position: sticky;
    top: 0;
    z-index: 3;
    padding: 10px 8px !important;
    font-size: 0.72rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--asay-label) !important;
    background: var(--asay-tbl-head) !important;
    border: none !important;
    border-bottom: 1px solid var(--asay-border) !important;
    white-space: nowrap;
    vertical-align: middle;
}
.anasayfa-tam .anasayfa-ana-sekme .table tbody td{
    padding: 9px 8px !important;
    vertical-align: middle;
    border: none !important;
    border-bottom: 1px solid var(--asay-tbl-cell) !important;
    line-height: 1.35;
    transition: background 0.14s var(--asay-ease);
}
.anasayfa-tam .anasayfa-ana-sekme .table tbody tr:last-child td{
    border-bottom: none !important;
}
.anasayfa-tam .anasayfa-ana-sekme .table-striped > tbody > tr:nth-of-type(odd){
    background: transparent;
}
.anasayfa-tam .anasayfa-ana-sekme .table-striped > tbody > tr:nth-of-type(even){
    background: var(--asay-tbl-zebra);
}
.anasayfa-tam .anasayfa-ana-sekme .table:not(.anasayfa-ht-tablo):not(.anasayfa-gg-ft-tablo).table-hover > tbody > tr:hover > td,
.anasayfa-tam .anasayfa-ana-sekme .table:not(.anasayfa-ht-tablo):not(.anasayfa-gg-ft-tablo) tbody tr:hover td{
    background: var(--asay-tbl-row-hover) !important;
}

/* Gelen/giden fatura – eski #invoiceTabsContent td hover kuralları kaldırıldı; .anasayfa-gg-ft-tablo bloğu kullanılır */
body:not([data-theme-version="light"]) .anasayfa-tam .anasayfa-ana-sekme #invoiceTabsContent{
    --asay-tbl-row-hover: color-mix(in srgb, var(--asay-accent) 11%, var(--asay-surface));
}
.anasayfa-tam .anasayfa-ana-sekme .table tbody tr[sltk]{
    cursor: pointer;
}
.anasayfa-tam .anasayfa-ana-sekme .table:not(.anasayfa-ht-tablo):not(.anasayfa-gg-ft-tablo) tbody tr[sltk]:active td{
    background: var(--asay-accent-soft) !important;
}

/* Sıra rozeti */
.anasayfa-tam .anasayfa-ana-sekme .table .badge.light{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.65rem;
    min-height: 1.65rem;
    padding: 0 0.35rem;
    font-size: 0.72rem;
    font-weight: 600;
    border-radius: 8px;
    border: 1px solid var(--asay-border);
    background: var(--asay-chip-bg) !important;
    box-shadow: none;
}
.anasayfa-tam .anasayfa-ana-sekme .table .badge.badge-primary{
    color: var(--asay-accent) !important;
    border-color: rgba(14, 165, 233, 0.25);
    background: var(--asay-accent-soft) !important;
}
.anasayfa-tam .anasayfa-ana-sekme .table .badge.badge-warning{
    color: #b45309 !important;
    border-color: rgba(245, 158, 11, 0.3);
    background: rgba(245, 158, 11, 0.12) !important;
}
.anasayfa-tam .anasayfa-ana-sekme .table .badge.text-success,
.anasayfa-tam .anasayfa-ana-sekme .table .badge.text-info{
    font-size: 0.65rem;
    font-weight: 600;
    padding: 2px 6px;
    border-radius: 6px;
    letter-spacing: 0.02em;
}
.anasayfa-tam .anasayfa-ana-sekme .table .badge.text-success{
    background: rgba(22, 163, 74, 0.12) !important;
    color: var(--asay-ok) !important;
}
.anasayfa-tam .anasayfa-ana-sekme .table .badge.text-info{
    background: var(--asay-accent-soft) !important;
    color: var(--asay-accent) !important;
}

/* Makina & kısa not panelleri */
.anasayfa-tam .anasayfa-ana-sekme .border.rounded.p-2.mb-3,
.anasayfa-tam .anasayfa-ana-sekme .anasayfa-satis-hedef-wrap{
    background: var(--asay-surface) !important;
    border: 1px solid var(--asay-border) !important;
    border-radius: var(--asay-radius) !important;
    box-shadow: var(--asay-shadow);
    padding: 12px !important;
    position: relative;
    overflow: hidden;
}
.anasayfa-tam .anasayfa-ana-sekme .anasayfa-satis-hedef-wrap{
    padding: 8px 10px 10px !important;
    margin-bottom: 0.5rem !important;
}
.anasayfa-tam .anasayfa-ana-sekme .border.rounded.p-2.mb-3::before,
.anasayfa-tam .anasayfa-ana-sekme .anasayfa-satis-hedef-wrap::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--asay-accent), rgba(14, 165, 233, 0.25));
    pointer-events: none;
}
.anasayfa-tam .anasayfa-ana-sekme .border.rounded.p-2 > .d-flex,
.anasayfa-tam .anasayfa-ana-sekme .kisa-notlar-baslik-wrap{
    margin-bottom: 10px !important;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--asay-border);
}
.kisa-not-sirala-sw-satir{
    display: none;
}
.kisa-not-sirala-sw{
    display: none !important;
    min-width: 2rem;
    padding-left: 0;
    margin-left: 0;
    align-items: center;
    gap: 0.35rem;
}
@media (min-width: 992px){
    .kisa-not-sirala-sw-satir,
    .kisa-not-sirala-sw,
    .kisa-not-sirala-sw-metin{
        display: none !important;
    }
}
.kisa-not-sirala-sw .form-check-input{
    cursor: pointer;
    margin: 0;
    float: none;
    width: 1.55rem;
    height: 0.82rem;
}
.kisa-not-sirala-sw-metin{
    font-size: 0.72rem;
    line-height: 1;
    color: var(--asay-text-muted, var(--bs-secondary-color, #6c757d));
    user-select: none;
}
.anasayfa-tam .anasayfa-ana-sekme .kisa-notlar-listesi,
.anasayfa-tam .anasayfa-ana-sekme .border.rounded .d-flex.flex-column.gap-2{
    overflow-y: auto;
    overflow-x: hidden;
    gap: 6px !important;
    padding-right: 4px;
    scrollbar-gutter: stable;
    scrollbar-width: thin;
    scrollbar-color: var(--sys-scrollbar-thumb) var(--sys-scrollbar-track);
    -webkit-overflow-scrolling: touch;
    --kisa-not-hover: var(--asay-tbl-row-hover);
}
.anasayfa-tam .anasayfa-ana-sekme .kisa-notlar-listesi::-webkit-scrollbar{
    width: 7px;
}
.anasayfa-tam .anasayfa-ana-sekme .kisa-notlar-listesi::-webkit-scrollbar-track{
    background: var(--sys-scrollbar-track, rgba(0, 0, 0, 0.06));
    border-radius: 4px;
}
.anasayfa-tam .anasayfa-ana-sekme .kisa-notlar-listesi::-webkit-scrollbar-thumb{
    background: var(--sys-scrollbar-thumb, rgba(0, 0, 0, 0.28));
    border-radius: 4px;
    min-height: 28px;
}
.anasayfa-tam .anasayfa-ana-sekme .kisa-notlar-listesi::-webkit-scrollbar-thumb:hover{
    background: var(--sys-scrollbar-thumb-hover, rgba(0, 0, 0, 0.4));
}
body:not([data-theme-version="light"]) .anasayfa-tam .anasayfa-ana-sekme .kisa-notlar-listesi{
    --kisa-not-hover: color-mix(in srgb, var(--asay-accent) 11%, var(--asay-surface));
}
.anasayfa-tam .anasayfa-ana-sekme .kisa-notlar-listesi .kisa-not-kart,
.anasayfa-tam .anasayfa-ana-sekme .sortable-item.kisa-not-kart{
    border: 1px solid var(--asay-border) !important;
    border-left: 3px solid var(--asay-accent) !important;
    border-radius: 10px !important;
    background: var(--asay-chip-bg) !important;
    box-shadow: none !important;
    padding: 8px 10px !important;
    cursor: grab;
    user-select: none;
    transition: background 0.16s var(--asay-ease), border-color 0.16s var(--asay-ease), box-shadow 0.16s var(--asay-ease);
}
.anasayfa-tam .anasayfa-ana-sekme .kisa-notlar-listesi .kisa-not-kart:nth-child(odd){
    background: transparent !important;
}
.anasayfa-tam .anasayfa-ana-sekme .kisa-notlar-listesi .kisa-not-kart:nth-child(even){
    background: var(--asay-tbl-zebra) !important;
}
.anasayfa-tam .anasayfa-ana-sekme .kisa-notlar-listesi .kisa-not-kart:hover{
    background: var(--kisa-not-hover) !important;
    border-left-color: var(--asay-accent) !important;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.06);
}
.anasayfa-tam .anasayfa-ana-sekme .kisa-notlar-listesi .kisa-not-kart:active{
    cursor: grabbing;
}
.anasayfa-tam .anasayfa-ana-sekme .kisa-notlar-listesi .sortable-ghost.kisa-not-kart{
    opacity: 0.55;
    background: var(--asay-accent-soft) !important;
    box-shadow: none !important;
}
.anasayfa-tam .anasayfa-ana-sekme .kisa-not-metin,
.anasayfa-tam .anasayfa-ana-sekme .sortable-item .kisa-not-metin{
    color: var(--asay-text) !important;
    font-size: 0.8rem !important;
    line-height: 1.4;
}
/* Eski sortable sınıfları – geriye dönük */
.anasayfa-tam .anasayfa-ana-sekme .sortable-item:not(.kisa-not-kart),
.anasayfa-tam .anasayfa-ana-sekme .border.rounded .border-start.border-4{
    border: 1px solid var(--asay-border) !important;
    border-left: 3px solid var(--asay-accent) !important;
    border-radius: 10px !important;
    background: var(--asay-chip-bg) !important;
    box-shadow: none !important;
    padding: 8px 10px !important;
    transition: background 0.16s var(--asay-ease), border-color 0.16s var(--asay-ease);
}
.anasayfa-tam .anasayfa-ana-sekme .sortable-item:not(.kisa-not-kart):hover,
.anasayfa-tam .anasayfa-ana-sekme .border.rounded .border-start.border-4:hover{
    background: var(--asay-accent-soft) !important;
}
.anasayfa-tam .anasayfa-ana-sekme .sortable-item .text-secondary,
.anasayfa-tam .anasayfa-ana-sekme .border.rounded .text-secondary{
    color: var(--asay-text) !important;
    font-size: 0.8rem !important;
    line-height: 1.4;
}
.anasayfa-tam .anasayfa-ana-sekme .alert.alert-secondary{
    margin: 0;
    border-radius: 10px;
    border: 1px dashed var(--asay-border);
    background: var(--asay-chip-bg);
    color: var(--asay-label);
    font-size: 0.82rem;
    padding: 14px 12px;
}

/* Panel butonları */
.anasayfa-tam .anasayfa-ana-sekme .btn-outline-primary,
.anasayfa-tam .anasayfa-ana-sekme .btn-outline-info,
.anasayfa-tam .anasayfa-ana-sekme .btn-outline-success{
    font-size: 0.74rem;
    font-weight: 500;
    border-radius: 8px;
    padding: 5px 10px;
    border-color: var(--asay-border);
    color: var(--asay-text);
    transition: background 0.16s var(--asay-ease), border-color 0.16s var(--asay-ease);
}
.anasayfa-tam .anasayfa-ana-sekme .btn-outline-primary:hover,
.anasayfa-tam .anasayfa-ana-sekme .btn-outline-info:hover,
.anasayfa-tam .anasayfa-ana-sekme .btn-outline-success:hover{
    background: var(--asay-accent-soft);
    border-color: var(--asay-accent);
    color: var(--asay-accent);
}

/* Ana sayfa – kompakt hatırlatıcı tablosu */
.anasayfa-tam .anasayfa-ana-sekme .anasayfa-ht-kart .table-responsive,
.anasayfa-tam .anasayfa-ana-sekme .anasayfa-ht-kart .tabsb600,
.anasayfa-tam .anasayfa-ana-sekme .anasayfa-ht-kart .anasayfa-asay-scroll{
    overflow-x: hidden !important;
}
.anasayfa-tam.asay-fit-active .anasayfa-ht-kart .anasayfa-asay-scroll{
    overflow-x: hidden !important;
}
.anasayfa-tam .anasayfa-ana-sekme .anasayfa-ht-tablo{
    table-layout: fixed;
    width: 100% !important;
    max-width: 100%;
    min-width: 0 !important;
    text-align: left;
}
.anasayfa-tam .anasayfa-ana-sekme .anasayfa-ht-kart .ht-panel-baslik > label{
    font-size: 0.94rem !important;
}
.anasayfa-tam .anasayfa-ana-sekme .anasayfa-ht-tablo thead th{
    white-space: normal;
    word-break: break-word;
    line-height: 1.2;
    font-size: 0.73rem;
    padding: 6px 4px !important;
    letter-spacing: 0.02em;
    text-transform: none;
}
.anasayfa-tam .anasayfa-ana-sekme .anasayfa-ht-tablo tbody td{
    word-break: break-word;
    overflow-wrap: anywhere;
    padding: 6px 4px !important;
    min-width: 0;
}
.anasayfa-tam .anasayfa-ana-sekme .anasayfa-ht-tablo th:nth-child(1),
.anasayfa-tam .anasayfa-ana-sekme .anasayfa-ht-tablo td:nth-child(1){
    width: 1.85rem;
    max-width: 1.85rem;
    padding-left: 3px !important;
    padding-right: 3px !important;
    text-align: center;
    vertical-align: middle;
}
.anasayfa-tam .anasayfa-ana-sekme .anasayfa-ht-tablo th:nth-child(2),
.anasayfa-tam .anasayfa-ana-sekme .anasayfa-ht-tablo td:nth-child(2){
    width: 1.65rem;
    max-width: 1.65rem;
    padding-left: 2px !important;
    padding-right: 2px !important;
    text-align: center;
    vertical-align: middle;
}
.anasayfa-tam .anasayfa-ana-sekme .anasayfa-ht-tablo th:nth-child(3),
.anasayfa-tam .anasayfa-ana-sekme .anasayfa-ht-tablo td:nth-child(3){
    width: 24%;
    min-width: 0;
    max-width: 24%;
}
.anasayfa-tam .anasayfa-ana-sekme .anasayfa-ht-tablo th:nth-child(4),
.anasayfa-tam .anasayfa-ana-sekme .anasayfa-ht-tablo td:nth-child(4){
    width: auto;
    min-width: 0;
}
.anasayfa-tam .anasayfa-ana-sekme .anasayfa-ht-tablo .ht-m-sira .badge,
.anasayfa-tam .anasayfa-ana-sekme .anasayfa-ht-tablo td:nth-child(1) .badge{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.45rem;
    min-height: 1.45rem;
    width: 1.45rem;
    height: 1.45rem;
    padding: 0;
    border-radius: 50%;
    font-size: 0.64rem;
    line-height: 1;
}
.anasayfa-tam .anasayfa-ana-sekme .anasayfa-ht-tablo .ht-m-ilgi i{
    font-size: 0.9rem !important;
    line-height: 1;
}
.anasayfa-tam .anasayfa-ana-sekme .anasayfa-ht-tablo .ht-m-tarih{
    line-height: 1.25;
    font-size: 0.68rem;
    min-width: 0;
    overflow: hidden;
}
.anasayfa-tam .anasayfa-ana-sekme .anasayfa-ht-tablo .ht-m-tarih > span{
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.anasayfa-tam .anasayfa-ana-sekme .anasayfa-ht-tablo .ht-m-tarih .ht-m-islem{
    margin-top: 2px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.62rem;
    opacity: 0.9;
}
.anasayfa-tam .anasayfa-ana-sekme .anasayfa-ht-tablo .ht-m-aciklama{
    min-width: 0;
    font-size: 0.74rem;
    line-height: 1.35;
}
.anasayfa-tam .anasayfa-ana-sekme .anasayfa-ht-tablo col.anasayfa-ht-col-sira{ width: 1.85rem; }
.anasayfa-tam .anasayfa-ana-sekme .anasayfa-ht-tablo col.anasayfa-ht-col-ilgi{ width: 1.65rem; }
.anasayfa-tam .anasayfa-ana-sekme .anasayfa-ht-tablo col.anasayfa-ht-col-tarih{ width: 24%; }
.anasayfa-tam .anasayfa-ana-sekme .anasayfa-ht-tablo col.anasayfa-ht-col-ack{ width: auto; }

/* Hatırlatıcı tablosu – hover/active: arka plan yalnızca satırda, td içi ayrı ton yok */
.anasayfa-tam .anasayfa-ana-sekme .anasayfa-ht-tablo tbody tr{
    transition: background 0.14s var(--asay-ease);
}
.anasayfa-tam .anasayfa-ana-sekme .anasayfa-ht-tablo > :not(caption) > * > *,
.anasayfa-tam .anasayfa-ana-sekme .anasayfa-ht-tablo tbody tr > td,
.anasayfa-tam .anasayfa-ana-sekme .anasayfa-ht-tablo tbody tr > th,
body[data-user-renk] .anasayfa-tam .anasayfa-ana-sekme .anasayfa-ht-tablo tbody tr:nth-child(even) > *,
body[data-user-renk] .anasayfa-tam .anasayfa-ana-sekme .anasayfa-ht-tablo tbody tr:nth-child(odd) > *{
    --bs-table-bg-state: transparent !important;
    --bs-table-bg-type: transparent !important;
    --bs-table-accent-bg: transparent !important;
    box-shadow: none !important;
    background: transparent !important;
    background-color: transparent !important;
    transition: none !important;
}
.anasayfa-tam .anasayfa-ana-sekme .anasayfa-ht-tablo tbody tr:nth-child(even){
    background: var(--asay-tbl-zebra);
}
.anasayfa-tam .anasayfa-ana-sekme .anasayfa-ht-tablo.table-hover > tbody > tr:hover,
.anasayfa-tam .anasayfa-ana-sekme .anasayfa-ht-tablo tbody tr:hover,
body[data-user-renk] .anasayfa-tam .anasayfa-ana-sekme .anasayfa-ht-tablo.table-hover tbody tr:hover,
body[data-user-renk] .anasayfa-tam .anasayfa-ana-sekme .anasayfa-ht-tablo tbody tr:hover{
    background: var(--asay-tbl-row-hover) !important;
    background-color: var(--asay-tbl-row-hover) !important;
}
.anasayfa-tam .anasayfa-ana-sekme .anasayfa-ht-tablo.table-hover > tbody > tr:hover > *,
.anasayfa-tam .anasayfa-ana-sekme .anasayfa-ht-tablo.table-hover > tbody > tr:hover > td,
.anasayfa-tam .anasayfa-ana-sekme .anasayfa-ht-tablo tbody tr:hover > td,
.anasayfa-tam .anasayfa-ana-sekme .anasayfa-ht-tablo tbody tr:hover > th,
body[data-user-renk] .anasayfa-tam .anasayfa-ana-sekme .anasayfa-ht-tablo tbody tr:hover > *,
body[data-user-renk] #centerbar .anasayfa-tam .anasayfa-ana-sekme .anasayfa-ht-tablo tbody tr:hover td,
body[data-user-renk] #centerbar .anasayfa-tam .anasayfa-ana-sekme .anasayfa-ht-tablo tbody tr:hover th{
    --bs-table-bg-state: transparent !important;
    --bs-table-bg-type: transparent !important;
    box-shadow: none !important;
    background: transparent !important;
    background-color: transparent !important;
}
/* Active / seçili (tıklama): :active td üzerinde tetiklenir – renk yalnızca satırda */
.anasayfa-tam .anasayfa-ana-sekme .anasayfa-ht-tablo tbody tr[sltk]{
    -webkit-tap-highlight-color: transparent;
}
.anasayfa-tam .anasayfa-ana-sekme .anasayfa-ht-tablo tbody tr[sltk] > td,
.anasayfa-tam .anasayfa-ana-sekme .anasayfa-ht-tablo tbody tr[sltk] > th{
    -webkit-tap-highlight-color: transparent;
}
.anasayfa-tam .anasayfa-ana-sekme .anasayfa-ht-tablo tbody tr[sltk]:active,
.anasayfa-tam .anasayfa-ana-sekme .anasayfa-ht-tablo tbody tr[sltk]:has(> td:active),
.anasayfa-tam .anasayfa-ana-sekme .anasayfa-ht-tablo tbody tr[sltk].sltksc,
body[data-user-renk] .anasayfa-tam .anasayfa-ana-sekme .anasayfa-ht-tablo tbody tr[sltk]:active,
body[data-user-renk] .anasayfa-tam .anasayfa-ana-sekme .anasayfa-ht-tablo tbody tr[sltk]:has(> td:active),
body[data-user-renk] .anasayfa-tam .anasayfa-ana-sekme .anasayfa-ht-tablo tbody tr[sltk].sltksc{
    background: var(--asay-tbl-row-hover) !important;
    background-color: var(--asay-tbl-row-hover) !important;
}
.anasayfa-tam .anasayfa-ana-sekme .anasayfa-ht-tablo.table-hover > tbody > tr:active > *,
.anasayfa-tam .anasayfa-ana-sekme .anasayfa-ht-tablo tbody tr[sltk] > td:active,
.anasayfa-tam .anasayfa-ana-sekme .anasayfa-ht-tablo tbody tr[sltk]:active > td,
.anasayfa-tam .anasayfa-ana-sekme .anasayfa-ht-tablo tbody tr[sltk]:active > th,
.anasayfa-tam .anasayfa-ana-sekme .anasayfa-ht-tablo tbody tr[sltk].sltksc > td,
.anasayfa-tam .anasayfa-ana-sekme .anasayfa-ht-tablo tbody tr[sltk].sltksc > th,
.anasayfa-tam .anasayfa-ana-sekme .anasayfa-ht-tablo tbody tr[sltk].sltksc > *,
body[data-user-renk] .anasayfa-tam .anasayfa-ana-sekme .anasayfa-ht-tablo tbody tr[sltk] > td:active,
body[data-user-renk] .anasayfa-tam .anasayfa-ana-sekme .anasayfa-ht-tablo tbody tr[sltk]:active > *,
body[data-user-renk] .anasayfa-tam .anasayfa-ana-sekme .anasayfa-ht-tablo tbody tr[sltk].sltksc > *,
body[data-user-renk] #centerbar .anasayfa-tam .anasayfa-ana-sekme .anasayfa-ht-tablo tbody tr[sltk] > td:active,
body[data-user-renk] #centerbar .anasayfa-tam .anasayfa-ana-sekme .anasayfa-ht-tablo tbody tr[sltk]:active td,
body[data-user-renk] #centerbar .anasayfa-tam .anasayfa-ana-sekme .anasayfa-ht-tablo tbody tr[sltk].sltksc > *{
    --bs-table-bg-state: transparent !important;
    --bs-table-bg-type: transparent !important;
    box-shadow: none !important;
    background: transparent !important;
    background-color: transparent !important;
}

/* Gelen/giden fatura tablosu – hover/active: arka plan yalnızca satırda */
.anasayfa-tam .anasayfa-ana-sekme .anasayfa-gg-ft-tablo.table-striped > tbody > tr:nth-of-type(odd){
    background-color: transparent !important;
}
.anasayfa-tam .anasayfa-ana-sekme .anasayfa-gg-ft-tablo tbody tr{
    transition: background 0.14s var(--asay-ease);
}
.anasayfa-tam .anasayfa-ana-sekme .anasayfa-gg-ft-tablo > :not(caption) > * > *,
.anasayfa-tam .anasayfa-ana-sekme .anasayfa-gg-ft-tablo tbody tr > td,
.anasayfa-tam .anasayfa-ana-sekme .anasayfa-gg-ft-tablo tbody tr > th,
body[data-user-renk] .anasayfa-tam .anasayfa-ana-sekme .anasayfa-gg-ft-tablo tbody tr:nth-child(even) > *,
body[data-user-renk] .anasayfa-tam .anasayfa-ana-sekme .anasayfa-gg-ft-tablo tbody tr:nth-child(odd) > *{
    --bs-table-bg-state: transparent !important;
    --bs-table-bg-type: transparent !important;
    --bs-table-accent-bg: transparent !important;
    box-shadow: none !important;
    background: transparent !important;
    background-color: transparent !important;
    transition: none !important;
}
.anasayfa-tam .anasayfa-ana-sekme .anasayfa-gg-ft-tablo tbody tr:nth-child(even){
    background: var(--asay-tbl-zebra);
}
.anasayfa-tam .anasayfa-ana-sekme .anasayfa-gg-ft-tablo.table-hover > tbody > tr:hover,
.anasayfa-tam .anasayfa-ana-sekme .anasayfa-gg-ft-tablo tbody tr:hover,
body[data-user-renk] .anasayfa-tam .anasayfa-ana-sekme .anasayfa-gg-ft-tablo.table-hover tbody tr:hover,
body[data-user-renk] .anasayfa-tam .anasayfa-ana-sekme .anasayfa-gg-ft-tablo tbody tr:hover{
    background: var(--asay-tbl-row-hover) !important;
    background-color: var(--asay-tbl-row-hover) !important;
}
.anasayfa-tam .anasayfa-ana-sekme .anasayfa-gg-ft-tablo.table-hover > tbody > tr:hover > *,
.anasayfa-tam .anasayfa-ana-sekme .anasayfa-gg-ft-tablo.table-hover > tbody > tr:hover > td,
.anasayfa-tam .anasayfa-ana-sekme .anasayfa-gg-ft-tablo tbody tr:hover > td,
.anasayfa-tam .anasayfa-ana-sekme .anasayfa-gg-ft-tablo tbody tr:hover > th,
body[data-user-renk] .anasayfa-tam .anasayfa-ana-sekme .anasayfa-gg-ft-tablo tbody tr:hover > *,
body[data-user-renk] #centerbar .anasayfa-tam .anasayfa-ana-sekme .anasayfa-gg-ft-tablo tbody tr:hover td,
body[data-user-renk] #centerbar .anasayfa-tam .anasayfa-ana-sekme .anasayfa-gg-ft-tablo tbody tr:hover th{
    --bs-table-bg-state: transparent !important;
    --bs-table-bg-type: transparent !important;
    box-shadow: none !important;
    background: transparent !important;
    background-color: transparent !important;
    color: var(--asay-text) !important;
}
.anasayfa-tam .anasayfa-ana-sekme .anasayfa-gg-ft-tablo tbody tr[sltk]{
    -webkit-tap-highlight-color: transparent;
}
.anasayfa-tam .anasayfa-ana-sekme .anasayfa-gg-ft-tablo tbody tr[sltk] > td,
.anasayfa-tam .anasayfa-ana-sekme .anasayfa-gg-ft-tablo tbody tr[sltk] > th{
    -webkit-tap-highlight-color: transparent;
}
.anasayfa-tam .anasayfa-ana-sekme .anasayfa-gg-ft-tablo tbody tr[sltk]:active,
.anasayfa-tam .anasayfa-ana-sekme .anasayfa-gg-ft-tablo tbody tr[sltk]:has(> td:active),
.anasayfa-tam .anasayfa-ana-sekme .anasayfa-gg-ft-tablo tbody tr[sltk].sltksc,
body[data-user-renk] .anasayfa-tam .anasayfa-ana-sekme .anasayfa-gg-ft-tablo tbody tr[sltk]:active,
body[data-user-renk] .anasayfa-tam .anasayfa-ana-sekme .anasayfa-gg-ft-tablo tbody tr[sltk]:has(> td:active),
body[data-user-renk] .anasayfa-tam .anasayfa-ana-sekme .anasayfa-gg-ft-tablo tbody tr[sltk].sltksc{
    background: var(--asay-tbl-row-hover) !important;
    background-color: var(--asay-tbl-row-hover) !important;
}
.anasayfa-tam .anasayfa-ana-sekme .anasayfa-gg-ft-tablo.table-hover > tbody > tr:active > *,
.anasayfa-tam .anasayfa-ana-sekme .anasayfa-gg-ft-tablo tbody tr[sltk] > td:active,
.anasayfa-tam .anasayfa-ana-sekme .anasayfa-gg-ft-tablo tbody tr[sltk]:active > td,
.anasayfa-tam .anasayfa-ana-sekme .anasayfa-gg-ft-tablo tbody tr[sltk]:active > th,
.anasayfa-tam .anasayfa-ana-sekme .anasayfa-gg-ft-tablo tbody tr[sltk].sltksc > td,
.anasayfa-tam .anasayfa-ana-sekme .anasayfa-gg-ft-tablo tbody tr[sltk].sltksc > th,
.anasayfa-tam .anasayfa-ana-sekme .anasayfa-gg-ft-tablo tbody tr[sltk].sltksc > *,
body[data-user-renk] .anasayfa-tam .anasayfa-ana-sekme .anasayfa-gg-ft-tablo tbody tr[sltk] > td:active,
body[data-user-renk] .anasayfa-tam .anasayfa-ana-sekme .anasayfa-gg-ft-tablo tbody tr[sltk]:active > *,
body[data-user-renk] .anasayfa-tam .anasayfa-ana-sekme .anasayfa-gg-ft-tablo tbody tr[sltk].sltksc > *,
body[data-user-renk] #centerbar .anasayfa-tam .anasayfa-ana-sekme .anasayfa-gg-ft-tablo tbody tr[sltk] > td:active,
body[data-user-renk] #centerbar .anasayfa-tam .anasayfa-ana-sekme .anasayfa-gg-ft-tablo tbody tr[sltk]:active td,
body[data-user-renk] #centerbar .anasayfa-tam .anasayfa-ana-sekme .anasayfa-gg-ft-tablo tbody tr[sltk].sltksc > *{
    --bs-table-bg-state: transparent !important;
    --bs-table-bg-type: transparent !important;
    box-shadow: none !important;
    background: transparent !important;
    background-color: transparent !important;
}

/* Ana sayfa 3 kolon: centerbar scroll yok, paneller kendi içinde kayar */
.anasayfa-tam.asay-fit-active #centerbar .centerbar-scroll:has(.anasayfa-tam){
    overflow-y: hidden !important;
    overscroll-behavior: none;
}
.anasayfa-tam.asay-fit-active .anasayfa-sekmeler-wrap,
.anasayfa-tam.asay-fit-active .tab-content,
.anasayfa-tam.asay-fit-active #pg7.anasayfa-ana-sekme{
    overflow: hidden;
    min-height: 0;
}
.anasayfa-tam.asay-fit-active .anasayfa-ana-sekme > .anasayfa-3kol-row{
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    align-content: stretch;
    min-height: 0;
    margin-bottom: 0 !important;
}
.anasayfa-tam.asay-fit-active .anasayfa-3kol-row > [class*="col-"]{
    display: flex;
    flex-direction: column;
    min-height: 0;
    min-width: 0;
    margin-bottom: 0 !important;
}
.anasayfa-tam.asay-fit-active .anasayfa-ht-kart,
.anasayfa-tam.asay-fit-active .anasayfa-gg-ft-col,
.anasayfa-tam.asay-fit-active .anasayfa-gg-ft-wrap,
.anasayfa-tam.asay-fit-active .anasayfa-gg-ft-kart{
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
    margin-bottom: 0 !important;
}
.anasayfa-tam.asay-fit-active .anasayfa-ht-kart .card-body,
.anasayfa-tam.asay-fit-active .anasayfa-gg-ft-kart .card-body{
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
}
.anasayfa-tam.asay-fit-active .anasayfa-ht-kart .table-responsive.active-projects,
.anasayfa-tam.asay-fit-active .anasayfa-gg-ft-kart .card-body{
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
}
.anasayfa-tam.asay-fit-active .anasayfa-ht-kart .ht-panel-baslik,
.anasayfa-tam.asay-fit-active .anasayfa-gg-ft-kart #invoiceTabs{
    flex: 0 0 auto;
}
.anasayfa-tam.asay-fit-active .anasayfa-gg-ft-kart #invoiceTabsContent{
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
}
.anasayfa-tam.asay-fit-active .anasayfa-gg-ft-kart #invoiceTabsContent > .tab-pane.active{
    display: flex !important;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
}
@media (min-width: 992px){
    .anasayfa-tam.asay-fit-active .anasayfa-asay-scroll{
        flex: 1 1 auto;
        min-height: 0;
        max-height: 100% !important;
        overflow-y: auto !important;
        overflow-x: auto;
        overscroll-behavior: contain;
    }
}
/* Flex kolon içindeki liste panelleri – scroll alanı */
.anasayfa-tam.asay-fit-active .kisa-notlar-panel .kisa-notlar-listesi,
.anasayfa-tam.asay-fit-active .anasayfa-makina-panel .anasayfa-makina-listesi{
    flex: 1 1 auto;
    min-height: 0 !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
}
.anasayfa-tam.asay-fit-active .kisa-notlar-panel .kisa-notlar-listesi{
    touch-action: pan-y;
}
.anasayfa-tam.asay-fit-active .anasayfa-sag-kolon{
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
    min-height: 0;
    height: 100%;
    flex: 1 1 auto;
}
.anasayfa-tam.asay-fit-active .anasayfa-sag-hedef{
    flex: 0 0 auto;
}
.anasayfa-tam.asay-fit-active .anasayfa-sag-makina{
    flex: 0 0 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
}
.anasayfa-tam.asay-fit-active .anasayfa-sag-notlar{
    flex: 1 1 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
}
.anasayfa-tam.asay-fit-active .anasayfa-sag-makina .anasayfa-makina-panel,
.anasayfa-tam.asay-fit-active .anasayfa-sag-notlar .kisa-notlar-panel{
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    margin-bottom: 0 !important;
    overflow: hidden;
    height: 100%;
}
.anasayfa-tam.asay-fit-active .anasayfa-sag-kolon .anasayfa-satis-hedef-wrap{
    flex: 0 0 auto;
    margin-bottom: 0 !important;
}
.anasayfa-tam.asay-fit-active .anasayfa-sag-kolon .kisa-notlar-baslik-wrap,
.anasayfa-tam.asay-fit-active .anasayfa-sag-kolon .anasayfa-makina-panel > .d-flex:first-child{
    flex: 0 0 auto;
}
@media (min-width: 992px){
    .anasayfa-tam.asay-fit-active .anasayfa-ana-sekme > .anasayfa-3kol-row{
        flex-wrap: nowrap;
    }
}
@media (max-width: 991px){
    .anasayfa-tam.asay-fit-active .anasayfa-ana-sekme > .anasayfa-3kol-row{
        flex-direction: column;
        flex-wrap: nowrap;
    }
    .anasayfa-tam.asay-fit-active .anasayfa-3kol-row > [class*="col-"]{
        flex: 1 1 0;
    }
}

@media (max-width: 991px){
    .anasayfa-tam .anasayfa-ana-sekme > .row{
        --bs-gutter-y: 0.65rem;
    }
    /* Mobil: ana ekran sağ kenarı → centerbar scroll */
    #asay-touch-edge-layer{
        position: fixed;
        inset: 0;
        pointer-events: none;
        z-index: 1042;
    }
    #asay-touch-edge-layer[hidden]{
        display: none !important;
    }
    #asay-touch-edge-layer .asay-ana-edge{
        position: fixed;
        box-sizing: border-box;
        pointer-events: auto;
        touch-action: none;
        -webkit-tap-highlight-color: transparent;
        user-select: none;
        background: transparent;
    }
    .anasayfa-tam .anasayfa-ana-sekme .card,
    .anasayfa-tam .anasayfa-ana-sekme .border.rounded.p-2.mb-3{
        border-radius: 12px !important;
    }
    .anasayfa-tam .anasayfa-ana-sekme .table{
        font-size: 0.76rem;
    }
    .anasayfa-tam .anasayfa-ana-sekme .table thead th{
        font-size: 0.66rem;
        padding: 8px 6px !important;
    }
    .anasayfa-tam .anasayfa-ana-sekme .table tbody td{
        padding: 8px 6px !important;
    }
    .anasayfa-tam .anasayfa-ana-sekme .tabsb600{
        overflow-y: auto;
    }
    .anasayfa-tam .anasayfa-ana-sekme #invoiceTabs{
        padding: 8px !important;
        overflow-x: auto;
        flex-wrap: nowrap;
        -webkit-overflow-scrolling: touch;
    }
    .anasayfa-tam .anasayfa-ana-sekme #invoiceTabs .nav-link{
        min-height: 40px;
        white-space: nowrap;
        -webkit-tap-highlight-color: transparent;
    }
    .anasayfa-tam .anasayfa-ana-sekme #invoiceTabs .nav-item.col-auto{
        flex-shrink: 0;
        margin-left: auto;
    }
    .anasayfa-tam .anasayfa-ana-sekme .table-responsive{
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    .anasayfa-tam .anasayfa-ana-sekme .table:not(.anasayfa-ht-tablo):not(.anasayfa-gg-ft-tablo) tbody tr[sltk]:active td{
        background: var(--asay-accent-soft) !important;
    }
    .anasayfa-tam .anasayfa-ana-sekme .kisa-notlar-listesi,
    .anasayfa-tam .anasayfa-ana-sekme .border.rounded .d-flex.flex-column.gap-2{
        overflow-y: auto;
        scrollbar-gutter: stable;
        border-right: 2px solid var(--sys-scrollbar-track, rgba(0, 0, 0, 0.08));
        padding-right: 6px;
    }
    .kisa-not-sirala-sw-satir{
        display: block;
        margin-top: 6px;
        padding-top: 6px;
        padding-left: 8px;
        border-top: 1px dashed var(--asay-border);
    }
    .kisa-not-sirala-sw{
        display: inline-flex !important;
        padding-left: 0;
        margin-left: 0;
    }
    .anasayfa-tam .anasayfa-ana-sekme .kisa-notlar-listesi:not(.kisa-not-sirala-aktif){
        touch-action: pan-y;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior-y: auto;
    }
    .anasayfa-tam .anasayfa-ana-sekme .kisa-notlar-listesi:not(.kisa-not-sirala-aktif) .kisa-not-kart{
        cursor: default;
        touch-action: pan-y;
        user-select: auto;
        -webkit-user-drag: none;
    }
    .anasayfa-tam .anasayfa-ana-sekme .kisa-notlar-listesi.kisa-not-sirala-aktif .kisa-not-kart{
        cursor: grab;
        touch-action: none;
    }
    .anasayfa-tam .anasayfa-ana-sekme .btn-outline-primary,
    .anasayfa-tam .anasayfa-ana-sekme .btn-outline-info,
    .anasayfa-tam .anasayfa-ana-sekme .btn-outline-success{
        min-height: 36px;
        padding: 6px 12px;
    }
    .anasayfa-tam .anasayfa-ana-sekme .anasayfa-ht-kart .tabsb600,
    .anasayfa-tam .anasayfa-ana-sekme .anasayfa-ht-kart .anasayfa-asay-scroll{
        height: 70vh;
        height: 70dvh;
        max-height: 70vh !important;
        max-height: 70dvh !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch;
    }
    .anasayfa-tam .anasayfa-ana-sekme .anasayfa-ht-kart .table-responsive{
        overflow-x: hidden;
    }
    /* Mobil: kart düzeni – üst satır meta, alt satır açıklama tam genişlik */
    .anasayfa-tam .anasayfa-ana-sekme .anasayfa-ht-tablo{
        table-layout: auto;
        display: block;
        font-size: 0.78rem;
    }
    .anasayfa-tam .anasayfa-ana-sekme .anasayfa-ht-tablo thead{
        display: none;
    }
    .anasayfa-tam .anasayfa-ana-sekme .anasayfa-ht-tablo tbody{
        display: block;
    }
    .anasayfa-tam .anasayfa-ana-sekme .anasayfa-ht-tablo tbody tr{
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 6px 10px;
        padding: 10px 12px;
        border-bottom: 1px solid var(--asay-tbl-cell) !important;
        background: transparent;
    }
    .anasayfa-tam .anasayfa-ana-sekme .anasayfa-ht-tablo tbody tr:nth-child(even){
        background: var(--asay-tbl-zebra);
    }
    .anasayfa-tam .anasayfa-ana-sekme .anasayfa-ht-tablo tbody td{
        display: block;
        width: auto !important;
        border: none !important;
        padding: 0 !important;
        line-height: 1.35;
        overflow-wrap: anywhere;
        word-break: break-word;
        --bs-table-bg-state: transparent !important;
        --bs-table-bg-type: transparent !important;
        box-shadow: none !important;
        background: transparent !important;
        background-color: transparent !important;
    }
    .anasayfa-tam .anasayfa-ana-sekme .anasayfa-ht-tablo .ht-m-sira,
    .anasayfa-tam .anasayfa-ana-sekme .anasayfa-ht-tablo .ht-m-ilgi{
        flex: 0 0 auto;
    }
    .anasayfa-tam .anasayfa-ana-sekme .anasayfa-ht-tablo .ht-m-tarih{
        flex: 1 1 auto;
        min-width: 0;
        margin-left: auto;
        text-align: right;
        font-size: 0.72rem;
        line-height: 1.35;
    }
    .anasayfa-tam .anasayfa-ana-sekme .anasayfa-ht-tablo .ht-m-tarih .ht-m-islem{
        display: block;
        margin-top: 2px;
        font-size: 0.68rem;
        opacity: 0.88;
    }
    .anasayfa-tam .anasayfa-ana-sekme .anasayfa-ht-tablo .ht-m-aciklama{
        flex: 0 0 100%;
        width: 100% !important;
        margin-top: 2px;
        padding-top: 8px !important;
        border-top: 1px dashed var(--asay-border);
        font-size: 0.82rem;
        line-height: 1.45;
        text-align: left;
        white-space: normal;
    }
    .anasayfa-tam .anasayfa-ana-sekme .anasayfa-ht-tablo .ht-m-aciklama .fa-xs{
        display: block;
        margin-top: 4px;
        font-size: 0.72rem;
        line-height: 1.35;
    }
    .anasayfa-tam .anasayfa-ana-sekme .anasayfa-ht-tablo .fa-xl{
        font-size: 1.1em !important;
    }
    .anasayfa-tam .anasayfa-ana-sekme .anasayfa-ht-tablo .badge.light{
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 1.5rem;
        min-height: 1.5rem;
        width: 1.5rem;
        height: 1.5rem;
        padding: 0;
        border-radius: 50%;
        font-size: 0.68rem;
        line-height: 1;
    }
    /* Mobil: gelen/giden fatura – kart düzeni, yatay taşma yok */
    .anasayfa-tam .anasayfa-ana-sekme .anasayfa-gg-ft-col,
    .anasayfa-tam .anasayfa-ana-sekme .anasayfa-gg-ft-wrap{
        max-width: 100%;
        overflow-x: clip;
    }
    .anasayfa-tam .anasayfa-ana-sekme .anasayfa-gg-ft-kart .tabsb600,
    .anasayfa-tam .anasayfa-ana-sekme .anasayfa-gg-ft-wrap .tabsb600,
    .anasayfa-tam .anasayfa-ana-sekme .anasayfa-gg-ft-kart .anasayfa-asay-scroll,
    .anasayfa-tam .anasayfa-ana-sekme .anasayfa-gg-ft-wrap .anasayfa-asay-scroll{
        height: 70vh;
        height: 70dvh;
        max-height: 70vh !important;
        max-height: 70dvh !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch;
    }
    /* PC fit düzeni mobilde geçerli olmasın – tablo yüksekliği 70vh kalsın */
    .anasayfa-tam.asay-fit-active #centerbar .centerbar-scroll:has(.anasayfa-tam){
        overflow-y: auto !important;
        overscroll-behavior: auto;
    }
    .anasayfa-tam.asay-fit-active .anasayfa-ana-sekme > .anasayfa-3kol-row{
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
    }
    .anasayfa-tam.asay-fit-active .anasayfa-ht-kart .anasayfa-asay-scroll,
    .anasayfa-tam.asay-fit-active .anasayfa-gg-ft-wrap .anasayfa-asay-scroll,
    .anasayfa-tam.asay-fit-active .anasayfa-gg-ft-kart .anasayfa-asay-scroll{
        height: 70vh !important;
        height: 70dvh !important;
        max-height: 70vh !important;
        max-height: 70dvh !important;
        flex: none !important;
    }
    .anasayfa-tam .anasayfa-ana-sekme .anasayfa-gg-ft-wrap .table-responsive{
        overflow-x: hidden;
    }
    .anasayfa-tam .anasayfa-ana-sekme .anasayfa-gg-ft-tablo{
        table-layout: auto;
        display: block;
        font-size: 0.74rem;
        width: 100%;
    }
    .anasayfa-tam .anasayfa-ana-sekme .anasayfa-gg-ft-tablo thead{
        display: none;
    }
    .anasayfa-tam .anasayfa-ana-sekme .anasayfa-gg-ft-tablo tbody{
        display: block;
    }
    .anasayfa-tam .anasayfa-ana-sekme .anasayfa-gg-ft-tablo tbody tr{
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 4px 8px;
        padding: 8px 10px;
        border-bottom: 1px solid var(--asay-tbl-cell) !important;
        background: transparent;
    }
    .anasayfa-tam .anasayfa-ana-sekme .anasayfa-gg-ft-tablo tbody tr:nth-child(even){
        background: var(--asay-tbl-zebra);
    }
    .anasayfa-tam .anasayfa-ana-sekme .anasayfa-gg-ft-tablo tbody td{
        display: block;
        width: auto !important;
        border: none !important;
        padding: 0 !important;
        line-height: 1.35;
        overflow-wrap: anywhere;
        word-break: break-word;
        --bs-table-bg-state: transparent !important;
        --bs-table-bg-type: transparent !important;
        box-shadow: none !important;
        background: transparent !important;
        background-color: transparent !important;
    }
    .anasayfa-tam .anasayfa-ana-sekme .anasayfa-gg-ft-tablo .gg-m-sira{
        order: 1;
        flex: 0 0 auto;
    }
    .anasayfa-tam .anasayfa-ana-sekme .anasayfa-gg-ft-tablo .gg-m-tip{
        order: 2;
        flex: 0 0 auto;
        min-width: 2.75rem;
        max-width: 3.25rem;
        overflow: hidden;
    }
    .anasayfa-tam .anasayfa-ana-sekme .anasayfa-gg-ft-tablo .gg-m-tip-stack{
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 3px;
        max-width: 100%;
    }
    .anasayfa-tam .anasayfa-ana-sekme .anasayfa-gg-ft-tablo .gg-m-tutar{
        order: 3;
        flex: 1 1 auto;
        min-width: 0;
        margin-left: auto;
        text-align: right;
        font-size: 0.72rem;
        white-space: nowrap;
    }
    .anasayfa-tam .anasayfa-ana-sekme .anasayfa-gg-ft-tablo .gg-m-durum{
        order: 4;
        flex: 0 0 auto;
        text-align: center !important;
        white-space: nowrap;
    }
    .anasayfa-tam .anasayfa-ana-sekme .anasayfa-gg-ft-tablo .gg-m-cari{
        order: 5;
        flex: 0 0 100%;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0;
        margin-top: 2px;
        padding-top: 7px !important;
        border-top: 1px dashed var(--asay-border);
        font-size: 0.76rem;
        line-height: 1.4;
        text-align: left;
    }
    .anasayfa-tam .anasayfa-ana-sekme .anasayfa-gg-ft-tablo .fa-2xl{
        font-size: 1.05em !important;
    }
    .anasayfa-tam .anasayfa-ana-sekme .anasayfa-gg-ft-tablo .fa-xl{
        font-size: 1em !important;
    }
    .anasayfa-tam .anasayfa-ana-sekme .anasayfa-gg-ft-tablo .badge.light{
        min-width: 1.4rem;
        min-height: 1.4rem;
        font-size: 0.66rem;
    }
    .anasayfa-tam .anasayfa-ana-sekme .anasayfa-gg-ft-tablo tbody tr > td:only-child{
        flex: 0 0 100% !important;
        width: 100% !important;
        order: 1 !important;
        text-align: center;
        padding: 12px 8px !important;
        border-top: none !important;
    }
}
@media (max-width: 576px){
    .anasayfa-tam .anasayfa-ana-sekme .table{
        font-size: 0.72rem;
    }
    .anasayfa-tam .anasayfa-ana-sekme label.fw-bold,
    .anasayfa-tam .anasayfa-ana-sekme .border.rounded.p-2 > .d-flex h5{
        font-size: 0.82rem !important;
    }
    .anasayfa-tam .anasayfa-ana-sekme #invoiceTabs .nav-item.col-auto .fw-semibold{
        font-size: 0.72rem;
    }
    .anasayfa-tam .anasayfa-ana-sekme #invoiceTabs .nav-link{
        font-size: 0.7rem !important;
        padding: 6px 8px !important;
    }
    .anasayfa-tam .anasayfa-ana-sekme #invoiceTabs .nav-item.col-auto .btn-xxs{
        font-size: 0.62rem;
        padding: 2px 6px;
        margin-right: 0.35rem !important;
    }
    .anasayfa-tam .anasayfa-ana-sekme .anasayfa-gg-ft-tablo{
        font-size: 0.7rem;
    }
    .anasayfa-tam .anasayfa-ana-sekme .anasayfa-gg-ft-tablo tbody tr{
        padding: 7px 8px;
        gap: 3px 6px;
    }
    .anasayfa-tam .anasayfa-ana-sekme .anasayfa-gg-ft-tablo .gg-m-tutar{
        font-size: 0.68rem;
    }
    .anasayfa-tam .anasayfa-ana-sekme .anasayfa-gg-ft-tablo .gg-m-cari{
        font-size: 0.72rem;
        padding-top: 6px !important;
    }
    .anasayfa-tam .anasayfa-ana-sekme .ht-panel-baslik{
        padding: 8px 10px !important;
        gap: 6px;
    }
    .anasayfa-tam .anasayfa-ana-sekme .ht-panel-baslik .btn-outline-primary{
        min-height: 32px;
        padding: 4px 10px;
        font-size: 0.7rem;
        white-space: nowrap;
    }
    .anasayfa-tam .anasayfa-ana-sekme .anasayfa-ht-tablo{
        font-size: 0.76rem;
    }
    .anasayfa-tam .anasayfa-ana-sekme .anasayfa-ht-tablo tbody tr{
        padding: 9px 10px;
        gap: 5px 8px;
    }
    .anasayfa-tam .anasayfa-ana-sekme .anasayfa-ht-tablo .ht-m-tarih{
        font-size: 0.7rem;
    }
    .anasayfa-tam .anasayfa-ana-sekme .anasayfa-ht-tablo .ht-m-aciklama{
        font-size: 0.8rem;
        padding-top: 7px !important;
    }
    .anasayfa-tam .anasayfa-ana-sekme .anasayfa-ht-tablo .fa-xl{
        font-size: 1em !important;
    }
}

/* Ana sayfa: kenar boşluklarını azalt, mobilde tam genişlik */
#centerbar .centerbar-scroll:has(.anasayfa-tam){
    padding: 3px !important;
}
@media (max-width: 992px){
    #centerbar .centerbar-scroll:has(.anasayfa-tam){ padding: 0 !important; }
}


/* Tema */
body[data-theme-version="light"]{
    --cb-sticky-bg: rgba(199, 228, 252, .98);
    --cb-sticky-fg: rgba(20, 20, 20, .95);
    --cb-sticky-border: rgba(0, 0, 0, .10);
}
body:not([data-theme-version="light"]){
    --cb-sticky-bg: rgba(28, 28, 28, .92);
    --cb-sticky-fg: rgba(245, 245, 245, .95);
    --cb-sticky-border: rgba(255, 255, 255, .12);
}

/* Flex zincirinde taşma/uzama problemleri */
#centerbar .row{
    --bs-gutter-x: 0.35rem;
    --bs-gutter-y: 0.35rem;
    min-height: 0;
}
#centerbar [class*="col-"],
#centerbar .cb-item{
    min-height: 0;
}

/* Tablo scroll alanı - auto: tablo sonunda sayfa scroll devam etsin (mobil touch) */
#centerbar .cb-scroll{
    display:block;
    overflow:auto;
    min-height: var(--cb-min-h);
    overscroll-behavior-y: auto;
    overscroll-behavior-x: contain;
    touch-action: pan-y pan-x;
    -webkit-overflow-scrolling: touch;
    box-sizing: border-box;
}

/* Son satırın kesilmemesi için alt spacer */
#centerbar .cb-scroll::after{
    content:"";
    display:block;
    height: var(--cb-bottom-spacer);
}

/* Yatay genişlik */
#centerbar .cb-scroll table{
    min-width: 100%;
    width: max-content;
}
#centerbar .cb-scroll .anasayfa-ht-tablo{
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
}
#centerbar .tabsb600 .anasayfa-ht-tablo,
#centerbar .anasayfa-asay-scroll .anasayfa-ht-tablo{
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
}
#centerbar .cb-scroll .anasayfa-gg-ft-tablo{
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
}
#centerbar .tabsb600 .anasayfa-gg-ft-tablo,
#centerbar .anasayfa-asay-scroll .anasayfa-gg-ft-tablo{
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
}

/* Sticky thead */
#centerbar .cb-scroll thead th{
    position: sticky;
    top: 0;
    z-index: 50;

    background-color: var(--cb-sticky-bg) !important;
    color: var(--cb-sticky-fg) !important;
    border-bottom: 1px solid var(--cb-sticky-border) !important;
    backdrop-filter: blur(6px);
}

/* Blok başlığı (aktif blokta) */
#centerbar .cb-item.cb-active .cb-panel-header{
    position: sticky;
    top: 0;
    z-index: 70;

    background-color: var(--cb-sticky-bg) !important;
    color: var(--cb-sticky-fg) !important;
    border-bottom: 1px solid var(--cb-sticky-border) !important;
    backdrop-filter: blur(6px);
}

/* Taşma (clip) */
#centerbar .cb-clip{
    overflow: clip;
}
@supports not (overflow: clip){
    #centerbar .cb-clip{ overflow: hidden; }
}
#centerbar .cb-no-clip{ overflow: visible !important; }


/* =========================================================
 *  Üst / sol menü alt menü geçiş animasyonları
 *  display:block + visibility/opacity ile (Bootstrap display:none override)
 * =======================================================*/
#topbar .navbar-nav .dropdown > .dropdown-menu,
#topbar .navbar-nav .dropdown > .frtik.ordgm.dropdown-menu,
#topbar .navbar-nav .sekme1 > .dropdown-menu,
#topbar .navbar-nav .sekme1 > .frtik.ordgm.dropdown-menu{
    display: block !important;
    visibility: hidden;
    opacity: 0;
    transform: translateY(-8px) scale(0.96);
    pointer-events: none;
    transition:
        opacity 280ms cubic-bezier(0.32, 0.72, 0, 1),
        transform 280ms cubic-bezier(0.32, 0.72, 0, 1),
        visibility 0s linear 280ms;
    transform-origin: top left;
    box-shadow: 0 12px 28px rgba(0,0,0,.2), 0 4px 12px rgba(0,0,0,.12);
    border-radius: 10px;
    border: 1px solid rgba(0,0,0,.06);
    padding: 6px 0;
}

/* Hover ile açılan menüler: 220ms gecikme (istemsiz açılmayı önler) */
#topbar .navbar-nav .dropdown:hover > .dropdown-menu,
#topbar .navbar-nav .dropdown:hover > .frtik.ordgm.dropdown-menu,
#topbar .navbar-nav .sekme1:hover > .dropdown-menu,
#topbar .navbar-nav .sekme1:hover > .frtik.ordgm.dropdown-menu{
    visibility: visible;
    opacity: 1;
    transform: translateY(0) scale(1);
    pointer-events: auto;
    transition: opacity 280ms cubic-bezier(0.32, 0.72, 0, 1) 220ms,
                transform 280ms cubic-bezier(0.32, 0.72, 0, 1) 220ms,
                visibility 0s linear 0s;
}

/* Üst menü: seçeneğe tıklanınca hover olsa bile kapat */
#topbar .navbar-nav > li.topbar-ddm-clicked:hover > .dropdown-menu,
#topbar .navbar-nav > li.topbar-ddm-clicked:hover > .frtik.ordgm.dropdown-menu{
    visibility: hidden !important;
    opacity: 0 !important;
    transform: translateY(-8px) scale(0.96) !important;
    pointer-events: none !important;
    transition: opacity 180ms cubic-bezier(0.32, 0.72, 0, 1),
                transform 180ms cubic-bezier(0.32, 0.72, 0, 1),
                visibility 0s linear 180ms !important;
}

/* .show ile açılan menüler (tıklama): bildirim, profil vb. */
#topbar .navbar-nav .dropdown.show > .dropdown-menu,
#topbar .navbar-nav .dropdown-menu.show,
#topbar .navbar-nav .dropdown.show > .frtik.ordgm.dropdown-menu,
#topbar .dropdown-menu.show,
#topbar .dropdown.show > .dropdown-menu{
    visibility: visible !important;
    opacity: 1 !important;
    transform: translateY(0) scale(1);
    pointer-events: auto;
}

/* En sonda margin yüzünden mikro taşma olmasın */
#centerbar > :last-child{ margin-bottom: 0 !important; }
#centerbar .row:last-child,
#centerbar .card:last-child,
#centerbar .tab-pane:last-child{ margin-bottom: 0 !important; }


/*Gri Alanlar*/
body[data-theme-version="light"] .gri_alan{
    background-color: #EEEDEDFF; /* siyah */
}

body:not([data-theme-version="light"]) .gri_alan{
    background-color: #3a3a3a; /* beyaz */
}

body[data-theme-version="light"]{
    --sltksc-bg: rgba(186, 230, 253, 0.65);
    --slmn-bg: linear-gradient(180deg, #f8fafc 0%, #e2e8f0 100%);
    --slmn-clr: #0f172a;
    --slmn-clr2: #0369a1;
}
body:not([data-theme-version="light"]){
    --sltksc-bg: rgba(8, 47, 73, 0.72);
    --slmn-bg: linear-gradient(180deg, #1e293b 0%, #0f172a 100%);
    --slmn-clr: #f1f5f9;
    --slmn-clr2: #7dd3fc;
}

.sltksc,
.sltksc > *{
    background-color: var(--sltksc-bg) !important;
}
.anasayfa-tam .anasayfa-ana-sekme .anasayfa-ht-tablo tbody tr.sltksc > *{
    background-color: transparent !important;
    box-shadow: none !important;
}
.anasayfa-tam .anasayfa-ana-sekme .anasayfa-gg-ft-tablo tbody tr.sltksc > *{
    background-color: transparent !important;
    box-shadow: none !important;
}

#solmenuic > .item.sltksc,
#solmenuic .alt-menu .item.sltksc{
    background: var(--sltksc-bg) !important;
    color: var(--slmn-clr2) !important;
}

#solmenu,
#solmenuic .alt-menu{
    color: var(--slmn-clr);
}

/* =========================================================
 *  5. GENEL UX: Geçiş animasyonları, Tema, Erişilebilirlik, Mobil, Önbellek
 * =======================================================*/

/* 1. Geçiş animasyonları: Tüm menülerde tutarlı geçiş */
:root{
    --menu-transition-duration: 280ms;
    --menu-transition-ease: cubic-bezier(0.32, 0.72, 0, 1);
    --menu-transition-delay: 220ms;
}
#topbar .navbar-nav .dropdown-menu,
#topbar .navbar-nav .frtik.ordgm.dropdown-menu,
#solmenu, #solmenuic .alt-menu,
#araclar .dropdown-menu,
#cs_menu{
    transition-timing-function: var(--menu-transition-ease);
}

/* 2. Tema uyumu: Topbar dropdown ve araclar dropdown dark modda */
body:not([data-theme-version="light"]) body > .dropdown-menu.gizle-ddm,
body:not([data-theme-version="light"]) body > .frtik.ordgm.dropdown-menu.gizle-ddm{
    background: rgba(30, 41, 59, 0.95);
    border-color: rgba(255, 255, 255, 0.12);
    color: #e2e8f0;
    box-shadow: 0 12px 28px rgba(0,0,0,.4), 0 4px 12px rgba(0,0,0,.25);
}
body:not([data-theme-version="light"]) body > .dropdown-menu.gizle-ddm .dropdown-item,
body:not([data-theme-version="light"]) body > .frtik.ordgm.dropdown-menu.gizle-ddm .ustdgm,
body:not([data-theme-version="light"]) body > .frtik.ordgm.dropdown-menu.gizle-ddm .altdgm{
    color: #e2e8f0;
}
body:not([data-theme-version="light"]) body > .dropdown-menu.gizle-ddm .dropdown-item:hover,
body:not([data-theme-version="light"]) body > .dropdown-menu.navleft-ddm .dropdown-item:hover{
    background: rgba(56, 189, 248, 0.2);
    color: #7dd3fc;
}
body:not([data-theme-version="light"]) body > .dropdown-menu.gizle-ddm .ustdgm .altdgm:hover,
body:not([data-theme-version="light"]) body > .frtik.ordgm.dropdown-menu.gizle-ddm .ustdgm .altdgm:hover,
body:not([data-theme-version="light"]) body > .dropdown-menu.navleft-ddm .ustdgm .altdgm:hover,
body:not([data-theme-version="light"]) body > .frtik.ordgm.dropdown-menu.navleft-ddm .ustdgm .altdgm:hover{
    background: var(--sys-accent-soft) !important;
    border-color: var(--sys-border-accent) !important;
    box-shadow: 0 0 0 1px var(--sys-glow) inset !important;
    color: var(--sys-text-accent) !important;
}
body:not([data-theme-version="light"]) #araclar .bildana2 .dropdown-menu{
    background: rgba(30, 41, 59, 0.98);
    border: 1px solid rgba(255, 255, 255, 0.12);
    color: #e2e8f0;
}
body:not([data-theme-version="light"]) #araclar .bildana2 .dropdown-menu .dropdown-item{
    color: #e2e8f0;
}
body:not([data-theme-version="light"]) #araclar .bildana2 .dropdown-menu .dropdown-item:hover,
body:not([data-theme-version="light"]) #araclar .bildana2 .dropdown-menu .dropdown-item:focus{
    background: rgba(56, 189, 248, 0.2) !important;
    color: #7dd3fc;
}

/* 3. Erişilebilirlik: Odak halkası, focus-visible */
#topbar .navbar-nav > li > a:focus-visible,
#topbar .navbar-nav .dropdown-toggle:focus-visible,
#topbar .navbar-nav .ustdgm .altdgm:focus-visible,
#araclar .araclar-gears-trigger:focus-visible,
#araclar .topbar-right-toggle:focus-visible,
#araclar .topbar-right-buttons .nav-link:focus-visible,
#araclar .bildana2 a:focus-visible,
#topbar-mobile-toggle:focus-visible,
#topbar-sol-tetik:focus-visible{
    outline: 2px solid rgba(56, 189, 248, 0.8);
    outline-offset: 2px;
}
body:not([data-theme-version="light"]) #topbar .navbar-nav > li > a:focus-visible,
body:not([data-theme-version="light"]) #topbar .navbar-nav .dropdown-toggle:focus-visible{
    outline-color: rgba(56, 189, 248, 0.9);
}
#solmenuic .item:focus-visible,
#solmenuic .alt-menu .item:focus-visible{
    outline: 2px solid rgba(56, 189, 248, 0.7);
    outline-offset: 2px;
}
/* Ekran okuyucu: görünmez ama okunabilir etiket */
.sr-only-focusable:not(:focus):not(:focus-within){
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border: 0;
}

/* 4. Mobil: Dokunmatik için min 44px tıklama alanı, kaydırma */
@media (max-width: 992px){
    #topbar-container{ padding-left: 0; }
    #centerbar{ padding: 0px !important; }
    .profil-menu-ayarlari{ display: none !important; }
    #topbar .navbar-nav > li > a,
    #topbar .navbar-nav .dropdown-toggle,
    #topbar .navbar-nav .ustdgm .altdgm{
        min-height: 44px;
        padding: 12px 14px !important;
        display: flex !important;
        align-items: center;
    }
    #araclar .topbar-right-buttons .nav-link,
    #araclar .topbar-right-buttons .btn{
        min-width: 44px;
        min-height: 44px;
        padding: 12px !important;
    }
    #araclar .araclar-gears-trigger,
    #araclar .topbar-right-toggle{
        min-width: 44px;
        min-height: 44px;
    }
    #topbar-mobile-toggle{
        min-width: 44px;
        min-height: 44px;
    }
    #topbar-container .navbar-collapse,
    #solmenuic{
        -webkit-overflow-scrolling: touch;
        overflow-y: auto;
    }
}
@media (hover: none) and (pointer: coarse){
    #topbar .navbar-nav > li > a,
    #topbar .navbar-nav .dropdown-toggle{
        min-height: 44px;
    }
    #araclar.araclar-sol-mod .araclar-gears-trigger{
        min-width: 48px;
        min-height: 48px;
    }
}

/* Beyaz topbar (color_1): arka plan yedek */
[data-headerbg="color_1"] {
    --headerbg: #FFFFFF;
}
/* Karanlık mod color_4 container – pastel tema v3 ile uyumlu */
body:not([data-theme-version="light"])[data-headerbg="color_4"] .anabar.nav-top #topbar-container {
    background: var(--headerbg, #2e3844) !important;
}
/* Üst menü modunda centerbar topbar hemen altında başlasın – üstte boşluk kalmasın */
#anabar.nav-top {
    padding-top: 0 !important;
    margin-top: 0 !important;
}
#anabar.nav-top #centerbar {
    top: var(--topbar-h) !important;
    margin-top: 0 !important;
}
/* Üst bar: logo taşmasın */
#anabar.nav-top #topbar-container .topbar-logo-wrap img{
    max-height: 34px !important;
}
/* Üst/sol mod geçişinde stabil animasyon (masaüstü) – opacity kullanmadan */
@media (min-width: 993px){
    #topbar-container{
        transition: max-height .25s ease-out;
        backface-visibility: hidden;
    }
    #anabar.nav-left #topbar-container{
        max-height: 0 !important;
        overflow: hidden !important;
    }
    #anabar.nav-top #topbar-container{
        max-height: 70px !important;
        overflow: visible !important;
    }
    /* Üst modda bar ve ikonlar aynı anda – iç transition'ları kapat */
    #anabar.nav-top #topbar-container #topbar,
    #anabar.nav-top #topbar-container #araclar{
        transition: none !important;
    }
    /* Centerbar top geçişi */
    #anabar.nav-top #centerbar{
        transition: top .28s ease-out,
                    left .28s cubic-bezier(0.4, 0, 0.2, 1);
    }
}
/* Menü üstte: dropdown ve alt menü color_4 – koyu arka plan, açık metin */
[data-headerbg="color_4"] #topbar-container .navbar-nav .dropdown-menu,
[data-headerbg="color_4"] #topbar-container .navbar-nav .frtik.ordgm.dropdown-menu {
    background: #2C2C2C !important;
    border-color: rgba(255,255,255,.12) !important;
    box-shadow: 0 12px 28px rgba(0,0,0,.35), 0 4px 12px rgba(0,0,0,.2) !important;
}
[data-headerbg="color_4"] #topbar-container .navbar-nav .dropdown-menu .ustdgm .altdgm,
[data-headerbg="color_4"] #topbar-container .navbar-nav .frtik.ordgm.dropdown-menu .ustdgm .altdgm,
[data-headerbg="color_4"] #topbar-container .navbar-nav .dropdown-menu .ustdgm .altdgm span,
[data-headerbg="color_4"] #topbar-container .navbar-nav .frtik.ordgm.dropdown-menu .ustdgm .altdgm span {
    color: rgba(255,255,255,.95) !important;
}
[data-headerbg="color_4"] #topbar-container .navbar-nav .dropdown-menu .ustdgm .altdgm:hover,
[data-headerbg="color_4"] #topbar-container .navbar-nav .frtik.ordgm.dropdown-menu .ustdgm .altdgm:hover {
    background: rgba(255,255,255,.12) !important;
}
/* Profil menüsü (color_4): koyu arka plan, açık metin */
[data-headerbg="color_4"] #araclar .bildana2 .dropdown-menu,
[data-headerbg="color_4"] #araclar .bildana2 .dropdown-menu .card {
    background: #2C2C2C !important;
    border-color: rgba(255,255,255,.12) !important;
}
[data-headerbg="color_4"] #araclar .bildana2 .dropdown-menu {
    box-shadow: 0 12px 28px rgba(0,0,0,.35), 0 4px 12px rgba(0,0,0,.2) !important;
}
[data-headerbg="color_4"] #araclar .bildana2 .dropdown-menu .dropdown-item,
[data-headerbg="color_4"] #araclar .bildana2 .dropdown-menu .card-header,
[data-headerbg="color_4"] #araclar .bildana2 .dropdown-menu .card-footer,
[data-headerbg="color_4"] #araclar .bildana2 .dropdown-menu .card-header h6,
[data-headerbg="color_4"] #araclar .bildana2 .dropdown-menu .card-header .products,
[data-headerbg="color_4"] #araclar .bildana2 .dropdown-menu span,
[data-headerbg="color_4"] #araclar .bildana2 .dropdown-menu .btn {
    color: rgba(255,255,255,.95) !important;
}
[data-headerbg="color_4"] #araclar .bildana2 .dropdown-menu .dropdown-item:hover,
[data-headerbg="color_4"] #araclar .bildana2 .dropdown-menu .dropdown-item:focus {
    background: rgba(255,255,255,.12) !important;
}
[data-headerbg="color_4"] #araclar .bildana2 .dropdown-menu .btn-outline-secondary {
    border-color: rgba(255,255,255,.4);
    color: rgba(255,255,255,.95);
}
[data-headerbg="color_4"] #araclar .bildana2 .dropdown-menu .btn-light {
    background: rgba(255,255,255,.2) !important;
    border-color: rgba(255,255,255,.3);
    color: rgba(255,255,255,.95);
}
[data-headerbg="color_1"] #topbar-container .topbar-logo-wrap .logo-dark,
[data-headerbg="color_1"] #topbar .topbar-logo-wrap .logo-dark{ display: block !important; }
[data-headerbg="color_1"] #topbar-container .topbar-logo-wrap .logo-light,
[data-headerbg="color_1"] #topbar .topbar-logo-wrap .logo-light{ display: none !important; }

/* Beyaz topbar (color_1): metin + dinamik ikonlar */

[data-headerbg="color_1"] #topbar-container .navbar-nav .drdrbaslik,
[data-headerbg="color_1"] #topbar-container .navbar-nav > li > a > span,
[data-headerbg="color_1"] #topbar-container .navbar-nav .dropdown-toggle > span,
[data-headerbg="color_1"] #topbar-container .gstb,
[data-headerbg="color_1"] #topbar-container #araclar .araclar-gears-trigger,
[data-headerbg="color_1"] #topbar-container #araclar .araclar-gears-trigger i,
[data-headerbg="color_1"] #topbar-container #araclar .topbar-right-toggle,
[data-headerbg="color_1"] #topbar-container #araclar .topbar-right-toggle i,
[data-headerbg="color_1"] #topbar-container .header-info2 h4,
[data-headerbg="color_1"] #topbar-container .header-info2 .text-white,
[data-headerbg="color_1"] #topbar-container .header-info2 .gstb,
[data-headerbg="color_1"] #topbar-container .header-info2 h4 i,
[data-headerbg="color_1"] .topbar-mobile-toggle,
[data-headerbg="color_1"] .topbar-mobile-toggle i{
    color: #212529 !important;
}
[data-headerbg="color_1"] #topbar-container .navbar-nav > li:hover > a .drdrbaslik,
[data-headerbg="color_1"] #topbar-container .navbar-nav > li:hover > a > span,
[data-headerbg="color_1"] #topbar-container .navbar-nav > li:hover .dropdown-toggle > span{
    color: #212529 !important;
}
[data-headerbg="color_1"] #topbar-container .navbar-nav > li:hover > a,
[data-headerbg="color_1"] #topbar-container .navbar-nav > li:hover .dropdown-toggle{
    background: rgba(0,0,0,.08) !important;
}
[data-headerbg="color_1"] .topbar-mobile-toggle,
[data-headerbg="color_1"] #topbar-container #araclar .topbar-right-toggle{
    background: rgba(0,0,0,.08) !important;
}
[data-headerbg="color_1"] .topbar-mobile-toggle:active,
[data-headerbg="color_1"] #topbar-container #araclar .topbar-right-toggle:active{
    background: rgba(0,0,0,.15) !important;
}

/* Beyaz topbar: üst menü dropdown (desktop) – açık arka plan, koyu metin */
[data-headerbg="color_1"] #topbar-container .navbar-nav .dropdown-menu,
[data-headerbg="color_1"] #topbar-container .navbar-nav .frtik.ordgm.dropdown-menu{
    background: #fff !important;
    border-color: rgba(0,0,0,.12) !important;
    box-shadow: 0 12px 28px rgba(0,0,0,.15), 0 4px 12px rgba(0,0,0,.08) !important;
}
[data-headerbg="color_1"] #topbar-container .navbar-nav .dropdown-menu .ustdgm .altdgm,
[data-headerbg="color_1"] #topbar-container .navbar-nav .frtik.ordgm.dropdown-menu .ustdgm .altdgm,
[data-headerbg="color_1"] #topbar-container .navbar-nav .dropdown-menu .ustdgm .altdgm span,
[data-headerbg="color_1"] #topbar-container .navbar-nav .frtik.ordgm.dropdown-menu .ustdgm .altdgm span{
    color: #212529 !important;
}
[data-headerbg="color_1"] #topbar-container .navbar-nav .dropdown-menu .ustdgm .altdgm:hover,
[data-headerbg="color_1"] #topbar-container .navbar-nav .frtik.ordgm.dropdown-menu .ustdgm .altdgm:hover{
    background: rgba(0,0,0,.06) !important;
}

/* Beyaz sol menü (nav-sidebar + color_1): koyu logo */
[data-nav-headerbg="color_1"] #topbar.nav-sidebar .topbar-logo-wrap .logo-dark{ display: block !important; }
[data-nav-headerbg="color_1"] #topbar.nav-sidebar .topbar-logo-wrap .logo-light{ display: none !important; }

/* Beyaz sol menü (color_1): hem aydınlık hem karanlık – sadece metin (ikonlara dokunma) */
[data-nav-headerbg="color_1"] #topbar.nav-sidebar{
    background: #fff !important;
    border-right-color: rgba(0,0,0,.08);
    box-shadow: 4px 0 20px rgba(0,0,0,.12);
}
[data-nav-headerbg="color_1"] #topbar.nav-sidebar .navbar-nav .drdrbaslik,
[data-nav-headerbg="color_1"] #topbar.nav-sidebar .navbar-nav > li > a > span,
[data-nav-headerbg="color_1"] #topbar.nav-sidebar .navbar-nav .dropdown-toggle > span,
[data-nav-headerbg="color_1"] #topbar.nav-sidebar .gstb{
    color: var(--nav-sidebar-fg) !important;
}
[data-nav-headerbg="color_1"] #topbar.nav-sidebar .navbar-nav > li:hover > a,
[data-nav-headerbg="color_1"] #topbar.nav-sidebar .navbar-nav > li:hover .dropdown-toggle{
    background: var(--nav-sidebar-hover-bg) !important;
}
/* Beyaz sol menü: scrollbar tema vurgusu (beyaz arka planda okunaklı) */
[data-nav-headerbg="color_1"] #topbar.nav-sidebar::-webkit-scrollbar-track{
    background: var(--sys-scrollbar-track, rgba(0,0,0,.04));
}
[data-nav-headerbg="color_1"] #topbar.nav-sidebar::-webkit-scrollbar-thumb{
    background: var(--sys-scrollbar-thumb, rgba(0,0,0,.25));
    border-radius: 10px;
}
[data-nav-headerbg="color_1"] #topbar.nav-sidebar:hover::-webkit-scrollbar-thumb{
    background: var(--sys-scrollbar-thumb-hover, rgba(0,0,0,.4));
}
/* Beyaz sol menü: dropdown — üst mod ile aynı */
[data-nav-headerbg="color_1"] #topbar.nav-sidebar .navbar-nav .dropdown-menu,
[data-nav-headerbg="color_1"] #topbar.nav-sidebar .navbar-nav .frtik.ordgm.dropdown-menu{
    background: #fff !important;
    border-color: rgba(0,0,0,.12) !important;
    box-shadow: 0 12px 28px rgba(0,0,0,.15), 0 4px 12px rgba(0,0,0,.08) !important;
}
[data-nav-headerbg="color_1"] #topbar.nav-sidebar .navbar-nav .dropdown-menu .ustdgm .altdgm,
[data-nav-headerbg="color_1"] #topbar.nav-sidebar .navbar-nav .frtik.ordgm.dropdown-menu .ustdgm .altdgm,
[data-nav-headerbg="color_1"] #topbar.nav-sidebar .navbar-nav .dropdown-menu .ustdgm .altdgm span,
[data-nav-headerbg="color_1"] #topbar.nav-sidebar .navbar-nav .frtik.ordgm.dropdown-menu .ustdgm .altdgm span{
    color: #212529 !important;
}

/* Koyu gri sol menü (color_4): arka plan ve alt menü – aydınlık modda da koyu */
[data-nav-headerbg="color_4"] #topbar.nav-sidebar {
    background: #2C2C2C !important;
    border-right-color: rgba(255,255,255,.08);
}
[data-nav-headerbg="color_4"] #topbar.nav-sidebar .navbar-nav .dropdown-menu,
[data-nav-headerbg="color_4"] #topbar.nav-sidebar .navbar-nav .frtik.ordgm.dropdown-menu {
    background: #2C2C2C !important;
    border-color: rgba(255,255,255,.12) !important;
    box-shadow: 0 12px 28px rgba(0,0,0,.35), 0 4px 12px rgba(0,0,0,.2) !important;
}
[data-nav-headerbg="color_4"] #topbar.nav-sidebar .navbar-nav .dropdown-menu .ustdgm .altdgm,
[data-nav-headerbg="color_4"] #topbar.nav-sidebar .navbar-nav .frtik.ordgm.dropdown-menu .ustdgm .altdgm,
[data-nav-headerbg="color_4"] #topbar.nav-sidebar .navbar-nav .dropdown-menu .ustdgm .altdgm span,
[data-nav-headerbg="color_4"] #topbar.nav-sidebar .navbar-nav .frtik.ordgm.dropdown-menu .ustdgm .altdgm span {
    color: rgba(255,255,255,.95) !important;
}
/* Solda gizli (navbar-gizle-tam) color_4: body'ye taşınan dropdown'lar koyu */
body[data-nav-headerbg="color_4"] > .dropdown-menu.gizle-ddm,
body[data-nav-headerbg="color_4"] > .frtik.ordgm.dropdown-menu.gizle-ddm {
    background: #2C2C2C !important;
    border-color: rgba(255,255,255,.12) !important;
}
body[data-nav-headerbg="color_4"] > .dropdown-menu.gizle-ddm .dropdown-item,
body[data-nav-headerbg="color_4"] > .dropdown-menu.gizle-ddm .ustdgm .altdgm,
body[data-nav-headerbg="color_4"] > .frtik.ordgm.dropdown-menu.gizle-ddm .ustdgm .altdgm,
body[data-nav-headerbg="color_4"] > .frtik.ordgm.dropdown-menu.gizle-ddm .ustdgm .altdgm span {
    color: rgba(255,255,255,.95) !important;
}
body[data-nav-headerbg="color_4"] > .dropdown-menu.gizle-ddm .dropdown-item:hover,
body[data-nav-headerbg="color_4"] > .dropdown-menu.navleft-ddm .dropdown-item:hover{
    background: rgba(255,255,255,.12) !important;
}
body[data-nav-headerbg="color_4"] > .dropdown-menu.gizle-ddm .ustdgm .altdgm:hover,
body[data-nav-headerbg="color_4"] > .frtik.ordgm.dropdown-menu.gizle-ddm .ustdgm .altdgm:hover,
body[data-nav-headerbg="color_4"] > .dropdown-menu.navleft-ddm .ustdgm .altdgm:hover,
body[data-nav-headerbg="color_4"] > .frtik.ordgm.dropdown-menu.navleft-ddm .ustdgm .altdgm:hover {
    background: var(--sys-accent-soft) !important;
    border-color: var(--sys-border-accent) !important;
    box-shadow: 0 0 0 1px var(--sys-glow) inset !important;
}

/* Solda gizli (navbar-gizle-tam): body'ye taşınan dropdown'lar beyaz (color_1 uyumu) */
body[data-nav-headerbg="color_1"] > .dropdown-menu.gizle-ddm,
body[data-nav-headerbg="color_1"] > .frtik.ordgm.dropdown-menu.gizle-ddm{
    background: #fff !important;
    border-color: rgba(0,0,0,.12) !important;
    box-shadow: 0 12px 28px rgba(0,0,0,.15), 0 4px 12px rgba(0,0,0,.08) !important;
}
body[data-nav-headerbg="color_1"] > .dropdown-menu.gizle-ddm .dropdown-item,
body[data-nav-headerbg="color_1"] > .dropdown-menu.gizle-ddm .ustdgm .altdgm,
body[data-nav-headerbg="color_1"] > .dropdown-menu.gizle-ddm .ustdgm .altdgm span,
body[data-nav-headerbg="color_1"] > .frtik.ordgm.dropdown-menu.gizle-ddm .ustdgm,
body[data-nav-headerbg="color_1"] > .frtik.ordgm.dropdown-menu.gizle-ddm .ustdgm .altdgm,
body[data-nav-headerbg="color_1"] > .frtik.ordgm.dropdown-menu.gizle-ddm .ustdgm .altdgm span{
    color: #212529 !important;
}
body[data-nav-headerbg="color_1"] > .dropdown-menu.gizle-ddm .dropdown-item:hover,
body[data-nav-headerbg="color_1"] > .dropdown-menu.navleft-ddm .dropdown-item:hover{
    color: #212529 !important;
}

/* ========== Puantaj Giriş Ekranı (sayfa==2) – Modern Tasarım ========== */
.punt-giris-container {
    padding: 0.75rem;
    max-width: 100%;
    --punt-accent: #0ea5e9;
    --punt-accent-soft: rgba(14, 165, 233, 0.12);
    --punt-surface: #f8fafc;
    --punt-border: rgba(148, 163, 184, 0.25);
}
body[data-theme-version="dark"] .punt-giris-container {
    --punt-surface: #1e293b;
    --punt-border: rgba(148, 163, 184, 0.15);
}
@media (min-width: 769px) {
    .punt-giris-container {
        padding: 1rem 1.25rem;
    }
}

/* Üst bar – başlık + butonlar */
.punt-giris-container .punt-ust-bar .punt-ust-baslik {
    font-size: 0.95rem;
    letter-spacing: -0.01em;
    cursor: pointer;
    transition: color 0.2s ease;
}
.punt-giris-container .punt-ust-bar .punt-ust-baslik:hover {
    color: #dc2626 !important;
}
.punt-giris-container .punt-ust-butonlar .punt-ust-btn {
    border-radius: 6px;
    font-weight: 600;
    font-size: 0.75rem;
    padding: 0.35rem 0.6rem;
    transition: transform 0.15s ease, box-shadow 0.2s ease;
}
.punt-giris-container .punt-ust-butonlar .punt-ust-btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}
.punt-giris-container .punt-ust-butonlar {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    flex-wrap: nowrap;
}
.punt-giris-container .punt-ust-butonlar .punt-ust-btn {
    flex-shrink: 0;
}
.punt-giris-container .punt-ust-butonlar::-webkit-scrollbar {
    height: 4px;
}
.punt-giris-container .punt-ust-butonlar::-webkit-scrollbar-thumb {
    background: rgba(148, 163, 184, 0.3);
    border-radius: 2px;
}

/* Tablo wrapper */
.punt-giris-container .punt-tablo-wrapper {
    overflow-x: auto;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    position: relative;
    max-width: 100%;
    border-radius: 12px;
    background: var(--punt-surface);
    border: 1px solid var(--punt-border);
    box-shadow: 0 1px 3px rgba(0,0,0,0.04);
}
body[data-theme-version="dark"] .punt-giris-container .punt-tablo-wrapper {
    box-shadow: 0 1px 3px rgba(0,0,0,0.2);
}

.punt-giris-container .tableFixHead {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    max-height: 70vh;
    border-radius: 12px;
}
.punt-giris-container .tableFixHead::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
.punt-giris-container .tableFixHead::-webkit-scrollbar-track {
    background: rgba(148, 163, 184, 0.08);
    border-radius: 4px;
}
.punt-giris-container .tableFixHead::-webkit-scrollbar-thumb {
    background: rgba(148, 163, 184, 0.3);
    border-radius: 4px;
}
.punt-giris-container .tableFixHead::-webkit-scrollbar-thumb:hover {
    background: rgba(148, 163, 184, 0.5);
}

/* personnel-table */
.punt-giris-container .personnel-table {
    border-collapse: separate;
    border-spacing: 0;
    width: max-content;
    font-size: 0.875rem;
}
.punt-giris-container .personnel-table thead th {
    position: sticky;
    top: 0;
    z-index: 10;
    text-align: center;
    vertical-align: middle;
    min-width: 56px;
    height: 40px;
    padding: 8px 6px;
    border: none;
    border-bottom: 1px solid var(--punt-border);
    border-right: 1px solid var(--punt-border);
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    color: #64748b;
}
.punt-giris-container .personnel-table thead th.first-col,
.punt-giris-container .personnel-table thead th.first-col2 {
    background: var(--punt-surface);
}
.punt-giris-container .personnel-table thead th.date-header[class*="punt-gun-onay"] {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}
.punt-giris-container .personnel-table thead th.date-header.punt-gun-onay-yok {
    background: var(--punt-surface) !important;
}
.punt-giris-container .personnel-table thead th:last-child {
    border-right: none;
}
.punt-giris-container .personnel-table thead th.first-col {
    left: 0;
    z-index: 25;
    width: 40px;
    min-width: 40px;
}
.punt-giris-container .personnel-table thead th.first-col2 {
    left: 40px;
    z-index: 25;
    width: 150px;
    min-width: 130px;
}
body[data-theme-version="dark"] .punt-giris-container .personnel-table thead th {
    color: #94a3b8;
}
.punt-giris-container .personnel-table tbody td {
    border: none;
    border-bottom: 1px solid var(--punt-border);
    border-right: 1px solid var(--punt-border);
    min-width: 52px;
    min-height: 44px;
    height: 1px;
    vertical-align: top;
    text-align: center;
    cursor: pointer;
    padding: 2px !important;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    transition: background-color 0.15s ease;
}
.punt-giris-container .personnel-table tbody td:last-child {
    border-right: none;
}
.punt-giris-container .personnel-table tbody td.first-col {
    position: sticky;
    left: 0;
    z-index: 5;
    font-weight: 600;
    width: 40px !important;
    min-width: 40px;
    font-size: 0.8rem;
    color: #64748b;
}
.punt-giris-container .personnel-table tbody td.first-col2 {
    position: sticky;
    left: 40px;
    z-index: 5;
    font-weight: 600;
    width: 150px !important;
    min-width: 130px;
    text-align: left;
    padding-left: 10px !important;
}
body[data-theme-version="light"] .punt-giris-container .personnel-table tbody td.first-col,
body[data-theme-version="light"] .punt-giris-container .personnel-table tbody td.first-col2 {
    background: var(--punt-surface);
}
body[data-theme-version="dark"] .punt-giris-container .personnel-table tbody td.first-col,
body[data-theme-version="dark"] .punt-giris-container .personnel-table tbody td.first-col2 {
    background: #1e293b;
}
.punt-giris-container .personnel-table tbody tr:nth-child(even) td:not(.first-col):not(.first-col2):not(.selected):not(.locked-day):not(.locked2-day) {
    background: rgba(148, 163, 184, 0.04);
}
.punt-giris-container .personnel-table .locked-day {
    background: linear-gradient(135deg, #64748b 0%, #475569 100%) !important;
    color: rgba(255,255,255,0.9) !important;
}
.punt-giris-container .personnel-table .locked2-day {
    background: linear-gradient(135deg, #f97316 0%, #ea580c 100%) !important;
    color: rgba(255,255,255,0.95) !important;
}

/* Hover */
.punt-giris-container .personnel-table.table-hover tbody tr:hover td:not(.selected):not(.locked-day):not(.locked2-day) {
    background-color: var(--punt-accent-soft) !important;
}

/* Seçili hücre */
.punt-giris-container .personnel-table tbody td.selected {
    background: linear-gradient(135deg, #38bdf8 0%, #0ea5e9 50%, #0284c7 100%) !important;
    box-shadow: inset 0 0 0 2px rgba(14, 165, 233, 0.5);
    --bs-table-bg-state: #0ea5e9 !important;
}
.punt-giris-container .personnel-table tbody tr:hover td.selected {
    background: linear-gradient(135deg, #7dd3fc 0%, #38bdf8 50%, #0ea5e9 100%) !important;
}
.punt-giris-container .personnel-table tbody td.locked-day.selected {
    background: linear-gradient(135deg, #475569 0%, #475569 40%, #0ea5e9 100%) !important;
    box-shadow: inset 0 0 0 2px rgba(14, 165, 233, 0.5);
}
.punt-giris-container .personnel-table tbody td.locked2-day.selected {
    background: linear-gradient(135deg, #ea580c 0%, #ea580c 40%, #0ea5e9 100%) !important;
    box-shadow: inset 0 0 0 2px rgba(14, 165, 233, 0.5);
}
body[data-theme-version="dark"] .punt-giris-container .personnel-table tbody td.selected,
body[data-theme-version="dark"] .punt-giris-container .personnel-table tbody td.locked-day.selected,
body[data-theme-version="dark"] .punt-giris-container .personnel-table tbody td.locked2-day.selected {
    box-shadow: inset 0 0 0 2px rgba(56, 189, 248, 0.4);
}

/* Hücre içi kayıtlar – alt alta (dikey) */
.punt-giris-container .cell-dots {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 2px;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    min-height: 100%;
    padding: 2px;
    box-sizing: border-box;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}
.punt-giris-container .cell-dots::-webkit-scrollbar {
    width: 3px;
}
.punt-giris-container .cell-dots::-webkit-scrollbar-thumb {
    background: rgba(148, 163, 184, 0.3);
    border-radius: 2px;
}
.punt-giris-container .cell-bilg {
    width: max-content;
    min-width: min-content;
    min-height: 18px;
    margin: 0 !important;
    border-radius: 4px;
    font-size: 8px;
    line-height: 1.2;
    text-align: center;
    flex-shrink: 0;
    padding: 2px 4px;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 1px 2px rgba(0,0,0,0.12);
    border: 1px solid rgba(255,255,255,0.2);
    white-space: nowrap;
}
.punt-giris-container .cell-bilg.mvnk3 {
    border-color: rgba(220, 38, 38, 0.5);
    box-shadow: 0 0 0 1px rgba(220, 38, 38, 0.3);
}

/* Form */
.punt-giris-form {
    border: 1px solid var(--punt-border);
    border-radius: 14px;
    padding: 1rem;
    margin-top: 0.75rem;
    background: linear-gradient(145deg, rgba(14, 165, 233, 0.06) 0%, rgba(14, 165, 233, 0.02) 100%);
}
body[data-theme-version="dark"] .punt-giris-form {
    background: linear-gradient(145deg, rgba(14, 165, 233, 0.1) 0%, rgba(14, 165, 233, 0.03) 100%);
}
.punt-giris-form .row {
    --bs-gutter-x: 0.75rem;
    --bs-gutter-y: 0.75rem;
}
.punt-giris-form .form-label {
    font-size: 0.8rem;
    font-weight: 500;
    margin-bottom: 0.25rem;
    color: #64748b;
}
.punt-giris-form .form-control {
    font-size: 0.9rem;
    border-radius: 8px;
    border-color: var(--punt-border);
}
.punt-giris-form .form-control:focus {
    border-color: var(--punt-accent);
    box-shadow: 0 0 0 3px var(--punt-accent-soft);
}

/* Detay butonları */
.punt-giris-detay-butonlar {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
    margin-top: 0.75rem;
}
.punt-giris-container .btn-add-dot {
    padding: 0.3rem 0.6rem;
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1.3;
    white-space: nowrap;
    border: none;
    border-radius: 6px;
    transition: transform 0.15s ease, box-shadow 0.2s ease;
    box-shadow: 0 1px 2px rgba(0,0,0,0.1);
}
.punt-giris-container .btn-add-dot:hover {
    transform: translateY(-1px);
    box-shadow: 0 2px 6px rgba(0,0,0,0.12);
}
.punt-giris-container .btn-add-dot:focus {
    outline: 0;
    box-shadow: 0 0 0 3px var(--punt-accent-soft);
}

/* Mobil */
@media (max-width: 768px) {
    .punt-giris-container {
        padding: 0.5rem;
    }
    .punt-giris-container .punt-ust-bar {
        gap: 0.4rem;
    }
    .punt-giris-container .punt-ust-baslik {
        font-size: 0.8rem;
        line-height: 1.3;
    }
    .punt-giris-container .punt-ust-butonlar {
        gap: 0.35rem;
        padding-bottom: 0.25rem;
    }
    .punt-giris-container .punt-ust-butonlar .punt-ust-btn {
        flex-shrink: 0;
        min-height: 2rem;
        font-size: 0.65rem;
        padding: 0.3rem 0.5rem;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        white-space: nowrap;
        line-height: 1.15;
    }
    .punt-giris-container .personnel-table thead th {
        min-width: 46px;
        height: 36px;
        font-size: 0.7rem;
        padding: 6px 4px;
    }
    .punt-giris-container .personnel-table tbody td {
        min-width: 46px;
        min-height: 40px;
    }
    .punt-giris-container .cell-bilg {
        min-height: 16px;
        font-size: 7px;
    }
    .punt-giris-container .personnel-table thead th.first-col {
        width: 36px;
        min-width: 36px;
    }
    .punt-giris-container .personnel-table thead th.first-col2 {
        left: 36px;
        width: 110px;
        min-width: 100px;
    }
    .punt-giris-container .personnel-table tbody td.first-col {
        width: 36px !important;
        min-width: 36px;
        font-size: 0.75rem;
    }
    .punt-giris-container .personnel-table tbody td.first-col2 {
        left: 36px;
        width: 110px !important;
        min-width: 100px;
        font-size: 0.8rem;
        padding-left: 8px !important;
    }
    .punt-giris-form {
        padding: 0.75rem;
        border-radius: 12px;
    }
    .punt-giris-form .form-control {
        min-height: 2.5rem;
    }
    .punt-giris-container .punt-giris-detay-butonlar {
        gap: 0.35rem;
        margin-top: 0.5rem;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        padding-bottom: 0.25rem;
    }
    .punt-giris-container .punt-giris-detay-butonlar .punt-mesai-btn-grup {
        flex-wrap: nowrap;
        flex-shrink: 0;
    }
    .punt-giris-container .punt-giris-detay-butonlar::-webkit-scrollbar {
        height: 4px;
    }
    .punt-giris-container .punt-giris-detay-butonlar::-webkit-scrollbar-thumb {
        background: rgba(148, 163, 184, 0.3);
        border-radius: 2px;
    }
    .punt-giris-container .btn-add-dot {
        padding: 0.35rem 0.65rem;
        font-size: 0.8rem;
        min-height: 2.25rem;
        flex-shrink: 0;
    }
    .punt-giris-container .tableFixHead {
        max-height: 60vh;
    }
}

/* İndirim Ve Tevkifat - mobil uyumlu */
.indirim-tevkifat-alan .indirim-tevkifat-item {
    flex: 0 0 50%;
    max-width: 50%;
    min-width: 0;
}
@media (min-width: 768px) {
    .indirim-tevkifat-alan .indirim-tevkifat-item {
        flex: 0 0 33.333%;
        max-width: 33.333%;
    }
}
@media (min-width: 992px) {
    .indirim-tevkifat-alan .indirim-tevkifat-item {
        flex: 0 0 auto;
        max-width: 13%;
    }
}
@media (max-width: 991px) {
    .indirim-tevkifat-alan {
        padding: 0.5rem !important;
    }
    .indirim-tevkifat-alan .form-label {
        font-size: 0.85rem;
    }
}

/* Hızlı İşlemler ekleme modalı - mobil uyumlu */
@media (max-width: 767px) {
    .modal-body .mn_300,
    .offcanvas-body .mn_300 {
        min-width: 0 !important;
    }
    .modal-body .mw_200,
    .offcanvas-body .mw_200 {
        max-width: 100% !important;
    }
    .modal-body .form-control,
    .offcanvas-body .form-control {
        min-width: 0;
    }
}

/* ================== SİSTEM TEMA v2 – öncelik & ek kapsam ================== */
/* Nav hover: legacy #fff / color_1 kurallarının üstünde */
body[data-user-renk] #anabar.nav-top #topbar .navbar-nav > li:hover > a,
body[data-user-renk] #anabar.nav-top #topbar .navbar-nav > li:hover .dropdown-toggle,
body[data-user-renk] #anabar.nav-top #topbar .navbar-nav > li.show > a,
body[data-user-renk] #anabar.nav-top #topbar .navbar-nav > li.show > .dropdown-toggle,
body[data-user-renk] #topbar-container .navbar-nav > li:hover > a,
body[data-user-renk] #topbar-container .navbar-nav > li:hover .dropdown-toggle,
body[data-user-renk] #topbar-container .navbar-nav > li.show > a,
body[data-user-renk] #topbar-container .navbar-nav > li.show > .dropdown-toggle{
    background: var(--sys-accent-soft) !important;
    border-color: var(--sys-border-accent) !important;
}

/* ================== NAV MANTIKSEL RENKLER (tüm konumlar) ================== */
/* Kapsam: üst, sol, gizle, ikon, mobil, body portal flyout */
:is(#topbar, body > .dropdown-menu.navleft-ddm, body > .frtik.ordgm.dropdown-menu.navleft-ddm,
     body > .dropdown-menu.gizle-ddm, body > .frtik.ordgm.dropdown-menu.gizle-ddm,
     body.topbar-mobile-open #topbar-container) .menuicon-a i[class*="text-primary"]{ color: var(--nav-c-primary) !important; }
:is(#topbar, body > .dropdown-menu.navleft-ddm, body > .frtik.ordgm.dropdown-menu.navleft-ddm,
     body > .dropdown-menu.gizle-ddm, body > .frtik.ordgm.dropdown-menu.gizle-ddm,
     body.topbar-mobile-open #topbar-container) .menuicon-a i[class*="text-success"]{ color: var(--nav-c-success) !important; }
:is(#topbar, body > .dropdown-menu.navleft-ddm, body > .frtik.ordgm.dropdown-menu.navleft-ddm,
     body > .dropdown-menu.gizle-ddm, body > .frtik.ordgm.dropdown-menu.gizle-ddm,
     body.topbar-mobile-open #topbar-container) .menuicon-a i[class*="text-danger"]{ color: var(--nav-c-danger) !important; }
:is(#topbar, body > .dropdown-menu.navleft-ddm, body > .frtik.ordgm.dropdown-menu.navleft-ddm,
     body > .dropdown-menu.gizle-ddm, body > .frtik.ordgm.dropdown-menu.gizle-ddm,
     body.topbar-mobile-open #topbar-container) .menuicon-a i[class*="text-warning"]{ color: var(--nav-c-warning) !important; }
:is(#topbar, body > .dropdown-menu.navleft-ddm, body > .frtik.ordgm.dropdown-menu.navleft-ddm,
     body > .dropdown-menu.gizle-ddm, body > .frtik.ordgm.dropdown-menu.gizle-ddm,
     body.topbar-mobile-open #topbar-container) .menuicon-a i[class*="text-info"]{ color: var(--nav-c-info) !important; }
:is(#topbar, body > .dropdown-menu.navleft-ddm, body > .frtik.ordgm.dropdown-menu.navleft-ddm,
     body > .dropdown-menu.gizle-ddm, body > .frtik.ordgm.dropdown-menu.gizle-ddm,
     body.topbar-mobile-open #topbar-container) .menuicon-a i[class*="text-secondary"]{ color: var(--nav-c-secondary) !important; }
:is(#topbar, body > .dropdown-menu.navleft-ddm, body > .frtik.ordgm.dropdown-menu.navleft-ddm,
     body > .dropdown-menu.gizle-ddm, body > .frtik.ordgm.dropdown-menu.gizle-ddm,
     body.topbar-mobile-open #topbar-container) .menuicon-a i[class*="text-dark"]{ color: var(--nav-c-neutral) !important; }
:is(#topbar, body > .dropdown-menu.navleft-ddm, body > .frtik.ordgm.dropdown-menu.navleft-ddm,
     body > .dropdown-menu.gizle-ddm, body > .frtik.ordgm.dropdown-menu.gizle-ddm,
     body.topbar-mobile-open #topbar-container) .menuicon-a i[class*="text-light"]{ color: var(--nav-c-light) !important; }
:is(#topbar, body > .dropdown-menu.navleft-ddm, body > .frtik.ordgm.dropdown-menu.navleft-ddm,
     body > .dropdown-menu.gizle-ddm, body > .frtik.ordgm.dropdown-menu.gizle-ddm,
     body.topbar-mobile-open #topbar-container) .menuicon-a i[class*="text-purple"]{ color: var(--nav-c-purple) !important; }
:is(#topbar, body > .dropdown-menu.navleft-ddm, body > .frtik.ordgm.dropdown-menu.navleft-ddm,
     body > .dropdown-menu.gizle-ddm, body > .frtik.ordgm.dropdown-menu.gizle-ddm,
     body.topbar-mobile-open #topbar-container) .menuicon-a i[class*="text-pink"]{ color: var(--nav-c-pink) !important; }
:is(#topbar, body > .dropdown-menu.navleft-ddm, body > .frtik.ordgm.dropdown-menu.navleft-ddm,
     body > .dropdown-menu.gizle-ddm, body > .frtik.ordgm.dropdown-menu.gizle-ddm,
     body.topbar-mobile-open #topbar-container) .menuicon-a i[class*="text-orange"]{ color: var(--nav-c-orange) !important; }
:is(#topbar, body > .dropdown-menu.navleft-ddm, body > .frtik.ordgm.dropdown-menu.navleft-ddm,
     body > .dropdown-menu.gizle-ddm, body > .frtik.ordgm.dropdown-menu.gizle-ddm,
     body.topbar-mobile-open #topbar-container) .menuicon-a i[class*="text-cyan"]{ color: var(--nav-c-cyan) !important; }

[data-headerbg="color_1"] #topbar .menuicon-a i[class*="text-light"],
[data-nav-headerbg="color_1"] #topbar .menuicon-a i[class*="text-light"]{
    color: var(--nav-c-neutral) !important;
}

/* Ana sekme başlık metni — ikon rengini devralır (üst mod; sol sidebar hariç) */
:is(#topbar:not(.nav-sidebar), body.topbar-mobile-open #topbar-container) .navbar-nav > li > .dropdown-toggle:has(.menuicon-a i[class*="text-primary"]),
:is(#topbar:not(.nav-sidebar), body.topbar-mobile-open #topbar-container) .navbar-nav > li > a:has(.menuicon-a i[class*="text-primary"]){ color: var(--nav-c-primary); }
:is(#topbar:not(.nav-sidebar), body.topbar-mobile-open #topbar-container) .navbar-nav > li > .dropdown-toggle:has(.menuicon-a i[class*="text-success"]),
:is(#topbar:not(.nav-sidebar), body.topbar-mobile-open #topbar-container) .navbar-nav > li > a:has(.menuicon-a i[class*="text-success"]){ color: var(--nav-c-success); }
:is(#topbar:not(.nav-sidebar), body.topbar-mobile-open #topbar-container) .navbar-nav > li > .dropdown-toggle:has(.menuicon-a i[class*="text-danger"]),
:is(#topbar:not(.nav-sidebar), body.topbar-mobile-open #topbar-container) .navbar-nav > li > a:has(.menuicon-a i[class*="text-danger"]){ color: var(--nav-c-danger); }
:is(#topbar:not(.nav-sidebar), body.topbar-mobile-open #topbar-container) .navbar-nav > li > .dropdown-toggle:has(.menuicon-a i[class*="text-warning"]),
:is(#topbar:not(.nav-sidebar), body.topbar-mobile-open #topbar-container) .navbar-nav > li > a:has(.menuicon-a i[class*="text-warning"]){ color: var(--nav-c-warning); }
:is(#topbar:not(.nav-sidebar), body.topbar-mobile-open #topbar-container) .navbar-nav > li > .dropdown-toggle:has(.menuicon-a i[class*="text-info"]),
:is(#topbar:not(.nav-sidebar), body.topbar-mobile-open #topbar-container) .navbar-nav > li > a:has(.menuicon-a i[class*="text-info"]){ color: var(--nav-c-info); }
:is(#topbar:not(.nav-sidebar), body.topbar-mobile-open #topbar-container) .navbar-nav > li > .dropdown-toggle:has(.menuicon-a i[class*="text-pink"]),
:is(#topbar:not(.nav-sidebar), body.topbar-mobile-open #topbar-container) .navbar-nav > li > a:has(.menuicon-a i[class*="text-pink"]){ color: var(--nav-c-pink); }
:is(#topbar:not(.nav-sidebar), body.topbar-mobile-open #topbar-container) .navbar-nav > li > .dropdown-toggle:has(.menuicon-a i[class*="text-light"]),
:is(#topbar:not(.nav-sidebar), body.topbar-mobile-open #topbar-container) .navbar-nav > li > a:has(.menuicon-a i[class*="text-light"]){ color: var(--nav-c-light); }
:is(#topbar:not(.nav-sidebar), body.topbar-mobile-open #topbar-container) .navbar-nav > li > .dropdown-toggle:has(.menuicon-a i[class*="text-purple"]),
:is(#topbar:not(.nav-sidebar), body.topbar-mobile-open #topbar-container) .navbar-nav > li > a:has(.menuicon-a i[class*="text-purple"]){ color: var(--nav-c-purple); }
:is(#topbar:not(.nav-sidebar), body.topbar-mobile-open #topbar-container) .navbar-nav > li > .dropdown-toggle:has(.menuicon-a i[class*="text-orange"]),
:is(#topbar:not(.nav-sidebar), body.topbar-mobile-open #topbar-container) .navbar-nav > li > a:has(.menuicon-a i[class*="text-orange"]){ color: var(--nav-c-orange); }
:is(#topbar:not(.nav-sidebar), body.topbar-mobile-open #topbar-container) .navbar-nav > li > .dropdown-toggle:has(.menuicon-a i[class*="text-cyan"]),
:is(#topbar:not(.nav-sidebar), body.topbar-mobile-open #topbar-container) .navbar-nav > li > a:has(.menuicon-a i[class*="text-cyan"]){ color: var(--nav-c-cyan); }
:is(#topbar:not(.nav-sidebar), body.topbar-mobile-open #topbar-container) .navbar-nav > li > .dropdown-toggle:has(.menuicon-a i[class*="text-secondary"]),
:is(#topbar:not(.nav-sidebar), body.topbar-mobile-open #topbar-container) .navbar-nav > li > a:has(.menuicon-a i[class*="text-secondary"]){ color: var(--nav-c-secondary); }
:is(#topbar:not(.nav-sidebar), body.topbar-mobile-open #topbar-container) .navbar-nav > li > .dropdown-toggle:has(.menuicon-a i[class*="text-dark"]),
:is(#topbar:not(.nav-sidebar), body.topbar-mobile-open #topbar-container) .navbar-nav > li > a:has(.menuicon-a i[class*="text-dark"]){ color: var(--nav-c-neutral); }
[data-headerbg="color_1"] #topbar:not(.nav-sidebar) .navbar-nav > li > .dropdown-toggle:has(.menuicon-a i[class*="text-light"]),
[data-headerbg="color_1"] #topbar:not(.nav-sidebar) .navbar-nav > li > a:has(.menuicon-a i[class*="text-light"]){ color: var(--nav-c-neutral); }

/* Sol / flyout alt menü — renksiz satırlara okunaklı fallback; renkli ikonlarda span miras alır */
body > .dropdown-menu.navleft-ddm .ustdgm .altdgm:not(:has(.menuicon-a i[class*="text-"])) span,
body > .frtik.ordgm.dropdown-menu.navleft-ddm .ustdgm .altdgm:not(:has(.menuicon-a i[class*="text-"])) span,
body > .dropdown-menu.gizle-ddm .ustdgm .altdgm:not(:has(.menuicon-a i[class*="text-"])) span,
body > .frtik.ordgm.dropdown-menu.gizle-ddm .ustdgm .altdgm:not(:has(.menuicon-a i[class*="text-"])) span,
#topbar .navbar-nav .dropdown-menu .ustdgm .altdgm:not(:has(.menuicon-a i[class*="text-"])) span,
#topbar .navbar-nav .frtik.ordgm.dropdown-menu .ustdgm .altdgm:not(:has(.menuicon-a i[class*="text-"])) span,
body.topbar-mobile-open #topbar-container .ustdgm .altdgm:not(:has(.menuicon-a i[class*="text-"])) span{
    color: var(--nav-flyout-fg) !important;
}
body > .dropdown-menu.navleft-ddm .ustdgm .altdgm:has(.menuicon-a i[class*="text-"]) span,
body > .frtik.ordgm.dropdown-menu.navleft-ddm .ustdgm .altdgm:has(.menuicon-a i[class*="text-"]) span,
body > .dropdown-menu.gizle-ddm .ustdgm .altdgm:has(.menuicon-a i[class*="text-"]) span,
body > .frtik.ordgm.dropdown-menu.gizle-ddm .ustdgm .altdgm:has(.menuicon-a i[class*="text-"]) span,
#topbar .navbar-nav .dropdown-menu .ustdgm .altdgm:has(.menuicon-a i[class*="text-"]) span,
#topbar .navbar-nav .frtik.ordgm.dropdown-menu .ustdgm .altdgm:has(.menuicon-a i[class*="text-"]) span,
body.topbar-mobile-open #topbar-container .ustdgm .altdgm:has(.menuicon-a i[class*="text-"]) span{
    color: inherit !important;
}

/* Alt menü satır metni */
:is(#topbar, body > .dropdown-menu.navleft-ddm, body > .frtik.ordgm.dropdown-menu.navleft-ddm,
     body > .dropdown-menu.gizle-ddm, body > .frtik.ordgm.dropdown-menu.gizle-ddm,
     body.topbar-mobile-open #topbar-container) .ustdgm .altdgm:has(.menuicon-a i[class*="text-primary"]){ color: var(--nav-c-primary); }
:is(#topbar, body > .dropdown-menu.navleft-ddm, body > .frtik.ordgm.dropdown-menu.navleft-ddm,
     body > .dropdown-menu.gizle-ddm, body > .frtik.ordgm.dropdown-menu.gizle-ddm,
     body.topbar-mobile-open #topbar-container) .ustdgm .altdgm:has(.menuicon-a i[class*="text-success"]){ color: var(--nav-c-success); }
:is(#topbar, body > .dropdown-menu.navleft-ddm, body > .frtik.ordgm.dropdown-menu.navleft-ddm,
     body > .dropdown-menu.gizle-ddm, body > .frtik.ordgm.dropdown-menu.gizle-ddm,
     body.topbar-mobile-open #topbar-container) .ustdgm .altdgm:has(.menuicon-a i[class*="text-danger"]){ color: var(--nav-c-danger); }
:is(#topbar, body > .dropdown-menu.navleft-ddm, body > .frtik.ordgm.dropdown-menu.navleft-ddm,
     body > .dropdown-menu.gizle-ddm, body > .frtik.ordgm.dropdown-menu.gizle-ddm,
     body.topbar-mobile-open #topbar-container) .ustdgm .altdgm:has(.menuicon-a i[class*="text-warning"]){ color: var(--nav-c-warning); }
:is(#topbar, body > .dropdown-menu.navleft-ddm, body > .frtik.ordgm.dropdown-menu.navleft-ddm,
     body > .dropdown-menu.gizle-ddm, body > .frtik.ordgm.dropdown-menu.gizle-ddm,
     body.topbar-mobile-open #topbar-container) .ustdgm .altdgm:has(.menuicon-a i[class*="text-info"]){ color: var(--nav-c-info); }
:is(#topbar, body > .dropdown-menu.navleft-ddm, body > .frtik.ordgm.dropdown-menu.navleft-ddm,
     body > .dropdown-menu.gizle-ddm, body > .frtik.ordgm.dropdown-menu.gizle-ddm,
     body.topbar-mobile-open #topbar-container) .ustdgm .altdgm:has(.menuicon-a i[class*="text-secondary"]){ color: var(--nav-c-secondary); }
:is(#topbar, body > .dropdown-menu.navleft-ddm, body > .frtik.ordgm.dropdown-menu.navleft-ddm,
     body > .dropdown-menu.gizle-ddm, body > .frtik.ordgm.dropdown-menu.gizle-ddm,
     body.topbar-mobile-open #topbar-container) .ustdgm .altdgm:has(.menuicon-a i[class*="text-dark"]){ color: var(--nav-c-neutral); }
:is(#topbar, body > .dropdown-menu.navleft-ddm, body > .frtik.ordgm.dropdown-menu.navleft-ddm,
     body > .dropdown-menu.gizle-ddm, body > .frtik.ordgm.dropdown-menu.gizle-ddm,
     body.topbar-mobile-open #topbar-container) .ustdgm .altdgm:has(.menuicon-a i[class*="text-purple"]){ color: var(--nav-c-purple); }
:is(#topbar, body > .dropdown-menu.navleft-ddm, body > .frtik.ordgm.dropdown-menu.navleft-ddm,
     body > .dropdown-menu.gizle-ddm, body > .frtik.ordgm.dropdown-menu.gizle-ddm,
     body.topbar-mobile-open #topbar-container) .ustdgm .altdgm:has(.menuicon-a i[class*="text-pink"]){ color: var(--nav-c-pink); }
:is(#topbar, body > .dropdown-menu.navleft-ddm, body > .frtik.ordgm.dropdown-menu.navleft-ddm,
     body > .dropdown-menu.gizle-ddm, body > .frtik.ordgm.dropdown-menu.gizle-ddm,
     body.topbar-mobile-open #topbar-container) .ustdgm .altdgm:has(.menuicon-a i[class*="text-orange"]){ color: var(--nav-c-orange); }
:is(#topbar, body > .dropdown-menu.navleft-ddm, body > .frtik.ordgm.dropdown-menu.navleft-ddm,
     body > .dropdown-menu.gizle-ddm, body > .frtik.ordgm.dropdown-menu.gizle-ddm,
     body.topbar-mobile-open #topbar-container) .ustdgm .altdgm:has(.menuicon-a i[class*="text-cyan"]){ color: var(--nav-c-cyan); }
:is(#topbar, body > .dropdown-menu.navleft-ddm, body > .frtik.ordgm.dropdown-menu.navleft-ddm,
     body > .dropdown-menu.gizle-ddm, body > .frtik.ordgm.dropdown-menu.gizle-ddm,
     body.topbar-mobile-open #topbar-container) .ustdgm .altdgm:has(.menuicon-a i[class*="text-light"]){ color: var(--nav-c-light); }
[data-headerbg="color_1"] :is(#topbar, body > .dropdown-menu.navleft-ddm, body > .dropdown-menu.gizle-ddm, body.topbar-mobile-open #topbar-container) .ustdgm .altdgm:has(.menuicon-a i[class*="text-light"]){ color: var(--nav-c-neutral); }
:is(#topbar, body > .dropdown-menu.navleft-ddm, body > .frtik.ordgm.dropdown-menu.navleft-ddm,
     body > .dropdown-menu.gizle-ddm, body > .frtik.ordgm.dropdown-menu.gizle-ddm,
     body.topbar-mobile-open #topbar-container) .ustdgm .altdgm.text-success-emphasis{ color: var(--nav-c-success-emphasis) !important; }
:is(#topbar, body > .dropdown-menu.navleft-ddm, body > .frtik.ordgm.dropdown-menu.navleft-ddm,
     body > .dropdown-menu.gizle-ddm, body > .frtik.ordgm.dropdown-menu.gizle-ddm,
     body.topbar-mobile-open #topbar-container) .ustdgm .altdgm.text-danger-emphasis{ color: var(--nav-c-danger-emphasis) !important; }
:is(#topbar, body > .dropdown-menu.navleft-ddm, body > .frtik.ordgm.dropdown-menu.navleft-ddm,
     body > .dropdown-menu.gizle-ddm, body > .frtik.ordgm.dropdown-menu.gizle-ddm,
     body.topbar-mobile-open #topbar-container) .ustdgm .altdgm.text-info-emphasis{ color: var(--nav-c-info-emphasis) !important; }

/* İkon kutusu — mantıksal arka plan tonu */
:is(#topbar, body > .dropdown-menu.navleft-ddm, body > .frtik.ordgm.dropdown-menu.navleft-ddm,
     body > .dropdown-menu.gizle-ddm, body > .frtik.ordgm.dropdown-menu.gizle-ddm,
     body.topbar-mobile-open #topbar-container) .menuicon-a:has(i[class*="text-primary"]){
    background: color-mix(in srgb, var(--nav-c-primary) 13%, transparent) !important;
    border-color: color-mix(in srgb, var(--nav-c-primary) 26%, transparent) !important;
}
:is(#topbar, body > .dropdown-menu.navleft-ddm, body > .frtik.ordgm.dropdown-menu.navleft-ddm,
     body > .dropdown-menu.gizle-ddm, body > .frtik.ordgm.dropdown-menu.gizle-ddm,
     body.topbar-mobile-open #topbar-container) .menuicon-a:has(i[class*="text-success"]){
    background: color-mix(in srgb, var(--nav-c-success) 13%, transparent) !important;
    border-color: color-mix(in srgb, var(--nav-c-success) 26%, transparent) !important;
}
:is(#topbar, body > .dropdown-menu.navleft-ddm, body > .frtik.ordgm.dropdown-menu.navleft-ddm,
     body > .dropdown-menu.gizle-ddm, body > .frtik.ordgm.dropdown-menu.gizle-ddm,
     body.topbar-mobile-open #topbar-container) .menuicon-a:has(i[class*="text-danger"]){
    background: color-mix(in srgb, var(--nav-c-danger) 13%, transparent) !important;
    border-color: color-mix(in srgb, var(--nav-c-danger) 26%, transparent) !important;
}
:is(#topbar, body > .dropdown-menu.navleft-ddm, body > .frtik.ordgm.dropdown-menu.navleft-ddm,
     body > .dropdown-menu.gizle-ddm, body > .frtik.ordgm.dropdown-menu.gizle-ddm,
     body.topbar-mobile-open #topbar-container) .menuicon-a:has(i[class*="text-warning"]){
    background: color-mix(in srgb, var(--nav-c-warning) 13%, transparent) !important;
    border-color: color-mix(in srgb, var(--nav-c-warning) 26%, transparent) !important;
}
:is(#topbar, body > .dropdown-menu.navleft-ddm, body > .frtik.ordgm.dropdown-menu.navleft-ddm,
     body > .dropdown-menu.gizle-ddm, body > .frtik.ordgm.dropdown-menu.gizle-ddm,
     body.topbar-mobile-open #topbar-container) .menuicon-a:has(i[class*="text-info"]){
    background: color-mix(in srgb, var(--nav-c-info) 13%, transparent) !important;
    border-color: color-mix(in srgb, var(--nav-c-info) 26%, transparent) !important;
}
:is(#topbar, body > .dropdown-menu.navleft-ddm, body > .frtik.ordgm.dropdown-menu.navleft-ddm,
     body > .dropdown-menu.gizle-ddm, body > .frtik.ordgm.dropdown-menu.gizle-ddm,
     body.topbar-mobile-open #topbar-container) .menuicon-a:has(i[class*="text-secondary"]){
    background: color-mix(in srgb, var(--nav-c-secondary) 13%, transparent) !important;
    border-color: color-mix(in srgb, var(--nav-c-secondary) 26%, transparent) !important;
}
:is(#topbar, body > .dropdown-menu.navleft-ddm, body > .frtik.ordgm.dropdown-menu.navleft-ddm,
     body > .dropdown-menu.gizle-ddm, body > .frtik.ordgm.dropdown-menu.gizle-ddm,
     body.topbar-mobile-open #topbar-container) .menuicon-a:has(i[class*="text-purple"]){
    background: color-mix(in srgb, var(--nav-c-purple) 13%, transparent) !important;
    border-color: color-mix(in srgb, var(--nav-c-purple) 26%, transparent) !important;
}
:is(#topbar, body > .dropdown-menu.navleft-ddm, body > .frtik.ordgm.dropdown-menu.navleft-ddm,
     body > .dropdown-menu.gizle-ddm, body > .frtik.ordgm.dropdown-menu.gizle-ddm,
     body.topbar-mobile-open #topbar-container) .menuicon-a:has(i[class*="text-pink"]){
    background: color-mix(in srgb, var(--nav-c-pink) 13%, transparent) !important;
    border-color: color-mix(in srgb, var(--nav-c-pink) 26%, transparent) !important;
}
:is(#topbar, body > .dropdown-menu.navleft-ddm, body > .frtik.ordgm.dropdown-menu.navleft-ddm,
     body > .dropdown-menu.gizle-ddm, body > .frtik.ordgm.dropdown-menu.gizle-ddm,
     body.topbar-mobile-open #topbar-container) .menuicon-a:has(i[class*="text-orange"]){
    background: color-mix(in srgb, var(--nav-c-orange) 13%, transparent) !important;
    border-color: color-mix(in srgb, var(--nav-c-orange) 26%, transparent) !important;
}
:is(#topbar, body > .dropdown-menu.navleft-ddm, body > .frtik.ordgm.dropdown-menu.navleft-ddm,
     body > .dropdown-menu.gizle-ddm, body > .frtik.ordgm.dropdown-menu.gizle-ddm,
     body.topbar-mobile-open #topbar-container) .menuicon-a:has(i[class*="text-cyan"]){
    background: color-mix(in srgb, var(--nav-c-cyan) 13%, transparent) !important;
    border-color: color-mix(in srgb, var(--nav-c-cyan) 26%, transparent) !important;
}
:is(#topbar, body > .dropdown-menu.navleft-ddm, body > .frtik.ordgm.dropdown-menu.navleft-ddm,
     body > .dropdown-menu.gizle-ddm, body > .frtik.ordgm.dropdown-menu.gizle-ddm,
     body.topbar-mobile-open #topbar-container) .menuicon-a:has(i[class*="text-dark"]){
    background: color-mix(in srgb, var(--nav-c-neutral) 13%, transparent) !important;
    border-color: color-mix(in srgb, var(--nav-c-neutral) 26%, transparent) !important;
}
:is(#topbar, body > .dropdown-menu.navleft-ddm, body > .frtik.ordgm.dropdown-menu.navleft-ddm,
     body > .dropdown-menu.gizle-ddm, body > .frtik.ordgm.dropdown-menu.gizle-ddm,
     body.topbar-mobile-open #topbar-container) .menuicon-a:has(i[class*="text-light"]){
    background: color-mix(in srgb, var(--nav-c-light) 13%, transparent) !important;
    border-color: color-mix(in srgb, var(--nav-c-light) 26%, transparent) !important;
}
[data-headerbg="color_1"] :is(#topbar, body > .dropdown-menu.navleft-ddm, body > .dropdown-menu.gizle-ddm) .menuicon-a:has(i[class*="text-light"]){
    background: color-mix(in srgb, var(--nav-c-neutral) 13%, transparent) !important;
    border-color: color-mix(in srgb, var(--nav-c-neutral) 26%, transparent) !important;
}

/* Renksiz ikon — varsayılan primary tonu */
:is(#topbar, body > .dropdown-menu.navleft-ddm, body > .frtik.ordgm.dropdown-menu.navleft-ddm,
     body > .dropdown-menu.gizle-ddm, body > .frtik.ordgm.dropdown-menu.gizle-ddm,
     body.topbar-mobile-open #topbar-container) .menuicon-a > i:not([class*="text-"]){
    color: var(--nav-c-primary) !important;
}
:is(#topbar, body > .dropdown-menu.navleft-ddm, body > .frtik.ordgm.dropdown-menu.navleft-ddm,
     body > .dropdown-menu.gizle-ddm, body > .frtik.ordgm.dropdown-menu.gizle-ddm,
     body.topbar-mobile-open #topbar-container) .ustdgm .altdgm:not(:has(.menuicon-a i[class*="text-"])){
    color: var(--nav-c-primary);
}
:is(#topbar, body > .dropdown-menu.navleft-ddm, body > .frtik.ordgm.dropdown-menu.navleft-ddm,
     body > .dropdown-menu.gizle-ddm, body > .frtik.ordgm.dropdown-menu.gizle-ddm,
     body.topbar-mobile-open #topbar-container) .menuicon-a > i.fa-gear:not([class*="text-"]),
:is(#topbar, body > .dropdown-menu.navleft-ddm, body > .frtik.ordgm.dropdown-menu.navleft-ddm,
     body > .dropdown-menu.gizle-ddm, body > .frtik.ordgm.dropdown-menu.gizle-ddm,
     body.topbar-mobile-open #topbar-container) .menuicon-a > i.fa-cog:not([class*="text-"]){
    color: var(--nav-c-secondary) !important;
}
:is(#topbar, body > .dropdown-menu.navleft-ddm, body > .frtik.ordgm.dropdown-menu.navleft-ddm,
     body > .dropdown-menu.gizle-ddm, body > .frtik.ordgm.dropdown-menu.gizle-ddm,
     body.topbar-mobile-open #topbar-container) .menuicon-a > i.fa-file-invoice-dollar:not([class*="text-"]),
:is(#topbar, body > .dropdown-menu.navleft-ddm, body > .frtik.ordgm.dropdown-menu.navleft-ddm,
     body > .dropdown-menu.gizle-ddm, body > .frtik.ordgm.dropdown-menu.gizle-ddm,
     body.topbar-mobile-open #topbar-container) .menuicon-a > i.fa-folder-closed:not([class*="text-"]){
    color: var(--nav-c-purple) !important;
}
:is(#topbar, body > .dropdown-menu.navleft-ddm, body > .frtik.ordgm.dropdown-menu.navleft-ddm,
     body > .dropdown-menu.gizle-ddm, body > .frtik.ordgm.dropdown-menu.gizle-ddm,
     body.topbar-mobile-open #topbar-container) .menuicon-a > i.fa-bolt:not([class*="text-"]){
    color: var(--nav-c-warning) !important;
}
:is(#topbar, body > .dropdown-menu.navleft-ddm, body > .frtik.ordgm.dropdown-menu.navleft-ddm,
     body > .dropdown-menu.gizle-ddm, body > .frtik.ordgm.dropdown-menu.gizle-ddm,
     body.topbar-mobile-open #topbar-container) .menuicon-a > i.fa-lines-leaning:not([class*="text-"]){
    color: var(--nav-c-cyan) !important;
}

/* Hover — sekme ikon kutusu (mantıksal renk korunur) */
#topbar .navbar-nav > li:hover .dropdown-toggle .menuicon-a:has(i[class*="text-primary"]),
#topbar .navbar-nav > li.show .dropdown-toggle .menuicon-a:has(i[class*="text-primary"]){
    background: color-mix(in srgb, var(--nav-c-primary) 22%, transparent) !important;
    border-color: color-mix(in srgb, var(--nav-c-primary) 38%, transparent) !important;
}
#topbar .navbar-nav > li:hover .dropdown-toggle .menuicon-a:has(i[class*="text-success"]),
#topbar .navbar-nav > li.show .dropdown-toggle .menuicon-a:has(i[class*="text-success"]){
    background: color-mix(in srgb, var(--nav-c-success) 22%, transparent) !important;
    border-color: color-mix(in srgb, var(--nav-c-success) 38%, transparent) !important;
}
#topbar .navbar-nav > li:hover .dropdown-toggle .menuicon-a:has(i[class*="text-danger"]),
#topbar .navbar-nav > li.show .dropdown-toggle .menuicon-a:has(i[class*="text-danger"]){
    background: color-mix(in srgb, var(--nav-c-danger) 22%, transparent) !important;
    border-color: color-mix(in srgb, var(--nav-c-danger) 38%, transparent) !important;
}
#topbar .navbar-nav > li:hover .dropdown-toggle .menuicon-a:has(i[class*="text-warning"]),
#topbar .navbar-nav > li.show .dropdown-toggle .menuicon-a:has(i[class*="text-warning"]){
    background: color-mix(in srgb, var(--nav-c-warning) 22%, transparent) !important;
    border-color: color-mix(in srgb, var(--nav-c-warning) 38%, transparent) !important;
}
#topbar .navbar-nav > li:hover .dropdown-toggle .menuicon-a:has(i[class*="text-info"]),
#topbar .navbar-nav > li.show .dropdown-toggle .menuicon-a:has(i[class*="text-info"]){
    background: color-mix(in srgb, var(--nav-c-info) 22%, transparent) !important;
    border-color: color-mix(in srgb, var(--nav-c-info) 38%, transparent) !important;
}
#topbar .navbar-nav > li:hover .dropdown-toggle .menuicon-a:has(i[class*="text-pink"]),
#topbar .navbar-nav > li.show .dropdown-toggle .menuicon-a:has(i[class*="text-pink"]){
    background: color-mix(in srgb, var(--nav-c-pink) 22%, transparent) !important;
    border-color: color-mix(in srgb, var(--nav-c-pink) 38%, transparent) !important;
}

/* Alt menü hover — satır rengine göre parlama */
:is(#topbar, body > .dropdown-menu.navleft-ddm, body > .frtik.ordgm.dropdown-menu.navleft-ddm,
     body > .dropdown-menu.gizle-ddm, body > .frtik.ordgm.dropdown-menu.gizle-ddm,
     body.topbar-mobile-open #topbar-container) .ustdgm .altdgm:has(.menuicon-a i[class*="text-primary"]):hover{
    background: color-mix(in srgb, var(--nav-c-primary) 11%, transparent) !important;
    border-color: color-mix(in srgb, var(--nav-c-primary) 28%, transparent) !important;
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--nav-c-primary) 18%, transparent) inset !important;
}
:is(#topbar, body > .dropdown-menu.navleft-ddm, body > .frtik.ordgm.dropdown-menu.navleft-ddm,
     body > .dropdown-menu.gizle-ddm, body > .frtik.ordgm.dropdown-menu.gizle-ddm,
     body.topbar-mobile-open #topbar-container) .ustdgm .altdgm:has(.menuicon-a i[class*="text-success"]):hover{
    background: color-mix(in srgb, var(--nav-c-success) 11%, transparent) !important;
    border-color: color-mix(in srgb, var(--nav-c-success) 28%, transparent) !important;
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--nav-c-success) 18%, transparent) inset !important;
}
:is(#topbar, body > .dropdown-menu.navleft-ddm, body > .frtik.ordgm.dropdown-menu.navleft-ddm,
     body > .dropdown-menu.gizle-ddm, body > .frtik.ordgm.dropdown-menu.gizle-ddm,
     body.topbar-mobile-open #topbar-container) .ustdgm .altdgm:has(.menuicon-a i[class*="text-danger"]):hover{
    background: color-mix(in srgb, var(--nav-c-danger) 11%, transparent) !important;
    border-color: color-mix(in srgb, var(--nav-c-danger) 28%, transparent) !important;
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--nav-c-danger) 18%, transparent) inset !important;
}
:is(#topbar, body > .dropdown-menu.navleft-ddm, body > .frtik.ordgm.dropdown-menu.navleft-ddm,
     body > .dropdown-menu.gizle-ddm, body > .frtik.ordgm.dropdown-menu.gizle-ddm,
     body.topbar-mobile-open #topbar-container) .ustdgm .altdgm:has(.menuicon-a i[class*="text-warning"]):hover{
    background: color-mix(in srgb, var(--nav-c-warning) 11%, transparent) !important;
    border-color: color-mix(in srgb, var(--nav-c-warning) 28%, transparent) !important;
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--nav-c-warning) 18%, transparent) inset !important;
}
:is(#topbar, body > .dropdown-menu.navleft-ddm, body > .frtik.ordgm.dropdown-menu.navleft-ddm,
     body > .dropdown-menu.gizle-ddm, body > .frtik.ordgm.dropdown-menu.gizle-ddm,
     body.topbar-mobile-open #topbar-container) .ustdgm .altdgm:has(.menuicon-a i[class*="text-info"]):hover{
    background: color-mix(in srgb, var(--nav-c-info) 11%, transparent) !important;
    border-color: color-mix(in srgb, var(--nav-c-info) 28%, transparent) !important;
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--nav-c-info) 18%, transparent) inset !important;
}
:is(#topbar, body > .dropdown-menu.navleft-ddm, body > .frtik.ordgm.dropdown-menu.navleft-ddm,
     body > .dropdown-menu.gizle-ddm, body > .frtik.ordgm.dropdown-menu.gizle-ddm,
     body.topbar-mobile-open #topbar-container) .ustdgm .altdgm:has(.menuicon-a i[class*="text-secondary"]):hover{
    background: color-mix(in srgb, var(--nav-c-secondary) 11%, transparent) !important;
    border-color: color-mix(in srgb, var(--nav-c-secondary) 28%, transparent) !important;
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--nav-c-secondary) 18%, transparent) inset !important;
}
:is(#topbar, body > .dropdown-menu.navleft-ddm, body > .frtik.ordgm.dropdown-menu.navleft-ddm,
     body > .dropdown-menu.gizle-ddm, body > .frtik.ordgm.dropdown-menu.gizle-ddm,
     body.topbar-mobile-open #topbar-container) .ustdgm .altdgm:has(.menuicon-a i[class*="text-dark"]):hover{
    background: color-mix(in srgb, var(--nav-c-neutral) 11%, transparent) !important;
    border-color: color-mix(in srgb, var(--nav-c-neutral) 28%, transparent) !important;
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--nav-c-neutral) 18%, transparent) inset !important;
}
:is(#topbar, body > .dropdown-menu.navleft-ddm, body > .frtik.ordgm.dropdown-menu.navleft-ddm,
     body > .dropdown-menu.gizle-ddm, body > .frtik.ordgm.dropdown-menu.gizle-ddm,
     body.topbar-mobile-open #topbar-container) .ustdgm .altdgm:has(.menuicon-a i[class*="text-purple"]):hover{
    background: color-mix(in srgb, var(--nav-c-purple) 11%, transparent) !important;
    border-color: color-mix(in srgb, var(--nav-c-purple) 28%, transparent) !important;
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--nav-c-purple) 18%, transparent) inset !important;
}
:is(#topbar, body > .dropdown-menu.navleft-ddm, body > .frtik.ordgm.dropdown-menu.navleft-ddm,
     body > .dropdown-menu.gizle-ddm, body > .frtik.ordgm.dropdown-menu.gizle-ddm,
     body.topbar-mobile-open #topbar-container) .ustdgm .altdgm:has(.menuicon-a i[class*="text-pink"]):hover{
    background: color-mix(in srgb, var(--nav-c-pink) 11%, transparent) !important;
    border-color: color-mix(in srgb, var(--nav-c-pink) 28%, transparent) !important;
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--nav-c-pink) 18%, transparent) inset !important;
}
:is(#topbar, body > .dropdown-menu.navleft-ddm, body > .frtik.ordgm.dropdown-menu.navleft-ddm,
     body > .dropdown-menu.gizle-ddm, body > .frtik.ordgm.dropdown-menu.gizle-ddm,
     body.topbar-mobile-open #topbar-container) .ustdgm .altdgm:has(.menuicon-a i[class*="text-orange"]):hover{
    background: color-mix(in srgb, var(--nav-c-orange) 11%, transparent) !important;
    border-color: color-mix(in srgb, var(--nav-c-orange) 28%, transparent) !important;
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--nav-c-orange) 18%, transparent) inset !important;
}
:is(#topbar, body > .dropdown-menu.navleft-ddm, body > .frtik.ordgm.dropdown-menu.navleft-ddm,
     body > .dropdown-menu.gizle-ddm, body > .frtik.ordgm.dropdown-menu.gizle-ddm,
     body.topbar-mobile-open #topbar-container) .ustdgm .altdgm:has(.menuicon-a i[class*="text-cyan"]):hover{
    background: color-mix(in srgb, var(--nav-c-cyan) 11%, transparent) !important;
    border-color: color-mix(in srgb, var(--nav-c-cyan) 28%, transparent) !important;
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--nav-c-cyan) 18%, transparent) inset !important;
}
:is(#topbar, body > .dropdown-menu.navleft-ddm, body > .frtik.ordgm.dropdown-menu.navleft-ddm,
     body > .dropdown-menu.gizle-ddm, body > .frtik.ordgm.dropdown-menu.gizle-ddm,
     body.topbar-mobile-open #topbar-container) .ustdgm .altdgm:hover .menuicon-a:has(i[class*="text-primary"]){
    background: color-mix(in srgb, var(--nav-c-primary) 20%, transparent) !important;
}
:is(#topbar, body > .dropdown-menu.navleft-ddm, body > .frtik.ordgm.dropdown-menu.navleft-ddm,
     body > .dropdown-menu.gizle-ddm, body > .frtik.ordgm.dropdown-menu.gizle-ddm,
     body.topbar-mobile-open #topbar-container) .ustdgm .altdgm:hover .menuicon-a:has(i[class*="text-success"]){
    background: color-mix(in srgb, var(--nav-c-success) 20%, transparent) !important;
}
:is(#topbar, body > .dropdown-menu.navleft-ddm, body > .frtik.ordgm.dropdown-menu.navleft-ddm,
     body > .dropdown-menu.gizle-ddm, body > .frtik.ordgm.dropdown-menu.gizle-ddm,
     body.topbar-mobile-open #topbar-container) .ustdgm .altdgm:hover .menuicon-a:has(i[class*="text-danger"]){
    background: color-mix(in srgb, var(--nav-c-danger) 20%, transparent) !important;
}
:is(#topbar, body > .dropdown-menu.navleft-ddm, body > .frtik.ordgm.dropdown-menu.navleft-ddm,
     body > .dropdown-menu.gizle-ddm, body > .frtik.ordgm.dropdown-menu.gizle-ddm,
     body.topbar-mobile-open #topbar-container) .ustdgm .altdgm:hover .menuicon-a:has(i[class*="text-warning"]){
    background: color-mix(in srgb, var(--nav-c-warning) 20%, transparent) !important;
}
:is(#topbar, body > .dropdown-menu.navleft-ddm, body > .frtik.ordgm.dropdown-menu.navleft-ddm,
     body > .dropdown-menu.gizle-ddm, body > .frtik.ordgm.dropdown-menu.gizle-ddm,
     body.topbar-mobile-open #topbar-container) .ustdgm .altdgm:hover .menuicon-a:has(i[class*="text-info"]){
    background: color-mix(in srgb, var(--nav-c-info) 20%, transparent) !important;
}

/* Kart, panel, offcanvas başlıkları */
body[data-user-renk] .card-header,
body[data-user-renk] .panel-heading,
body[data-user-renk] .offcanvas-header{
    border-bottom-color: var(--sys-border-accent) !important;
    background: linear-gradient(135deg, var(--sys-accent-soft), transparent) !important;
}
body[data-user-renk] .card-header .card-title,
body[data-user-renk] .card-header h5,
body[data-user-renk] .offcanvas-title{
    color: var(--sys-text-accent) !important;
}

/* Tablo satır hover & seçili – yalnızca doğrudan hücreler (iç içe tablolara yayılmasın) */
body[data-user-renk] #centerbar .table tbody tr:hover > td,
body[data-user-renk] #centerbar .table tbody tr:hover > th{
    background: var(--sys-accent-soft) !important;
}
body[data-user-renk] #centerbar .table tbody tr.table-active > td,
body[data-user-renk] #centerbar .table tbody tr.table-active > th{
    background: var(--sys-accent-mid) !important;
    color: var(--sys-text-accent) !important;
}
/* Kalan Sipariş Raporu vb. – collapse içindeki detay tablosu: kapsayıcı td hover ile tüm alanı boyamasın */
body[data-user-renk] #centerbar .table tbody tr:has(> td > .collapse .table):hover > td,
body[data-user-renk] .table tbody tr:has(> td > .collapse .table):hover > td{
    background: transparent !important;
    background-color: transparent !important;
}
body[data-user-renk] #centerbar .anatablo_divi .collapse .table.table-hover > tbody > tr:hover > td,
body[data-user-renk] #centerbar .anatablo_divi .collapse .table.table-hover > tbody > tr:hover > th,
body[data-user-renk] .anatablo_divi .collapse .table.table-hover > tbody > tr:hover > td,
body[data-user-renk] .anatablo_divi .collapse .table.table-hover > tbody > tr:hover > th{
    background: var(--sys-accent-soft) !important;
}

/* Sol menü seçili / işaretli yazı */
body[data-user-renk] #solmenuic .item.secili > .btn,
body[data-user-renk] #solmenuic .item.isaretli > .btn{
    color: var(--sys-text-accent) !important;
}
body[data-user-renk] #solmenuic .item.secili > .btn .slmn-label,
body[data-user-renk] #solmenuic .item.isaretli > .btn .slmn-label{
    color: var(--sys-text-accent) !important;
}

/* Form kontrolleri */
body[data-user-renk] .form-check-input:checked{
    background-color: var(--sys-accent) !important;
    border-color: var(--sys-accent-2) !important;
}
body[data-user-renk] .form-check-input:focus{
    border-color: var(--sys-accent) !important;
    box-shadow: 0 0 0 3px var(--sys-accent-soft) !important;
}
body[data-user-renk] .progress-bar{
    background: linear-gradient(90deg,
        color-mix(in srgb, var(--sys-accent) 82%, #fff),
        color-mix(in srgb, var(--sys-accent-2) 78%, #fff)
    ) !important;
}

/* Bilgi metinleri & başlıklar (semantik renkleri koruyarak) */
body[data-user-renk] .text-primary:not(.text-danger):not(.text-success):not(.text-warning){
    color: var(--sys-text-accent) !important;
}
body[data-user-renk] h1 .text-primary,
body[data-user-renk] h2 .text-primary,
body[data-user-renk] h3 .text-primary,
body[data-user-renk] h4 .text-primary,
body[data-user-renk] h5 .text-primary,
body[data-user-renk] h6 .text-primary{
    color: var(--sys-text-accent) !important;
}
body[data-user-renk] a.text-primary:hover,
body[data-user-renk] a.text-primary:focus{
    color: var(--sys-text-accent-soft) !important;
}

/* Ana sayfa sayaç etiketleri */
body[data-user-renk] .anasayfa-tam .tusrenk .card-title,
body[data-user-renk] .anasayfa-sayac-sekmeler .nav-link:not(.active):hover{
    color: var(--sys-text-accent-soft) !important;
}

/* Scrollbar – bileşen & style2 üzerine tema önceliği */
body[data-user-renk] .jsgrid-grid-body::-webkit-scrollbar-thumb,
body[data-user-renk] .dataTables_scrollBody::-webkit-scrollbar-thumb,
body[data-user-renk] .table-responsive::-webkit-scrollbar-thumb,
body[data-user-renk] #centerbar::-webkit-scrollbar-thumb,
body[data-user-renk] .offcanvas-body::-webkit-scrollbar-thumb,
body[data-user-renk] .modal-body::-webkit-scrollbar-thumb{
    background: linear-gradient(
        180deg,
        color-mix(in srgb, var(--sys-scrollbar-thumb) 72%, transparent),
        var(--sys-scrollbar-thumb)
    ) !important;
}
body[data-user-renk] .jsgrid-grid-body::-webkit-scrollbar-thumb:hover,
body[data-user-renk] .dataTables_scrollBody::-webkit-scrollbar-thumb:hover,
body[data-user-renk] .table-responsive::-webkit-scrollbar-thumb:hover,
body[data-user-renk] #centerbar::-webkit-scrollbar-thumb:hover,
body[data-user-renk] .offcanvas-body::-webkit-scrollbar-thumb:hover,
body[data-user-renk] .modal-body::-webkit-scrollbar-thumb:hover{
    background: var(--sys-scrollbar-thumb-hover) !important;
}
body[data-user-renk] .jsgrid-grid-body::-webkit-scrollbar-track,
body[data-user-renk] .dataTables_scrollBody::-webkit-scrollbar-track,
body[data-user-renk] .table-responsive::-webkit-scrollbar-track,
body[data-user-renk] #centerbar::-webkit-scrollbar-track,
body[data-user-renk] .offcanvas-body::-webkit-scrollbar-track,
body[data-user-renk] .modal-body::-webkit-scrollbar-track{
    background: var(--sys-scrollbar-track) !important;
}
body[data-user-renk] #cs_menu_ic,
body[data-user-renk] .filtli-body,
body[data-user-renk] #topbar.nav-sidebar,
body[data-user-renk] #solmenuic,
body[data-user-renk] #aciklama,
body[data-user-renk] .anasayfa-tam .anasayfa-ana-sekme .tabsb600{
    scrollbar-color: var(--sys-scrollbar-thumb) var(--sys-scrollbar-track);
}
body[data-user-renk] .anasayfa-tam .anasayfa-ana-sekme .tabsb600::-webkit-scrollbar-thumb{
    background: var(--sys-scrollbar-thumb) !important;
    border-radius: 99px !important;
}
body[data-user-renk] .anasayfa-tam .anasayfa-ana-sekme .tabsb600::-webkit-scrollbar-thumb:hover{
    background: var(--sys-scrollbar-thumb-hover) !important;
}
body[data-user-renk] #aciklama::-webkit-scrollbar-thumb{
    background: var(--sys-scrollbar-thumb) !important;
}
body[data-user-renk] #aciklama::-webkit-scrollbar-thumb:hover{
    background: var(--sys-scrollbar-thumb-hover) !important;
}
body[data-user-renk] .tbl-caption .input-group::-webkit-scrollbar-thumb,
body[data-user-renk] .tbl-caption .input-group.input-success::-webkit-scrollbar-thumb{
    background: var(--sys-scrollbar-thumb) !important;
}
body[data-user-renk] .tbl-caption .input-group::-webkit-scrollbar-thumb:hover,
body[data-user-renk] .tbl-caption .input-group.input-success::-webkit-scrollbar-thumb:hover{
    background: var(--sys-scrollbar-thumb-hover) !important;
}
body[data-user-renk] .tbl-caption .input-group::-webkit-scrollbar-track,
body[data-user-renk] .tbl-caption .input-group.input-success::-webkit-scrollbar-track{
    background: var(--sys-scrollbar-track) !important;
}

/* ============================================================
 * BONCUK MODERNLESME KATMANI - CSS ONLY
 * Ortak token, yuzey, form, tablo, modal ve mobil polish.
 * ============================================================ */
:root{
    --primary: var(--sys-accent, #4986c4);
    --sys-radius-xs: 8px;
    --sys-radius-sm: 10px;
    --sys-radius-md: 14px;
    --sys-radius-lg: 18px;
    --sys-radius-xl: 24px;
    --sys-radius-pill: 999px;
    --sys-space-1: 4px;
    --sys-space-2: 8px;
    --sys-space-3: 12px;
    --sys-space-4: 16px;
    --sys-space-5: 20px;
    --sys-space-6: 24px;
    --sys-dur-fast: 120ms;
    --sys-dur: 180ms;
    --sys-dur-slow: 280ms;
    --sys-ease: cubic-bezier(.2,.8,.2,1);
    --sys-transition-fast: 120ms cubic-bezier(.2,.8,.2,1);
    --sys-transition-normal: 180ms cubic-bezier(.2,.8,.2,1);
    --sys-transition-slow: 280ms cubic-bezier(.32,.72,0,1);
    --sys-shadow-xs: 0 1px 2px rgba(15,23,42,.06);
    --sys-shadow-sm: 0 4px 14px rgba(15,23,42,.08);
    --sys-shadow-md: 0 12px 34px rgba(15,23,42,.13);
    --sys-shadow-lg: 0 24px 72px rgba(15,23,42,.18);
    --sys-focus-ring: 0 0 0 3px rgba(var(--sys-accent-rgb, 99,102,241), .18);
    --sys-success: #2eb085;
    --sys-warning: #e6b81f;
    --sys-danger: #e0533f;
    --sys-info: var(--sys-accent, #4986c4);
    /* Nav mantıksal renkler — ikon sınıfları → tema uyumlu token */
    --nav-c-primary: var(--sys-text-accent);
    --nav-c-success: var(--sys-success);
    --nav-c-success-emphasis: color-mix(in srgb, var(--sys-success) 82%, #0f172a);
    --nav-c-danger: var(--sys-danger);
    --nav-c-danger-emphasis: color-mix(in srgb, var(--sys-danger) 82%, #0f172a);
    --nav-c-warning: var(--sys-warning);
    --nav-c-info: var(--sys-info);
    --nav-c-info-emphasis: color-mix(in srgb, var(--sys-info) 78%, #0f172a);
    --nav-c-secondary: var(--sys-text-muted);
    --nav-c-neutral: var(--sys-text-secondary);
    --nav-c-light: rgba(255, 255, 255, 0.9);
    --nav-c-purple: #9b59b6;
    --nav-c-pink: #e83e8c;
    --nav-c-orange: #e67e22;
    --nav-c-cyan: #0891b2;
    --sys-z-base: 1030;
    --sys-z-modal: 1055;
    --sys-z-modal-nested: 1065;
    --sys-z-toast: 10600;
}

body[data-theme-version="light"],
body:not([data-theme-version="dark"]){
    --sys-surface: rgba(255,255,255,.94);
    --sys-surface-raised: rgba(248,250,252,.98);
    --sys-surface-1: rgba(255,255,255,.94);
    --sys-surface-2: rgba(248,250,252,.9);
    --sys-surface-3: rgba(241,245,249,.86);
    --sys-surface-solid: #ffffff;
    --sys-border: rgba(15,23,42,.12);
    --sys-border-soft: rgba(15,23,42,.08);
    --sys-border-mid: rgba(15,23,42,.14);
    --sys-text-primary: #0f172a;
    --sys-text-secondary: #334155;
    --sys-text-muted: #64748b;
    --sys-text-main: #172033;
    --sys-text-muted2: #64748b;
    --sys-backdrop-soft: rgba(15,23,42,.22);
}

body[data-theme-version="dark"],
body:not([data-theme-version="light"]){
    --nav-c-success: #5fd6ac;
    --nav-c-success-emphasis: #82e2c0;
    --nav-c-danger: #f08068;
    --nav-c-danger-emphasis: #f5a090;
    --nav-c-warning: #f0d048;
    --nav-c-info-emphasis: color-mix(in srgb, var(--sys-info) 65%, #fff);
    --nav-c-purple: #c084fc;
    --nav-c-pink: #f472b6;
    --nav-c-orange: #fb923c;
    --nav-c-cyan: #22d3ee;
    --sys-surface: rgba(15,23,42,.92);
    --sys-surface-raised: rgba(30,41,59,.96);
    --sys-surface-1: rgba(15,23,42,.92);
    --sys-surface-2: rgba(30,41,59,.82);
    --sys-surface-3: rgba(51,65,85,.74);
    --sys-surface-solid: #111827;
    --sys-border: rgba(255,255,255,.14);
    --sys-border-soft: rgba(255,255,255,.09);
    --sys-border-mid: rgba(255,255,255,.16);
    --sys-text-primary: #f1f5f9;
    --sys-text-secondary: #cbd5e1;
    --sys-text-muted: #94a3b8;
    --sys-text-main: rgba(255,255,255,.92);
    --sys-text-muted2: rgba(226,232,240,.66);
    --sys-backdrop-soft: rgba(2,6,23,.56);
}

body[data-user-renk] .card,
body[data-user-renk] .dropdown-menu,
body[data-user-renk] .modal-content,
body[data-user-renk] .offcanvas,
body[data-user-renk] .filtli,
body[data-user-renk] #aciklama{
    border-color: var(--sys-border-soft) !important;
    box-shadow: var(--sys-shadow-sm);
}

body[data-user-renk] .card,
body[data-user-renk] .modal-content,
body[data-user-renk] .offcanvas{
    background: var(--sys-surface-1);
    color: var(--sys-text-main);
}

body[data-user-renk] .card:hover{
    box-shadow: var(--sys-shadow-md);
    transition: box-shadow var(--sys-dur) var(--sys-ease), transform var(--sys-dur) var(--sys-ease), border-color var(--sys-dur) var(--sys-ease);
}

body[data-user-renk] :focus-visible{
    outline: 0 !important;
    box-shadow: var(--sys-focus-ring) !important;
}

body[data-user-renk] a,
body[data-user-renk] button,
body[data-user-renk] .btn,
body[data-user-renk] .xe00,
body[data-user-renk] .form-control,
body[data-user-renk] input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="submit"]):not([type="button"]):not(.d-none),
body[data-user-renk] textarea:not(.d-none),
body[data-user-renk] select:not(.d-none),
body[data-user-renk] .dropdown-item,
body[data-user-renk] .nav-link{
    transition:
        color var(--sys-dur-fast) var(--sys-ease),
        background-color var(--sys-dur-fast) var(--sys-ease),
        border-color var(--sys-dur-fast) var(--sys-ease),
        box-shadow var(--sys-dur-fast) var(--sys-ease),
        transform var(--sys-dur-fast) var(--sys-ease);
}

/* Form modernizasyonu */
body[data-user-renk] .form-control,
body[data-user-renk] .form-select,
body[data-user-renk] select:not(.d-none),
body[data-user-renk] textarea.form-control,
body[data-user-renk] input[type="text"],
body[data-user-renk] input[type="search"],
body[data-user-renk] input[type="email"],
body[data-user-renk] input[type="tel"],
body[data-user-renk] input[type="password"],
body[data-user-renk] input[type="number"],
body[data-user-renk] input[type="date"],
body[data-user-renk] input[type="datetime-local"],
body[data-user-renk] input[type="time"],
body[data-user-renk] input[type="month"],
body[data-user-renk] input[type="week"],
body[data-user-renk] input[type="url"],
body[data-user-renk] .xe00.frtik{
    border-radius: var(--sys-radius-sm) !important;
    border-color: var(--sys-border-soft) !important;
    background-color: var(--sys-surface-2) !important;
    color: var(--sys-text-main) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.04), var(--sys-shadow-xs) !important;
}

body[data-user-renk] input[type="text"],
body[data-user-renk] input[type="search"],
body[data-user-renk] input[type="email"],
body[data-user-renk] input[type="tel"],
body[data-user-renk] input[type="password"],
body[data-user-renk] textarea.form-control{
    text-align: left !important;
}

body[data-user-renk] .numm,
body[data-user-renk] input[type="number"],
body[data-user-renk] .text-end input,
body[data-user-renk] input.text-end{
    text-align: right !important;
}

body[data-user-renk] .form-control:focus,
body[data-user-renk] .form-select:focus,
body[data-user-renk] select:not(.d-none):focus,
body[data-user-renk] input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="submit"]):not([type="button"]):not(.d-none):focus,
body[data-user-renk] textarea:not(.d-none):focus,
body[data-user-renk] .xe00.frtik:focus,
body[data-user-renk] .xe00.brd_mavi,
body[data-user-renk] .xe00.brd_mavi2{
    border-color: var(--sys-accent) !important;
    box-shadow: var(--sys-focus-ring), var(--sys-shadow-xs) !important;
}

body[data-user-renk] .form-control:disabled,
body[data-user-renk] .form-control[readonly],
body[data-user-renk] input:disabled,
body[data-user-renk] textarea:disabled,
body[data-user-renk] select:disabled,
body[data-user-renk] .xe00[disabled]{
    background:
        linear-gradient(135deg, transparent 0 47%, rgba(148,163,184,.08) 47% 53%, transparent 53% 100%),
        var(--sys-surface-3) !important;
    color: var(--sys-text-muted2) !important;
    cursor: not-allowed;
}

body[data-user-renk] label,
body[data-user-renk] .form-label{
    color: var(--sys-text-muted2);
    font-size: .78rem;
    font-weight: 650;
    letter-spacing: .01em;
}

body[data-user-renk] .input-group{
    border-radius: var(--sys-radius-md);
}

body[data-user-renk] .input-group > .btn{
    border-radius: var(--sys-radius-sm) !important;
}

/* Tablo modernizasyonu */
body[data-user-renk] .table-responsive,
body[data-user-renk] .tableFixHead,
body[data-user-renk] .anatablo_divi{
    border-radius: var(--sys-radius-md);
    border: 1px solid var(--sys-border-soft);
    background: var(--sys-surface-1);
    box-shadow: var(--sys-shadow-xs);
}

body[data-user-renk] table.table,
body[data-user-renk] .table{
    border-collapse: separate !important;
    border-spacing: 0 !important;
}

body[data-user-renk] .table thead th:not(.date-header),
body[data-user-renk] .tableFixHead thead th:not(.date-header){
    position: sticky;
    top: 0;
    z-index: 2;
    background: color-mix(in srgb, var(--sys-surface-solid) 84%, var(--sys-accent) 16%) !important;
    color: var(--sys-text-main) !important;
    font-weight: 750 !important;
    letter-spacing: .01em;
    border-bottom: 1px solid var(--sys-border-mid) !important;
    backdrop-filter: blur(12px) saturate(140%);
    -webkit-backdrop-filter: blur(12px) saturate(140%);
}

/* Puantaj gün başlığı — onay durumu (tema + centerbar sticky kuralının üstünde) */
body[data-user-renk] #centerbar .punt-giris-container .tableFixHead .personnel-table thead th.date-header[class*="punt-gun-onay"],
body[data-user-renk] #centerbar .punt-giris-container .personnel-table thead th.date-header[class*="punt-gun-onay"],
body[data-user-renk] .punt-giris-container .tableFixHead .personnel-table thead th.date-header[class*="punt-gun-onay"],
body[data-user-renk] .punt-giris-container .personnel-table thead th.date-header[class*="punt-gun-onay"],
#centerbar .punt-giris-container .tableFixHead .personnel-table thead th.date-header[class*="punt-gun-onay"],
#centerbar .punt-giris-container .personnel-table thead th.date-header[class*="punt-gun-onay"]{
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    font-weight: 600 !important;
    letter-spacing: 0.02em;
}
body[data-user-renk] #centerbar .punt-giris-container .personnel-table thead th.date-header.punt-gun-onay-yok,
#centerbar .punt-giris-container .personnel-table thead th.date-header.punt-gun-onay-yok,
body[data-user-renk] .punt-giris-container .personnel-table thead th.date-header.punt-gun-onay-yok{
    background: var(--punt-surface) !important;
    color: var(--sys-text-muted) !important;
    border-top: none !important;
}
body[data-user-renk] #centerbar .punt-giris-container .personnel-table thead th.date-header.punt-gun-onay-bekliyor,
#centerbar .punt-giris-container .personnel-table thead th.date-header.punt-gun-onay-bekliyor,
body[data-user-renk] .punt-giris-container .personnel-table thead th.date-header.punt-gun-onay-bekliyor{
    background: color-mix(in srgb, var(--sys-warning) 24%, var(--punt-surface)) !important;
    border-top: 3px solid var(--sys-warning) !important;
    color: color-mix(in srgb, var(--sys-warning) 68%, var(--sys-text-primary)) !important;
}
body[data-user-renk] #centerbar .punt-giris-container .personnel-table thead th.date-header.punt-gun-onayli,
#centerbar .punt-giris-container .personnel-table thead th.date-header.punt-gun-onayli,
body[data-user-renk] .punt-giris-container .personnel-table thead th.date-header.punt-gun-onayli{
    background: color-mix(in srgb, var(--sys-success) 28%, var(--punt-surface)) !important;
    border-top: 3px solid var(--sys-success) !important;
    color: color-mix(in srgb, var(--sys-success) 58%, var(--sys-text-primary)) !important;
}
body[data-user-renk] #centerbar .punt-giris-container .personnel-table thead th.date-header.punt-gun-onay-bozuldu,
#centerbar .punt-giris-container .personnel-table thead th.date-header.punt-gun-onay-bozuldu,
body[data-user-renk] .punt-giris-container .personnel-table thead th.date-header.punt-gun-onay-bozuldu{
    background: color-mix(in srgb, var(--sys-warning) 26%, var(--punt-surface)) !important;
    border-top: 3px solid color-mix(in srgb, var(--sys-warning) 82%, #c2410c) !important;
    color: color-mix(in srgb, var(--sys-warning) 62%, var(--sys-text-primary)) !important;
}
body[data-user-renk] #centerbar .punt-giris-container .personnel-table thead th.date-header.punt-gun-onay-ret,
#centerbar .punt-giris-container .personnel-table thead th.date-header.punt-gun-onay-ret,
body[data-user-renk] .punt-giris-container .personnel-table thead th.date-header.punt-gun-onay-ret{
    background: color-mix(in srgb, var(--sys-danger) 22%, var(--punt-surface)) !important;
    border-top: 3px solid var(--sys-danger) !important;
    color: color-mix(in srgb, var(--sys-danger) 60%, var(--sys-text-primary)) !important;
}
body[data-user-renk] #centerbar .punt-giris-container .personnel-table thead th.date-header.is-bugun,
#centerbar .punt-giris-container .personnel-table thead th.date-header.is-bugun,
body[data-user-renk] .punt-giris-container .personnel-table thead th.date-header.is-bugun{
    box-shadow: inset 0 -3px 0 var(--punt-accent, var(--sys-accent)) !important;
}
body[data-user-renk][data-theme-version="dark"] #centerbar .punt-giris-container .personnel-table thead th.date-header.punt-gun-onay-yok,
body[data-user-renk][data-theme-version="dark"] .punt-giris-container .personnel-table thead th.date-header.punt-gun-onay-yok{
    color: #94a3b8 !important;
}
body[data-user-renk][data-theme-version="dark"] #centerbar .punt-giris-container .personnel-table thead th.date-header.punt-gun-onay-bekliyor,
body[data-user-renk][data-theme-version="dark"] .punt-giris-container .personnel-table thead th.date-header.punt-gun-onay-bekliyor{
    background: color-mix(in srgb, var(--sys-warning) 32%, #1e293b) !important;
    color: color-mix(in srgb, var(--sys-warning) 72%, #f1f5f9) !important;
}
body[data-user-renk][data-theme-version="dark"] #centerbar .punt-giris-container .personnel-table thead th.date-header.punt-gun-onayli,
body[data-user-renk][data-theme-version="dark"] .punt-giris-container .personnel-table thead th.date-header.punt-gun-onayli{
    background: color-mix(in srgb, var(--sys-success) 34%, #1e293b) !important;
    color: color-mix(in srgb, var(--sys-success) 68%, #f1f5f9) !important;
}
body[data-user-renk][data-theme-version="dark"] #centerbar .punt-giris-container .personnel-table thead th.date-header.punt-gun-onay-bozuldu,
body[data-user-renk][data-theme-version="dark"] .punt-giris-container .personnel-table thead th.date-header.punt-gun-onay-bozuldu{
    background: color-mix(in srgb, var(--sys-warning) 34%, #1e293b) !important;
    color: color-mix(in srgb, var(--sys-warning) 72%, #f1f5f9) !important;
}
body[data-user-renk][data-theme-version="dark"] #centerbar .punt-giris-container .personnel-table thead th.date-header.punt-gun-onay-ret,
body[data-user-renk][data-theme-version="dark"] .punt-giris-container .personnel-table thead th.date-header.punt-gun-onay-ret{
    background: color-mix(in srgb, var(--sys-danger) 30%, #1e293b) !important;
    color: color-mix(in srgb, var(--sys-danger) 72%, #f1f5f9) !important;
}

body[data-user-renk] .table tbody tr:nth-child(even) > *{
    background-color: color-mix(in srgb, var(--sys-surface-2) 72%, transparent) !important;
}

body[data-user-renk] .table-hover tbody tr:hover > *,
body[data-user-renk] .table tbody tr:hover > *{
    background: var(--sys-accent-soft) !important;
}
/* İç içe detay tablosu: kapsayıcı satır hover'ı collapse alanına yayılmasın */
body[data-user-renk] .table tbody tr:has(> td > .collapse .table):hover > td,
body[data-user-renk] #centerbar .table tbody tr:has(> td > .collapse .table):hover > td{
    background: transparent !important;
    background-color: transparent !important;
}

/* Tablo satır hover: semantik metin renklerini koru (Kalan Sipariş Raporu vb.) */
.table-hover > tbody > tr:hover .text-success,
.table > tbody > tr:hover .text-success,
body[data-user-renk] .table-hover tbody tr:hover .text-success,
body[data-user-renk] .table tbody tr:hover .text-success{
    color: var(--sys-success, var(--bs-success, #198754)) !important;
}
.table-hover > tbody > tr:hover .text-danger,
.table > tbody > tr:hover .text-danger,
body[data-user-renk] .table-hover tbody tr:hover .text-danger,
body[data-user-renk] .table tbody tr:hover .text-danger{
    color: var(--sys-danger, var(--bs-danger, #dc3545)) !important;
}
.table-hover > tbody > tr:hover .text-warning,
.table > tbody > tr:hover .text-warning,
body[data-user-renk] .table-hover tbody tr:hover .text-warning,
body[data-user-renk] .table tbody tr:hover .text-warning{
    color: var(--sys-warning, var(--bs-warning, #ffc107)) !important;
}
.table-hover > tbody > tr:hover .text-info,
.table > tbody > tr:hover .text-info,
body[data-user-renk] .table-hover tbody tr:hover .text-info,
body[data-user-renk] .table tbody tr:hover .text-info{
    color: var(--sys-info, var(--bs-info, #0dcaf0)) !important;
}
.table-hover > tbody > tr:hover .text-primary,
.table > tbody > tr:hover .text-primary,
body[data-user-renk] .table-hover tbody tr:hover .text-primary,
body[data-user-renk] .table tbody tr:hover .text-primary{
    color: var(--sys-text-accent, var(--bs-primary, #0d6efd)) !important;
}
.table-hover > tbody > tr:hover .text-muted,
.table > tbody > tr:hover .text-muted,
body[data-user-renk] .table-hover tbody tr:hover .text-muted,
body[data-user-renk] .table tbody tr:hover .text-muted{
    color: var(--sys-text-muted, var(--bs-secondary-color, #6c757d)) !important;
}

body[data-user-renk] .table-density-compact td,
body[data-user-renk] .table-density-compact th{
    padding-top: .28rem !important;
    padding-bottom: .28rem !important;
}

body[data-user-renk] .table-density-comfortable td,
body[data-user-renk] .table-density-comfortable th{
    padding-top: .78rem !important;
    padding-bottom: .78rem !important;
}

body[data-user-renk] .table-responsive::after{
    content: "";
    position: sticky;
    right: 0;
    top: 0;
    bottom: 0;
    display: block;
    width: 20px;
    height: 1px;
    float: right;
    pointer-events: none;
    background: linear-gradient(90deg, transparent, rgba(15,23,42,.1));
}

/* Filtre, toolbar ve bos durumlar */
body[data-user-renk] .tbl-caption,
body[data-user-renk] .card-header{
    background:
        linear-gradient(135deg, var(--sys-accent-soft), transparent),
        var(--sys-surface-1) !important;
    border-color: var(--sys-border-soft) !important;
}

body[data-user-renk] .tbl-caption:has(input:focus),
body[data-user-renk] .filtli:has(input:focus){
    box-shadow: var(--sys-focus-ring), var(--sys-shadow-md) !important;
}

body[data-user-renk] .dropdown-item-text.text-muted,
body[data-user-renk] .text-muted:only-child{
    color: var(--sys-text-muted2) !important;
}

body[data-user-renk] .empty-state,
body[data-user-renk] .dropdown-item-text.text-muted{
    border-radius: var(--sys-radius-md);
    background: var(--sys-surface-2);
}

/* Butonlar, chipler ve sayfalama */
body[data-user-renk] .btn{
    border-radius: var(--sys-radius-pill);
    font-weight: 650;
}

body[data-user-renk] .btn:not(.btn-link):not(.btn-close):hover{
    transform: translateY(-1px);
    box-shadow: var(--sys-shadow-sm);
}

body[data-user-renk] .page-link{
    border-radius: var(--sys-radius-pill) !important;
    margin: 0 2px;
    border-color: var(--sys-border-soft) !important;
    color: var(--sys-text-accent) !important;
}

body[data-user-renk] .page-item.active .page-link,
body[data-user-renk] .page-link:hover{
    background: var(--sys-accent) !important;
    color: var(--sys-on-accent, #fff) !important;
    border-color: var(--sys-accent) !important;
}

body[data-user-renk] .badge,
body[data-user-renk] .nav-pills .nav-link,
body[data-user-renk] .nav-tabs .nav-link{
    border-radius: var(--sys-radius-pill);
}

/* Modal ve offcanvas standartlari */
body[data-user-renk] .modal-backdrop.show,
body[data-user-renk] .offcanvas-backdrop.show,
body[data-user-renk] #modal_k.modal-backdrop,
body[data-user-renk] #modal_k2.modal-backdrop,
body[data-user-renk] #modal_k3.modal-backdrop{
    opacity: 1 !important;
    background: var(--sys-backdrop-soft) !important;
    backdrop-filter: blur(10px) saturate(130%);
    -webkit-backdrop-filter: blur(10px) saturate(130%);
}

body[data-user-renk] .modal-content{
    border-radius: var(--sys-radius-xl) !important;
    overflow: hidden;
}

body[data-user-renk] .modal-header,
body[data-user-renk] .offcanvas-header{
    background:
        linear-gradient(135deg, var(--sys-accent-soft), transparent),
        var(--sys-surface-1) !important;
    border-color: var(--sys-border-soft) !important;
}

body[data-user-renk] .modal-title,
body[data-user-renk] .offcanvas-title{
    font-weight: 760;
    letter-spacing: -.01em;
}

body[data-user-renk] .modal-footer,
body[data-user-renk] .offcanvas-footer{
    background: var(--sys-surface-2);
    border-color: var(--sys-border-soft) !important;
}

@media (max-width: 768px){
    body[data-user-renk] .modal-dialog:not(.modal-fullscreen):not(.sevk-evr-tpl-dialog){
        margin: 10px !important;
        max-width: calc(100% - 20px) !important;
    }
    body[data-user-renk] .sevk-evr-tpl-modal .sevk-evr-tpl-dialog {
        margin: 0 !important;
        max-width: 100vw !important;
        width: 100vw !important;
    }
    body[data-user-renk] .modal-footer{
        gap: 10px;
    }
    body[data-user-renk] .modal-footer .btn{
        flex: 1 1 0;
        min-height: 44px;
    }
    body[data-user-renk] .offcanvas.show{
        border-radius: 18px 18px 0 0;
    }
}

/* Selectcs native benzeri polish */
#cs_menu.cs-menu-mobile[style*="visibility: visible"]::after{
    content: "";
    position: absolute;
    top: 7px;
    left: 50%;
    width: 42px;
    height: 4px;
    border-radius: var(--sys-radius-pill);
    transform: translateX(-50%);
    background: rgba(148,163,184,.55);
    pointer-events: none;
}

#cs_menu.cs-menu-mobile #cs_menu_ara{
    padding-top: 18px !important;
    position: sticky;
    top: 0;
    z-index: 2;
    background: inherit;
    pointer-events: auto;
}
#cs_menu.cs-menu-mobile #cs_menu_ara_ic{
    pointer-events: auto;
    touch-action: manipulation;
}

#cs_menu.cs-menu-mobile .cs_menu_item.secili::after,
#cs_menu.cs-menu-mobile .cs_menu_item.isaretli::after{
    content: "\f00c";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    margin-left: auto;
    color: var(--sys-accent);
}

#cs_menu.cs-menu-mobile .cs_menu_item #cs_menu_item_ic{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Sol menu, drawer ve hareket */
#solmenu.solmenu-mobile-sheet.open{
    box-shadow: var(--sys-shadow-lg) !important;
}

#solmenu.solmenu-mobile-sheet.open::before{
    content: "";
    display: block;
    width: 44px;
    height: 4px;
    border-radius: var(--sys-radius-pill);
    background: rgba(148,163,184,.55);
    margin: 0 auto 10px;
    flex: 0 0 auto;
}

#solmenuic > .item,
#solmenuic .alt-menu .item{
    border-radius: var(--sys-radius-sm);
}

#solmenuic .alt-menu.solmenu-alt-open{
    animation: boncukSubmenuIn var(--sys-dur-slow) var(--sys-ease);
}

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

/* === BONCUK TOAST (msj) — modern bildirim sistemi === */
.nice-toast-wrapper{
    gap: 10px !important;
    z-index: 10600 !important;
    color: inherit !important;
}

.nice-toast.boncuk-toast{
    display: block !important;
    position: relative !important;
    min-height: 0 !important;
    min-width: 300px !important;
    max-width: 420px !important;
    width: auto !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
    border-radius: var(--sys-radius-lg) !important;
    border: 1px solid var(--sys-border-soft) !important;
    background: var(--sys-surface-1) !important;
    color: var(--chrome-panel-fg, #0f172a) !important;
    box-shadow: var(--sys-shadow-md) !important;
    backdrop-filter: blur(18px) saturate(150%);
    -webkit-backdrop-filter: blur(18px) saturate(150%);
    overflow: hidden;
    transform: none !important;
}

.boncuk-toast-govde{
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 14px 14px 14px 16px;
}

.boncuk-toast-ikon-kutu{
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    border-radius: 11px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--sys-accent-soft, rgba(99,102,241,.1));
    border: 1px solid color-mix(in srgb, var(--sys-accent, #6366f1) 18%, transparent);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.35);
}

.boncuk-toast-ikon-kutu .nice-toast-icon{
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    font-size: 1rem !important;
    line-height: 1 !important;
    color: var(--sys-text-accent, var(--sys-accent, #6366f1)) !important;
}

.boncuk-toast-icerik,
.nice-toast.boncuk-toast .nice-toast-content{
    flex: 1 1 auto;
    min-width: 0;
    margin: 0 !important;
    padding: 2px 0 0 !important;
    line-height: 1.45 !important;
    font-size: 0.9375rem !important;
    font-weight: 500 !important;
    color: var(--chrome-panel-fg, #0f172a) !important;
    letter-spacing: -0.01em;
    -webkit-user-select: text;
    user-select: text;
}

.boncuk-toast-kapat{
    flex-shrink: 0;
    width: 30px;
    height: 30px;
    margin: 0;
    padding: 0;
    border: 1px solid var(--sys-border-soft) !important;
    border-radius: 9px !important;
    background: var(--sys-surface-2) !important;
    color: var(--chrome-panel-fg-muted, #64748b) !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    opacity: 1 !important;
    transition: background .15s ease, color .15s ease, border-color .15s ease, transform .12s ease;
}

.boncuk-toast-kapat:hover{
    background: var(--sys-accent-soft) !important;
    border-color: color-mix(in srgb, var(--sys-accent) 24%, transparent) !important;
    color: var(--sys-text-accent) !important;
    transform: scale(1.04);
}

.boncuk-toast-kapat i{
    font-size: .75rem;
    line-height: 1;
}

.boncuk-toast-progress,
.nice-toast.boncuk-toast .nice-toast-progress{
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 3px !important;
    margin: 0 !important;
    border-radius: 0 !important;
    background: color-mix(in srgb, var(--sys-accent, #6366f1) 22%, transparent) !important;
    opacity: 1 !important;
    transform-origin: left center !important;
}

.boncuk-toast--ok .boncuk-toast-ikon-kutu{
    background: rgba(16,185,129,.12);
    border-color: rgba(16,185,129,.24);
}
.boncuk-toast--ok .boncuk-toast-ikon-kutu .nice-toast-icon{ color: #059669 !important; }
.boncuk-toast--ok .boncuk-toast-progress{ background: rgba(16,185,129,.55) !important; }

.boncuk-toast--bilgi .boncuk-toast-ikon-kutu{
    background: rgba(59,130,246,.12);
    border-color: rgba(59,130,246,.22);
}
.boncuk-toast--bilgi .boncuk-toast-ikon-kutu .nice-toast-icon{ color: #2563eb !important; }
.boncuk-toast--bilgi .boncuk-toast-progress{ background: rgba(59,130,246,.5) !important; }

.boncuk-toast--uyari .boncuk-toast-ikon-kutu{
    background: rgba(245,158,11,.14);
    border-color: rgba(245,158,11,.28);
}
.boncuk-toast--uyari .boncuk-toast-ikon-kutu .nice-toast-icon{ color: #d97706 !important; }
.boncuk-toast--uyari .boncuk-toast-progress{ background: rgba(245,158,11,.58) !important; }

.boncuk-toast--hata .boncuk-toast-ikon-kutu{
    background: rgba(239,68,68,.12);
    border-color: rgba(239,68,68,.24);
}
.boncuk-toast--hata .boncuk-toast-ikon-kutu .nice-toast-icon{ color: #dc2626 !important; }
.boncuk-toast--hata .boncuk-toast-progress{ background: rgba(239,68,68,.55) !important; }

.nice-toast-info,
.nice-toast-success,
.nice-toast-warning,
.nice-toast-error{
    background: var(--sys-surface-1) !important;
}

.nice-toast.boncuk-toast:hover .boncuk-toast-progress{
    animation-play-state: paused !important;
}

.nice-toast-bounce-enter-active.boncuk-toast{
    animation: boncukToastIn .38s cubic-bezier(.22,1,.36,1) forwards !important;
}

.boncuk-toast.boncuk-toast-cikis{
    animation: boncukToastOut .28s cubic-bezier(.4,0,1,1) forwards !important;
}

@keyframes boncukToastIn{
    from{ opacity:0; transform:translateY(10px) scale(.97); }
    to{ opacity:1; transform:translateY(0) scale(1); }
}

@keyframes boncukToastOut{
    from{ opacity:1; transform:translateY(0) scale(1); }
    to{ opacity:0; transform:translateY(8px) scale(.97); }
}

.bottom-right .nice-toast-bounce-enter-active.boncuk-toast,
.bottom-center .nice-toast-bounce-enter-active.boncuk-toast,
.bottom-left .nice-toast-bounce-enter-active.boncuk-toast{
    animation-name: boncukToastInUp !important;
}

.bottom-right .boncuk-toast.boncuk-toast-cikis,
.bottom-center .boncuk-toast.boncuk-toast-cikis,
.bottom-left .boncuk-toast.boncuk-toast-cikis{
    animation-name: boncukToastOutDown !important;
}

@keyframes boncukToastInUp{
    from{ opacity:0; transform:translateY(-10px) scale(.97); }
    to{ opacity:1; transform:translateY(0) scale(1); }
}

@keyframes boncukToastOutDown{
    from{ opacity:1; transform:translateY(0) scale(1); }
    to{ opacity:0; transform:translateY(-8px) scale(.97); }
}

body[data-theme-version="dark"] .nice-toast.boncuk-toast{
    background: var(--sys-surface-1) !important;
    border-color: var(--sys-border-soft) !important;
    box-shadow: 0 16px 40px rgba(0,0,0,.34), 0 0 0 1px rgba(255,255,255,.04) !important;
}

body[data-theme-version="dark"] .boncuk-toast-icerik,
body[data-theme-version="dark"] .nice-toast.boncuk-toast .nice-toast-content{
    color: #e2e8f0 !important;
}

body[data-theme-version="dark"] .boncuk-toast-kapat{
    background: rgba(255,255,255,.06) !important;
    border-color: rgba(255,255,255,.1) !important;
    color: #94a3b8 !important;
}

body[data-theme-version="dark"] .boncuk-toast-kapat:hover{
    background: var(--sys-accent-soft) !important;
    color: var(--sys-text-accent) !important;
}

#bildirim_modal #bildirimler.bildirim-liste li.bildirim-okunmadi::before,
.bildirim-modal #bildirimler.bildirim-liste li.bildirim-okunmadi::before{
    content: "Yeni";
    float: right;
    margin-left: 8px;
    padding: 2px 8px;
    border-radius: var(--sys-radius-pill);
    background: rgba(249,115,22,.14);
    color: #f97316;
    font-size: .68rem;
    font-weight: 800;
}

/* Skeleton loading */
.skeleton,
.skeleton-line,
.skeleton-card{
    position: relative;
    overflow: hidden;
    color: transparent !important;
    background: linear-gradient(90deg, var(--sys-surface-2), var(--sys-surface-3), var(--sys-surface-2)) !important;
    background-size: 220% 100% !important;
    animation: boncukSkeleton 1.25s linear infinite;
    border-radius: var(--sys-radius-sm);
}

.skeleton-line{min-height: 12px;}
.skeleton-card{min-height: 96px; border-radius: var(--sys-radius-lg);}

@keyframes boncukSkeleton{
    from{background-position: 220% 0}
    to{background-position: -220% 0}
}

/* Modern scrollbar standardi */
body[data-user-renk] *{
    scrollbar-width: thin;
}

body[data-user-renk] *::-webkit-scrollbar{
    width: 10px;
    height: 10px;
}

body[data-user-renk] *::-webkit-scrollbar-thumb{
    border-radius: var(--sys-radius-pill);
    border: 3px solid transparent;
    background-clip: padding-box !important;
}

body[data-user-renk] *::-webkit-scrollbar-corner{
    background: transparent;
}

/* Hareket ve erisilebilirlik */
@media (prefers-reduced-motion: reduce){
    *,
    *::before,
    *::after{
        animation-duration: .001ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
        transition-duration: .001ms !important;
    }
}

/* ============================================================
 * TEMA ENTEGRASYONU — Kabuk, bileşen utility, mikro dokunuşlar
 * Plan maddeleri 21–125, 147–148
 * ============================================================ */

/* --- Kabuk (Shell) --- */
#topbar-container.topbar-mode-top{
    box-shadow: 0 2px 16px rgba(15,23,42,.10), 0 1px 0 var(--sys-border-soft) !important;
    backdrop-filter: blur(12px) saturate(150%) !important;
    -webkit-backdrop-filter: blur(12px) saturate(150%) !important;
}
#bottombar{
    height: var(--bottombar-h, 36px) !important;
    min-height: var(--bottombar-h, 36px) !important;
    padding: 0 var(--sys-space-3) !important;
    align-items: center !important;
    transition: width var(--sys-transition-slow), margin var(--sys-transition-slow) !important;
}
#centerbar-scroll::-webkit-scrollbar-thumb{
    background: var(--sys-accent-soft) !important;
    border-radius: var(--sys-radius-pill) !important;
}
#centerbar-scroll::-webkit-scrollbar-thumb:hover{
    background: var(--sys-accent-mid) !important;
}
#topbar-mobile-toggle:hover{
    transform: scale(1.05);
    transition: transform var(--sys-transition-fast);
}
#topbar.nav-sidebar{
    transition: width .28s cubic-bezier(0.32,0.72,0,1), min-width .28s cubic-bezier(0.32,0.72,0,1) !important;
}
#anabar #centerbar{
    transition: margin-left var(--sys-transition-slow), width var(--sys-transition-slow) !important;
}
#bottombar-ship-wrap svg,
#bottombar-ship-wrap .ship-icon{
    color: var(--sys-accent) !important;
    fill: var(--sys-accent) !important;
}
.boncuk-profil-menu,
.boncuk-profil-menu.show{
    border-radius: var(--sys-radius-md) !important;
    box-shadow: var(--sys-shadow-md) !important;
}
#topbarRenkSwitch .topbar-renk-btn.active{
    animation: boncukRenkRing 1.8s ease infinite;
    box-shadow: 0 0 0 2px var(--sys-accent), 0 0 0 4px var(--sys-accent-soft) !important;
}
@keyframes boncukRenkRing{
    0%,100%{ box-shadow: 0 0 0 2px var(--sys-accent), 0 0 0 4px var(--sys-accent-soft); }
    50%{ box-shadow: 0 0 0 2px var(--sys-accent), 0 0 0 7px transparent; }
}
.boncuk-tema-switch .form-check-input{
    transition: background-color var(--sys-transition-normal), transform var(--sys-transition-fast) !important;
}
.boncuk-tema-switch .form-check-input:checked{
    transform: translateX(2px);
}
#offline-banner,
.offline-banner{
    background: var(--sys-surface-1) !important;
    border: 1px solid var(--sys-border-accent) !important;
    border-left: 4px solid var(--sys-accent) !important;
    border-radius: var(--sys-radius-md) !important;
    box-shadow: var(--sys-shadow-sm) !important;
    color: var(--sys-text-main) !important;
}
#yukleme-cubugu,
#dis_progres #ic_progres{
    background: linear-gradient(90deg, var(--sys-accent), var(--sys-accent-2)) !important;
}
.boncuk-navbar-pending #topbar-container,
.boncuk-navbar-pending #topbar{
    transition: none !important;
    opacity: 1 !important;
}

/* --- Butonlar --- */
body[data-user-renk] .btn{
    transition: all var(--sys-transition-fast) !important;
}
body[data-user-renk] .btn:active:not(:disabled){
    transform: scale(0.97) !important;
}
body[data-user-renk] .btn-sm{
    padding: 5px 12px !important;
}
body[data-user-renk] .btn:disabled,
body[data-user-renk] .btn.disabled{
    opacity: 0.55 !important;
}
body[data-user-renk] .btn-outline-info{
    color: var(--sys-text-accent) !important;
    border-color: var(--sys-border-accent) !important;
}
body[data-user-renk] .btn-outline-info:hover{
    background: var(--sys-accent-soft) !important;
    color: var(--sys-text-accent) !important;
}
body[data-user-renk] .btn-danger:hover{
    box-shadow: 0 4px 14px color-mix(in srgb, var(--sys-danger) 35%, transparent) !important;
}
body[data-user-renk] .btn-success.btn-sent-ok::after{
    content: "\f00c";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    margin-left: 6px;
    animation: boncukCheckPop .3s var(--sys-ease);
}
@keyframes boncukCheckPop{
    from{ opacity:0; transform:scale(.5); }
    to{ opacity:1; transform:scale(1); }
}
.btn-fab{
    width: 56px; height: 56px; border-radius: 50% !important;
    display: inline-flex; align-items: center; justify-content: center;
    box-shadow: var(--sys-shadow-md); padding: 0 !important;
}
.btn-group, .btn-toolbar{ gap: 4px; }
body[data-user-renk] .frtik.active,
body[data-user-renk] .frtik.show{
    border-color: var(--sys-accent) !important;
    box-shadow: var(--sys-focus-ring) !important;
}
body[data-user-renk] .tp-btn-light{
    border-radius: var(--sys-radius-sm) !important;
}
/* Kompakt tıklanabilir etiketler – grid/sayaç kartı (div.col-*) hariç */
body[data-user-renk] a.altdgm2,
body[data-user-renk] span.altdgm2,
body[data-user-renk] .input-group-text.altdgm2,
body[data-user-renk] .tbl-caption .altdgm2{
    display: inline-flex; align-items: center; gap: 6px;
}

/* --- Formlar --- */
body[data-user-renk] .form-control::placeholder,
body[data-user-renk] .form-select::placeholder{
    color: var(--sys-text-muted) !important;
    opacity: 1;
}
body[data-user-renk] .input-group-text{
    background: var(--sys-surface-raised) !important;
    border-color: var(--sys-border-soft) !important;
    color: var(--sys-text-secondary) !important;
}
#cs_menu{
    border-radius: var(--sys-radius-md) !important;
    backdrop-filter: blur(14px) saturate(150%);
    -webkit-backdrop-filter: blur(14px) saturate(150%);
    box-shadow: var(--sys-shadow-lg) !important;
    border: 1px solid var(--sys-border-soft) !important;
}
.cs_menu_item:not(.secili):not(.isaretli):hover{
    background: var(--sys-accent-soft) !important;
}
.cs_menu_item.secili,
.cs_menu_item.isaretli{
    border-left: 3px solid var(--sys-accent) !important;
}
.cs_menu_item.cs-menu-placeholder{
    background: var(--sys-surface-3) !important;
    color: var(--sys-text-muted) !important;
}
.cs_menu_ara_ic:focus-within{
    box-shadow: var(--sys-focus-ring) !important;
    border-color: var(--sys-accent) !important;
}
body[data-user-renk] .form-check-input:checked{
    background-color: var(--sys-accent) !important;
    border-color: var(--sys-accent) !important;
}
body[data-user-renk] textarea.form-control{
    min-height: 80px;
}
body[data-user-renk] .form-label{
    color: var(--sys-text-secondary) !important;
    font-weight: 500 !important;
}
body[data-user-renk] .form-control.is-invalid,
body[data-user-renk] .was-validated .form-control:invalid{
    border-left: 3px solid var(--sys-danger) !important;
    animation: boncukShake .3s ease;
}
@keyframes boncukShake{
    0%,100%{ transform:translateX(0); }
    25%{ transform:translateX(-4px); }
    75%{ transform:translateX(4px); }
}

/* --- Tablolar --- */
body[data-user-renk] .table-responsive,
body[data-user-renk] .active-projects{
    border-radius: var(--sys-radius-md) !important;
    overflow: hidden;
}
body[data-user-renk] .table tbody tr:nth-child(even) > *{
    background-color: var(--sys-surface-tint) !important;
}

/* --- Tablo sıra no rozeti (dsyn): dosya / not / güncelleme --- */
.badge.light.dsyn,
body[data-user-renk] .badge.light.dsyn{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.65rem;
    min-height: 1.65rem;
    padding: 0 0.4rem;
    font-size: 0.72rem;
    font-weight: 600;
    line-height: 1.2;
    border-radius: var(--sys-radius-pill, 999px) !important;
    border: 1px solid transparent !important;
    cursor: pointer;
    transition: transform var(--sys-transition-fast, 0.15s ease), box-shadow var(--sys-transition-fast, 0.15s ease);
}
.badge.dsyn:hover{
    transform: scale(1.04);
}

/* Dosya yok — info tonu */
body[data-user-renk] .badge.dsyn.text-info,
.badge.dsyn.badge-primary.text-info{
    background: color-mix(in srgb, var(--sys-info) 14%, var(--sys-surface-2)) !important;
    color: var(--sys-info) !important;
    border-color: color-mix(in srgb, var(--sys-info) 32%, transparent) !important;
}

/* Not var — warning zemin */
body[data-user-renk] .badge.dsyn.badge-warning,
.badge.dsyn.badge-warning{
    background: color-mix(in srgb, var(--sys-warning) 18%, var(--sys-surface-2)) !important;
    border-color: color-mix(in srgb, var(--sys-warning) 38%, transparent) !important;
}
body[data-user-renk] .badge.dsyn.badge-warning.text-info,
.badge.dsyn.badge-warning.text-info{
    color: color-mix(in srgb, var(--sys-warning) 55%, var(--sys-info)) !important;
}

/* Dosya var — danger vurgu */
body[data-user-renk] .badge.dsyn.text-danger,
.badge.dsyn.text-danger{
    background: color-mix(in srgb, var(--sys-danger) 15%, var(--sys-surface-2)) !important;
    color: var(--sys-danger) !important;
    border-color: color-mix(in srgb, var(--sys-danger) 42%, transparent) !important;
    font-weight: 700 !important;
}
body[data-user-renk] .badge.dsyn.badge-warning.text-danger,
.badge.dsyn.badge-warning.text-danger{
    background: color-mix(in srgb, var(--sys-danger) 12%, color-mix(in srgb, var(--sys-warning) 16%, var(--sys-surface-2))) !important;
    border-color: color-mix(in srgb, var(--sys-danger) 45%, transparent) !important;
}

/* Güncellendi — kırmızı çerçeve */
body[data-user-renk] .badge.dsyn.border-danger,
.badge.dsyn.border-danger{
    border-color: var(--sys-danger) !important;
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--sys-danger) 40%, transparent) inset !important;
}

/* Sadece primary, dosya/not yok (eski davranış) */
body[data-user-renk] .badge.dsyn.badge-primary:not(.text-info):not(.text-danger):not(.border-danger){
    background: var(--sys-accent-soft) !important;
    color: var(--sys-text-accent) !important;
    border-color: var(--sys-border-accent) !important;
}

.text-bakiye-pozitif{ color: var(--sys-success) !important; font-weight: 600; }
.text-bakiye-negatif{ color: var(--sys-danger) !important; font-weight: 600; }
.badge-urgency-overdue{ background: color-mix(in srgb, var(--sys-danger) 93%, #000) !important; color: #fff !important; }
.badge-urgency-today{ background: color-mix(in srgb, var(--sys-warning) 93%, #000) !important; color: #fff !important; }
.badge-urgency-soon{ background: color-mix(in srgb, var(--sys-warning) 75%, #888) !important; color: #fff !important; }
.badge-urgency-week{ background: color-mix(in srgb, var(--sys-success) 85%, #000) !important; color: #fff !important; }
.badge-urgency-normal{ background: color-mix(in srgb, var(--sys-info) 93%, #000) !important; color: #fff !important; }
.table-empty{
    text-align: center; padding: 2rem 1rem;
    color: var(--sys-text-muted);
    background: var(--sys-surface-2);
    border-radius: var(--sys-radius-md);
}
.table-compact td, .table-compact th{
    padding-top: .28rem !important;
    padding-bottom: .28rem !important;
}
body[data-user-renk] .table tfoot tr,
body[data-user-renk] .table .table-total-row > *{
    background: var(--sys-surface-raised) !important;
    font-weight: 700;
    color: var(--sys-text-accent) !important;
}
.table-col-resize:hover{
    border-right: 2px solid var(--sys-accent) !important;
}
.pagination-info, .tbl-caption .text-muted{
    color: var(--sys-text-muted) !important;
}

/* --- Kartlar & sekmeler --- */
body[data-user-renk] .card{
    border: none !important;
    border-radius: var(--sys-radius-md) !important;
}
body[data-user-renk] .card-body:not(.p-0):not(.p-1):not(.p-2):not(.p-3):not(.p-4):not(.p-5){
    padding: clamp(12px, 2vw, 20px) !important;
}
.tabs-transparent,
.nav-tabs.tabs-transparent,
.nav-tabs.dzm-tabs{
    background-color: transparent !important;
}
.nav-item.tabs-transparent-item{
    background-color: transparent !important;
}
body[data-user-renk] .nav-link2.btn-outline-info{
    border-radius: var(--sys-radius-sm) !important;
    white-space: nowrap;
}
body[data-user-renk] .nav-link2.btn-outline-info.active,
body[data-user-renk] .nav-link2.btn-outline-info.show{
    background: var(--sys-accent) !important;
    color: var(--sys-on-accent) !important;
    border-color: var(--sys-accent) !important;
}
.tab-btn-gap{ margin-right: 0.5rem !important; }
.breadcrumb-item + .breadcrumb-item::before{
    color: var(--sys-text-muted) !important;
}
.breadcrumb-item.active{
    color: var(--sys-text-accent) !important;
}
.page-header-bar{
    display: flex; justify-content: space-between; align-items: center;
    flex-wrap: wrap; gap: var(--sys-space-3);
    margin-bottom: var(--sys-space-4);
}
.tabsb600::-webkit-scrollbar-thumb{
    background: var(--sys-accent-soft) !important;
}
.collapse-toggle[aria-expanded="true"] .chevron-icon{
    transform: rotate(180deg);
}
.chevron-icon{
    transition: transform var(--sys-transition-normal);
}
.form-row-grid{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--sys-space-4);
}
@media (max-width: 768px){
    .form-row-grid{ grid-template-columns: 1fr; }
}
.dashboard-grid{
    display: grid;
    gap: 16px;
}

/* --- Modaller & overlay --- */
body[data-user-renk] .modal.fade .modal-dialog{
    transition: transform .25s var(--sys-ease), opacity .25s ease;
    transform: scale(0.95);
}
body[data-user-renk] .modal.show .modal-dialog{
    transform: scale(1);
}
body[data-user-renk] .modal-header{
    border-bottom: 1px solid var(--sys-border) !important;
}
body[data-user-renk] .modal-header .modal-title{
    color: var(--sys-text-accent) !important;
}
body[data-user-renk] .modal-header .btn-close:hover{
    transform: rotate(90deg);
    transition: transform var(--sys-transition-fast);
}
body[data-user-renk] .offcanvas-start,
body[data-user-renk] #canv.offcanvas-start{
    border-radius: 0 var(--sys-radius-lg) var(--sys-radius-lg) 0 !important;
}
body[data-user-renk] .modal-footer{
    display: flex; justify-content: flex-end; gap: 12px;
}
body[data-user-renk] .modal-footer .btn-secondary,
body[data-user-renk] .modal-footer .btn-outline-secondary{
    order: -1;
    margin-right: auto;
}
#ozelHtmlModal{ z-index: var(--sys-z-modal-nested) !important; }
#modal_k{ z-index: var(--sys-z-modal) !important; }
#modal_k2{ z-index: calc(var(--sys-z-modal) + 5) !important; }
#modal_k3{ z-index: calc(var(--sys-z-modal) + 10) !important; }
#filtli.filtli-open{
    animation: boncukSlideDown .28s var(--sys-ease);
}
@keyframes boncukSlideDown{
    from{ opacity:0; transform:translateY(-8px); }
    to{ opacity:1; transform:translateY(0); }
}
#kilitEkrani{
    backdrop-filter: blur(20px) saturate(140%) !important;
    -webkit-backdrop-filter: blur(20px) saturate(140%) !important;
    background: var(--sys-backdrop-soft) !important;
}
.context-menu,
.sagtik-menu{
    border-radius: var(--sys-radius-md) !important;
    box-shadow: var(--sys-shadow-lg) !important;
    animation: boncukFadeIn .2s ease;
}
@keyframes boncukFadeIn{
    from{ opacity:0; transform:scale(.96); }
    to{ opacity:1; transform:scale(1); }
}
#bildirim_modal .list-group-item:hover{
    background: var(--sys-accent-soft) !important;
}

/* --- Tooltip, badge, mikro --- */
.fulmet-popup{
    max-width: 280px !important;
    text-wrap: balance;
}
.badge-status-aktif{ background: var(--sys-success) !important; color: #fff !important; }
.badge-status-pasif{ background: var(--sys-text-muted) !important; color: #fff !important; }
.badge-status-beklemede{ background: var(--sys-warning) !important; color: #1a1a1a !important; }
body[data-user-renk] .badge{
    font-size: 12px !important;
    letter-spacing: 0.02em;
}
.badge-etiket[data-bg]{
    background-color: attr(data-bg color, var(--sys-accent-soft)) !important;
}
span.badge-etiket[style*="background-color"]{
    box-shadow: 0 1px 0 rgba(0,0,0,.08);
}
.notification-count.pulse,
.bildirim-sayac.pulse{
    animation: boncukNotifPulse 1.2s ease infinite;
}
@keyframes boncukNotifPulse{
    0%,100%{ transform:scale(1); }
    50%{ transform:scale(1.15); }
}
.avatar-placeholder{
    background: var(--sys-accent-soft) !important;
    color: var(--sys-text-accent) !important;
    font-weight: 700;
    border-radius: var(--sys-radius-sm);
}
.btn-copy-done::after{
    content: " ✓";
    color: var(--sys-success);
}
.text-datetime{
    color: var(--sys-text-muted) !important;
    font-size: .85em;
}
.badge-file-pdf{ background: #dc2626 !important; color:#fff !important; }
.badge-file-xls{ background: #16a34a !important; color:#fff !important; }
.badge-file-doc{ background: #2563eb !important; color:#fff !important; }
.cursor-grab{ cursor: grab !important; }
.cursor-grabbing{ cursor: grabbing !important; }
.kbd-shortcut{
    font-family: ui-monospace, monospace;
    font-size: .7rem; padding: 2px 6px;
    border-radius: var(--sys-radius-xs);
    background: var(--sys-surface-3);
    border: 1px solid var(--sys-border-soft);
}
.badge-feature-new{
    background: linear-gradient(135deg, var(--sys-accent), var(--sys-accent-2)) !important;
    color: var(--sys-on-accent) !important;
    border-radius: var(--sys-radius-pill) !important;
    font-size: 10px !important;
    font-weight: 700;
}

/* --- Utility --- */
.cursor-pointer{ cursor: pointer !important; }
.text-nowrap-tab{ white-space: nowrap !important; }

/* --- Toplu seçim highlight --- */
body[data-user-renk] tr.sltk-secili > *,
body[data-user-renk] tr.sltk-selected > *,
body[data-user-renk] tr.sltksc > *{
    background: var(--sys-accent-mid) !important;
}

/* --- Chrome radius bağlantısı --- */
body[data-theme-version="light"],
body:not([data-theme-version="light"]){
    --chrome-panel-radius: var(--sys-radius-md);
    --chrome-drawer-radius: var(--sys-radius-lg);
}

/* ============================================================
 * Native HTML input / textarea — tema uyumlu (select katmanı ile eş)
 * checkbox, radio, hidden, button, file, range hariç; xe00 ayrı.
 * ============================================================ */
body[data-theme-version="light"] input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not(.d-none),
body[data-theme-version="light"] textarea:not(.d-none),
body:not([data-theme-version="dark"]) input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not(.d-none),
body:not([data-theme-version="dark"]) textarea:not(.d-none){
    color-scheme: light;
}
body[data-theme-version="dark"] input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not(.d-none),
body[data-theme-version="dark"] textarea:not(.d-none),
body:not([data-theme-version="light"]) input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not(.d-none),
body:not([data-theme-version="light"]) textarea:not(.d-none){
    color-scheme: dark;
}

input.form-control:not([type="checkbox"]):not([type="radio"]):not(.d-none),
textarea.form-control:not(.d-none),
input[type="text"]:not(.form-check-input):not(.d-none),
input[type="search"]:not(.d-none),
input[type="email"]:not(.d-none),
input[type="tel"]:not(.d-none),
input[type="password"]:not(.d-none),
input[type="number"]:not(.d-none),
input[type="date"]:not(.d-none),
input[type="datetime-local"]:not(.d-none),
input[type="time"]:not(.d-none),
input[type="month"]:not(.d-none),
input[type="week"]:not(.d-none),
input[type="url"]:not(.d-none){
    accent-color: var(--sys-accent, #4986c4);
    border: 1px solid var(--sys-border-soft, rgba(15,23,42,.08)) !important;
    border-radius: var(--sys-radius-sm, 10px) !important;
    background-color: var(--sys-surface-2, #f8fafc) !important;
    color: var(--sys-text-main, #172033) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.04), var(--sys-shadow-xs, 0 1px 2px rgba(15,23,42,.06)) !important;
    transition:
        border-color var(--sys-dur-fast, 120ms) var(--sys-ease),
        box-shadow var(--sys-dur-fast, 120ms) var(--sys-ease),
        background-color var(--sys-dur-fast, 120ms) var(--sys-ease);
}

input.form-control:not([type="checkbox"]):not([type="radio"]):not(.d-none):hover:not(:disabled):not([readonly]),
textarea.form-control:not(.d-none):hover:not(:disabled):not([readonly]),
input[type="text"]:not(.form-check-input):not(.d-none):hover:not(:disabled):not([readonly]),
input[type="search"]:not(.d-none):hover:not(:disabled):not([readonly]),
input[type="email"]:not(.d-none):hover:not(:disabled):not([readonly]),
input[type="tel"]:not(.d-none):hover:not(:disabled):not([readonly]),
input[type="password"]:not(.d-none):hover:not(:disabled):not([readonly]),
input[type="number"]:not(.d-none):hover:not(:disabled):not([readonly]),
input[type="date"]:not(.d-none):hover:not(:disabled):not([readonly]),
input[type="datetime-local"]:not(.d-none):hover:not(:disabled):not([readonly]),
input[type="time"]:not(.d-none):hover:not(:disabled):not([readonly]),
input[type="month"]:not(.d-none):hover:not(:disabled):not([readonly]),
input[type="week"]:not(.d-none):hover:not(:disabled):not([readonly]),
input[type="url"]:not(.d-none):hover:not(:disabled):not([readonly]){
    border-color: color-mix(in srgb, var(--sys-accent, #4986c4) 28%, var(--sys-border-soft, rgba(15,23,42,.12))) !important;
}

input.form-control:not([type="checkbox"]):not([type="radio"]):not(.d-none):focus,
textarea.form-control:not(.d-none):focus,
input[type="text"]:not(.form-check-input):not(.d-none):focus,
input[type="search"]:not(.d-none):focus,
input[type="email"]:not(.d-none):focus,
input[type="tel"]:not(.d-none):focus,
input[type="password"]:not(.d-none):focus,
input[type="number"]:not(.d-none):focus,
input[type="date"]:not(.d-none):focus,
input[type="datetime-local"]:not(.d-none):focus,
input[type="time"]:not(.d-none):focus,
input[type="month"]:not(.d-none):focus,
input[type="week"]:not(.d-none):focus,
input[type="url"]:not(.d-none):focus{
    border-color: var(--sys-accent, #4986c4) !important;
    box-shadow: var(--sys-focus-ring, 0 0 0 3px rgba(var(--sys-accent-rgb, 99,102,241), .18)), var(--sys-shadow-xs, 0 1px 2px rgba(15,23,42,.06)) !important;
    outline: none !important;
    background-color: var(--sys-surface-solid, #fff) !important;
}

input.form-control:not([type="checkbox"]):not([type="radio"])::placeholder,
textarea.form-control::placeholder,
input[type="text"]::placeholder,
input[type="search"]::placeholder,
input[type="email"]::placeholder,
input[type="tel"]::placeholder,
input[type="password"]::placeholder,
input[type="number"]::placeholder,
input[type="url"]::placeholder{
    color: var(--sys-text-muted, #64748b) !important;
    opacity: 1;
}

input.form-control:disabled,
textarea.form-control:disabled,
input[type="text"]:disabled,
input[type="search"]:disabled,
input[type="email"]:disabled,
input[type="tel"]:disabled,
input[type="password"]:disabled,
input[type="number"]:disabled,
input[type="date"]:disabled,
input[type="datetime-local"]:disabled,
input[type="time"]:disabled,
input[type="month"]:disabled,
input[type="week"]:disabled,
input[type="url"]:disabled,
input.form-control[readonly],
textarea.form-control[readonly]{
    background:
        linear-gradient(135deg, transparent 0 47%, rgba(148,163,184,.08) 47% 53%, transparent 53% 100%),
        var(--sys-surface-3, rgba(241,245,249,.86)) !important;
    color: var(--sys-text-muted2, #64748b) !important;
    cursor: not-allowed;
    opacity: .88;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus{
    -webkit-text-fill-color: var(--sys-text-main, #172033) !important;
    caret-color: var(--sys-text-main, #172033);
    transition: background-color 9999s ease-out;
    box-shadow: 0 0 0 1000px var(--sys-surface-2, #f8fafc) inset !important;
}

/* ============================================================
 * Native HTML select — kapalı kutu + açılır liste (tema uyumlu)
 * xe00 / selectcs özel seçiciler hariç; gizli (d-none) hariç.
 * ============================================================ */
body[data-theme-version="light"] select:not(.d-none),
body:not([data-theme-version="dark"]) select:not(.d-none){
    color-scheme: light;
}
body[data-theme-version="dark"] select:not(.d-none),
body:not([data-theme-version="light"]) select:not(.d-none){
    color-scheme: dark;
}

select:not([multiple]):not([size]):not(.d-none),
select.form-control:not([multiple]):not([size]):not(.d-none),
.form-select:not([multiple]):not([size]):not(.d-none){
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    accent-color: var(--sys-accent, #4986c4);
    cursor: pointer;
    box-sizing: border-box !important;
    display: inline-block;
    vertical-align: middle;
    line-height: 1.5 !important;
    min-height: calc(1.5em + 0.7rem + 2px);
    padding-top: 0.35rem !important;
    padding-bottom: 0.35rem !important;
    padding-left: 0.65rem !important;
    padding-right: 0.65rem !important;
    background-color: var(--sys-surface-2, #f8fafc) !important;
    background-image: none !important;
    border: 1px solid var(--sys-border-soft, rgba(15,23,42,.08)) !important;
    border-radius: var(--sys-radius-sm, 10px) !important;
    color: var(--sys-text-main, #172033) !important;
    transition:
        border-color var(--sys-dur-fast, 120ms) var(--sys-ease),
        box-shadow var(--sys-dur-fast, 120ms) var(--sys-ease),
        background-color var(--sys-dur-fast, 120ms) var(--sys-ease);
}

/* Küçük select */
.form-select-sm:not([multiple]):not([size]):not(.d-none),
select.form-select-sm:not([multiple]):not([size]):not(.d-none){
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
    line-height: 1.25 !important;
    min-height: calc(1.25em + 0.5rem + 2px);
    background-image: none !important;
}

select:not([multiple]):not([size]):not(.d-none):hover:not(:disabled),
select.form-control:not([multiple]):not([size]):not(.d-none):hover:not(:disabled),
.form-select:not([multiple]):not([size]):not(.d-none):hover:not(:disabled){
    border-color: color-mix(in srgb, var(--sys-accent, #4986c4) 32%, var(--sys-border-soft, rgba(15,23,42,.12))) !important;
}

select:not([multiple]):not([size]):not(.d-none):focus,
select.form-control:not([multiple]):not([size]):not(.d-none):focus,
.form-select:not([multiple]):not([size]):not(.d-none):focus{
    border-color: var(--sys-accent, #4986c4) !important;
    box-shadow: var(--sys-focus-ring, 0 0 0 3px rgba(var(--sys-accent-rgb, 99,102,241), .18)) !important;
    outline: none !important;
}

/* Bootstrap form-select ok ikonu — genel katman */
.form-select:not([multiple]):not([size]){
    --bs-form-select-bg-img: none;
    background-image: none !important;
}

select:disabled,
.form-select:disabled,
select.form-control:disabled{
    opacity: .72;
    cursor: not-allowed;
}

/* Açılır liste — option / optgroup (tarayıcı desteklediği ölçüde) */
select option,
select optgroup{
    background-color: var(--sys-surface-solid, #fff);
    color: var(--sys-text-main, #172033);
}
select option{
    padding: .42rem .65rem;
    font-weight: 400;
}
select option:checked{
    background: linear-gradient(0deg, var(--sys-accent-soft, rgba(142,184,240,.12)), var(--sys-accent-soft, rgba(142,184,240,.12)));
    color: var(--sys-text-accent, var(--sys-accent, #4986c4));
    font-weight: 650;
}
select optgroup{
    font-weight: 650;
    color: var(--sys-text-muted, #64748b);
    font-size: .78rem;
    letter-spacing: .02em;
}

/* Çoklu seçim */
select[multiple],
select[size]:not([size="1"]){
    appearance: auto;
    -webkit-appearance: auto;
    background-image: none;
    padding-right: .75rem !important;
    min-height: 6rem;
    cursor: default;
    border-radius: var(--sys-radius-sm, 10px) !important;
    overflow: hidden;
}
select[multiple] option:checked,
select[size]:not([size="1"]) option:checked{
    background: color-mix(in srgb, var(--sys-accent, #4986c4) 22%, var(--sys-surface-solid, #fff));
    color: var(--sys-text-accent, var(--sys-accent, #4986c4));
}

/* Chrome 134+ — tam özelleştirilebilir native picker */
@supports (appearance: base-select){
    select:not([multiple]):not([size]):not(.d-none),
    .form-select:not([multiple]):not([size]):not(.d-none){
        appearance: base-select !important;
        -webkit-appearance: base-select !important;
        background-image: none !important;
        padding-right: 0.65rem !important;
        display: inline-flex !important;
        align-items: center !important;
        align-content: center !important;
        flex-wrap: nowrap !important;
        gap: 0.35rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    select::picker(select),
    .form-select::picker(select){
        appearance: base-select;
        -webkit-appearance: base-select;
        background: var(--sys-surface-solid, #fff);
        color: var(--sys-text-main, #172033);
        border: 1px solid var(--sys-border-soft, rgba(15,23,42,.08));
        border-radius: var(--sys-radius-md, 14px);
        box-shadow: var(--sys-shadow-md, 0 12px 34px rgba(15,23,42,.13));
        padding: .35rem;
        margin-top: .2rem;
        max-height: min(320px, 50vh);
        overflow: hidden;
        overflow-y: auto;
    }
    select::picker-icon,
    .form-select::picker-icon{
        display: none !important;
        inline-size: 0 !important;
        block-size: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        visibility: hidden !important;
    }
    .form-select-sm:not([multiple]):not([size]):not(.d-none),
    select.form-select-sm:not([multiple]):not([size]):not(.d-none){
        padding-right: 0.5rem !important;
    }
    select option,
    .form-select option{
        padding: .45rem .65rem;
        border-radius: var(--sys-radius-xs, 8px);
        margin: 1px 0;
    }
    select option:first-of-type,
    .form-select option:first-of-type{
        border-radius: var(--sys-radius-xs, 8px) var(--sys-radius-xs, 8px) 0 0;
    }
    select option:last-of-type,
    .form-select option:last-of-type{
        border-radius: 0 0 var(--sys-radius-xs, 8px) var(--sys-radius-xs, 8px);
    }
    select option:only-of-type,
    .form-select option:only-of-type{
        border-radius: var(--sys-radius-xs, 8px);
    }
    select option:hover,
    select option:focus,
    .form-select option:hover,
    .form-select option:focus{
        background: var(--sys-accent-soft, rgba(142,184,240,.12)) !important;
        color: var(--sys-text-accent, var(--sys-accent, #4986c4)) !important;
    }
    select option:checked,
    .form-select option:checked{
        background: color-mix(in srgb, var(--sys-accent, #4986c4) 18%, var(--sys-surface-solid, #fff)) !important;
        color: var(--sys-text-accent, var(--sys-accent, #4986c4)) !important;
        font-weight: 650;
    }
}

datalist.filtli-datalist-hidden{ visibility: hidden; }
.filtli .row.frtk.form{ margin: 0; }

/* ================== DOSYA YÖNETİMİ (syfdos) ================== */
.dos-yonetim-offcanvas {
    width: min(75vw, 960px) !important;
    max-width: min(75vw, 960px) !important;
    background: var(--sys-surface-solid, var(--bs-body-bg)) !important;
    color: var(--sys-text-primary, var(--bs-body-color)) !important;
    border-left: 1px solid var(--sys-border-accent, var(--bs-border-color)) !important;
    box-shadow: var(--sys-shadow-lg, 0 24px 72px rgba(15, 23, 42, .18));
}
body:not([data-theme-version="light"]) .dos-yonetim-offcanvas {
    box-shadow: var(--sys-shadow-lg, 0 24px 72px rgba(0, 0, 0, .45));
}
.dos-yonetim-hdr {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-shrink: 0;
    background: linear-gradient(135deg,
        color-mix(in srgb, var(--sys-accent, #8eb8f0) 88%, #000) 0%,
        var(--sys-accent, #8eb8f0) 48%,
        color-mix(in srgb, var(--sys-accent-2, #74a5e8) 92%, #fff) 100%);
    color: var(--sys-on-accent, #fff);
    padding: 12px 16px;
    border-bottom: 1px solid color-mix(in srgb, var(--sys-on-accent, #fff) 22%, transparent);
    box-shadow: inset 0 1px 0 color-mix(in srgb, var(--sys-on-accent, #fff) 18%, transparent);
}
body[data-theme-version="light"] .dos-yonetim-hdr,
body[data-user-renk][data-theme-version="light"] .dos-yonetim-hdr.offcanvas-header {
    background:
        linear-gradient(135deg, var(--sys-accent-soft), transparent),
        var(--sys-surface-1, var(--sys-surface-solid, #fff)) !important;
    color: var(--sys-text-accent, var(--sys-accent, #5a88c8));
    border-bottom-color: var(--sys-border-soft, var(--sys-border-accent, rgba(142, 184, 240, .18))) !important;
    box-shadow: none;
}
body:not([data-theme-version="light"]) .dos-yonetim-hdr {
    background: linear-gradient(135deg,
        color-mix(in srgb, var(--sys-accent, #9eb8f0) 75%, #000) 0%,
        var(--sys-accent, #9eb8f0) 50%,
        color-mix(in srgb, var(--sys-accent-2, #b8ccf8) 80%, #000) 100%);
}
.dos-yonetim-baslik {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    flex: 1 1 auto;
    min-width: 0;
    margin: 0;
    font-size: 1.02rem;
    font-weight: 650;
    letter-spacing: -.02em;
}
body[data-theme-version="light"] .dos-yonetim-hdr .dos-yonetim-baslik,
body[data-user-renk] .dos-yonetim-hdr .dos-yonetim-baslik {
    color: var(--sys-text-accent, var(--sys-accent, #5a88c8)) !important;
}
.dos-yonetim-baslik > i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: var(--sys-radius-sm, 10px);
    background: color-mix(in srgb, var(--sys-on-accent, #fff) 14%, transparent);
    border: 1px solid color-mix(in srgb, var(--sys-on-accent, #fff) 20%, transparent);
    flex-shrink: 0;
}
body[data-theme-version="light"] .dos-yonetim-hdr .dos-yonetim-baslik > i,
body[data-user-renk] .dos-yonetim-hdr .dos-yonetim-baslik > i {
    background: color-mix(in srgb, var(--sys-accent, #8eb8f0) 14%, var(--sys-surface-solid, #fff));
    border-color: color-mix(in srgb, var(--sys-accent, #8eb8f0) 22%, transparent);
    color: var(--sys-text-accent, var(--sys-accent, #5a88c8));
}
.dos-yonetim-kapat-btn,
.dos-yonetim-modal-kapat {
    flex: 0 0 auto;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    min-width: 2.25rem;
    min-height: 2.25rem;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: var(--sys-radius-sm, 10px) !important;
    border: 1px solid color-mix(in srgb, var(--sys-danger, #dc2626) 28%, transparent) !important;
    background: color-mix(in srgb, var(--sys-danger, #dc2626) 12%, var(--sys-surface-solid, #fff)) !important;
    color: var(--sys-danger, #dc2626) !important;
    box-shadow: var(--sys-shadow-xs, 0 1px 3px rgba(15, 23, 42, .08));
    line-height: 1;
    transition:
        background-color var(--sys-dur-fast, 120ms) var(--sys-ease),
        border-color var(--sys-dur-fast, 120ms) var(--sys-ease),
        transform var(--sys-dur-fast, 120ms) var(--sys-ease),
        box-shadow var(--sys-dur-fast, 120ms) var(--sys-ease);
}
body:not([data-theme-version="light"]) .dos-yonetim-hdr .dos-yonetim-kapat-btn {
    border-color: color-mix(in srgb, var(--sys-on-accent, #fff) 28%, transparent) !important;
    background: color-mix(in srgb, var(--sys-on-accent, #fff) 12%, transparent) !important;
    color: var(--sys-on-accent, #fff) !important;
    box-shadow: 0 1px 4px rgba(15, 23, 42, .12);
}
.dos-yonetim-kapat-btn i,
.dos-yonetim-modal-kapat i {
    font-size: 1rem;
    line-height: 1;
    pointer-events: none;
}
.dos-yonetim-kapat-btn:hover,
.dos-yonetim-kapat-btn:focus-visible,
.dos-yonetim-modal-kapat:hover,
.dos-yonetim-modal-kapat:focus-visible {
    background: color-mix(in srgb, var(--sys-danger, #dc2626) 18%, var(--sys-surface-solid, #fff)) !important;
    border-color: color-mix(in srgb, var(--sys-danger, #dc2626) 45%, transparent) !important;
    color: var(--sys-danger, #dc2626) !important;
    transform: scale(1.05);
    outline: none;
}
body:not([data-theme-version="light"]) .dos-yonetim-hdr .dos-yonetim-kapat-btn:hover,
body:not([data-theme-version="light"]) .dos-yonetim-hdr .dos-yonetim-kapat-btn:focus-visible {
    background: color-mix(in srgb, var(--sys-danger, #dc2626) 88%, #000) !important;
    border-color: color-mix(in srgb, var(--sys-on-accent, #fff) 45%, transparent) !important;
    color: #fff !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 14px rgba(15, 23, 42, .16);
}
.dos-yonetim-kapat-btn:active,
.dos-yonetim-modal-kapat:active {
    transform: scale(.96);
    box-shadow: none;
}
.dos-yonetim-modal .modal-header {
    align-items: center;
    gap: 10px;
}
.dos-yonetim-modal-kapat {
    width: 2rem;
    height: 2rem;
    min-width: 2rem;
    min-height: 2rem;
    margin: 0 0 0 auto !important;
}
.dos-yonetim-modal-kapat i {
    font-size: .95rem;
}
.dos-wp-gonder-modal .modal-header {
    align-items: center;
    gap: 10px;
}
.dos-wp-gonder-modal .modal-footer {
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
}
.dos-wp-gonder-modal .modal-footer .dos-wp-gonder-footer-kapat {
    min-width: 5.5rem;
    padding: .45rem 1rem;
    white-space: nowrap;
}
.dos-yonetim-upload-wrap {
    display: flex;
    align-items: stretch;
    gap: 12px;
    padding: 12px 16px 0;
    flex-shrink: 0;
}
.dos-yukle-alan {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 18px 16px;
    text-align: center;
    border: 2px dashed var(--sys-border-accent, rgba(142, 184, 240, .35));
    border-radius: var(--sys-radius-lg, 16px);
    background: linear-gradient(180deg, var(--sys-accent-soft, rgba(142, 184, 240, .08)) 0%, transparent 100%);
    color: var(--sys-text-secondary, var(--bs-secondary-color));
    transition:
        border-color var(--sys-dur-fast, 120ms) var(--sys-ease),
        background-color var(--sys-dur-fast, 120ms) var(--sys-ease),
        box-shadow var(--sys-dur-fast, 120ms) var(--sys-ease);
    cursor: pointer;
}
.dos-yukle-alan:hover,
.dos-yukle-alan:focus-visible {
    border-color: var(--sys-accent, #8eb8f0);
    background: var(--sys-accent-soft, rgba(142, 184, 240, .12));
    outline: none;
}
.dos-yukle-alan.dos-drop-active {
    border-color: var(--sys-accent, #8eb8f0);
    background: var(--sys-accent-mid, rgba(142, 184, 240, .17));
    box-shadow: inset 0 0 0 1px var(--sys-accent, #8eb8f0);
}
.dos-yukle-ikon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: var(--sys-radius-md, 14px);
    background: var(--sys-surface-solid, #fff);
    border: 1px solid var(--sys-border-accent, rgba(142, 184, 240, .22));
    color: var(--sys-accent, #8eb8f0);
    font-size: 1.15rem;
    box-shadow: var(--sys-shadow-xs, 0 1px 3px rgba(15, 23, 42, .08));
}
body:not([data-theme-version="light"]) .dos-yukle-ikon {
    background: var(--sys-surface-2, #1e293b);
}
.dos-yukle-baslik {
    margin: 0;
    font-size: .95rem;
    font-weight: 650;
    color: var(--sys-text-primary, var(--bs-body-color));
}
.dos-yukle-aciklama {
    margin: 0;
    font-size: .82rem;
    color: var(--sys-text-muted, var(--bs-secondary-color));
    max-width: 36rem;
}
.dos-belge-tara-wrap {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
}
.dos-belge-tara-btn {
    display: inline-flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-width: 5.5rem;
    min-height: 100%;
    padding: .65rem .75rem !important;
    border-radius: var(--sys-radius-md, 14px) !important;
    font-size: .78rem !important;
    font-weight: 650 !important;
    line-height: 1.2;
}
.dos-belge-tara-btn i {
    font-size: 1.25rem;
}
.dos-yonetim-uyari {
    min-height: 0;
    padding: 0 16px;
    font-size: .84rem;
    font-weight: 600;
    color: var(--sys-warning, #d97706);
}
.dos-yonetim-uyari:empty {
    display: none;
}
.dos-yonetim-gcc-baslik {
    padding: 10px 16px 6px;
    font-size: .88rem;
    font-weight: 700;
    letter-spacing: .02em;
    text-transform: uppercase;
    color: var(--sys-text-accent, var(--sys-accent, #4986c4));
    border-bottom: 1px solid var(--sys-border-accent, rgba(142, 184, 240, .18));
    flex-shrink: 0;
}
.dos-yonetim-body {
    padding: 12px 16px 16px !important;
    background: var(--sys-surface-solid, var(--bs-body-bg));
}
.dos-yonetim-footer {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid var(--sys-border-accent, var(--bs-border-color));
}
.dos-dosya-bos {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 2.5rem 1rem;
    border: 1px dashed var(--sys-border-accent, rgba(142, 184, 240, .28));
    border-radius: var(--sys-radius-md, 14px);
    background: var(--sys-accent-soft, rgba(142, 184, 240, .06));
    color: var(--sys-text-muted, var(--bs-secondary-color));
    text-align: center;
}
.dos-dosya-bos i {
    font-size: 1.75rem;
    color: var(--sys-accent, #8eb8f0);
    opacity: .85;
}
.dos-dosya-liste {
    margin: 0;
}
.dos-dosya-kart {
    margin-top: 0 !important;
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 10px;
    border: 1px solid var(--sys-border-accent, rgba(142, 184, 240, .22)) !important;
    border-radius: var(--sys-radius-md, 14px) !important;
    background: var(--sys-surface-solid, var(--bs-body-bg));
    box-shadow: var(--sys-shadow-xs, 0 1px 3px rgba(15, 23, 42, .06));
    transition:
        border-color var(--sys-dur-fast, 120ms) var(--sys-ease),
        box-shadow var(--sys-dur-fast, 120ms) var(--sys-ease),
        transform var(--sys-dur-fast, 120ms) var(--sys-ease);
}
.dos-dosya-kart:hover {
    border-color: var(--sys-accent, #8eb8f0) !important;
    box-shadow: var(--sys-shadow-sm, 0 4px 14px rgba(15, 23, 42, .08));
}
.dos-dosya-onizleme-wrap {
    overflow: hidden;
    border-radius: var(--sys-radius-sm, 10px);
    background: var(--sys-surface-2, #f8fafc);
    margin-bottom: 10px;
}
body:not([data-theme-version="light"]) .dos-dosya-onizleme-wrap {
    background: var(--sys-surface-2, #1e293b);
}
.dos-dosya-onizleme,
.dos-dosya-kart img,
.dos-dosya-kart video {
    display: block;
    width: 100%;
    max-width: 100%;
    border: 0;
    border-radius: var(--sys-radius-sm, 10px);
}
.dos-dosya-gorsel,
.dos-dosya-diger {
    height: 130px;
    object-fit: cover;
}
.dos-dosya-video {
    max-height: 220px;
}
.dos-dosya-pdf {
    min-height: 320px;
    border: 1px solid var(--sys-border-accent, var(--bs-border-color)) !important;
}
.dos-dosya-pdf-inline {
    height: 140px;
    min-height: 140px;
    pointer-events: none;
    border: 0 !important;
}
.dos-pdf-mobil {
    position: relative;
    width: 100%;
    overflow: hidden;
    background: var(--sys-surface-2, #f8fafc);
    border: 1px solid var(--sys-border-accent, var(--bs-border-color));
    border-radius: var(--sys-radius-sm, 10px);
}
.dos-pdf-mobil object,
.dos-pdf-mobil embed {
    display: block;
}
.dos-pdf-mobil-aksiyon {
    padding: .5rem;
    border-top: 1px solid var(--sys-border-accent, var(--bs-border-color));
    background: var(--sys-surface-solid, var(--bs-body-bg));
}
.dos-dosya-meta {
    margin: 0 !important;
    min-width: 0;
}
.dos-dosya-ad {
    font-size: .88rem !important;
    font-weight: 650 !important;
    margin-top: 0 !important;
    color: var(--sys-text-primary, var(--bs-body-color));
}
.dos-dosya-aciklama {
    font-size: .8rem;
    color: var(--sys-text-secondary, var(--bs-secondary-color));
    margin-bottom: .35rem;
}
.dos-dosya-kayit {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .35rem .65rem;
}
.dos-dosya-kullanici {
    font-weight: 650;
    color: var(--sys-text-accent, var(--sys-accent, #4986c4));
}
.dos-dosya-tarih {
    font-size: .75rem;
}
@media (max-width: 992px) {
    .dos-yonetim-offcanvas {
        width: 100% !important;
        max-width: 100% !important;
    }
    .dos-yonetim-upload-wrap {
        flex-direction: column;
    }
    .dos-belge-tara-wrap {
        display: none !important;
    }
    .dos-dosya-kart {
        flex-direction: column;
    }
    .dos-dosya-kart.seconday-post {
        flex-flow: column;
    }
    .dos-yonetim-kapat-btn,
    .dos-yonetim-modal-kapat {
        width: 2.5rem;
        height: 2.5rem;
        min-width: 2.5rem;
        min-height: 2.5rem;
    }
    .dos-dosya-gorsel,
    .dos-dosya-diger {
        height: 180px;
    }
    .dos-dosya-aksiyon .btn span {
        display: none;
    }
    .dos-dosya-aksiyon .btn {
        min-width: 2.25rem;
        padding-left: .45rem !important;
        padding-right: .45rem !important;
    }
}

/* Dosya kartı – tür rozeti, aksiyonlar, lightbox */
.dos-dosya-ust-satir {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .35rem;
}
.dos-dosya-tur-rozet {
    display: inline-flex;
    align-items: center;
    gap: .25rem;
    padding: .12rem .45rem;
    border-radius: var(--sys-radius-pill, 999px);
    font-size: .68rem;
    font-weight: 700;
    letter-spacing: .02em;
    text-transform: uppercase;
    background: var(--sys-accent-soft, rgba(142, 184, 240, .1));
    color: var(--sys-text-accent, var(--sys-accent, #4986c4));
    border: 1px solid var(--sys-border-accent, rgba(142, 184, 240, .2));
}
.dos-tur-pdf { color: #dc2626; background: rgba(220, 38, 38, .08); border-color: rgba(220, 38, 38, .18); }
.dos-tur-video { color: #7c3aed; background: rgba(124, 58, 237, .08); border-color: rgba(124, 58, 237, .18); }
.dos-tur-ses { color: #059669; background: rgba(5, 150, 105, .08); border-color: rgba(5, 150, 105, .18); }
.dos-dosya-onizleme-tik {
    cursor: zoom-in;
    position: relative;
}
.dos-dosya-onizleme-tik:focus-visible {
    outline: 2px solid var(--sys-accent, #8eb8f0);
    outline-offset: 2px;
}
.dos-dosya-buyut-hint {
    position: absolute;
    right: .45rem;
    bottom: .45rem;
    display: inline-flex;
    align-items: center;
    gap: .25rem;
    padding: .18rem .45rem;
    border-radius: var(--sys-radius-pill, 999px);
    font-size: .68rem;
    font-weight: 650;
    color: #fff;
    background: rgba(15, 23, 42, .62);
    backdrop-filter: blur(4px);
    pointer-events: none;
    opacity: 0;
    transition: opacity var(--sys-dur-fast, 120ms) var(--sys-ease);
}
.dos-dosya-onizleme-tik:hover .dos-dosya-buyut-hint,
.dos-dosya-onizleme-tik:focus-visible .dos-dosya-buyut-hint {
    opacity: 1;
}
.dos-dosya-pdf-kapak,
.dos-dosya-ses-kapak {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .35rem;
    min-height: 130px;
    color: var(--sys-text-muted, var(--bs-secondary-color));
}
.dos-dosya-pdf-kapak i {
    font-size: 2.5rem;
    color: #dc2626;
}
.dos-dosya-ses-kapak i {
    font-size: 2rem;
    color: #059669;
}
.dos-dosya-pdf-kapak span,
.dos-dosya-ses-kapak span {
    font-size: .78rem;
    font-weight: 650;
    text-transform: uppercase;
    letter-spacing: .04em;
}
.dos-dosya-onizleme-ses {
    padding-bottom: .35rem;
}
.dos-dosya-aksiyon {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
    margin-top: .65rem;
}
.dos-dosya-aksiyon .btn {
    display: inline-flex !important;
    align-items: center;
    gap: .3rem;
    font-size: .74rem !important;
    font-weight: 650 !important;
    padding: .28rem .55rem !important;
    border-radius: var(--sys-radius-sm, 10px) !important;
}
.dos-dosya-boyut {
    font-size: .72rem;
}

/* Dosya büyük önizleme lightbox */
.dos-onizleme-lb {
    position: fixed;
    inset: 0;
    z-index: 21000;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 12px;
}
.dos-onizleme-lb.is-open {
    display: flex;
}
body.dos-onizleme-lb-acik {
    overflow: hidden;
}
.dos-onizleme-lb-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(15, 23, 42, .78);
    backdrop-filter: blur(3px);
}
.dos-onizleme-lb-panel {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    width: min(96vw, 1200px);
    height: min(92vh, 900px);
    max-height: calc(100dvh - 24px);
    background: var(--sys-surface-solid, var(--bs-body-bg));
    border: 1px solid var(--sys-border-accent, var(--bs-border-color));
    border-radius: var(--sys-radius-lg, 16px);
    box-shadow: var(--sys-shadow-lg, 0 24px 72px rgba(0, 0, 0, .45));
    overflow: hidden;
}
.dos-onizleme-lb-hdr {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    border-bottom: 1px solid var(--sys-border-accent, var(--bs-border-color));
    background: linear-gradient(135deg,
        color-mix(in srgb, var(--sys-accent, #8eb8f0) 88%, #000) 0%,
        var(--sys-accent, #8eb8f0) 48%,
        color-mix(in srgb, var(--sys-accent-2, #74a5e8) 92%, #fff) 100%);
    color: var(--sys-on-accent, #fff);
    flex-shrink: 0;
}
.dos-onizleme-lb-baslik {
    flex: 1 1 auto;
    min-width: 0;
    font-size: .92rem;
    font-weight: 650;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.dos-onizleme-lb-araclari {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    flex-shrink: 0;
}
.dos-onizleme-lb-arac {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    padding: 0 !important;
    border-radius: var(--sys-radius-sm, 10px) !important;
    border: 1px solid rgba(255, 255, 255, .28) !important;
    background: rgba(255, 255, 255, .12) !important;
    color: var(--sys-on-accent, #fff) !important;
}
.dos-onizleme-lb-arac:hover {
    background: rgba(255, 255, 255, .22) !important;
}
.dos-onizleme-lb-icerik {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px;
    background: var(--sys-surface-2, #0f172a);
    overflow: auto;
}
.dos-onizleme-lb-img {
    display: block;
    max-width: 100%;
    max-height: calc(92vh - 90px);
    width: auto;
    height: auto;
    object-fit: contain;
    border-radius: var(--sys-radius-sm, 10px);
    box-shadow: var(--sys-shadow-md, 0 12px 34px rgba(0, 0, 0, .35));
}
.dos-onizleme-lb-pdf {
    display: block;
    width: 100%;
    height: calc(92vh - 90px);
    min-height: 420px;
    border: 0;
    border-radius: var(--sys-radius-sm, 10px);
    background: #fff;
}
.dos-onizleme-lb-video {
    display: block;
    max-width: 100%;
    max-height: calc(92vh - 90px);
    width: auto;
    border-radius: var(--sys-radius-sm, 10px);
    background: #000;
}
.dos-onizleme-lb-ses-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    width: min(100%, 520px);
    padding: 1.5rem;
    border-radius: var(--sys-radius-md, 14px);
    background: var(--sys-surface-solid, var(--bs-body-bg));
    border: 1px solid var(--sys-border-accent, var(--bs-border-color));
}
.dos-onizleme-lb-ses-ikon {
    font-size: 3rem;
    color: #059669;
}
.dos-onizleme-lb-audio {
    width: 100%;
}

@media print{
    body[data-user-renk] .badge,
    body[data-user-renk] .btn-primary,
    body[data-user-renk] .text-primary{
        color: #000 !important;
        background: #fff !important;
        border: 1px solid #ccc !important;
        box-shadow: none !important;
    }
}