/* ============================================================
   Sangin Savaran Asia — Operator Panel Theme Override
   Palette from logo: Red #D50000 + Yellow #FFC400
   Loaded AFTER app-rtl.min.css to override Skote dark theme.
   Mirrors corporate-theme of main site, mapped to Operator selectors.
   ============================================================ */
:root{
    --brand-50:#FEF2F2; --brand-100:#FEE2E2; --brand-200:#FECACA;
    --brand-300:#F38B8B; --brand-400:#E53935; --brand-500:#D50000;
    --brand-600:#B00000; --brand-700:#8A0000; --brand-800:#5F0000; --brand-900:#380000;
    --accent-200:#FFECB3; --accent-300:#FFE082; --accent-400:#FFC400;
    --accent-500:#FFB300; --accent-600:#E69E00;
    --bs-primary:#D50000; --bs-primary-rgb:213,0,0;
}
*{font-family:"Vazirmatn","IRANSans",Tahoma,sans-serif}

/* Topbar — white with brand colors (no height change — use pseudo-elements to avoid overlap) */
#page-topbar{
    background:#fff !important; border-bottom:1px solid #F0DDD3 !important;
    border-top:none !important; box-shadow:0 4px 20px -10px rgba(56,0,0,.18) !important;
}
#page-topbar::before{
    content:""; position:absolute; top:0; left:0; right:0; height:3px;
    background:var(--brand-600); pointer-events:none; z-index:1;
}
#page-topbar::after{
    content:""; position:absolute; left:0; right:0; bottom:0; height:3px;
    background:var(--accent-400); pointer-events:none; z-index:1;
}
.navbar-header{border-bottom:none !important; margin-bottom:0 !important;}
/* Keep original layout spacing — do not touch height/top/padding */
.navbar-brand-box{
    background:linear-gradient(180deg,#200000,var(--brand-900)) !important;
    border-left:1px solid rgba(255,196,0,.2) !important;
}
.navbar-brand-box .logo-txt{color:#fff !important; font-weight:800; letter-spacing:.02em;}
.navbar-brand-box img{height:34px; background:#fff; border-radius:8px; padding:2px 6px; border:1px solid rgba(255,196,0,.5);}
#vertical-menu-btn{color:var(--brand-700) !important;}

/* Sidebar — deep red gradient like main panel — FIX dashboard under header for good */
.vertical-menu{
    background:linear-gradient(180deg,#200000 0%,var(--brand-900) 45%,var(--brand-800) 100%) !important;
    border-left:1px solid rgba(255,196,0,.2) !important;
    top:20px !important; /* keep below fixed header */
    padding-top:0 !important;
}
.vertical-menu::before{
    content:""; position:absolute; top:0; left:0; right:0; height:3px;
    background:var(--accent-400);
    pointer-events:none; z-index:2;
}
/* inner scroll area must start below header */
.vertical-menu .simplebar-content,
.vertical-menu [data-simplebar],
#sidebar-menu{
    padding-top:22px !important;
}
#side-menu{padding-top:12px !important;}
#side-menu > li:first-child{margin-top:14px !important;}
/* ensure header stays on top */
#page-topbar{z-index:1003 !important;}
.vertical-menu{z-index:1001 !important;}
#sidebar-menu ul li a{color:#F3D9D9 !important; font-weight:500;}
#sidebar-menu ul li a i, #sidebar-menu ul li a svg{color:#FFD54F !important; opacity:.9;}
#sidebar-menu ul li a:hover{color:#fff !important; background:rgba(255,255,255,.08) !important;}
#sidebar-menu ul li.mm-active > a,
#sidebar-menu ul li a.active{
    background:linear-gradient(135deg,var(--brand-500),var(--brand-700)) !important;
    color:#fff !important; border-radius:8px; border-bottom:2px solid var(--accent-400) !important;
}
#sidebar-menu ul li ul.sub-menu{background:rgba(0,0,0,.2) !important; border-radius:8px; margin:4px 8px;}
#sidebar-menu ul li ul.sub-menu li a{color:#E8CFCF !important; padding:.5rem 1rem !important;}
#sidebar-menu ul li ul.sub-menu li a:hover{color:#fff !important;}
.mm-active{color:#fff !important;}

/* Main content background */
body, .main-content, .page-content{background:#FFFBF8 !important;}
.container-fluid{padding-top:1.2rem;}

/* Cards */
.card{
    border:1px solid #F0DDD3 !important; border-radius:14px !important;
    box-shadow:0 10px 30px -22px rgba(138,0,0,.35) !important; background:#fff !important;
}
.card-header{background:#fff !important; border-bottom:1px solid #F0DDD3 !important; font-weight:700; color:var(--brand-800) !important; border-top:3px solid var(--accent-400) !important; border-radius:14px 14px 0 0 !important;}

/* Buttons — red gradient + yellow bottom edge */
.btn-primary, .bg-primary{
    background:linear-gradient(135deg,var(--brand-500),var(--brand-700)) !important;
    border-color:var(--brand-700) !important; border-bottom:2px solid var(--accent-400) !important; color:#fff !important;
}
.btn-primary:hover{background:linear-gradient(135deg,var(--brand-600),var(--brand-800)) !important; transform:translateY(-1px);}
.btn-outline-primary{color:var(--brand-600) !important; border-color:var(--brand-300) !important; background:#fff !important;}
.btn-outline-primary:hover{background:linear-gradient(135deg,var(--brand-500),var(--brand-700)) !important; color:#fff !important;}
.btn-info{background:var(--brand-500) !important; border-color:var(--brand-600) !important; color:#fff !important;}
.btn-warning{background:linear-gradient(135deg,var(--accent-400),var(--accent-500)) !important; border-color:var(--accent-600) !important; color:#380000 !important; font-weight:700 !important;}
.btn-success{background:#15803d !important; border-color:#15803d !important;}
.btn-danger{background:linear-gradient(135deg,#8A0000,#5F0000) !important; border-color:#5F0000 !important; border-bottom:2px solid var(--accent-400) !important;}
.btn{border-radius:10px !important; font-weight:600;}

/* Forms */
.form-control, .form-select{border-radius:10px !important; border-color:#E5CFC3 !important; background:#fff !important;}
.form-control:focus, .form-select:focus{border-color:var(--brand-400) !important; box-shadow:0 0 0 4px rgba(213,0,0,.14) !important;}
.form-label{font-weight:600; color:var(--brand-800);}

/* Tables */
.table thead th{background:var(--brand-50) !important; color:var(--brand-800) !important; border-bottom:2px solid var(--accent-400) !important; font-weight:700;}
.table-hover tbody tr:hover > *{background:var(--brand-50) !important;}
.dataTables_wrapper .dataTables_paginate .pagination .page-item.active .page-link{background:linear-gradient(135deg,var(--brand-500),var(--brand-700)) !important; border-color:var(--brand-600) !important; color:#fff !important;}
.page-link{color:var(--brand-600) !important;}

/* Badges & alerts */
.badge-soft-primary, .bg-soft-primary{background:var(--brand-50) !important; color:var(--brand-700) !important; border:1px solid var(--brand-100);}
.alert-primary{background:var(--brand-50) !important; border-color:var(--brand-100) !important; color:var(--brand-700) !important;}

/* Login page — if used */
.auth-page, body[data-layout-mode="light"] .auth-page{
    background:radial-gradient(700px 320px at 85% 10%, rgba(255,196,0,.3), transparent 60%),
               linear-gradient(160deg,#200000,var(--brand-800),var(--brand-500)) !important;
}

/* bust 20260907-1415 */
/* fix sidebar clip 20260907-1425 */
/* FINAL FIX 20260907143536 */
/* push down more 20260907-1440 */