/* =====================================================================
   OBM ADMIN SKIN — reskins the Inspinia admin theme (assets/admin)
   to the obm blue/slate design system. Loaded AFTER Inspinia's
   style.css so it wins. Scope: the admin shell (#wrapper, .gray-bg,
   .ibox, nav, tables, buttons). Does not alter markup or JS.
   ===================================================================== */

/* ---------- base ---------- */
html, body { font-family: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif; }
.gray-bg { background: #f1f5f9 !important; }
#page-wrapper { min-height: 100vh; }

/* ---------- sidebar (Inspinia #side-menu) ---------- */
#side-menu {
  background: #0f172a !important;
  width: 232px;
}
#side-menu li { border: 0 !important; }
#side-menu li.active { background: transparent !important; border: 0 !important; }
#side-menu > ul > li { border-left: 0 !important; }
#side-menu > ul > li > a {
  color: #cbd5e1 !important;
  padding: 12px 18px;
  border: 0 !important;
  font-size: .88rem;
  font-weight: 500;
  transition: background .15s, color .15s;
}
#side-menu > ul > li > a:hover {
  background: #1e293b !important;
  color: #fff !important;
}
#side-menu > ul > li.active > a {
  background: #2563eb !important;
  color: #fff !important;
  border-radius: 0;
}
#side-menu > ul > li.active > a:hover { background: #1d4ed8 !important; }
#side-menu i.fa { color: inherit; width: 20px; text-align: center; }
#side-menu .nav-second-level { background: #0b1220 !important; }
#side-menu .nav-second-level a {
  color: #94a3b8 !important;
  padding: 9px 18px 9px 46px;
  font-size: .84rem;
  border: 0 !important;
}
#side-menu .nav-second-level a:hover { background: #1e293b !important; color: #fff !important; }
#side-menu .nav-second-level li.active > a { color: #60a5fa !important; background: #172554 !important; }
#side-menu .fa.arrow { color: #64748b; }

/* sidebar profile chip */
#side-menu .nav-header { background: transparent !important; border: 0 !important; }
#side-menu .nav-header a { color: #e2e8f0 !important; border: 0 !important; }
#side-menu .nav-header a:hover { background: #1e293b !important; }
#side-menu .nav-header .font-bold { color: #fff; font-size: .95rem; }
#side-menu .nav-header .text-muted { color: #94a3b8; }
#side-menu .logo-element { color: #fff !important; font-weight: 800; letter-spacing: .5px; }
#side-menu .dropdown-menu {
  background: #1e293b;
  border: 1px solid #334155;
  border-radius: 10px;
  box-shadow: 0 12px 32px -12px rgba(0,0,0,.6);
}
#side-menu .dropdown-menu a { color: #cbd5e1; }
#side-menu .dropdown-menu a:hover { background: #334155; color: #fff; }
#side-menu .dropdown-menu .divider { background: #334155; }

/* slimscroll overlay on dark sidebar */
#side-menu .slimScrollBar { background: #334155 !important; }
#side-menu .slimScrollRail { background: transparent !important; }

