/* ============================================================
   NEXFORMS — apps-aurora.css
   Reskin "Aurora" para os mini-apps internos (pt, os, checklist,
   admissao, epi, rnc, inspecao-carga, loja). Linkado DEPOIS do
   styles.css de cada app: remapeia a paleta compartilhada para a
   identidade Aurora (violeta→azul) e restiliza topbar/botões/cards.
   Sem fundo animado — são ferramentas de trabalho (foco em legibilidade).
   ============================================================ */

:root {
  --accent: #4f46e5;   /* indigo (era #2d6be4) */
  --blue:   #4338ca;
  --navy:   #1e1b4b;   /* deep indigo — topbar/títulos */
  --light:  #f5f6fb;
  --white:  #ffffff;
  --border: #e6e3f2;
  --muted:  #6b6f86;
  --green:  #10b981;
  --red:    #e11d48;
  --yellow: #f59e0b;
}

/* Fundo aurora sutil (estático) */
body {
  background:
    radial-gradient(46rem 34rem at 100% -6%, rgba(124,58,237,0.10), transparent 60%),
    radial-gradient(42rem 34rem at -6% 8%,   rgba(37,99,235,0.08),  transparent 60%),
    var(--light) !important;
  background-attachment: fixed !important;
}

/* Topbar com o gradiente da marca */
.topbar {
  background: linear-gradient(135deg, #7c3aed 0%, #4f46e5 50%, #2563eb 100%) !important;
  box-shadow: 0 6px 24px rgba(79,70,229,0.20);
  border-bottom: none !important;
}
.topbar, .topbar a, .topbar .user-pill, .topbar span, .topbar strong { color: #fff; }
.topbar .user-pill i { color: #e9e6ff !important; }

/* Botões */
.btn-primary {
  background: linear-gradient(135deg, #7c3aed, #2563eb) !important;
  border: none !important;
  color: #fff !important;
  box-shadow: 0 8px 20px rgba(79,70,229,0.26);
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}
.btn-primary:hover { transform: translateY(-1px); box-shadow: 0 12px 28px rgba(79,70,229,0.36); filter: saturate(1.05); }
.btn-success {
  background: linear-gradient(135deg, #10b981, #059669) !important;
  border: none !important; color: #fff !important;
}
.btn-ghost {
  border: 1px solid var(--border) !important;
  color: var(--accent) !important;
  background: rgba(124,58,237,0.04) !important;
}
.btn-ghost:hover { border-color: var(--accent) !important; background: rgba(124,58,237,0.09) !important; }

/* Cards com cara de vidro suave */
.card {
  border: 1px solid rgba(124,58,237,0.10) !important;
  border-radius: 16px !important;
  box-shadow: 0 10px 30px rgba(37,27,90,0.06) !important;
  overflow: hidden;
}
.card-header {
  background: rgba(124,58,237,0.04) !important;
  border-bottom: 1px solid rgba(124,58,237,0.08) !important;
}

/* Foco acessível na paleta Aurora */
input:focus, select:focus, textarea:focus {
  outline: none;
  border-color: var(--accent) !important;
  box-shadow: 0 0 0 3px rgba(79,70,229,0.14) !important;
}