/* ============================================================
   KARAPARS RUN — Admin Panel Theme Override  ("Asphalt & Signal")
   Dark asphalt chrome · signal-amber #FFAA00 · sharp geometry.
   Replaces the old navy/gold Velzon skin entirely.
   Loaded AFTER app-rtl.min.css so it re-skins the template.
   ============================================================ */
:root{
    /* signal amber */
    --ra-signal:#FFAA00; --ra-signal-deep:#E89400; --ra-signal-ink:#7C4A03;
    --ra-signal-tint:#FFF3D6;

    /* asphalt chrome */
    --ra-asphalt:#1D232B; --ra-asphalt-2:#2A313B; --ra-asphalt-3:#39424E;

    /* legacy token names kept (views reference them) */
    --brand-50:#FFF8E6; --brand-100:var(--ra-signal-tint); --brand-200:#F2D9A0;
    --brand-300:#D9B36A; --brand-400:#B98A2E; --brand-500:var(--ra-asphalt);
    --brand-600:var(--ra-asphalt-2); --brand-700:#12161B; --brand-800:#0F1216; --brand-900:#0C0F12;
    --gold:var(--ra-signal);
    --accent-400:var(--ra-signal); --accent-500:var(--ra-signal-ink);

    /* canvas & ink (warm paper) */
    --canvas:#EFEEE9; --surface:#FFFFFF; --line:#D9D6CC; --line-strong:#B8B4A6;
    --ink-900:#171B21; --ink-700:#2E3540; --ink-600:#4A5361; --ink-500:#6D7684;

    --bs-primary:var(--ra-asphalt); --bs-primary-rgb:29,35,43;

    --ra-sh:0 1px 0 rgba(23,27,33,.05), 0 2px 8px rgba(23,27,33,.06);
    --ra-sh-pop:0 18px 48px rgba(23,27,33,.18);
}
*{font-family:"Vazirmatn","Vazir","IRANSans",Tahoma,sans-serif}
body,.main-content,.page-content{background:var(--canvas) !important; color:var(--ink-900);}

