/* =====================================================================
   admin-modern.css — Modern Admin Panel refresh (ADDITIVE & REVERSIBLE)
   ---------------------------------------------------------------------
   Aligns the Admin Panel with the Advanced Warehouse / dashboard design:
   indigo/violet accent tabs, surface cards, modern inputs + focus rings,
   indigo toggles, gradient Save button, refined dark mode.

   SAFE: scoped to .admin-panel-container, only color/border/shadow/radius.
   No markup/JS/id changes — every tab, form, and Save-logic keeps working.
   Reversible: delete this file + its <link>.
   ===================================================================== */

.admin-panel-container{
  --am-accent:#6D5EF6; --am-accent-ink:#4736C9; --am-accent-soft:rgba(109,94,246,.10);
  --am-surface:#FFFFFF; --am-bg:#F4F5FB; --am-border:#E4E6F1; --am-text:#15172B; --am-text3:#8A8DA8;
  --am-shadow:0 1px 2px rgba(20,22,43,.04),0 10px 26px -14px rgba(20,22,43,.16);
}
body.dark-theme .admin-panel-container{
  --am-accent:#8B7CF9; --am-accent-ink:#C7BEFF; --am-accent-soft:rgba(139,124,249,.14);
  --am-surface:#141724; --am-bg:#0B0D15; --am-border:#262B41; --am-text:#ECEEF9; --am-text3:#6E7391;
  --am-shadow:0 1px 2px rgba(0,0,0,.4),0 14px 32px -16px rgba(0,0,0,.6);
}

/* Tabs */
.admin-panel-container .nav-tabs{ border-bottom:1px solid var(--am-border) !important; }
.admin-panel-container .nav-tabs .nav-link{
  color:var(--am-text3) !important; border:0 !important; border-radius:10px 10px 0 0 !important;
  font-weight:600; transition:.15s;
}
.admin-panel-container .nav-tabs .nav-link:hover{ color:var(--am-text) !important; background:var(--am-accent-soft) !important; }
.admin-panel-container .nav-tabs .nav-link.active{
  color:var(--am-accent-ink) !important; background:var(--am-accent-soft) !important;
  border-bottom:2px solid var(--am-accent) !important;
}
.admin-panel-container .nav-tabs .nav-link.active i{ color:var(--am-accent) !important; }

/* Cards */
.admin-panel-container .card{
  background:var(--am-surface) !important; border:1px solid var(--am-border) !important;
  border-radius:14px !important; box-shadow:var(--am-shadow) !important; color:var(--am-text) !important; overflow:hidden;
}
.admin-panel-container .card-header{ border-bottom:1px solid var(--am-border) !important; }
/* Keep the indigo/violet gradient section headers, just drop their divider */
.admin-panel-container .card-header[style*="gradient"]{ border-bottom:0 !important; }

/* Form controls */
.admin-panel-container .form-control,
.admin-panel-container .form-select{
  border:1px solid var(--am-border) !important; border-radius:10px !important;
  background:var(--am-surface) !important; color:var(--am-text) !important;
}
.admin-panel-container .form-control:focus,
.admin-panel-container .form-select:focus{
  border-color:var(--am-accent) !important; box-shadow:0 0 0 3px var(--am-accent-soft) !important;
}
.admin-panel-container .form-label{ color:var(--am-text) !important; font-weight:600; }

/* Toggles / checkboxes → indigo accent */
.admin-panel-container .form-check-input:checked{ background-color:var(--am-accent) !important; border-color:var(--am-accent) !important; }
.admin-panel-container .form-check-input:focus{ border-color:var(--am-accent) !important; box-shadow:0 0 0 3px var(--am-accent-soft) !important; }

/* Buttons */
.admin-panel-container .btn-primary{ background:linear-gradient(140deg,var(--am-accent),var(--am-accent-ink)) !important; border:0 !important; }
.admin-panel-container .btn-primary,
.admin-panel-container .btn-outline-secondary,
.admin-panel-container .btn-outline-danger,
.admin-panel-container .btn-success{ border-radius:10px !important; }