/* =========================================================
   MAVRONIX Admin Theme v4 — Neon-Green Edition
   Scope: PURE PRESENTATION (layout/topbar/sidebar/content/footer/cards/tables).
   HMVC / RBAC / CSRF: hiçbir route, izin, token veya controller mantığı değişmedi.
   Login sayfası ile aynı MAVRONIX yeşil paleti kullanılır.
   ========================================================= */

/* ─────────────── PALET ─────────────── */
:root{
    /* Açık tema */
    --mav-bg:        #eef2ec;
    --mav-bg-2:      #e4ebe1;
    --mav-surface:   #ffffff;
    --mav-surface-2: #f4f8f2;
    --mav-border:    rgba(20,40,12,.10);
    --mav-text:      #16210f;
    --mav-text-2:    #2a3622;
    --mav-muted:     #5f6e58;

    /* MAVRONIX yeşil (marka) */
    --mav-green:      #12a368;
    --mav-green-2:    #1fe08a;
    --mav-green-soft: #5cf2b0;
    --mav-green-deep: #0a6b46;
    --mav-green-glow: rgba(31,224,138,.30);

    /* Yardımcı renkler */
    --mav-blue:    #3b82f6;
    --mav-amber:   #f59e0b;
    --mav-danger:  #ef4444;
    --mav-teal:    #10b981;

    /* Sidebar (her zaman koyu — brand bandı) */
    --mav-sidebar:    #06170f;
    --mav-sidebar-2:  #08190f;
    --mav-sidebar-tx: #c3d4bd;
    --mav-sidebar-mut:#7d9275;

    --mav-radius:   16px;
    --mav-radius-sm:12px;
    --mav-shadow:   0 14px 38px rgba(16,30,12,.10);
    --mav-shadow-sm:0 6px 18px rgba(16,30,12,.07);
    --mav-topbar-h: 72px;
    --mav-sidebar-w:250px;
}
html[data-bs-theme="dark"]{
    /* NÖTR koyu slate — yeşil yalnızca vurgu olarak kullanılır (göz yormaz) */
    --mav-bg:        #0a0e13;
    --mav-bg-2:      #0d1219;
    --mav-surface:   #131922;
    --mav-surface-2: #1a212c;
    --mav-border:    rgba(255,255,255,.07);
    --mav-text:      #e8edf2;
    --mav-text-2:    #bcc6d2;
    --mav-muted:     #76828f;
    --mav-shadow:    0 18px 48px rgba(0,0,0,.5);
    --mav-shadow-sm: 0 8px 22px rgba(0,0,0,.38);
    /* Koyu temada yeşil aksanı bir tık yumuşat */
    --mav-green-glow: rgba(45,212,160,.22);
    /* Sidebar nötr koyu (yeşil değil) */
    --mav-sidebar:    #0c1118;
    --mav-sidebar-2:  #0e141c;
    --mav-sidebar-tx: #aeb8c4;
    --mav-sidebar-mut:#6b7682;
}

/* ─────────────── GÖVDE ─────────────── */
body{
    background:
        radial-gradient(720px 460px at 12% 4%, var(--mav-green-glow), transparent 60%),
        var(--mav-bg) !important;
    color: var(--mav-text);
    font-family:'Inter','Segoe UI',system-ui,sans-serif;
    min-height:100vh;
}
html[data-bs-theme="dark"] body{
    /* Çok hafif yeşil hint + nötr koyu zemin — sakin, profesyonel */
    background:
        radial-gradient(680px 420px at 8% 0%, rgba(45,212,160,.06), transparent 62%),
        linear-gradient(165deg,#090d12,#0a0e13 60%,#080b10) !important;
}
#layout-wrapper{ min-height:100vh; }
.main-content{ background:transparent !important; margin-left:var(--mav-sidebar-w); }
/* Alt boşluk: tema footer'ı position:absolute; height:60px ile sabitler; içeriğin
   (özellikle DataTables sayfalama satırının) footer'ın altına binmemesi için ≥60px
   yer ayrılır. Aksi halde sayfalama düğmelerinin alt kısmı footer tarafından örtülüp
   tıklanamaz olur. */
.page-content{ padding:calc(var(--mav-topbar-h) + 26px) 22px 84px 22px; }
.container-fluid{ max-width:1640px; }
a{ color:var(--mav-green-deep); }
a:hover{ color:var(--mav-green); }

/* ═══════════════ TOPBAR ═══════════════ */
#page-topbar{
    position:fixed; top:0; right:0; left:var(--mav-sidebar-w); z-index:1002;
    background:transparent !important; border:0 !important; box-shadow:none !important;
    padding:14px 22px 0 22px;
}
#page-topbar .navbar-header{
    min-height:var(--mav-topbar-h);
    border:1px solid var(--mav-border);
    border-radius:18px;
    background:var(--mav-surface) !important;
    backdrop-filter:blur(16px);
    box-shadow:var(--mav-shadow-sm);
    padding:0 14px;
    display:flex; align-items:center; gap:8px;
}
html[data-bs-theme="dark"] #page-topbar .navbar-header{
    background:rgba(19,25,34,.85) !important;
}
/* topbar'daki logo kutusu gizli (sidebar'da var) */
#page-topbar .navbar-brand-box{ display:none !important; }

