/* ============================================================
   Pro SST — VISUAL SÓBRIO (variante ligável) · Fase 0
   ------------------------------------------------------------
   Ativado por `body.ui-sobrio` (interruptor por sessão: ?ui=sobrio;
   volta com ?ui=classico). ADITIVO: sem a classe, nada muda — o layout
   atual permanece 100% intacto.

   Mantém FONTE e TAMANHOS atuais (reskin, não redesenho de estrutura):
   muda só cor / gradiente / brilho. O acabamento por componente
   (hero flat branco, ícones dos KPIs monocromáticos, pills de status,
   kanban por etapa) entra nas próximas fases, sempre atrás desta flag.
   ============================================================ */

body.ui-sobrio {
  /* Âncora da marca: navy sólido (mantém identidade Pro SST) */
  --sidebar-dark:   #122A52;
  --sidebar-darker: #0F2547;
  --sidebar-light:  #1B3D73;

  /* Fim do "gamey": gradiente do chrome vira NAVY CHAPADO (sem arco-íris) */
  --theme-gradient-from: #122A52;
  --theme-gradient-via:  #122A52;
  --theme-gradient-to:   #122A52;

  /* Acento = o "azulzinho" da logo (usado só no essencial) */
  --theme-accent:       #22B4E6;
  --theme-accent-light: #4DC9F6;

  /* Base neutra clara com leve viés frio (chão do app) */
  background-color: #F2F5FA;
}

/* Sombras mais discretas (menos "flutuante", mais gerencial) */
body.ui-sobrio .shadow-lg,
body.ui-sobrio .shadow-xl {
  box-shadow: 0 1px 2px rgba(15, 24, 38, .05), 0 1px 3px rgba(15, 24, 38, .04);
}

/* ============================================================
   Fase 1 — override GENÉRICO (todas as dashboards de uma vez).
   Pega os componentes por PADRÃO (qualquer cor/tamanho), não por
   tela. Escopo body.ui-sobrio. Funil (background-color inline por
   etapa) NÃO é afetado — a cor por etapa fica intacta.
   ============================================================ */

/* HERO (cabeçalho com gradiente) -> navy CHAPADO. Texto branco segue legível. */
body.ui-sobrio .bg-gradient-to-r.from-primary-600,
body.ui-sobrio .bg-gradient-to-r.from-primary-500,
body.ui-sobrio .bg-gradient-to-r.from-emerald-700,
body.ui-sobrio .rounded-3xl.bg-gradient-to-r,
body.ui-sobrio .rounded-2xl.bg-gradient-to-r {
  background-image: none !important;
  background-color: #122A52 !important;
}
/* "blobs" de brilho decorativos dentro do hero -> somem */
body.ui-sobrio .rounded-3xl.bg-gradient-to-r > .absolute,
body.ui-sobrio .rounded-2xl.bg-gradient-to-r > .absolute {
  display: none !important;
}

/* ÍCONES DOS KPIs — QUALQUER cor/tamanho: gradiente 500->600 vira NAVY único.
   (ícone branco continua legível). */
body.ui-sobrio .bg-gradient-to-br.from-blue-500,
body.ui-sobrio .bg-gradient-to-br.from-sky-500,
body.ui-sobrio .bg-gradient-to-br.from-cyan-500,
body.ui-sobrio .bg-gradient-to-br.from-indigo-500,
body.ui-sobrio .bg-gradient-to-br.from-emerald-500,
body.ui-sobrio .bg-gradient-to-br.from-emerald-600,
body.ui-sobrio .bg-gradient-to-br.from-green-500,
body.ui-sobrio .bg-gradient-to-br.from-teal-500,
body.ui-sobrio .bg-gradient-to-br.from-amber-500,
body.ui-sobrio .bg-gradient-to-br.from-amber-400,
body.ui-sobrio .bg-gradient-to-br.from-orange-500,
body.ui-sobrio .bg-gradient-to-br.from-yellow-500,
body.ui-sobrio .bg-gradient-to-br.from-purple-500,
body.ui-sobrio .bg-gradient-to-br.from-violet-500,
body.ui-sobrio .bg-gradient-to-br.from-fuchsia-500,
body.ui-sobrio .bg-gradient-to-br.from-pink-500,
body.ui-sobrio .bg-gradient-to-br.from-rose-500,
body.ui-sobrio .bg-gradient-to-br.from-red-500 {
  background-image: none !important;
  background-color: #153060 !important;
  box-shadow: none !important;
}

/* "blobs" decorativos coloridos no canto dos cards (from-*-100) -> somem */
body.ui-sobrio [class*="bg-gradient-to-br"][class*="from-blue-100"],
body.ui-sobrio [class*="bg-gradient-to-br"][class*="from-sky-100"],
body.ui-sobrio [class*="bg-gradient-to-br"][class*="from-cyan-100"],
body.ui-sobrio [class*="bg-gradient-to-br"][class*="from-indigo-100"],
body.ui-sobrio [class*="bg-gradient-to-br"][class*="from-emerald-100"],
body.ui-sobrio [class*="bg-gradient-to-br"][class*="from-green-100"],
body.ui-sobrio [class*="bg-gradient-to-br"][class*="from-amber-100"],
body.ui-sobrio [class*="bg-gradient-to-br"][class*="from-orange-100"],
body.ui-sobrio [class*="bg-gradient-to-br"][class*="from-purple-100"],
body.ui-sobrio [class*="bg-gradient-to-br"][class*="from-pink-100"],
body.ui-sobrio [class*="bg-gradient-to-br"][class*="from-red-100"] {
  display: none !important;
}

/* SIDEBAR item ATIVO: gradiente cyan->laranja + glow -> highlight azulzinho sutil */
body.ui-sobrio .sidebar-link.active {
  background: rgba(77, 201, 246, .16) !important;
  box-shadow: inset 3px 0 0 var(--theme-accent-light) !important;
  color: #EAF6FE !important;
}