/* Gerado por split de app/static/css/estilo_ph3a.css (fundação da reorganização de CSS, 03/08/2026). Ver app/utils/css_manifest.py pra ordem de carregamento. */

/* ============================================================
   PH3A DataCRM - Custom Stylesheet
   Digital Marketing Agency CRM
   ============================================================ */

:root {
  /* ── Cores Oficiais PH3A ── */
  --ph3a-primary:       #ef5929;   /* laranja PH3A */
  --ph3a-primary-light: #f47f5f;
  --ph3a-primary-dark:  #da4d1d;
  --ph3a-accent:        #051F4E;   /* azul navy PH3A */
  --ph3a-accent-light:  #0A2D6E;
  --ph3a-accent-dark:   #02132E;

  /* ── Sidebar (navy) ── */
  --ph3a-sidebar-bg:     #051F4E;
  --ph3a-sidebar-hover:  #0A2D6E;
  --ph3a-sidebar-active: #0D3580;

  /* ── Layout ── */
  --ph3a-bg:         #F5F6FA;
  --ph3a-bg-card:    #ffffff;  /* card / modal / surface — usado em var(--ph3a-bg-card)
                                  sem fallback. Bug 30/04/2026: variável não definida
                                  fazia modal de envio multi-canal ficar transparente
                                  sobre a lista de Negócios. */
  --ph3a-bg-alt:     #f1f5f9;  /* background alternativo (1 tom mais escuro que --ph3a-bg).
                                  Usado em input group, progress bar, células vazias de
                                  heatmap. Sem definição, esses elementos ficam transparentes. */
  --ph3a-card:       #ffffff;  /* alias de --ph3a-bg-card pra compatibilidade com
                                  templates antigos que usavam o nome "card" direto. */
  --ph3a-surface:    #ffffff;  /* alias semântico — usado em campo de busca, input filled.
                                  Mesmo valor que card, mas o nome ajuda quando dark mode
                                  for adicionado (surface ≠ card em alguns design systems). */
  --ph3a-white:      #ffffff;
  --ph3a-text:       #4b4b4b;
  --ph3a-text-light: #7a7a8c;
  --ph3a-border:     #e9eaec;

  /* ── Status ── */
  --ph3a-success: #10b981;
  --ph3a-warning: #f59e0b;
  --ph3a-danger:  #ef4444;
  --ph3a-info:    #3b82f6;

  --sidebar-width:  260px;
  --topbar-height:  64px;
  --transition:     0.25s ease;
}