/* Hamburger + ikon butonları */
#vertical-menu-btn,
#page-topbar .header-item{
    border-radius:12px !important;
    color:var(--mav-muted) !important;
    border:1px solid transparent;
    transition:all .16s ease;
    height:42px; min-width:42px;
    display:inline-flex; align-items:center; justify-content:center;
    box-shadow:none !important;
}
#vertical-menu-btn{
    background:rgba(31,224,138,.10) !important;
    color:var(--mav-green-deep) !important;
    border-color:var(--mav-border) !important;
}
#vertical-menu-btn:hover,
#page-topbar .header-item:hover{
    background:rgba(31,224,138,.16) !important;
    color:var(--mav-green-deep) !important;
    transform:translateY(-1px);
}
html[data-bs-theme="dark"] #vertical-menu-btn,
html[data-bs-theme="dark"] #page-topbar .header-item:hover{
    color:var(--mav-green-2) !important;
}

/* Arama */
#page-topbar .app-search{ flex:1; max-width:520px; margin:0 6px; }
#page-topbar .app-search .form-control{
    width:100%; height:44px;
    border:1px solid var(--mav-border) !important;
    border-radius:12px !important;
    background:var(--mav-surface-2) !important;
    color:var(--mav-text) !important;
    padding-left:42px !important;
    transition:.16s;
}
#page-topbar .app-search .form-control:focus{
    border-color:var(--mav-green) !important;
    box-shadow:0 0 0 3px var(--mav-green-glow) !important;
    background:var(--mav-surface) !important;
}
#page-topbar .app-search span.fa-search{
    left:15px; color:var(--mav-muted); top:50%; transform:translateY(-50%);
}

/* Avatar */
#page-topbar .header-profile-user{
    border:2px solid var(--mav-green) !important;
    box-shadow:0 0 0 3px var(--mav-green-glow);
}

/* ═══════════════ SIDEBAR ═══════════════ */
.vertical-menu{
    width:var(--mav-sidebar-w);
    background:linear-gradient(180deg,var(--mav-sidebar),var(--mav-sidebar-2)) !important;
    border-right:1px solid rgba(31,224,138,.10);
    box-shadow:4px 0 30px rgba(0,0,0,.25);
    top:0; position:fixed; bottom:0; z-index:1003;
}
.vertical-menu [data-simplebar]{ display:flex; flex-direction:column; }

/* Brand — MAVRONIX orb + metin (PNG bağımsız) */
.mavronix-sidebar-brand{
    padding:18px 18px 16px;
    border-bottom:1px solid rgba(31,224,138,.10);
    margin-bottom:8px;
}
.mavronix-brand-link{ display:flex; align-items:center; gap:12px; text-decoration:none; }

/* Orb sembolü */
.mavronix-orb{
    width:42px; height:42px; flex-shrink:0; position:relative;
    display:flex; align-items:center; justify-content:center;
    border-radius:50%;
    background:radial-gradient(circle at 50% 50%, #0e2018, #06140c);
    border:1.5px solid rgba(31,224,138,.5);
    box-shadow:0 0 16px rgba(31,224,138,.4), inset 0 0 12px rgba(31,224,138,.15);
    animation:mavOrbPulse 3s ease-in-out infinite;
}
@keyframes mavOrbPulse{
    0%,100%{ box-shadow:0 0 14px rgba(31,224,138,.35), inset 0 0 10px rgba(31,224,138,.12); }
    50%{ box-shadow:0 0 26px rgba(31,224,138,.6), inset 0 0 16px rgba(31,224,138,.22); }
}
.mavronix-orb-core{
    width:16px; height:16px; border-radius:50%;
    background:radial-gradient(circle at 40% 40%, #d6ffe8, #1fe08a 55%, #12a368);
    box-shadow:0 0 14px rgba(31,224,138,.9), 0 0 4px #fff inset;
    animation:mavCoreGlow 2.2s ease-in-out infinite;
}
@keyframes mavCoreGlow{ 0%,100%{transform:scale(1);opacity:.92} 50%{transform:scale(1.15);opacity:1} }
.mavronix-orb-img{ width:100%; height:100%; object-fit:contain; border-radius:50%;
    filter:drop-shadow(0 0 8px rgba(31,224,138,.5)); }

/* Metin marka */
.mavronix-brand-text{ display:flex; flex-direction:column; line-height:1.1; min-width:0; }
.mavronix-brand-name{
    font-size:19px; font-weight:900; letter-spacing:2px;
    background:linear-gradient(180deg,#eafff0,#5cf2b0 55%,#12a368);
    -webkit-background-clip:text; background-clip:text; color:transparent;
}
.mavronix-brand-tag{
    font-size:8.5px; font-weight:600; letter-spacing:.6px; text-transform:uppercase;
    color:var(--mav-sidebar-mut); margin-top:2px; white-space:nowrap;
}

/* Menü */
#sidebar-menu{ flex:1; padding:0 0 10px; }
#sidebar-menu .metismenu{ margin:0; }
.menu-title{
    color:var(--mav-sidebar-mut) !important;
    font-size:10.5px !important; font-weight:700 !important;
    letter-spacing:1.4px; text-transform:uppercase;
    padding:18px 22px 8px !important; opacity:.9;
}
#sidebar-menu ul li a{
    color:var(--mav-sidebar-tx) !important;
    font-size:13.8px; font-weight:500;
    padding:11px 22px !important;
    display:flex; align-items:center; gap:12px;
    border-left:3px solid transparent;
    transition:all .15s ease; border-radius:0;
}
#sidebar-menu ul li a i{
    font-size:17px !important; min-width:22px; text-align:center;
    color:var(--mav-sidebar-mut) !important; transition:.15s;
}
#sidebar-menu ul li a:hover{
    background:rgba(255,255,255,.04) !important;
    color:#fff !important; border-left-color:transparent;
}
#sidebar-menu ul li a:hover i{ color:var(--mav-green-2) !important; }

