/* ============================================================
   NUTRI-THEME.CSS — Paleta e tipografia inspiradas no NutriEstágio
   Aplicado GLOBALMENTE via link antes dos demais CSS.
   Redefine vars dos CSS já existentes (admin-simples, anamnese-
   simples, formularios-simples, checkin-resumo-simples, agenda,
   materiais, dashboard-simples).
   ============================================================ */

/* Google Fonts — Inter em todos os pesos usados */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Cormorant+Garamond:wght@400;500&display=swap');

:root {
  /* Paleta base NutriEstágio (HSL -> HEX) */
  --ne-primary:      #2F745B;   /* hsl(158 42% 32%) — verde-esmeralda escuro */
  --ne-primary-dk:   #245845;   /* hover/dark */
  --ne-primary-glow: #3AAF7E;   /* hsl(158 50% 45%) — verde-esmeralda vivo */
  --ne-bg:           #FAFBF7;   /* hsl(80 30% 98%) — creme-verde */
  --ne-surface:      #FFFFFF;
  --ne-text:         #172621;   /* hsl(160 25% 12%) — verde-preto */
  --ne-text-2:       #3A4A45;
  --ne-muted:        #5E6863;   /* hsl(160 10% 40%) */
  --ne-border:       #DAE7E0;   /* hsl(150 20% 88%) */
  --ne-input-bg:     #F4F8F5;
  --ne-accent-gold:  #F5E3C1;   /* hsl(38 70% 88%) — dourado claro */
  --ne-warning:      #F2A50E;
  --ne-danger:       #DC2626;
  --ne-radius:       12px;
  --ne-radius-btn:   10px;

  /* Sombras */
  --ne-shadow-soft:    0 1px 3px 0 rgba(23,38,33,.06), 0 1px 2px -1px rgba(23,38,33,.06);
  --ne-shadow-elegant: 0 10px 30px -12px rgba(47,116,91,.18);
}

/* ── Override vars dos módulos já existentes ── */
:root {
  /* admin-simples */
  --as-bg: var(--ne-bg);
  --as-surface: var(--ne-surface);
  --as-border: var(--ne-border);
  --as-text: var(--ne-text);
  --as-text-2: var(--ne-text-2);
  --as-muted: var(--ne-muted);
  --as-green: var(--ne-primary);
  --as-green-dk: var(--ne-primary-dk);
  --as-radius: var(--ne-radius);
  --as-shadow: var(--ne-shadow-soft);

  /* anamnese-simples */
  --an-bg: var(--ne-bg);
  --an-surface: var(--ne-surface);
  --an-border: var(--ne-border);
  --an-text: var(--ne-text);
  --an-text-2: var(--ne-text-2);
  --an-muted: var(--ne-muted);
  --an-green: var(--ne-primary);
  --an-green-dk: var(--ne-primary-dk);

  /* formularios-simples */
  --fs-bg: var(--ne-bg);
  --fs-surface: var(--ne-surface);
  --fs-border: var(--ne-border);
  --fs-text: var(--ne-text);
  --fs-text-2: var(--ne-text-2);
  --fs-muted: var(--ne-muted);
  --fs-green: var(--ne-primary);
  --fs-green-dk: var(--ne-primary-dk);

  /* checkin-resumo-simples */
  --cr-bg: var(--ne-bg);
  --cr-surface: var(--ne-surface);
  --cr-border: var(--ne-border);
  --cr-text: var(--ne-text);
  --cr-text-2: var(--ne-text-2);
  --cr-muted: var(--ne-muted);
  --cr-green: var(--ne-primary);

  /* dashboard-simples (paciente) */
  --ds-bg: var(--ne-bg);
  --ds-surface: var(--ne-surface);
  --ds-border: var(--ne-border);
  --ds-text: var(--ne-text);
  --ds-text-2: var(--ne-text-2);
  --ds-muted: var(--ne-muted);
  --ds-green: var(--ne-primary);
}

