/* PBA-ALPR Admin — Skote-style layout (replaces the theme's missing app.min.css). */
:root{
  --sidebar-w:250px; --topbar-h:70px;
  --sidebar-bg:#2a3042; --sidebar-link:#a6b0cf;
  --primary:#556ee6; --bg:#f8f8fb;
  --card-shadow:0 .75rem 1.5rem rgba(18,38,63,.06);
}
body{ background:var(--bg)!important; color:#495057; font-family:'Poppins',system-ui,-apple-system,sans-serif; font-size:.8125rem; }
a{ text-decoration:none; }

/* ---------- Topbar ---------- */
#page-topbar{ position:fixed; top:0; right:0; left:var(--sidebar-w); z-index:1002; background:#fff; box-shadow:0 3px 6px rgba(18,38,63,.06); }
.navbar-header{ display:flex; justify-content:space-between; align-items:center; height:var(--topbar-h); padding:0 12px 0 0; margin:0; }
.navbar-brand-box{ position:fixed; left:0; top:0; width:var(--sidebar-w); height:var(--topbar-h); line-height:var(--topbar-h); text-align:center; background:var(--sidebar-bg); z-index:1; }
.navbar-brand-box .logo img{ display:none; }
.navbar-brand-box::after{ content:"PBA-ALPR"; color:#fff; font-weight:600; letter-spacing:.05em; font-size:18px; }
.header-item{ height:var(--topbar-h); border:0!important; background:transparent!important; color:#555b6d; box-shadow:none!important; }
.header-item:hover{ color:var(--primary); }
.noti-icon i{ font-size:22px; color:#555b6d; }
#vertical-menu-btn{ font-size:18px; color:#555b6d; }

/* ---------- Sidebar ---------- */
.vertical-menu{ position:fixed; top:0; bottom:0; left:0; width:var(--sidebar-w); background:var(--sidebar-bg); padding-top:var(--topbar-h); z-index:1001; overflow-y:auto; }
#sidebar-menu{ padding:10px 0 40px; }
#sidebar-menu ul{ list-style:none; padding:0; margin:0; }
#sidebar-menu .menu-title{ padding:14px 20px 6px; color:#6a7187; font-size:11px; text-transform:uppercase; letter-spacing:.05em; font-weight:600; }
#sidebar-menu ul li a{ display:block; padding:.65rem 1.5rem; color:var(--sidebar-link); font-size:13px; position:relative; transition:.2s; }
#sidebar-menu ul li a i{ display:inline-block; min-width:1.75rem; font-size:18px; line-height:1; vertical-align:middle; color:#a6b0cf; }
#sidebar-menu ul li a:hover,#sidebar-menu ul li a.active,#sidebar-menu li.mm-active>a{ color:#fff; background:rgba(255,255,255,.05); }
#sidebar-menu ul li a:hover i,#sidebar-menu ul li a.active i,#sidebar-menu li.mm-active>a i{ color:#fff; }
#sidebar-menu .sub-menu li a{ padding-left:3.4rem; font-size:12.5px; }
.has-arrow:after{ content:"\203A"; position:absolute; right:20px; top:50%; transform:translateY(-50%) rotate(0); transition:.2s; }
li.mm-active>.has-arrow:after{ transform:translateY(-50%) rotate(90deg); }
.sub-menu{ display:none; }
li.mm-active>.sub-menu,.mm-show{ display:block!important; }

/* ---------- Content ---------- */
.main-content{ margin-left:var(--sidebar-w); min-height:100vh; }
.page-content{ padding:calc(var(--topbar-h) + 24px) 12px 70px; }
.footer{ position:fixed; bottom:0; right:0; left:var(--sidebar-w); height:60px; padding:18px 20px; background:#f2f2f5; color:#74788d; font-size:13px; }
.page-title-box{ padding:0 0 20px; display:flex; align-items:center; justify-content:space-between; }
.page-title-box h4,.page-title-box h1{ font-size:16px; font-weight:600; margin:0; text-transform:uppercase; }

/* ---------- Cards & bits ---------- */
.card{ border:none; box-shadow:var(--card-shadow); margin-bottom:24px; border-radius:.375rem; }
.card-title{ font-size:15px; font-weight:600; margin-bottom:.75rem; }
.btn-primary{ background:var(--primary); border-color:var(--primary); }
.bg-primary{ background:var(--primary)!important; }
.text-primary{ color:var(--primary)!important; }
.rounded-circle{ border-radius:50%!important; }
.avatar-title{ display:flex; align-items:center; justify-content:center; width:100%; height:100%; color:#fff; font-weight:500; }
.avatar-sm{ height:2rem; width:2rem; } .avatar-md{ height:3.5rem; width:3.5rem; }
.font-size-12{font-size:12px!important;} .font-size-14{font-size:14px!important;} .font-size-16{font-size:16px!important;}
.font-size-18{font-size:18px!important;} .font-size-22{font-size:22px!important;} .font-size-24{font-size:24px!important;}
.badge-soft-success{ color:#34c38f; background-color:rgba(52,195,143,.18); }
.badge-soft-danger{ color:#f46a6a; background-color:rgba(244,106,106,.18); }
.badge-soft-warning{ color:#f1b44c; background-color:rgba(241,180,76,.18); }
.badge-soft-info{ color:#50a5f1; background-color:rgba(80,165,241,.18); }
.badge-soft-primary{ color:#556ee6; background-color:rgba(85,110,230,.18); }
.badge-soft-secondary{ color:#74788d; background-color:rgba(116,120,141,.18); }
.dropdown-menu-lg{ width:320px; }
.mini-stats-wid .card-body{ padding:1.25rem; }

/* ---------- Mobile ---------- */
@media (max-width:991.98px){
  #page-topbar,.footer{ left:0; }
  .main-content{ margin-left:0; }
  .navbar-brand-box{ position:static; width:auto; padding:0 20px; }
  .vertical-menu{ left:-260px; transition:left .2s ease; }
  body.sidebar-enable .vertical-menu{ left:0; }
}