/* ════════════════════════════════════════════════════════════════
   admin-simple.css — Capa "limpia y simple" sobre vision-theme.css
   Solo VISUAL. No cambia estructura ni JS. Se carga DESPUÉS del tema
   para aplanar sombras, quitar glassmorphism y modernizar el panel.
   Reversible: basta con quitar el <link> de app.html.
   ════════════════════════════════════════════════════════════════ */

/* ── 1. Tokens aplanados (afectan a todo lo que usa las variables) ── */
:root {
  --vt-sh-soft:  0 1px 2px rgba(31,25,51,0.05) !important;
  --vt-sh-card:  0 1px 3px rgba(31,25,51,0.06), 0 10px 24px -18px rgba(31,25,51,0.14) !important;
  --vt-sh-hover: 0 2px 6px rgba(31,25,51,0.08), 0 16px 34px -20px rgba(31,25,51,0.18) !important;
  --vt-glow:     rgba(123,104,179,0.14) !important;
  --vt-line:     #ece9f3 !important;
  --sm-radius:   16px;
  --sm-radius-sm:10px;
  --sm-bg:       #f7f6fb;
  --sm-surface:  #ffffff;
  --sm-border:   #ece9f3;
  --sm-text:     #221b35;
  --sm-muted:    #8b82a3;
  --sm-accent:   #7b68b3;
  --sm-accent-dk:#5a4a8f;
}

/* ── 2. Fondo plano y limpio (sin gradientes radiales) ── */
body {
  background: var(--sm-bg) !important;
}

/* ── 3. Header sólido y minimalista ── */
.site-header {
  background: #fff !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border-bottom: 1px solid var(--sm-border) !important;
  box-shadow: none !important;
}
.logo-icon { box-shadow: none !important; border-radius: 12px !important; }

/* ── 4. Nav: pills planas ── */
.nav-btn {
  padding: 8px 16px !important;
  font-weight: 600 !important;
}
.nav-btn.active { box-shadow: none !important; }

/* ── 5. Cards / secciones: superficie blanca, borde fino, radio uniforme ── */
.section, .card, .panel,
.admin-card, .escuelas-card, .pedido-card,
.adm-card, .at-card, .stat-card, .esc-card, .col-card,
.auth-card, .home-card {
  background: var(--sm-surface) !important;
  border: 1px solid var(--sm-border) !important;
  border-radius: var(--sm-radius) !important;
  box-shadow: var(--vt-sh-soft) !important;
}
/* Hover discreto: sin "salto", solo un poco más de sombra */
.admin-card:hover, .escuelas-card:hover, .pedido-card:hover,
.adm-card:hover, .at-card:hover, .esc-card:hover, .home-card:hover {
  transform: none !important;
  box-shadow: var(--vt-sh-card) !important;
  border-color: #ddd6ec !important;
}

/* ── 6. Botones: planos, sólidos, radio moderado ── */
.btn, .btn-primary, .btn-secondary, .btn-outline, .btn-volver {
  border-radius: var(--sm-radius-sm) !important;
  font-weight: 600 !important;
  box-shadow: none !important;
}
.btn-primary {
  background: var(--sm-accent) !important;
}
.btn-primary:hover {
  background: var(--sm-accent-dk) !important;
  box-shadow: none !important;
  transform: none !important;
}
.btn:hover { transform: none !important; }
.btn-outline, .btn-volver {
  background: #fff !important;
  backdrop-filter: none !important;
  border: 1px solid var(--sm-border) !important;
}

/* ── 7. Tabs de admin: control segmentado limpio (sin vidrio) ── */
.admin-tab-nav {
  background: #fff !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border: 1px solid var(--sm-border) !important;
  border-radius: 14px !important;
  box-shadow: none !important;
  padding: 4px !important;
  gap: 2px !important;
}
.admin-tab-btn {
  border-radius: 10px !important;
  padding: 8px 16px !important;
  font-weight: 600 !important;
}
.admin-tab-btn.atb-active {
  background: var(--sm-accent) !important;
  box-shadow: none !important;
}

/* ── 8. Inputs / selects / textareas: limpios y consistentes ── */
input:not([type='checkbox']):not([type='radio']):not(#page-vendedora input):not(#gsc-chat-panel input),
select:not(#page-vendedora select):not(#gsc-chat-panel select),
textarea:not(#page-vendedora textarea):not(#gsc-chat-panel textarea) {
  border-radius: var(--sm-radius-sm) !important;
  border: 1px solid var(--sm-border) !important;
  background: #fff !important;
}
input:focus, select:focus, textarea:focus {
  box-shadow: 0 0 0 3px var(--vt-glow) !important;
  border-color: var(--sm-accent) !important;
}
/* Etiquetas más discretas (sin tanto espaciado/negrita gritona) */
label {
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  color: var(--sm-text) !important;
}

/* ── 9. Hero del home: gradiente más sobrio, radio uniforme ── */
.home-hero {
  border-radius: 0 0 20px 20px !important;
}

/* ── 10. Detalles: separadores y radios sueltos más suaves ── */
.sec-head { border-radius: 12px !important; box-shadow: none !important; }