/* Camada Flua da página index (splash antes do redirect ao login) — carregada por ÚLTIMO; escopada em
   html[data-surface="flua"]. Só nome do produto (FluaCare) e cores Flua. Tokens: css/flua.css. */
html[data-surface="flua"] body {
    background: var(--fl-bg); font-family: var(--fl-font);
}
html[data-surface="flua"] .loading-container {
    background: var(--fl-surf); border: 1px solid var(--fl-border); border-radius: 24px; box-shadow: var(--fl-shadow);
    padding: 40px 48px; margin: 16px; position: relative; overflow: hidden;
}
/* Faixa Coral no topo do card: o grafismo da marca, sem pintar o card inteiro */
html[data-surface="flua"] .loading-container::before {
    content: ""; position: absolute; inset: 0 0 auto; height: 6px; background: var(--flua-gradient);
}
html[data-surface="flua"] .splash-logo { display: block; height: 32px; width: auto; margin: 0 auto 20px; }
html[data-surface="flua"] .spinner {
    width: 52px; height: 52px; border: 4px solid var(--fl-lb); border-top-color: var(--flua-orange);
}
html[data-surface="flua"] h1 { color: var(--fl-txt); font: 500 24px/1.2 var(--fl-font); margin: 0 0 8px; }
html[data-surface="flua"] p { color: var(--fl-muted); font: 400 15px/1.4 var(--fl-font); margin: 0; }