/* ---------- Topbar — asphalt bar with signal lane under-line ---------- */
#page-topbar{
    background:var(--ra-asphalt) !important;
    border-bottom:3px solid var(--ra-signal) !important;
    box-shadow:none !important; z-index:1003 !important;
}
.navbar-header{border-bottom:none !important;}
.navbar-brand-box{background:var(--ra-asphalt-2) !important;}
.navbar-brand-box .logo{padding:0 14px;}
.navbar-brand-box img{height:46px; width:auto;}
#vertical-menu-btn{color:var(--ra-signal) !important;}
.header-item{color:#C7CDD6 !important;}
.header-item:hover{color:#fff !important;}
.header-profile-user{border:2px solid var(--ra-asphalt-3);}
.not-icon i, .dropdown-icon i{color:#C7CDD6 !important;}

/* ---------- Sidebar — asphalt with lane-dash active marker ---------- */
.vertical-menu{
    background:var(--ra-asphalt) !important;
    border-right:3px solid var(--ra-signal) !important;
    box-shadow:none !important;
    z-index:1001 !important; top:0 !important;
}
.vertical-menu::before{
    content:""; position:absolute; top:0; left:0; right:0; height:3px;
    background:var(--ra-signal); z-index:2;
}
.vertical-menu .simplebar-content,
.vertical-menu [data-simplebar],
#sidebar-menu{padding-top:18px !important;}
#side-menu{padding-top:10px !important;}

.menu-title{color:var(--ink-500) !important; letter-spacing:.10em; text-transform:uppercase; font-size:.68rem; font-weight:800; display:flex; align-items:center; gap:8px;}
/* lane-dash divider to match the main-site panels' .sidebar-section::after */
.menu-title::after{content:""; flex:1; height:3px; background:repeating-linear-gradient(90deg, rgba(255,170,0,.5) 0 10px, transparent 10px 18px);}
#sidebar-menu > ul > li > a,
#sidebar-menu ul li a{
    color:#C7CDD6 !important; font-weight:600; font-size:.86rem;
    border-radius:4px; border:1px solid transparent;
}
#sidebar-menu ul li a i, #sidebar-menu ul li a svg{color:var(--ra-signal) !important; opacity:.8;}
#sidebar-menu ul li a:hover{color:#fff !important; background:var(--ra-asphalt-2) !important;}
#sidebar-menu ul li.mm-active > a,
#sidebar-menu ul li a.active{
    background:var(--ra-asphalt-2) !important; color:#fff !important;
    border-color:rgba(255,170,0,.35);
    box-shadow:inset -4px 0 0 var(--ra-signal);
}
#sidebar-menu ul li ul.sub-menu{background:rgba(0,0,0,.20) !important; border-radius:4px; margin:4px 8px;}
#sidebar-menu ul li ul.sub-menu li a{color:#9AA2AE !important; padding:.45rem 1rem !important; font-size:.82rem;}
#sidebar-menu ul li ul.sub-menu li a:hover{color:#fff !important;}
.mm-active{color:#fff !important;}

/* ---------- Cards — flat bordered paper, amber tab on header ---------- */
.card{
    border:1.5px solid var(--line) !important; border-radius:6px !important;
    box-shadow:var(--ra-sh) !important; background:var(--surface) !important;
}
.card-header{
    background:var(--surface) !important; border-bottom:2px solid var(--canvas) !important;
    font-weight:800; color:var(--ink-900) !important;
    box-shadow:inset 0 -3px 0 var(--ra-signal);
    border-radius:6px 6px 0 0 !important;
}
.card-title{color:var(--ink-900) !important; font-weight:800;}

/* ---------- Buttons — signal amber with asphalt text ---------- */
.btn-primary, .bg-primary{
    background:var(--ra-signal) !important; border-color:var(--ra-signal-deep) !important;
    color:var(--ra-asphalt) !important; box-shadow:none !important; font-weight:700;
}
.btn-primary:hover, .bg-primary:hover{background:var(--ra-signal-deep) !important; border-color:var(--ra-signal-deep) !important; color:var(--ra-asphalt) !important;}
.btn-outline-primary{color:var(--ink-900) !important; border-color:var(--line-strong) !important; background:transparent !important;}
.btn-outline-primary:hover{background:var(--ra-asphalt) !important; color:#fff !important; border-color:var(--ra-asphalt) !important;}
.btn-info{background:var(--ra-asphalt) !important; border-color:var(--ra-asphalt) !important; color:#fff !important;}
.btn-warning{background:var(--ra-signal-tint) !important; border-color:#F2D9A0 !important; color:var(--ra-signal-ink) !important; font-weight:700 !important;}
.btn-success{background:#2C6E49 !important; border-color:#2C6E49 !important; color:#fff !important;}
.btn-danger{background:#B23B2E !important; border-color:#B23B2E !important; color:#fff !important;}
.btn{border-radius:4px !important; font-weight:700;}

/* ---------- Forms — squared inputs, amber focus ---------- */
.form-control,.form-select{
    border-radius:4px !important; border:1.5px solid var(--line) !important;
    background:var(--surface) !important; color:var(--ink-900) !important;
}
.form-control:focus,.form-select:focus{
    border-color:var(--ra-asphalt) !important;
    box-shadow:0 0 0 3px rgba(255,170,0,.28) !important;
    background:var(--surface) !important;
}
.form-label{font-weight:700; color:var(--ink-600); font-size:.84rem;}
.input-group-text{background:var(--canvas) !important; border:1.5px solid var(--line) !important; color:var(--ink-500) !important; border-radius:4px !important;}

/* ---------- Tables — asphalt header band ---------- */
.table thead th{
    background:var(--ra-asphalt) !important; color:#E6E9ED !important;
    border-bottom:3px solid var(--ra-signal) !important;
    font-weight:800; font-size:.78rem; letter-spacing:.02em;
}
.table > tbody > tr > td, .table > thead > tr > th{border-color:var(--line) !important;}
.table-hover tbody tr:hover > *{background:var(--ra-signal-tint) !important;}
.table > :not(caption) > * > *{background:transparent;}
.page-link{color:var(--ink-600) !important; border-color:var(--line) !important; border-radius:4px !important;}
.dataTables_wrapper .dataTables_paginate .pagination .page-item.active .page-link{
    background:var(--ra-asphalt) !important; border-color:var(--ra-asphalt) !important; color:var(--ra-signal) !important;
}

/* ---------- Badges & alerts ---------- */
.badge{border-radius:4px !important; font-weight:800;}
.badge-soft-primary,.bg-soft-primary{background:var(--ra-signal-tint) !important; color:var(--ra-signal-ink) !important; border:1px solid #F2D9A0 !important;}
.alert-primary{background:var(--ra-signal-tint) !important; border-color:#F2D9A0 !important; color:var(--ra-signal-ink) !important;}

/* ---------- Breadcrumb / page title ---------- */
.page-title{color:var(--ink-900) !important; font-weight:800;}
.breadcrumb-item.active{color:var(--ra-signal-ink);}

/* ---------- Login (auth) page — asphalt stage ---------- */
.hero-slider-area{background:var(--ra-asphalt) !important;}
.login-wrap-login{
    background:var(--surface) !important; border:2px solid var(--ra-asphalt) !important;
    border-radius:6px !important; box-shadow:var(--ra-sh-pop) !important;
}
.login-wrap-login h3{color:var(--ink-900) !important;}
.btn-login.btn-primary-login{background:var(--ra-signal) !important; border:1px solid var(--ra-signal-deep) !important; color:var(--ra-asphalt) !important; font-weight:800 !important;}
.btn-login.btn-primary-login:hover{background:var(--ra-signal-deep) !important;}

/* ---------- Misc chrome ---------- */
.swal2-popup{border-radius:6px !important; border:2px solid var(--ra-asphalt); font-family:"Vazirmatn","Vazir",Tahoma,sans-serif !important;}
.swal2-confirm.swal2-styled{background:var(--ra-signal) !important; color:var(--ra-asphalt) !important; border-radius:4px !important;}
.modal-content{border:2px solid var(--ra-asphalt) !important; border-radius:6px !important;}
.dropdown-menu{border:1.5px solid var(--line) !important; border-radius:6px !important; box-shadow:var(--ra-sh-pop) !important;}
.dropdown-item:hover{background:var(--ra-signal-tint) !important;}
.progress{background:var(--line) !important; border-radius:2px !important;}
.progress-bar{background:var(--ra-signal) !important;}

/* ---------- Consistency refinements (match main-site panels) ---------- */
.text-muted{color:var(--ink-500) !important;}
.footer{background:var(--canvas) !important; color:var(--ink-500) !important; border-top:1.5px solid var(--line) !important;}
.footer a{color:var(--ra-signal-ink) !important; font-weight:700;}

/* secondary badge colours on-theme (earthy, not Velzon neon) */
.badge-soft-success,.bg-soft-success{background:#E4F0E9 !important; color:#2C6E49 !important; border:1px solid #BFE0CD !important;}
.badge-soft-danger,.bg-soft-danger{background:#F7E8E5 !important; color:#B23B2E !important; border:1px solid #E4BDB6 !important;}
.badge-soft-warning,.bg-soft-warning{background:var(--ra-signal-tint) !important; color:var(--ra-signal-ink) !important; border:1px solid #F2D9A0 !important;}
.badge-soft-info,.bg-soft-info{background:#E4ECF5 !important; color:#33587E !important; border:1px solid #C4D6EA !important;}
.badge-soft-secondary,.bg-soft-secondary{background:#EAE8E2 !important; color:var(--ink-600) !important; border:1px solid var(--line) !important;}

/* soft / link buttons */
.btn-soft-primary{background:var(--ra-signal-tint) !important; color:var(--ra-signal-ink) !important; border:1px solid #F2D9A0 !important;}
.btn-soft-primary:hover{background:#F2D9A0 !important;}
.btn-link{color:var(--ra-signal-ink) !important; font-weight:700;}

/* tabs — asphalt active tab with amber underline */
.nav-tabs{border-bottom:1.5px solid var(--line) !important;}
.nav-tabs .nav-link{border-radius:4px 4px 0 0 !important; color:var(--ink-600) !important; font-weight:700; border:1.5px solid transparent !important; border-bottom:none !important;}
.nav-tabs .nav-link.active{background:var(--surface) !important; color:var(--ra-asphalt) !important; box-shadow:inset 0 -3px 0 var(--ra-signal);}

/* checkboxes / radios */
.form-check-input:checked{background-color:var(--ra-signal) !important; border-color:var(--ra-signal-deep) !important;}
.form-check-input:focus{border-color:var(--ra-asphalt) !important; box-shadow:0 0 0 3px rgba(255,170,0,.28) !important;}

/* dropdown caret + striped rows */
.dropdown-toggle::after{border-top-color:currentColor !important;}
.table-striped > tbody > tr:nth-of-type(odd) > *{background:var(--canvas) !important; color:inherit;}

/* sidebar scrollbar (simplebar) */
.vertical-menu .simplebar-scrollbar::before{background:var(--ra-asphalt-3) !important;}