/* ============================================================
   Admin Fluent theme — white + maroon, layered on top of AdminLTE
   ============================================================ */
:root{
  --f-maroon:#7A1F2B;
  --f-maroon-deep:#5C1620;
  --f-maroon-tint:#F5E6E4;
  --f-accent-soft:#FBEEEF;
  --f-bg:#FAF9F8;
  --f-surface:#FFFFFF;
  --f-border:#E7E3E1;
  --f-border-strong:#D9D3D0;
  --f-text:#201F1E;
  --f-text-soft:#605E5C;
  --f-radius:8px;
  --f-radius-sm:6px;
  --f-shadow-2:0 1.6px 3.6px rgba(0,0,0,.09), 0 0.3px 0.9px rgba(0,0,0,.08);
  --f-shadow-4:0 3.2px 7.2px rgba(0,0,0,.10), 0 0.6px 1.8px rgba(0,0,0,.08);
  --f-shadow-8:0 6.4px 14.4px rgba(0,0,0,.11), 0 1.2px 3.6px rgba(0,0,0,.08);
}

body.hold-transition,
.wrapper{
  background:var(--f-bg)!important;
  font-family:'Segoe UI',-apple-system,BlinkMacSystemFont,Roboto,'Helvetica Neue',Arial,sans-serif!important;
  color:var(--f-text);
}
*{scrollbar-width:thin;}

/* ---------- Top command bar ---------- */
.main-header.navbar{
  background:var(--f-surface)!important;
  border-bottom:1px solid var(--f-border);
  box-shadow:0 1px 0 rgba(0,0,0,.02);
}
.main-header .nav-link{color:var(--f-text-soft)!important;border-radius:4px;transition:background .12s ease;}
.main-header .nav-link:hover{background:var(--f-accent-soft);color:var(--f-maroon-deep)!important;}
.main-header .nav-item .nav-link i{color:var(--f-maroon);}

/* Command-bar utility group: search / notification / download / clock / profile */
.fluent-topbar-actions{display:flex;align-items:center;gap:4px;margin-left:auto;}
.fluent-icon-btn{position:relative;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--f-text-soft);transition:background .12s ease,color .12s ease;}
.fluent-icon-btn:hover{background:var(--f-accent-soft);color:var(--f-maroon-deep);}
.fluent-icon-btn svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.fluent-icon-btn .dot{position:absolute;top:6px;right:7px;width:7px;height:7px;border-radius:50%;background:var(--f-maroon);border:1.5px solid var(--f-surface);}
.fluent-clock{display:flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;color:var(--f-text-soft);padding:0 10px;white-space:nowrap;font-variant-numeric:tabular-nums;}
.fluent-clock svg{width:14px;height:14px;stroke:var(--f-maroon);fill:none;stroke-width:1.8;}
.fluent-divider{width:1px;height:20px;background:var(--f-border-strong);margin:0 4px;}
.fluent-user-chip{display:flex;align-items:center;gap:8px;padding:4px 10px 4px 4px;border-radius:20px;transition:background .12s ease;}
.fluent-user-chip:hover{background:var(--f-accent-soft);}
.fluent-user-avatar{width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,var(--f-maroon) 0%,var(--f-maroon-deep) 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-size:11.5px;font-weight:700;flex:0 0 auto;}
.fluent-user-name{font-size:12.5px;font-weight:600;color:var(--f-text);}