/* ---------- top navbar ---------- */
.navbar-static-top {
  background: #fff !important;
  border: 0 !important;
  border-bottom: 1px solid #e2e8f0 !important;
  box-shadow: 0 1px 2px rgba(15,23,42,.05);
  height: 56px;
}
.navbar-static-top .navbar-minimalize {
  background: #2563eb !important;
  border-color: #2563eb !important;
}
.navbar-static-top .navbar-minimalize:hover { background: #1d4ed8 !important; }
.navbar-static-top .navbar-right li > a { color: #475569 !important; }
.navbar-static-top .navbar-right li > a:hover { color: #2563eb !important; background: transparent; }
.navbar-static-top .navbar-right li > a .fa { margin-right: 4px; }

/* ---------- ibox cards ---------- */
.ibox {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  box-shadow: 0 1px 3px rgba(15,23,42,.06);
  margin-bottom: 20px;
  overflow: hidden;
}
.ibox-title {
  background: #fff !important;
  border-bottom: 1px solid #e2e8f0;
  padding: 14px 18px;
  min-height: 0;
}
.ibox-title h5 {
  margin: 0;
  font-size: .95rem;
  font-weight: 700;
  color: #0f172a;
  letter-spacing: -.01em;
}
.ibox-title .label { background: #2563eb; border-radius: 6px; padding: 3px 8px; font-weight: 600; }
.ibox-tools { padding-top: 6px; }
.ibox-tools a { color: #94a3b8; }
.ibox-tools a:hover { color: #2563eb; }
.ibox-content { padding: 18px; }
.ibox .ibox-footer { background: #f8fafc; border-top: 1px solid #e2e8f0; border-radius: 0 0 14px 14px; }
.ibox { border-left-width: 1px; }
.ibox { border-left: 1px solid #e2e8f0; }

/* ---------- tables ---------- */
table.table { margin-bottom: 0; }
.table > thead > tr > th {
  background: #f8fafc;
  color: #475569;
  border-top: 0;
  border-bottom: 1px solid #e2e8f0;
  font-size: .75rem;
  text-transform: uppercase;
  letter-spacing: .04em;
  font-weight: 700;
}
.table > tbody > tr > td {
  border-color: #eef2f7;
  color: #334155;
  font-size: .86rem;
  vertical-align: middle;
}
.table > tbody > tr:hover > td { background: #f8fafc; }
.table > tbody > tr > td .label,
.table > tbody > tr > th .label { border-radius: 6px; padding: 3px 9px; font-weight: 600; }

/* ---------- buttons ---------- */
.btn { border-radius: 9px; font-weight: 600; font-size: .85rem; }
.btn-primary { background: #2563eb; border-color: #2563eb; }
.btn-primary:hover, .btn-primary:focus { background: #1d4ed8; border-color: #1d4ed8; }
.btn-success { background: #16a34a; border-color: #16a34a; }
.btn-success:hover, .btn-success:focus { background: #15803d; border-color: #15803d; }
.btn-warning { background: #f59e0b; border-color: #f59e0b; }
.btn-warning:hover, .btn-warning:focus { background: #d97706; border-color: #d97706; }
.btn-danger { background: #dc2626; border-color: #dc2626; }
.btn-danger:hover, .btn-danger:focus { background: #b91c1c; border-color: #b91c1c; }
.btn-info { background: #0891b2; border-color: #0891b2; }
.btn-info:hover, .btn-info:focus { background: #0e7490; border-color: #0e7490; }
.btn-default { background: #fff; border-color: #cbd5e1; color: #475569; }
.btn-default:hover { background: #f1f5f9; border-color: #94a3b8; }
.btn-white { box-shadow: 0 0 0 1px #e2e8f0; }
.btn-link { color: #2563eb; }

/* ---------- forms ---------- */
.form-control {
  border: 1px solid #cbd5e1;
  border-radius: 9px;
  height: auto;
  box-shadow: none;
}
.form-control:focus {
  border-color: #2563eb;
  box-shadow: 0 0 0 3px rgba(37,99,235,.15);
}
.has-feedback .form-control { padding-right: 0; }
.input-group .form-control { border-radius: 9px; }
.input-group-btn .btn { border-radius: 9px; }
label { font-weight: 600; color: #334155; }
.help-block { color: #64748b; }

/* ---------- misc ---------- */
.badge { background: #2563eb; border-radius: 999px; padding: 3px 9px; font-weight: 700; }
.label { font-weight: 600; }
.label-primary { background: #2563eb; }
.label-success { background: #16a34a; }
.label-warning { background: #f59e0b; }
.label-danger  { background: #dc2626; }
.label-info    { background: #0891b2; }
.label-default { background: #e2e8f0; color: #475569; }
.progress { background: #e2e8f0; border-radius: 999px; }
.progress-bar { background: #2563eb; border-radius: 999px; }
a { color: #2563eb; }
a:hover { color: #1d4ed8; }

/* footer */
.footer { background: #fff; border-top: 1px solid #e2e8f0; }
.footer a { color: #475569; }
.footer strong { color: #0f172a; }

/* pace loading bar */
#pace .pace-progress { background: #2563eb; height: 3px; }
#pace .pace-progress-inner { box-shadow: 0 0 10px #2563eb, 0 0 5px #2563eb; }
.pace-inactive #pace { display: none; }

/* dropdown menus (generic) */
.dropdown-menu {
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  box-shadow: 0 12px 32px -12px rgba(15,23,42,.25);
}
.dropdown-menu > li > a { color: #334155; }
.dropdown-menu > li > a:hover { background: #f1f5f9; color: #2563eb; }

/* modals */
.modal-content { border: 0; border-radius: 14px; box-shadow: 0 24px 64px -24px rgba(15,23,42,.4); }
.modal-header { border-bottom: 1px solid #e2e8f0; }
.modal-header .modal-title { color: #0f172a; font-weight: 700; }
.modal-footer { border-top: 1px solid #e2e8f0; }

/* stat cards (demo-ibox style on dashboard) */
.ibox .stat { font-size: 2rem; font-weight: 800; color: #0f172a; letter-spacing: -.02em; }

/* page title row */
.h1, h1, h2, h3 { font-weight: 700; color: #0f172a; letter-spacing: -.01em; }
.text-muted { color: #64748b !important; }

/* dataTables (if present) */
.dataTables_wrapper .dataTables_filter input,
.dataTables_wrapper .dataTables_length select {
  border: 1px solid #cbd5e1; border-radius: 9px; height: 34px; padding: 4px 10px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current {
  background: #2563eb !important; color: #fff !important; border: 1px solid #2563eb !important;
  border-radius: 8px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  background: #f1f5f9 !important; color: #2563eb !important; border: 1px solid #2563eb !important;
  border-radius: 8px;
}

/* mobile toggle: off-canvas behaviour preserved by Inspinia JS */
@media (max-width: 768px) {
  #side-menu { width: 100%; }
  #page-wrapper { margin-left: 0 !important; }
}