/* ═══════════════════════════════════════════════════════════════════════
   FLUX v1 — ADMIN EXTENSIONS
   Anything admin-specific that doesn't fit in premium.css. Most admin
   styling (tables, cards, tabs, forms) already lives in premium.css.
   ═══════════════════════════════════════════════════════════════════════ */

/* Admin tab sidebar (used by admin.html / dashboard_admin.html) */
/* Most rules are in premium.css under .admin-layout / .admin-sidebar / .admin-tab */

/* KPI grid for admin (alias) */
.dz-kpi-grid, .dz-content .stats {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap: var(--space-3);
  margin-bottom: var(--space-4);
}

/* Inputs inside admin panels */
.dz-content input[type="text"], .dz-content input[type="email"], .dz-content input[type="password"],
.dz-content input[type="number"], .dz-content input[type="url"], .dz-content input[type="tel"],
.dz-content select, .dz-content textarea {
  width: 100%; background: var(--bg); border: 1px solid var(--line);
  color: var(--ink); padding: 6px 10px; border-radius: var(--r-sm);
  font-family: var(--sans); font-size: var(--text-sm); transition: all var(--t-fast);
}
.dz-content input:focus, .dz-content select:focus, .dz-content textarea:focus {
  border-color: var(--accent); outline: none; box-shadow: 0 0 0 2px var(--accent-soft);
}
.dz-content input[type="checkbox"], .dz-content input[type="radio"] { width: auto; }

/* Sidebar link fix */
.dz-sidebar a, .pm-sidebar a { text-decoration: none !important; }
.dz-sidebar a:hover, .pm-sidebar a:hover { background: var(--panel); }
.dz-sidebar a.active, .pm-sidebar a.active { background: var(--panel-2); color: var(--accent); }

/* Muted */
.muted { color: var(--dim) !important; }