/* ── Body default (Inter global) ── */
body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Títulos permanecem Cormorant só nos casos que já usam explicitamente.
   Inter é o default — herda no restante.
   Se quiser TUDO Inter (mais moderno), descomente a regra abaixo:
   .as-view-title, .an-block-title, .fs-block-title, .cr-block-title,
   .ds-name, .an-header-title h1, .fs-header-title h1, .cr-header-title h1 {
     font-family: 'Inter', sans-serif !important;
     font-weight: 700 !important;
   }
*/

/* ── Cards com radius e sombra suave do NutriEstágio ── */
.as-block, .as-cabecalho-card, .as-secao, .as-paciente-row,
.an-block, .fs-block, .cr-block, .cr-score-block, .paciente-proximas-consultas,
.material-card, .agenda-consulta-card, .ds-action {
  border-radius: var(--ne-radius) !important;
  box-shadow: var(--ne-shadow-soft);
}

/* ── Botões com radius 10px ── */
.as-btn-primary, .as-btn-secondary, .an-btn-primary, .an-btn-secondary,
.fs-btn-primary, .fs-btn-secondary, .as-filtro-btn.active,
.materiais-btn-novo, .agenda-btn-novo, .cr-btn-primary {
  border-radius: var(--ne-radius-btn) !important;
  font-weight: 500;
}

/* Botão primário — gradiente sutil e sombra elegante */
.as-btn-primary, .an-btn-primary, .fs-btn-primary,
.materiais-btn-novo, .agenda-btn-novo {
  background: var(--ne-primary) !important;
  box-shadow: var(--ne-shadow-elegant);
  transition: transform 0.15s, box-shadow 0.15s, background 0.15s;
}
.as-btn-primary:hover, .an-btn-primary:hover, .fs-btn-primary:hover,
.materiais-btn-novo:hover, .agenda-btn-novo:hover {
  background: var(--ne-primary-dk) !important;
  transform: translateY(-1px);
  box-shadow: 0 12px 32px -12px rgba(47,116,91,.28);
}

/* Sidebar mais próxima do NutriEstágio (branco 90% + border verde-creme) */
.as-sidebar {
  background: rgba(255,255,255,0.92) !important;
  backdrop-filter: saturate(140%) blur(6px);
  -webkit-backdrop-filter: saturate(140%) blur(6px);
  border-right-color: var(--ne-border) !important;
}
.as-nav-item.active {
  background: var(--ne-primary) !important;
  border-radius: var(--ne-radius-btn);
}

/* Inputs com bg mais suave */
.as-form-row input, .as-form-row select, .as-form-row textarea,
.an-field input, .an-field select, .an-field textarea,
.fs-field input, .fs-field select, .fs-field textarea,
.material-form-row input, .material-form-row select, .material-form-row textarea,
.agenda-form-row input, .agenda-form-row select, .agenda-form-row textarea,
.as-search, .materiais-search {
  background: var(--ne-input-bg) !important;
  border-color: var(--ne-border) !important;
  border-radius: 8px !important;
  transition: border-color 0.15s, background 0.15s;
}
.as-form-row input:focus, .as-form-row select:focus, .as-form-row textarea:focus,
.an-field input:focus, .an-field select:focus, .an-field textarea:focus,
.fs-field input:focus, .fs-field select:focus, .fs-field textarea:focus,
.material-form-row input:focus, .material-form-row select:focus, .material-form-row textarea:focus,
.agenda-form-row input:focus, .agenda-form-row select:focus, .agenda-form-row textarea:focus,
.as-search:focus, .materiais-search:focus {
  background: var(--ne-surface) !important;
  border-color: var(--ne-primary) !important;
  box-shadow: 0 0 0 3px rgba(47,116,91,0.08);
}

/* Chips/badges com radius e cor consistentes */
.as-meta-badge, .agenda-status-badge, .material-cat-badge {
  border-radius: 6px !important;
  font-weight: 600 !important;
}

/* Score circle do checkin-resumo com nova cor primária */
.cr-score-circle.bom { border-color: var(--ne-primary); }