/* Al-Nawars System AdminLTE 4 Official Style Rebuild
   Clean RTL dashboard shell inspired by AdminLTE 4 / Bootstrap 5.
   This file intentionally overrides old project CSS to prevent mixed layouts. */
:root{
  --cs-sidebar-width: 280px;
  --cs-header-height: 58px;
  --cs-primary:#0d6efd;
  --cs-info:#0dcaf0;
  --cs-success:#198754;
  --cs-warning:#ffc107;
  --cs-danger:#dc3545;
  --cs-body:#f4f6f9;
  --cs-card:#ffffff;
  --cs-border:#dee2e6;
  --cs-text:#1f2937;
  --cs-muted:#6c757d;
  --cs-sidebar:#343a40;
  --cs-sidebar-dark:#2f353a;
  --cs-sidebar-hover:#3f474e;
  --cs-sidebar-active:#0d6efd;
  --cs-sidebar-text:#c2c7d0;
  --cs-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.08);
  --cs-shadow-soft:0 0 1px rgba(0,0,0,.125),0 1px 3px rgba(0,0,0,.2);
}
*{box-sizing:border-box!important}
html,body{min-height:100%;}
body{
  margin:0!important;
  direction:rtl!important;
  text-align:right!important;
  background:var(--cs-body)!important;
  color:var(--cs-text)!important;
  font-family:"Tajawal","Cairo","Tahoma","Arial",sans-serif!important;
  overflow-x:hidden!important;
}
a{text-decoration:none!important}
img{max-width:100%}
/* ===== AdminLTE Shell ===== */
.main-sidebar,.sidebar,.app-sidebar{
  position:fixed!important;
  top:0!important;
  right:0!important;
  left:auto!important;
  bottom:0!important;
  width:var(--cs-sidebar-width)!important;
  height:100vh!important;
  z-index:1038!important;
  background:var(--cs-sidebar)!important;
  color:var(--cs-sidebar-text)!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-left:1px solid rgba(255,255,255,.08)!important;
  box-shadow:0 0 15px rgba(0,0,0,.18)!important;
  transition:transform .2s ease-in-out,width .2s ease-in-out!important;
}
.main-sidebar::-webkit-scrollbar,.sidebar::-webkit-scrollbar{width:7px}.main-sidebar::-webkit-scrollbar-thumb,.sidebar::-webkit-scrollbar-thumb{background:#6c757d;border-radius:10px}.main-sidebar::-webkit-scrollbar-track,.sidebar::-webkit-scrollbar-track{background:rgba(0,0,0,.08)}
.brand-link,.sidebar-brand{
  height:64px!important;
  min-height:64px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:12px!important;
  padding:11px 16px!important;
  margin:0!important;
  color:#fff!important;
  background:#343a40!important;
  border-bottom:1px solid rgba(255,255,255,.12)!important;
  white-space:nowrap!important;
}
.brand-link i,.sidebar-brand i{
  width:40px!important;height:40px!important;min-width:40px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  border-radius:.5rem!important;background:rgba(13,110,253,.25)!important;color:#fff!important;font-size:20px!important;
}
.brand-link h4,.sidebar-brand h4{margin:0!important;color:#fff!important;font-size:19px!important;font-weight:700!important;line-height:1.1!important;letter-spacing:0!important}
.brand-link small,.sidebar-brand small{display:block!important;margin-top:3px!important;color:#adb5bd!important;font-size:12px!important}
.user-panel{
  display:flex!important;align-items:center!important;gap:12px!important;
  padding:14px 16px!important;margin:0!important;
  background:rgba(0,0,0,.10)!important;border-bottom:1px solid rgba(255,255,255,.08)!important;
}
.user-panel-avatar,.user-panel .image{
  width:42px!important;height:42px!important;min-width:42px!important;border-radius:50%!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  background:#0d6efd!important;color:#fff!important;font-size:18px!important;
}
.user-panel .info{min-width:0!important;line-height:1.25!important}.user-panel .info a{display:block!important;color:#fff!important;font-weight:700!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.user-panel small{display:block!important;color:#adb5bd!important;font-size:12px!important;margin-top:4px!important}
.sidebar-menu,.nav-sidebar{display:block!important;margin:0!important;padding:10px 8px 22px!important;list-style:none!important}
.menu-title,.nav-header{
  color:#adb5bd!important;font-size:11px!important;font-weight:700!important;letter-spacing:.3px!important;
  padding:14px 12px 7px!important;margin:0!important;line-height:1!important;text-transform:none!important;
}
.main-sidebar .nav-link,.sidebar .nav-link,.app-sidebar .nav-link{
  min-height:42px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;
  color:var(--cs-sidebar-text)!important;background:transparent!important;border-radius:.35rem!important;
  padding:10px 12px!important;margin:2px 0!important;border:0!important;font-size:14px!important;font-weight:500!important;line-height:1.2!important;
  position:relative!important;text-align:right!important;white-space:nowrap!important;
}
.main-sidebar .nav-link i,.sidebar .nav-link i{width:22px!important;min-width:22px!important;text-align:center!important;font-size:16px!important;color:#adb5bd!important;margin:0!important}.main-sidebar .nav-link span:not(.badge-notif),.sidebar .nav-link span:not(.badge-notif){overflow:hidden!important;text-overflow:ellipsis!important}
.main-sidebar .nav-link:hover,.sidebar .nav-link:hover{background:var(--cs-sidebar-hover)!important;color:#fff!important}.main-sidebar .nav-link:hover i,.sidebar .nav-link:hover i{color:#fff!important}.main-sidebar .nav-link.active,.sidebar .nav-link.active{background:var(--cs-sidebar-active)!important;color:#fff!important;box-shadow:inset -3px 0 0 rgba(255,255,255,.65)!important}.main-sidebar .nav-link.active i,.sidebar .nav-link.active i{color:#fff!important}.main-sidebar .nav-link.text-danger,.sidebar .nav-link.text-danger{color:#ff8f8f!important}.badge-notif{margin-right:auto!important;margin-left:0!important;background:#dc3545!important;color:#fff!important;border-radius:999px!important;min-width:24px!important;height:24px!important;padding:0 7px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:12px!important;font-weight:700!important;box-shadow:none!important}
/* Header */
.app-topbar,.main-header,.app-header{
  position:fixed!important;top:0!important;right:var(--cs-sidebar-width)!important;left:0!important;height:var(--cs-header-height)!important;z-index:1030!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;
  padding:0 16px!important;margin:0!important;background:#fff!important;border-bottom:1px solid #dee2e6!important;box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important;color:#343a40!important;transition:right .2s ease-in-out!important;
}
.topbar-right,.topbar-left{display:flex!important;align-items:center!important;gap:10px!important}.topbar-title{font-size:17px!important;font-weight:700!important;color:#212529!important;line-height:1.1!important}.topbar-subtitle{font-size:12px!important;color:#6c757d!important;margin-top:3px!important}.topbar-pill{display:inline-flex!important;align-items:center!important;gap:6px!important;min-height:34px!important;background:#f8f9fa!important;border:1px solid #dee2e6!important;color:#495057!important;border-radius:999px!important;padding:6px 11px!important;font-size:13px!important;white-space:nowrap!important}.topbar-pill:hover{background:#e9ecef!important;color:#212529!important}
.sidebar-toggle,.lte-menu-toggle{
  width:40px!important;height:40px!important;border:0!important;background:transparent!important;color:#495057!important;border-radius:.35rem!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:20px!important;cursor:pointer!important;padding:0!important;margin:0!important;
}
.sidebar-toggle:hover,.lte-menu-toggle:hover{background:#f1f3f5!important;color:#111!important}
/* Content */
.main-content,.content-wrapper,.app-main{
  margin-right:var(--cs-sidebar-width)!important;margin-left:0!important;margin-top:var(--cs-header-height)!important;
  padding:22px 24px!important;min-height:calc(100vh - var(--cs-header-height))!important;background:var(--cs-body)!important;width:auto!important;max-width:none!important;transition:margin .2s ease-in-out!important;overflow:visible!important;
}
.container,.container-fluid{max-width:100%!important;width:100%!important;padding-left:0!important;padding-right:0!important}
/* Remove old page-level menu buttons; the only visible button is inside the official topbar */
.main-content .sidebar-toggle,.content-wrapper .sidebar-toggle,.app-main .sidebar-toggle,.main-content .mobile-menu-btn,.main-content .floating-menu,.main-content .pro-menu-toggle,.quick-actions-floating,.pro-floating-actions,body>.pro-back-top,body>.pro-mobile-toggle,body>.floating-action,body>.btn-scroll-top{display:none!important;visibility:hidden!important;pointer-events:none!important}
/* Page header */
.navbar-custom,.page-header,.content-header,.admin-header,.adminlte-page-header{
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;flex-wrap:wrap!important;background:#fff!important;border:1px solid var(--cs-border)!important;border-radius:.25rem!important;box-shadow:var(--cs-shadow)!important;padding:15px 18px!important;margin:0 0 18px!important;min-height:auto!important;color:#212529!important;
}
.navbar-custom h1,.navbar-custom h2,.navbar-custom h3,.navbar-custom h4,.navbar-custom h5,.page-header h1,.page-header h2,.page-header h3,.content-header h1,.admin-header h1,.page-title{margin:0!important;color:#212529!important;font-size:24px!important;font-weight:600!important;line-height:1.3!important;text-align:right!important}.navbar-custom small,.navbar-custom p,.page-header p,.content-header p,.admin-header small{display:block!important;color:#6c757d!important;margin:4px 0 0!important;font-size:13px!important}
/* Cards / boxes */
.card,.card-custom,.box,.content-card,.table-card,.form-card,.dashboard-card,.quick-card,.stat-card,.panel,.cardx,.finance-card,.info-box,.small-box{
  background:#fff!important;border:1px solid var(--cs-border)!important;border-radius:.25rem!important;box-shadow:var(--cs-shadow)!important;color:#212529!important;margin-bottom:18px!important;overflow:hidden!important;
}
.card-custom,.content-card,.table-card,.form-card,.panel,.cardx,.finance-card{padding:18px!important}.card-header,.box-header{background:#fff!important;border-bottom:1px solid rgba(0,0,0,.125)!important;padding:13px 16px!important;font-weight:700!important;color:#212529!important}.card-body,.box-body{padding:18px!important}.card-footer{background:#fff!important;border-top:1px solid rgba(0,0,0,.125)!important}
.stats-grid,.dashboard-grid,.cards-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))!important;gap:18px!important;margin-bottom:20px!important}.actions-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))!important;gap:14px!important}
.stat-card,.dashboard-card,.quick-card{padding:20px!important;min-height:132px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;position:relative!important}.stat-card .stat-icon,.dashboard-card .stat-icon,.quick-card .stat-icon,.finance-card .icon{position:absolute!important;top:18px!important;left:18px!important;width:54px!important;height:54px!important;border-radius:.25rem!important;background:#e7f1ff!important;color:#0d6efd!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:22px!important}.stat-card h3,.dashboard-card h3,.quick-card h3,.stat-card .number,.dashboard-card .number,.finance-card .number{font-size:30px!important;font-weight:700!important;line-height:1.1!important;margin:22px 0 6px!important;color:#212529!important}.stat-card p,.dashboard-card p,.quick-card p,.finance-card .label{font-size:14px!important;color:#6c757d!important;margin:0!important}
/* Tables */
.table-responsive{background:#fff!important;border-radius:.25rem!important;overflow-x:auto!important;border:0!important}.table{width:100%!important;margin-bottom:0!important;background:#fff!important;color:#212529!important;border-collapse:collapse!important}.table thead th{background:#f8f9fa!important;color:#212529!important;border-bottom:2px solid #dee2e6!important;font-weight:700!important;white-space:nowrap!important;padding:12px!important}.table td,.table th{vertical-align:middle!important;border-color:#dee2e6!important;padding:11px 12px!important}.table-hover tbody tr:hover{background:#f8f9fa!important}.table code{direction:ltr!important;display:inline-block!important;text-align:left!important}
/* Forms */
.form-control,.form-select,input[type=text],input[type=password],input[type=email],input[type=number],input[type=date],input[type=file],textarea,select{border:1px solid #ced4da!important;border-radius:.25rem!important;box-shadow:none!important;min-height:38px!important;background:#fff!important;color:#212529!important}.form-control:focus,.form-select:focus,input:focus,textarea:focus,select:focus{border-color:#86b7fe!important;box-shadow:0 0 0 .2rem rgba(13,110,253,.15)!important;outline:0!important}.form-label,label{font-weight:600!important;color:#343a40!important;margin-bottom:6px!important}.form-check{padding-right:1.65em!important;padding-left:0!important}.form-check .form-check-input{float:right!important;margin-right:-1.65em!important;margin-left:0!important}.form-text{color:#6c757d!important}
/* Buttons & badges */
.btn{border-radius:.25rem!important;font-weight:600!important;box-shadow:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important}.btn-primary{background:#0d6efd!important;border-color:#0d6efd!important;color:#fff!important}.btn-info{background:#0dcaf0!important;border-color:#0dcaf0!important;color:#000!important}.btn-success{background:#198754!important;border-color:#198754!important;color:#fff!important}.btn-danger{background:#dc3545!important;border-color:#dc3545!important;color:#fff!important}.btn-warning{background:#ffc107!important;border-color:#ffc107!important;color:#000!important}.btn-secondary{background:#6c757d!important;border-color:#6c757d!important;color:#fff!important}.badge{border-radius:.35rem!important;font-weight:700!important;padding:.42em .62em!important}.alert{border-radius:.25rem!important;border:0!important;box-shadow:var(--cs-shadow)!important}.bg-primary{background:#0d6efd!important}.bg-success{background:#198754!important}.bg-danger{background:#dc3545!important}.bg-warning{background:#ffc107!important}.bg-info{background:#0dcaf0!important}
/* API Docs */
pre,.code-box,.api-code,.token-box{background:#1f2937!important;color:#d1fae5!important;border:0!important;border-radius:.35rem!important;padding:16px!important;direction:ltr!important;text-align:left!important;overflow:auto!important;font-size:13px!important;line-height:1.7!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)!important;white-space:pre!important}.api-doc-list{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(210px,1fr))!important;gap:12px!important}.api-doc-item{display:flex!important;align-items:flex-start!important;gap:10px!important;background:#f8f9fa!important;border:1px solid #e9ecef!important;border-radius:.25rem!important;padding:12px!important}.api-doc-item i{color:#0d6efd!important;margin-top:3px!important}.api-doc-item b{color:#212529!important}.api-doc-item span{line-height:1.6!important}
/* Role cards */
.role-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))!important;gap:14px!important;margin-bottom:18px!important}.role-card{background:#fff!important;border:1px solid var(--cs-border)!important;border-radius:.25rem!important;box-shadow:var(--cs-shadow)!important;padding:14px!important;display:flex!important;gap:12px!important;align-items:flex-start!important}.role-card-icon{width:42px!important;height:42px!important;min-width:42px!important;border-radius:.25rem!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#e7f1ff!important;color:#0d6efd!important;font-size:18px!important}.role-card h6{margin:0 0 5px!important;font-weight:700!important;color:#212529!important}.role-card p{margin:0!important;color:#6c757d!important;font-size:12.5px!important;line-height:1.65!important}
/* Utilities for pages with older classes */
.finance-card .icon{position:static!important;margin-bottom:12px!important}.transaction-amount.positive{color:#198754!important;font-weight:800!important}.transaction-amount.negative{color:#dc3545!important;font-weight:800!important}
/* Sidebar collapse desktop */
@media (min-width: 992px){
  body.sidebar-collapse .main-sidebar,body.sidebar-collapse .sidebar{width:74px!important}
  body.sidebar-collapse .brand-link h4,body.sidebar-collapse .brand-link small,body.sidebar-collapse .sidebar-brand h4,body.sidebar-collapse .sidebar-brand small,body.sidebar-collapse .user-panel .info,body.sidebar-collapse .menu-title,body.sidebar-collapse .nav-link span:not(.badge-notif){display:none!important}
  body.sidebar-collapse .app-topbar,body.sidebar-collapse .main-header{right:74px!important}
  body.sidebar-collapse .main-content,body.sidebar-collapse .content-wrapper{margin-right:74px!important}
  body.sidebar-collapse .main-sidebar .nav-link,body.sidebar-collapse .sidebar .nav-link{justify-content:center!important;padding:10px!important}
  body.sidebar-collapse .badge-notif{position:absolute!important;left:6px!important;top:3px!important;margin:0!important}
}
/* Mobile */
@media (max-width: 991.98px){
  .main-sidebar,.sidebar{transform:translateX(100%)!important;width:280px!important;z-index:1045!important}.sidebar-open .main-sidebar,.sidebar-open .sidebar{transform:translateX(0)!important}.app-topbar,.main-header{right:0!important}.main-content,.content-wrapper{margin-right:0!important;padding:16px 12px!important}.sidebar-open .sidebar-backdrop{display:block!important}.topbar-left{display:none!important}.navbar-custom h1,.navbar-custom h2,.navbar-custom h3,.navbar-custom h4,.navbar-custom h5,.page-title{font-size:20px!important}.stats-grid,.dashboard-grid,.cards-grid{grid-template-columns:1fr!important}.role-grid{grid-template-columns:1fr!important}.api-doc-list{grid-template-columns:1fr!important}
}
.sidebar-backdrop{display:none;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:1040}

/* Phase 9.1 - dynamic theme variables from Theme Builder */
.main-sidebar,.sidebar,.app-sidebar{background:var(--cs-sidebar)!important;color:var(--cs-sidebar-text)!important;border-left:1px solid var(--cs-sidebar-border)!important}
.brand-link,.sidebar-brand{background:var(--cs-sidebar-dark)!important;border-bottom:1px solid var(--cs-sidebar-border)!important}
.brand-link h4,.sidebar-brand h4{color:var(--cs-brand-text)!important}.brand-link small,.sidebar-brand small{color:var(--cs-brand-muted)!important}
.user-panel{background:color-mix(in srgb,var(--cs-sidebar) 88%,#000 12%)!important;border-bottom:1px solid var(--cs-sidebar-border)!important}.user-panel .info a{color:var(--cs-brand-text)!important}.user-panel small{color:var(--cs-brand-muted)!important}
.menu-title,.nav-header{color:var(--cs-sidebar-heading,var(--cs-brand-muted))!important}.main-sidebar .nav-link,.sidebar .nav-link,.app-sidebar .nav-link{color:var(--cs-sidebar-text)!important}.main-sidebar .nav-link i,.sidebar .nav-link i{color:var(--cs-sidebar-text)!important;opacity:.8}.main-sidebar .nav-link:hover,.sidebar .nav-link:hover{background:var(--cs-sidebar-hover)!important;color:var(--cs-brand-text)!important}.main-sidebar .nav-link.active,.sidebar .nav-link.active{background:var(--cs-primary)!important;color:#fff!important}.main-sidebar .nav-link.active i,.sidebar .nav-link.active i{color:#fff!important;opacity:1}
.btn-primary,.bg-primary{background-color:var(--cs-primary)!important;border-color:var(--cs-primary)!important;color:#fff!important}.text-primary{color:var(--cs-primary)!important}.border-primary{border-color:var(--cs-primary)!important}.badge.bg-primary{background-color:var(--cs-primary)!important}.page-header .btn-primary,.card .btn-primary{background-color:var(--cs-primary)!important;border-color:var(--cs-primary)!important}.stat-card .stat-icon,.dashboard-card .stat-icon,.quick-card .stat-icon,.finance-card .icon,.role-card-icon,.api-doc-item i{color:var(--cs-primary)!important}.brand-link i,.sidebar-brand i,.user-panel-avatar{background:var(--cs-primary)!important;color:#fff!important}.timeline-item{border-color:var(--cs-primary)!important}.timeline-item:before{background:var(--cs-primary)!important}