/* Aktif item — sakin vurgu (referanstaki gibi) */
#sidebar-menu ul li.mm-active > a,
#sidebar-menu ul li a.active,
#sidebar-menu .mm-active > a{
    background:linear-gradient(90deg,rgba(45,212,160,.12),transparent) !important;
    color:#fff !important;
    border-left-color:var(--mav-green-2) !important;
    box-shadow:none;
}
#sidebar-menu ul li.mm-active > a i,
#sidebar-menu .mm-active > a i{ color:var(--mav-green-2) !important; }

/* Alt menü — NOKTA YOK, ikon başta (ana menüyle aynı hizada) */
#sidebar-menu .sub-menu li a{
    padding-left:36px !important; font-size:13px;
    display:flex; align-items:center; gap:12px;
}
#sidebar-menu .sub-menu li a::before{ content:none !important; display:none !important; }
#sidebar-menu .sub-menu li a i{
    font-size:16px !important; min-width:20px; text-align:center;
}
#sidebar-menu ul li a{ position:relative; }
/* has-arrow ok */
#sidebar-menu li a.has-arrow::after{ color:var(--mav-sidebar-mut); }

/* Premium kart */
.mavronix-premium-card{
    display:flex; align-items:center; gap:12px;
    background:linear-gradient(135deg,rgba(31,224,138,.14),rgba(18,163,104,.06));
    border:1px solid rgba(31,224,138,.22);
    border-radius:14px; padding:13px 15px; position:relative;
}
.mavronix-premium-icon{
    width:38px; height:38px; border-radius:11px; flex-shrink:0;
    display:flex; align-items:center; justify-content:center;
    background:linear-gradient(135deg,var(--mav-green-2),var(--mav-green-deep));
    color:#03251a; font-size:17px;
}
.mavronix-premium-title{ color:#eafff0; font-weight:700; font-size:13px; }
.mavronix-premium-sub{ color:var(--mav-sidebar-mut); font-size:10.5px; }
.mavronix-live-dot{
    width:9px; height:9px; border-radius:50%; background:var(--mav-green-2);
    box-shadow:0 0 10px var(--mav-green-2); margin-left:auto; flex-shrink:0;
    animation:mavBlink 1.8s ease-in-out infinite;
}
@keyframes mavBlink{0%,100%{opacity:1}50%{opacity:.35}}

/* ═══════════════ SAYFA BAŞLIĞI + BREADCRUMB ═══════════════ */
.page-title-box{
    padding:0 0 22px 0 !important; margin-bottom:6px;
    display:flex; align-items:center; justify-content:space-between;
    flex-wrap:wrap; gap:12px 20px;
}
.page-title-box .page-title{
    font-size:24px !important; font-weight:800 !important; color:var(--mav-text);
    position:relative; padding-left:14px; margin:0; line-height:1.2; white-space:nowrap;
}
.page-title-box .page-title::before{
    content:''; position:absolute; left:0; top:50%; transform:translateY(-50%);
    width:4px; height:24px; border-radius:3px;
    background:linear-gradient(180deg,var(--mav-green-2),var(--mav-green-deep));
}
/* Başlık altı bağlam yazısı (mvx-page-h hero'nun yerini alır — tek başlık) */
.page-title-box .page-title-wrap{ display:flex; flex-direction:column; gap:3px; min-width:0; }
.page-title-box .page-subtitle{
    font-size:13px; font-weight:500; color:var(--mav-muted);
    padding-left:14px; line-height:1.35; white-space:normal;
}

/* Modern breadcrumb şeridi */
.mav-breadcrumb{
    display:flex; align-items:center; gap:8px; flex-wrap:wrap;
    background:var(--mav-surface);
    border:1px solid var(--mav-border);
    border-radius:12px;
    padding:7px 14px;
    box-shadow:var(--mav-shadow-sm);
    font-size:13px;
}
.mav-bc-home{
    display:inline-flex; align-items:center; justify-content:center;
    width:26px; height:26px; border-radius:8px;
    background:rgba(31,224,138,.12); color:var(--mav-green-deep);
    text-decoration:none; transition:.15s; flex-shrink:0;
}
.mav-bc-home:hover{ background:rgba(31,224,138,.22); color:var(--mav-green); transform:translateY(-1px); }
.mav-bc-sep{ color:var(--mav-muted); font-size:9px; opacity:.6; }
.mav-bc-item{
    color:var(--mav-muted); text-decoration:none; font-weight:500;
    white-space:nowrap; transition:.15s; padding:2px 4px; border-radius:6px;
}
a.mav-bc-item:hover{ color:var(--mav-green-deep); background:rgba(31,224,138,.08); }
.mav-bc-item.active{ color:var(--mav-text); font-weight:700; }

/* ═══════════════ KARTLAR ═══════════════ */
.card{
    background:var(--mav-surface) !important;
    border:1px solid var(--mav-border) !important;
    border-radius:var(--mav-radius) !important;
    box-shadow:var(--mav-shadow-sm) !important;
    transition:transform .16s ease, box-shadow .16s ease;
    margin-bottom:24px;
}
.card:hover{ box-shadow:var(--mav-shadow) !important; }
.card-body{ padding:22px; }
.card-title, .card .card-title{
    color:var(--mav-text) !important; font-weight:700 !important; font-size:16px !important;
}
.card-header{
    background:transparent !important;
    border-bottom:1px solid var(--mav-border) !important;
    padding:16px 22px !important;
}

/* Mini stat kartları (dashboard) */
.mini-stats-wid{ position:relative; overflow:hidden; }
.mini-stats-wid::before{
    content:''; position:absolute; top:0; left:0; width:100%; height:3px;
    background:linear-gradient(90deg,var(--mav-green-2),var(--mav-green-deep));
    opacity:.9;
}
.mini-stats-wid .card-body{ padding:20px 22px; }
.mini-stats-wid p.text-muted{ color:var(--mav-muted) !important; font-size:13px; font-weight:600; }
.mini-stats-wid h4{ color:var(--mav-text) !important; font-weight:800 !important; font-size:30px !important; }
.mini-stats-wid .avatar-sm{ height:54px; width:54px; }
.mini-stats-wid .avatar-title{
    height:54px; width:54px; font-size:22px !important;
    box-shadow:0 6px 16px rgba(0,0,0,.12);
}

/* Avatar renkleri — MAVRONIX uyumlu */
.avatar-title.bg-primary, .avatar-title.bg-soft-primary{ background:linear-gradient(135deg,var(--mav-green-2),var(--mav-green-deep)) !important; color:#03251a !important; }
.avatar-title.bg-success, .avatar-title.bg-soft-success{ background:linear-gradient(135deg,#34d399,#059669) !important; color:#04231a !important; }
.avatar-title.bg-info,    .avatar-title.bg-soft-info{    background:linear-gradient(135deg,#60a5fa,#2563eb) !important; color:#fff !important; }
.avatar-title.bg-warning, .avatar-title.bg-soft-warning{ background:linear-gradient(135deg,#fbbf24,#d97706) !important; color:#2a1800 !important; }
.avatar-title.bg-danger,  .avatar-title.bg-soft-danger{  background:linear-gradient(135deg,#f87171,#dc2626) !important; color:#fff !important; }

/* ═══════════════ LİSTE GRUBU ═══════════════ */
.list-group-item{
    background:var(--mav-surface-2) !important;
    border:1px solid var(--mav-border) !important;
    color:var(--mav-text) !important;
    border-radius:10px !important; margin-bottom:8px; padding:13px 16px;
    transition:.14s;
}
.list-group-item:hover{
    background:rgba(31,224,138,.06) !important;
    border-color:rgba(31,224,138,.25) !important;
    transform:translateX(2px);
}

/* ═══════════════ BADGE ═══════════════ */
.badge.bg-success{ background:linear-gradient(135deg,#34d399,#059669) !important; color:#04231a !important; }
.badge.bg-info{ background:linear-gradient(135deg,#60a5fa,#2563eb) !important; }
.badge.bg-secondary{ background:var(--mav-surface) !important; color:var(--mav-muted) !important; border:1px solid var(--mav-border); }
.badge.bg-primary{ background:linear-gradient(135deg,var(--mav-green-2),var(--mav-green-deep)) !important; color:#03251a !important; }
.badge.bg-warning{ background:linear-gradient(135deg,#fbbf24,#d97706) !important; color:#2a1800 !important; }

/* ═══════════════ BUTONLAR ═══════════════ */
.btn-primary{
    background:linear-gradient(135deg,var(--mav-green-2),var(--mav-green-deep)) !important;
    border:0 !important; color:#03251a !important; font-weight:700;
    box-shadow:0 6px 18px var(--mav-green-glow);
}
.btn-primary:hover{ filter:brightness(1.06); transform:translateY(-1px); color:#03251a !important; }
.btn-outline-primary{ border-color:var(--mav-green) !important; color:var(--mav-green-deep) !important; }
.btn-outline-primary:hover{ background:var(--mav-green) !important; color:#03251a !important; }
.btn-success{ background:linear-gradient(135deg,#34d399,#059669) !important; border:0 !important; color:#04231a !important; font-weight:700; }

/* ═══════════════ TABLOLAR ═══════════════ */
.table{ color:var(--mav-text); }
.table thead th{
    background:var(--mav-surface-2) !important; color:var(--mav-muted) !important;
    border-bottom:1px solid var(--mav-border) !important;
    font-size:11.5px; text-transform:uppercase; letter-spacing:.4px; font-weight:700;
}
.table tbody td{ border-color:var(--mav-border) !important; }
.table-hover tbody tr:hover{ background:rgba(31,224,138,.05) !important; }

/* ═══════════════ FORM ═══════════════ */
.form-control, .form-select{
    background:var(--mav-surface-2) !important;
    border:1px solid var(--mav-border) !important;
    color:var(--mav-text) !important;
    border-radius:var(--mav-radius-sm) !important;
}
.form-control:focus, .form-select:focus{
    border-color:var(--mav-green) !important;
    box-shadow:0 0 0 3px var(--mav-green-glow) !important;
}
.form-control::placeholder{ color:var(--mav-muted) !important; opacity:.7; }
.form-label{ color:var(--mav-text-2); font-weight:600; font-size:13px; }

/* ═══════════════ FOOTER ═══════════════ */
.footer.mavronix-footer{
    margin-left:var(--mav-sidebar-w);
    background:transparent !important;
    border-top:1px solid var(--mav-border);
    color:var(--mav-muted); font-size:12.5px;
    padding:16px 26px; display:flex; align-items:center; justify-content:space-between;
}
.footer.mavronix-footer strong{ color:var(--mav-green-deep); }
.mavronix-footer-secure{ display:inline-flex; align-items:center; gap:6px; color:var(--mav-green-deep); }
.mavronix-footer-secure i{ color:var(--mav-green); }

/* ═══════════════ DROPDOWN ═══════════════ */
.dropdown-menu{
    background:var(--mav-surface) !important;
    border:1px solid var(--mav-border) !important;
    border-radius:14px !important; box-shadow:var(--mav-shadow) !important;
    padding:6px;
}
.dropdown-item{ color:var(--mav-text) !important; border-radius:9px; padding:9px 12px; font-size:13.5px; }
.dropdown-item:hover{ background:rgba(31,224,138,.10) !important; color:var(--mav-green-deep) !important; }
.dropdown-item.text-danger:hover{ background:rgba(239,68,68,.10) !important; color:var(--mav-danger) !important; }
.dropdown-divider{ border-color:var(--mav-border); }

/* metisMenu collapse animasyon */
.metismenu .mm-collapse:not(.mm-show){ display:none; }
.metismenu .mm-collapse.mm-show{ display:block; }

/* ═══════════════ RESPONSIVE ═══════════════ */
@media (max-width:991.98px){
    .main-content{ margin-left:0; }
    #page-topbar{ left:0; }
    .footer.mavronix-footer{ margin-left:0; flex-direction:column; gap:4px; text-align:center; }
    .vertical-menu{
        transform:translateX(-100%); transition:transform .25s ease;
    }
    body.sidebar-enable .vertical-menu{ transform:translateX(0); }
    .page-content{ padding-left:14px; padding-right:14px; }
}
@media (max-width:575.98px){
    .page-content{ padding-top:calc(var(--mav-topbar-h) + 18px); }
    .page-title-box{ flex-direction:column; align-items:flex-start; gap:10px; }
    .page-title-box .page-title{ font-size:20px !important; }
    .mav-breadcrumb{ padding:6px 12px; font-size:12px; }
    #page-topbar .app-search{ display:none !important; }   /* mobilde arama gizli (zaten Ctrl+K) */
    .mini-stats-wid h4{ font-size:24px !important; }
    .card-body{ padding:16px; }
}

/* ═══════════════ DASHBOARD WIDGET'LARI ═══════════════ */
/* Son eklenen kullanıcılar */
.dash-user-row{
    display:flex; align-items:center; gap:12px;
    padding:10px 12px; border-radius:11px;
    background:var(--mav-surface-2); border:1px solid var(--mav-border);
    transition:.14s;
}
.dash-user-row:hover{ background:rgba(31,224,138,.06); border-color:rgba(31,224,138,.25); transform:translateX(2px); }
.dash-user-avatar{
    width:38px; height:38px; border-radius:50%; flex-shrink:0;
    display:flex; align-items:center; justify-content:center;
    font-weight:800; font-size:13px; color:var(--mav-text);
}
.dash-user-avatar.bg-success-subtle{ background:rgba(16,185,129,.15); color:#059669; }
.dash-user-avatar.bg-info-subtle{ background:rgba(59,130,246,.15); color:#2563eb; }
.dash-user-avatar.bg-secondary-subtle{ background:var(--mav-surface); color:var(--mav-muted); }
.dash-user-name{ flex-grow:1; font-weight:600; color:var(--mav-text); }

/* Aktivite zaman çizelgesi */
.dash-timeline{ position:relative; padding-left:6px; }
.dash-timeline-item{ display:flex; gap:14px; padding:8px 0; position:relative; }
.dash-timeline-item:not(:last-child)::before{
    content:''; position:absolute; left:18px; top:38px; bottom:-8px;
    width:2px; background:var(--mav-border);
}
.dash-timeline-dot{
    width:38px; height:38px; border-radius:11px; flex-shrink:0;
    display:flex; align-items:center; justify-content:center; font-size:16px; z-index:1;
}
.dash-timeline-dot.bg-success-subtle{ background:rgba(16,185,129,.15); color:#10b981; }
.dash-timeline-dot.bg-info-subtle{ background:rgba(59,130,246,.15); color:#3b82f6; }
.dash-timeline-dot.bg-warning-subtle{ background:rgba(245,158,11,.15); color:#f59e0b; }
.dash-timeline-body{ padding-top:3px; font-size:13.5px; color:var(--mav-text); }

/* Hızlı erişim kutuları */
.dash-quick{
    display:flex; align-items:center; gap:10px;
    padding:13px 14px; border-radius:12px;
    background:var(--mav-surface-2); border:1px solid var(--mav-border);
    color:var(--mav-text); text-decoration:none; font-weight:600; font-size:13.5px;
    transition:.15s; height:100%;
}
.dash-quick:hover{
    background:rgba(31,224,138,.07); border-color:rgba(31,224,138,.3);
    color:var(--mav-green-deep); transform:translateY(-2px); box-shadow:var(--mav-shadow-sm);
}
.dash-quick-ic{
    width:36px; height:36px; border-radius:10px; flex-shrink:0;
    display:flex; align-items:center; justify-content:center; font-size:17px;
}

/* ═══════════════ TOPBAR LAYOUT DÜZELTME (v4.1) ═══════════════
   Dengeli yerleşim: [hamburger]  [arama──genişler──]  [ikonlar sağda]
   navbar-header'ın iki .d-flex grubunu hizalar. */
#page-topbar .navbar-header{
    display:flex !important; align-items:center; gap:14px;
    justify-content:flex-start !important;   /* space-between'i ezer */
}
/* Sol grup: sadece hamburger — büyümesin */
#page-topbar .navbar-header > .d-flex:first-child{
    flex:0 0 auto; align-items:center; gap:6px;
}
/* Sağ grup: tüm kalan alanı kapla → arama + ikonlar */
#page-topbar .navbar-header > .d-flex:last-child{
    flex:1 1 auto; display:flex; align-items:center; gap:8px;
}
/* Arama: makul genişlik + sağına otomatik boşluk → ikonları sağa iter */
#page-topbar .app-search{
    flex:0 1 auto;
    width:min(520px, 42vw);
    margin:0 auto 0 4px !important;   /* sağda auto: ikonlar en sağa */
    margin-right:auto !important;
}
#page-topbar .app-search > .position-relative{ position:relative; }

/* Ctrl+K rozetini input içinde dikey ortala + sade görünüm */
#page-topbar .search-kbd-hint{
    position:absolute !important;
    right:10px !important; top:50% !important; left:auto !important; bottom:auto !important;
    transform:translateY(-50%) !important;
    display:inline-flex; align-items:center; gap:3px;
    padding:3px 8px; border-radius:7px;
    font-size:10.5px; font-weight:700; line-height:1;
    color:var(--mav-muted);
    background:var(--mav-surface) !important;
    border:1px solid var(--mav-border) !important;
    box-shadow:none !important;
    pointer-events:none; z-index:3;
}
#page-topbar .search-kbd-hint kbd{
    all:unset !important; font:inherit !important; color:inherit !important;
    background:none !important; padding:0 !important; box-shadow:none !important;
}
#page-topbar .app-search:focus-within .search-kbd-hint{ opacity:0; }

/* Sağ ikon grubu hizası — fazla ms-2 marginleri normalize et */
#page-topbar .navbar-header > .d-flex:last-child > .dropdown,
#page-topbar .navbar-header > .d-flex:last-child > div{ margin-left:6px !important; }

/* Mobilde arama gizliyken ikonlar düzgün sağda kalsın */
@media (max-width:991.98px){
    #page-topbar .app-search{ display:none !important; }
    #page-topbar .navbar-header > .d-flex:last-child{ justify-content:flex-end; }
}

/* ═══════════════ DARALTILMIŞ (MINI) SIDEBAR — v4.2 ═══════════════
   Hamburger → body.vertical-collpsed (Veltrix). Sidebar 76px icon-mode.
   Logo sembole döner. Hover'da geçici tam genişlik (flyout). */
:root{ --mav-sidebar-mini:78px; }

body.vertical-collpsed .vertical-menu{
    width:var(--mav-sidebar-mini);
    transition:width .22s ease;
}
body.vertical-collpsed .main-content{ margin-left:var(--mav-sidebar-mini); transition:margin .22s ease; }
body.vertical-collpsed #page-topbar{ left:var(--mav-sidebar-mini); transition:left .22s ease; }
body.vertical-collpsed .footer.mavronix-footer{ margin-left:var(--mav-sidebar-mini); transition:margin .22s ease; }

/* Brand: sadece orb görünür, metin gizli, ortalı */
body.vertical-collpsed .mavronix-brand-text{ display:none; }
body.vertical-collpsed .mavronix-sidebar-brand{ padding:18px 0 14px; text-align:center; }
body.vertical-collpsed .mavronix-brand-link{ justify-content:center; gap:0; }

/* Menü: etiketleri gizle, ikonları ortala */
body.vertical-collpsed #sidebar-menu ul li a{
    justify-content:center; padding:13px 0 !important; gap:0; border-left:0;
}
body.vertical-collpsed #sidebar-menu ul li a span{ display:none; }
body.vertical-collpsed #sidebar-menu ul li a i{ min-width:auto; font-size:18px !important; }
body.vertical-collpsed #sidebar-menu li a.has-arrow::after{ display:none; }
body.vertical-collpsed .menu-title{
    text-align:center; padding:14px 0 6px !important; font-size:0 !important;
}
body.vertical-collpsed .menu-title::after{
    content:'•••'; font-size:11px; letter-spacing:2px; color:var(--mav-sidebar-mut); opacity:.6;
}
/* Aktif item: sol bar yerine arka plan pill */
body.vertical-collpsed #sidebar-menu ul li.mm-active > a{
    border-left:0;
    background:rgba(31,224,138,.14) !important;
}
/* Premium kart + alt menü gizle */
body.vertical-collpsed .mavronix-premium-card{ display:none; }
body.vertical-collpsed #sidebar-menu .sub-menu{ display:none !important; }

/* ── Hover'da geçici tam genişlik (flyout overlay) ── */
@media (min-width:992px){
    body.vertical-collpsed .vertical-menu:hover{
        width:var(--mav-sidebar-w);
        box-shadow:8px 0 40px rgba(0,0,0,.4);
        z-index:1005;
    }
    body.vertical-collpsed .vertical-menu:hover .mavronix-brand-text{ display:flex; }
    body.vertical-collpsed .vertical-menu:hover .mavronix-sidebar-brand{ padding:18px 18px 16px; text-align:left; }
    body.vertical-collpsed .vertical-menu:hover .mavronix-brand-link{ justify-content:flex-start; gap:12px; }
    body.vertical-collpsed .vertical-menu:hover #sidebar-menu ul li a{
        justify-content:flex-start; padding:11px 22px !important; gap:12px; border-left:3px solid transparent;
    }
    body.vertical-collpsed .vertical-menu:hover #sidebar-menu ul li a span{ display:inline; }
    body.vertical-collpsed .vertical-menu:hover #sidebar-menu ul li a i{ min-width:22px; }
    body.vertical-collpsed .vertical-menu:hover #sidebar-menu ul li.mm-active > a{ border-left:3px solid var(--mav-green-2); }
    body.vertical-collpsed .vertical-menu:hover .menu-title{ text-align:left; padding:18px 22px 8px !important; font-size:10.5px !important; }
    body.vertical-collpsed .vertical-menu:hover .menu-title::after{ content:''; }
    body.vertical-collpsed .vertical-menu:hover li a.has-arrow::after{ display:inline-block; }
    body.vertical-collpsed .vertical-menu:hover .mavronix-premium-card{ display:flex; }
}

/* ═══════════════ TOPBAR PROFİL DROPDOWN — MAVRONIX yeşil ═══════════════ */
#page-header-user-dropdown + .dropdown-menu,
.dropdown-menu[aria-labelledby="page-header-user-dropdown"]{
    overflow:hidden; padding:0 !important;
    border:1px solid var(--mav-border) !important;
}
.mav-userdrop-head{
    background:linear-gradient(135deg, var(--mav-green-deep), var(--mav-green) 60%, var(--mav-green-2));
    color:#03251a;
    position:relative;
}
.mav-userdrop-head::after{
    content:''; position:absolute; inset:0;
    background:radial-gradient(120px 80px at 85% 20%, rgba(255,255,255,.18), transparent 70%);
    pointer-events:none;
}
.mav-userdrop-avatar{
    border:2px solid rgba(255,255,255,.55);
    box-shadow:0 2px 10px rgba(0,0,0,.25);
}
.mav-userdrop-name{ color:#03251a; font-size:14px; }
.mav-userdrop-role{ color:rgba(3,37,26,.78); font-weight:600; }
.mav-userdrop-mail{ color:rgba(3,37,26,.7); }
/* Menü öğeleri zaten .dropdown-item üzerinden yeşil hover alıyor */
.dropdown-menu[aria-labelledby="page-header-user-dropdown"] .dropdown-divider{ border-color:var(--mav-border); margin:4px 8px; }

/* ═══════════ MAVRONIX Finance — Sidebar Premium (Pro) ═══════════ */
.menu-title-pro{ color:#E2AE30 !important; }
.menu-crown{ color:#E2AE30; font-size:12px; }
/* Kilitli Pro menü öğesi */
.vertical-menu a.mav-locked{ opacity:.72; }
.vertical-menu a.mav-locked:hover{ opacity:1; }
.vertical-menu a.mav-locked .mav-lock-ico{ margin-left:auto; font-size:12px; color:#E2AE30; opacity:.85; }
.vertical-menu a .mav-lock-ico{ float:right; }
/* "Hemen Pro Dene" CTA */
.mav-pro-cta{ display:flex; align-items:center; justify-content:center; gap:8px; text-decoration:none;
    background:linear-gradient(135deg,#1CB960,#15a052); color:#0a2018 !important; font-weight:800; font-size:13.5px;
    padding:11px 14px; border-radius:11px; box-shadow:0 8px 22px rgba(28,185,96,.3); transition:.16s; }
.mav-pro-cta:hover{ transform:translateY(-1px); box-shadow:0 12px 28px rgba(28,185,96,.42); color:#0a2018; }
.mav-pro-cta i{ font-size:14px; }
/* Pro aktif rozeti */
.mav-pro-active{ display:flex; align-items:center; gap:10px; padding:11px 13px; border-radius:11px; position:relative;
    background:rgba(28,185,96,.1); border:1px solid rgba(28,185,96,.28); }
.mav-pro-active > i{ color:#E2AE30; font-size:18px; }
.mav-pro-active-title{ font-size:13px; font-weight:800; color:var(--mav-text,#e8edf3); }
.mav-pro-active-sub{ font-size:11px; color:var(--mav-muted,#7b8794); }

/* ═══════════ MAVRONIX Finance — Sidebar AÇIK TEMA uyumu ═══════════ */
html[data-bs-theme="light"]{
    --mav-sidebar:    #ffffff;
    --mav-sidebar-2:  #f2f6f3;
    --mav-sidebar-tx: #2a3622;
    --mav-sidebar-mut:#6b7a66;
}
html[data-bs-theme="light"] .vertical-menu{ border-right:1px solid rgba(18,163,104,.16); box-shadow:2px 0 18px rgba(20,40,24,.06); }
html[data-bs-theme="light"] .mavronix-sidebar-brand{ border-bottom-color:rgba(18,163,104,.16); }
html[data-bs-theme="light"] .mavronix-brand-name{ background:linear-gradient(180deg,#15a052,#0b7048); -webkit-background-clip:text; background-clip:text; color:transparent; }
html[data-bs-theme="light"] #sidebar-menu ul li a:hover{ background:rgba(18,163,104,.07) !important; color:#0b2a1c !important; }
html[data-bs-theme="light"] #sidebar-menu ul li a:hover span{ color:#0b2a1c !important; }
html[data-bs-theme="light"] #sidebar-menu ul li.mm-active > a,
html[data-bs-theme="light"] #sidebar-menu .mm-active > a{ background:linear-gradient(90deg,rgba(28,185,96,.14),transparent) !important; color:#0b2a1c !important; }
html[data-bs-theme="light"] #sidebar-menu .sub-menu li a{ color:#3a4a34 !important; }
html[data-bs-theme="light"] .mav-pro-active{ background:rgba(28,185,96,.1); border-color:rgba(28,185,96,.3); }
html[data-bs-theme="light"] .mav-pro-active-title{ color:#16210f; }

/* Premium (ücretli) menü öğesi işareti — altın taç / kilit */
.mav-prem-ico{ margin-left:auto; font-size:12.5px; color:#E2AE30; flex-shrink:0; }
.vertical-menu a.mav-premium-item span{ flex:0 1 auto; }
body.vertical-collpsed .mav-prem-ico{ display:none; }

/* ═══════════ Kullanıcı izin listesi (SweetAlert2 modal) ═══════════ */
.perm-chip{ font-weight:700; }
.perm-list{ text-align:left; max-height:56vh; overflow:auto; display:flex; flex-direction:column; gap:6px; }
.perm-line{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; padding:8px 11px; border-radius:9px;
    background:rgba(16,185,129,.08); border:1px solid rgba(16,185,129,.22); }
.perm-line .perm-key{ font-weight:800; color:#10b981; font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:13px; }
.perm-line .perm-name{ color:var(--mav-text-2,#c7cfdb); font-size:12.5px; }
.perm-all{ text-align:center; font-size:14.5px; line-height:1.6; }