/* UI Academy inspired skin (RTL-friendly) */
:root{
  --ua-bg:#f4f6fb;
  --ua-card:#ffffff;
  --ua-text:#1f2a37;
  --ua-muted:#6b7280;
  --ua-primary:#3b82f6;
  --ua-accent:#f59e0b;
  --ua-sidebar:#2f343b;
  --ua-sidebar-2:#24282e;
  --ua-radius:16px;
}

body{
  background:var(--ua-bg) !important;
  color:var(--ua-text);
}

/* Typography */
h1,h2,h3,h4{ letter-spacing: .2px; }
.content-header h1{ font-weight: 900; }

/* Tables */
.table{
  border-collapse: separate !important;
  border-spacing: 0 !important;
}
.table thead th{
  border: 0 !important;
  color: var(--ua-muted);
  font-weight: 800;
}
.table tbody tr{
  background: var(--ua-card);
}
.table td, .table th{
  vertical-align: middle !important;
}
.table.table-bordered{
  border: 0 !important;
}
.table.table-bordered td, .table.table-bordered th{
  border: 0 !important;
  border-top: 1px solid rgba(15,23,42,.06) !important;
}
.table-responsive{
  border-radius: var(--ua-radius);
}

/* Pills and badges */
.badge{ border-radius: 999px !important; padding: .45em .75em !important; }

/* Sidebar: modern (no hover auto-collapse behavior) */
.main-sidebar{
  background: linear-gradient(180deg, var(--ua-sidebar), var(--ua-sidebar-2)) !important;
  border-radius: 18px 0 0 18px;
  box-shadow: 0 18px 40px rgba(15,23,42,.22) !important;
}
html[dir="rtl"] .main-sidebar{ border-radius: 18px 0 0 18px; }
html[dir="ltr"] .main-sidebar{ border-radius: 0 18px 18px 0; }

.main-sidebar .brand-link{
  background: transparent !important;
}

.nav-sidebar .nav-link{
  border-radius: 12px !important;
}
.nav-sidebar .nav-link.active{
  background: rgba(59,130,246,.18) !important;
}
.nav-sidebar .nav-link:hover{
  background: rgba(255,255,255,.06) !important;
}

/* Top navbar */
.main-header.navbar{
  border:0 !important;
  box-shadow:0 10px 30px rgba(15,23,42,.06) !important;
}
.main-header.navbar::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:56px;
  background:linear-gradient(90deg, rgba(245,158,11,.22), rgba(59,130,246,.18));
  pointer-events:none;
}
.main-header.navbar .navbar-brand,
.main-header.navbar .brand-title{
  font-weight:900;
}

/* Content wrapper */
.content-wrapper{
  background:var(--ua-bg) !important;
}

/* Cards */
.card{
  border:0 !important;
  border-radius:var(--ua-radius) !important;
  box-shadow:0 12px 28px rgba(15,23,42,.06) !important;
}
.card-header{
  background:transparent !important;
  border-bottom:1px solid rgba(15,23,42,.06) !important;
  border-top-left-radius:var(--ua-radius) !important;
  border-top-right-radius:var(--ua-radius) !important;
}

/* Inputs */
.form-control, .custom-select{
  border-radius:12px !important;
  border:1px solid rgba(15,23,42,.10) !important;
}
.form-control:focus, .custom-select:focus{
  box-shadow:0 0 0 .2rem rgba(59,130,246,.15) !important;
  border-color:rgba(59,130,246,.45) !important;
}

/* Buttons */
.btn{
  border-radius:12px !important;
  font-weight:700;
}

/* Small boxes */
.small-box{
  border-radius:var(--ua-radius) !important;
  box-shadow:0 12px 28px rgba(15,23,42,.08) !important;
}

/* Dashboard status strip */
.ua-status-strip{
  display:flex;
  gap:10px;
  padding:12px 12px;
  border-radius: 16px;
  background: linear-gradient(90deg, rgba(245,158,11,.18), rgba(59,130,246,.16));
  box-shadow: 0 12px 30px rgba(15,23,42,.06);
  border: 1px solid rgba(15,23,42,.06);
}
.ua-stat{ flex:1 1 0; text-align:center; }
.ua-stat-value{ font-weight: 900; font-size: 22px; color: var(--ua-text); }
.ua-stat-label{ font-weight: 800; font-size: 12px; color: var(--ua-muted); }

/* Actions bar under top navbar */
.ua-actions-bar{
  margin-top: 10px;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  justify-content:flex-start;
}
.ua-actions-bar .btn{
  background: var(--ua-card) !important;
  border: 1px solid rgba(15,23,42,.08) !important;
  box-shadow: 0 10px 25px rgba(15,23,42,.05) !important;
}
.ua-actions-bar .dropdown-menu{
  border:0;
  border-radius: 14px;
  box-shadow: 0 20px 40px rgba(15,23,42,.12);
}
.ua-actions-bar .dropdown-item{ font-weight:700; }
.small-box .icon{
  opacity:.28;
}

/* Sidebar */
.main-sidebar{
  background:linear-gradient(180deg, var(--ua-sidebar), var(--ua-sidebar-2)) !important;
}

/* Sidebar tabs */
.ua-side-tabs{ padding-bottom: 6px; }
.ua-side-tabs .btn-group{ background: rgba(255,255,255,.06); border-radius: 14px; padding: 6px; }
.ua-side-tabs .ua-tab-btn{
  color: rgba(255,255,255,.9);
  background: transparent;
  border: 0;
  border-radius: 12px;
  flex: 1 1 25%;
}
.ua-side-tabs .ua-tab-btn.active{
  background: rgba(59,130,246,.95);
  box-shadow: 0 10px 22px rgba(59,130,246,.22);
}
.ua-side-tabs .ua-tab-btn i{ font-size: 16px; }

.ua-tab-section{ list-style:none; padding:0; margin:0; }
.ua-tab-section > ul{ padding-right: 0; margin: 0; }
.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active{
  background:rgba(59,130,246,.95) !important;
  border-radius:12px !important;
}
.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link{
  border-radius:12px !important;
}

/* Make sidebar items aligned to right with small right padding */
.nav-sidebar .nav-link{
  padding-right:14px !important;
  padding-left:10px !important;
}

/* Footer */
.main-footer{
  border:0 !important;
  background:transparent !important;
}