/* ---------- Sidebar ---------- */
.main-sidebar{
  background:var(--f-surface)!important;
  border-right:1px solid var(--f-border);
  box-shadow:none!important;
}
.main-sidebar .brand-link{
  background:var(--f-surface);
  border-bottom:1px solid var(--f-border);
  display:flex;align-items:center;gap:10px;
  padding:14px 16px;
}
.main-sidebar .brand-text{color:var(--f-maroon-deep)!important;font-weight:700;font-size:16px;}
.brand-badge{width:32px;height:32px;border-radius:7px;background:linear-gradient(135deg,var(--f-maroon) 0%,var(--f-maroon-deep) 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:14px;flex:0 0 auto;}

.sidebar{background:var(--f-surface);}
.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link,
.nav-sidebar .nav-link{
  color:var(--f-text-soft)!important;
  border-radius:var(--f-radius-sm);
  margin:2px 10px;
  padding:9px 12px;
  font-size:13.5px;
  font-weight:500;
  transition:background .12s ease,color .12s ease;
}
.nav-sidebar .nav-link .nav-icon{color:var(--f-maroon);opacity:.85;}
.nav-sidebar .nav-link:hover{background:var(--f-accent-soft)!important;color:var(--f-maroon-deep)!important;}
.nav-sidebar .nav-link.active{
  background:var(--f-maroon-tint)!important;
  color:var(--f-maroon-deep)!important;
  font-weight:700;
  box-shadow:inset 3px 0 0 var(--f-maroon);
}
.nav-sidebar .nav-link.active .nav-icon{color:var(--f-maroon-deep);opacity:1;}
.os-theme-light>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle{background:var(--f-border-strong)!important;}

/* ---------- Content area ---------- */
.content-wrapper{background:var(--f-bg)!important;}
.content-header h1,
.content-header{color:var(--f-maroon-deep);}
h1,h2,h3,h4,h5{font-family:'Segoe UI',sans-serif;color:var(--f-maroon-deep);}

/* ---------- Cards ---------- */
.card{
  background:var(--f-surface);
  border:1px solid var(--f-border);
  border-radius:var(--f-radius);
  box-shadow:var(--f-shadow-2);
  transition:box-shadow .15s ease,transform .15s ease;
}
.card:hover{box-shadow:var(--f-shadow-4);}
.card-header{background:transparent;border-bottom:1px solid var(--f-border);border-radius:var(--f-radius) var(--f-radius) 0 0!important;font-weight:600;}
.card-body h5{font-size:15.5px;font-weight:700;margin-bottom:8px;}
.card-body p{color:var(--f-text-soft);font-size:13.5px;}
.card.card-outline{border-top:3px solid var(--f-maroon)!important;}

/* Dashboard tiles get a lift-on-hover Fluent affordance */
.card a.btn{margin-top:4px;}

/* ---------- Buttons ---------- */
.btn{
  border-radius:var(--f-radius-sm)!important;
  font-weight:600;
  font-size:13.5px;
  padding:8px 16px;
  border:1px solid transparent;
  transition:background .12s ease,box-shadow .12s ease,transform .1s ease;
}
.btn:active{transform:scale(.98);}
.btn[style*="7A1F2B"], .btn-primary{
  background:var(--f-maroon)!important;
  border-color:var(--f-maroon)!important;
  color:#fff!important;
  box-shadow:var(--f-shadow-2);
}
.btn[style*="7A1F2B"]:hover, .btn-primary:hover{
  background:var(--f-maroon-deep)!important;
  border-color:var(--f-maroon-deep)!important;
  box-shadow:var(--f-shadow-4);
}
.btn-outline-secondary{border-color:var(--f-border-strong);color:var(--f-text-soft);background:var(--f-surface);}
.btn-outline-secondary:hover{background:var(--f-accent-soft);color:var(--f-maroon-deep);border-color:var(--f-maroon);}
.btn-success{background:#0E7A3D!important;border-color:#0E7A3D!important;}
.btn-danger{background:#B3261E!important;border-color:#B3261E!important;}

/* ---------- Forms ---------- */
.form-control{
  border:1px solid var(--f-border-strong);
  border-radius:var(--f-radius-sm);
  font-size:13.5px;
  padding:8px 12px;
  background:var(--f-surface);
  transition:border-color .12s ease,box-shadow .12s ease;
}
.form-control:focus{
  border-color:var(--f-maroon);
  box-shadow:0 0 0 3px var(--f-maroon-tint);
}
label{font-weight:600;font-size:12.5px;color:var(--f-text-soft);text-transform:uppercase;letter-spacing:.02em;margin-bottom:6px;}

/* ---------- Tabs ---------- */
.nav-tabs{border-bottom:1px solid var(--f-border);}
.nav-tabs .nav-link{border:none;color:var(--f-text-soft);font-weight:600;font-size:13.5px;border-radius:0;padding:10px 16px;}
.nav-tabs .nav-link.active{color:var(--f-maroon-deep);background:transparent;border-bottom:2px solid var(--f-maroon);}
.nav-tabs .nav-link:hover{color:var(--f-maroon);border-color:transparent;}

/* ---------- Tables ---------- */
.table{color:var(--f-text);}
.table thead th{border-bottom:2px solid var(--f-border);color:var(--f-text-soft);font-size:12px;text-transform:uppercase;letter-spacing:.03em;font-weight:700;}
.table td,.table th{border-color:var(--f-border);vertical-align:middle;}
.table-hover tbody tr:hover{background:var(--f-accent-soft);}

/* ---------- Alerts ---------- */
.alert-success{background:#EAF6EE;border:1px solid #BFE5C8;color:#0E5C2A;border-radius:var(--f-radius-sm);}
.alert-danger{background:#FBEAEA;border:1px solid #F0C4C2;color:#8A241D;border-radius:var(--f-radius-sm);}

/* ---------- Login page ---------- */
.login-page{background:linear-gradient(135deg,var(--f-maroon) 0%,var(--f-maroon-deep) 100%)!important;}
.login-box .card, .login-box .card-body{border-radius:12px;}
.login-logo{color:#fff!important;font-weight:700;}
.login-box .btn-primary, .login-box .btn{background:var(--f-maroon)!important;border-color:var(--f-maroon)!important;}

/* ---------- Misc ---------- */
::selection{background:var(--f-maroon-tint);}
a{color:var(--f-maroon);}
a:hover{color:var(--f-maroon-deep);}