/* Renovacion visual del panel administrativo - julio 2026.
   Centraliza la paleta sin alterar el marcado ni la logica existente. */
:root {
  --ui-bg: #eef2f6;
  --ui-surface: #ffffff;
  --ui-surface-muted: #f8fafc;
  --ui-text: #172033;
  --ui-heading: #111827;
  --ui-muted: #64748b;
  --ui-border: #dce3eb;
  --ui-border-strong: #cbd5e1;
  --ui-wine: #9f1d2c;
  --ui-wine-dark: #7f1724;
  --ui-wine-soft: #fdf0f2;
  --ui-blue-soft: #edf4f8;
  --ui-green-soft: #edf8f2;
  --ui-amber-soft: #fff7e8;
  --ui-red-soft: #fdf0f1;
  --ui-violet-soft: #f5f1f8;
  --ui-shadow: 0 10px 28px rgba(30, 41, 59, .07);
  --ui-shadow-hover: 0 16px 34px rgba(30, 41, 59, .11);
}

/* Tema oscuro fijo: se retiraron las reglas de tema claro y el panel mantiene siempre data-theme="dark". */
:root {
  color-scheme: dark;
}

/* Oscuro opcional moderado: gris azulado, nunca negro puro */
html[data-theme="dark"] .admin-app,
html[data-theme="dark"] .admin-main { background: #172230 !important; }
html[data-theme="dark"] .admin-sidebar,
html[data-theme="dark"] .admin-sidebar.photo-sidebar,
html[data-theme="dark"] .ccp-v3-sidebar { background: #202e3d !important; }
html[data-theme="dark"] .admin-main > .inventory-shell,
html[data-theme="dark"] .admin-main > .report-shell,
html[data-theme="dark"] .admin-main > .dark-form-shell,
html[data-theme="dark"] .admin-app .inventory-table-card,
html[data-theme="dark"] .admin-app .panel {
  background: #213041 !important;
  border-color: #34485d !important;
  box-shadow: 0 14px 36px rgba(12, 20, 29, .22) !important;
}

/* Responsive */
@media (prefers-reduced-motion: reduce) {
  .admin-app *, .ccp-login-page * { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; }
}