/* ============================================================
_mtastra.css — tema "Astra" do ecossistema MedTech
Preto puro, Inter, hierarquia por alpha de branco (60/40/20/12/6),
pílulas, fios de 12%, painéis a 6%, zero sombra. Mesmo vocabulário
da landing (index.html).
COMO ENTRA NUM APP (3 linhas, nada mais):
Inter no lugar da Figtree (400;500;600 — o 600 é o peso máximo:
todo 700/800 dos apps cai para 600 sem sintetizar negrito)
← ÚLTIMO css do
Por que é um arquivo só: os 16 apps nomeiam as cores de 16 jeitos
(--petrol, --primary, --teal, --ink, --txt…). Aqui cada alias é
remapeado uma vez; o que sobra são os pontos em que o app crava a cor
primária como FUNDO com texto branco por cima (a primária virou branco,
então o texto vira preto) — esses ficam por app, no fim, sob
html[data-astra=""].
Tudo dentro de @media screen: impressão continua em papel branco.
Contraste: texto secundário em 60% de branco = 5,9:1 sobre preto (AA).
============================================================ */
@media screen {
html[data-astra] { color-scheme: dark; }
html[data-astra], html[data-astra][data-theme], html[data-astra] [data-theme] {
/* ---- paleta Astra (canônica) ---- */
--a-bg: #000; --a-fg: #fff;
--a-fg60: rgba(255,255,255,.6); --a-fg40: rgba(255,255,255,.4);
--a-fg20: rgba(255,255,255,.2); --a-fg12: rgba(255,255,255,.12); --a-fg6: rgba(255,255,255,.06);
--a-panel: rgba(255,255,255,.06); /* cards e campos: translúcido, o fundo espacial passa */
--a-panel2: rgba(255,255,255,.12);
--a-panel3: rgba(255,255,255,.18);
--a-solid: #0F0F0F; /* modal, sticky, barras: opaco */
/* fundo "espacial" da referência: orbe azul-marinho no alto, brilho suave, anel fino e estrelas */
--a-space:
radial-gradient(1.2px 1.2px at 12% 22%, rgba(255,255,255,.35), transparent),
radial-gradient(1px 1px at 78% 18%, rgba(255,255,255,.25), transparent),
radial-gradient(1.6px 1.6px at 64% 72%, rgba(255,255,255,.30), transparent),
radial-gradient(1px 1px at 28% 80%, rgba(255,255,255,.20), transparent),
radial-gradient(1px 1px at 88% 60%, rgba(255,255,255,.22), transparent),
radial-gradient(1px 1px at 40% 40%, rgba(255,255,255,.18), transparent),
radial-gradient(1.2px 1.2px at 55% 12%, rgba(255,255,255,.22), transparent),
radial-gradient(1px 1px at 8% 58%, rgba(255,255,255,.18), transparent),
radial-gradient(1px 1px at 92% 86%, rgba(255,255,255,.16), transparent),
radial-gradient(1.4px 1.4px at 22% 48%, rgba(255,255,255,.20), transparent),
radial-gradient(circle 440px at 50% 6%, transparent 439px, rgba(255,255,255,.04) 440px, rgba(255,255,255,.04) 441px, transparent 442px),
radial-gradient(560px 340px at 50% 8%, rgba(70,104,176,.22), rgba(70,104,176,.07) 45%, transparent 72%),
radial-gradient(1300px 900px at 50% -22%, #0c1424 0%, #080d18 24%, #04070e 44%, #000 70%),
#000;
--a-ease: cubic-bezier(.16,1,.3,1);
/* semânticos: claros o bastante para AA sobre preto E sobre o próprio tint */
--a-ok: #4ADE80; --a-ok-bg: rgba(74,222,128,.14); --a-ok-btn: #1F7A45;
--a-warn: #FBBF24; --a-warn-bg: rgba(251,191,36,.14);
--a-danger: #F87171; --a-danger-bg: rgba(248,113,113,.14);
--a-violet: #C4B5FD; --a-violet-bg: rgba(196,181,253,.14); --a-violet-btn: #6D5BD0;
/* ---- remapeamento dos aliases legados (todos os apps) ---- */
/* fundos de página */
--bg: var(--a-bg); --paper: var(--a-bg); --mt-bg: var(--a-bg);
/* superfícies (card, box, modal) */
--surface: var(--a-panel); --card: var(--a-panel); --bg-card: var(--a-panel); --mt-surface: var(--a-panel);
/* painel secundário (input, faixa, tint) */
--panel2: var(--a-panel2); --bg-soft: var(--a-panel2); --surface2: var(--a-panel2); --surface-2: var(--a-panel2);
--bg-2: var(--a-panel2); --mt-surface-2: var(--a-panel2); --bg-3: var(--a-panel3);
/* texto */
--ink: var(--a-fg); --text: var(--a-fg); --txt: var(--a-fg); --mt-text: var(--a-fg);
--muted: var(--a-fg60); --text-soft: var(--a-fg60); --ink-soft: var(--a-fg60); --mt-text-dim: var(--a-fg60);
--dim: var(--a-fg60); --text-mute: var(--a-fg60); --mt-text-faint: var(--a-fg60);
/* fios */
--line: var(--a-fg12); --border: var(--a-fg12); --mt-line: var(--a-fg12);
--line-strong: var(--a-fg20); --border-strong: var(--a-fg20); --mt-line-strong: var(--a-fg20);
--primary-border: var(--a-fg20);
/* primária / acento → branco (a Astra não tem cor de marca) */
--petrol: var(--a-fg); --petrol-dark: var(--a-fg); --petrol-btn: var(--a-fg); --petrol-d: var(--a-fg);
--mint: var(--a-fg); --mint-dark: var(--a-fg); --mint-d: var(--a-fg);
--primary: var(--a-fg); --primary-dark: var(--a-fg); --primary-hover: var(--a-fg60);
--accent: var(--a-fg); --accent2: var(--a-fg); --teal: var(--a-fg); --teal-deep: var(--a-fg); --teal-btn: var(--a-fg);
--blue: var(--a-fg); --info: var(--a-fg);
--mt-brand: var(--a-fg); --mt-brand-strong: var(--a-fg); --mt-accent: var(--a-fg);
--mt-brand-grad: var(--a-fg);
--on-mint: #000;
/* tints da primária */
--soft: var(--a-fg12); --primary-soft: var(--a-fg12); --primary-soft-2: var(--a-panel2); --teal-tint: var(--a-fg12);
--blue-bg: var(--a-fg12); --info-soft: var(--a-fg12); --accent-soft: var(--a-fg12);
/* semânticos */
--green: var(--a-ok); --ok: var(--a-ok); --success: var(--a-ok); --right: var(--a-ok); --mt-ok: var(--a-ok);
--success-btn: var(--a-ok-btn);
--green-bg: var(--a-ok-bg); --success-soft: var(--a-ok-bg); --right-bg: var(--a-ok-bg);
--amber: var(--a-warn); --warn: var(--a-warn); --caso: var(--a-warn); --caso-dark: #FCD34D; --mt-warn: var(--a-warn);
--amber-bg: var(--a-warn-bg); --warn-soft: var(--a-warn-bg); --caso-soft: var(--a-warn-bg);
--red: var(--a-danger); --danger: var(--a-danger); --wrong: var(--a-danger); --mt-danger: var(--a-danger);
--red-bg: var(--a-danger-bg); --wrong-bg: var(--a-danger-bg);
--violet: var(--a-violet); --purple: var(--a-violet); --violet-btn: var(--a-violet-btn);
--violet-bg: var(--a-violet-bg); --purple-soft: var(--a-violet-bg);
/* aliases dos apps com CSS externo (LaudAI, Granaê) e do MedProvas */
--text-dim: var(--a-fg60); --text-faint: var(--a-fg60); --text-muted: var(--a-fg60); --muted-2: var(--a-fg60);
--border-2: var(--a-fg20); --accent-2: var(--a-fg); --accent-grad: var(--a-fg); --primary-2: var(--a-fg);
--income: var(--a-ok); --income-2: var(--a-ok); --expense: var(--a-fg); --expense-2: var(--a-danger);
--warning: var(--a-warn); --warning-soft: var(--a-warn-bg); --danger-soft: var(--a-danger-bg);
--shadow-xs: none; --shadow-sm: none; --shadow-md: none; --shadow-glow: none; --shadow-glow-pink: none;
/* sombra e brilho: não existem na Astra */
--shadow: none; --shadow-lg: none; --mt-shadow: none;
--glow: transparent; --glow-bg: transparent; --mt-glow: transparent;
--mt-overlay: rgba(0,0,0,.72);
--mt-ring: 0 0 0 2px rgba(255,255,255,.6);
/* tipografia */
--disp: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
--mt-font-display: var(--disp); --mt-font-text: var(--disp);
}
/* ---------- base ---------- */
html[data-astra] { background: #000 !important; background-image: none !important; color: var(--a-fg); }
html[data-astra] body { background: transparent !important; background-image: none !important; color: var(--a-fg); position: relative; }
/* camada espacial: fixa, atrás do conteúdo (funciona no iOS, onde background-attachment:fixed não funciona) */
html[data-astra] body::before {
content: ""; position: fixed; inset: 0; z-index: -1; pointer-events: none;
background: var(--a-space);
}
html[data-astra] body {
font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
letter-spacing: 0;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
box-shadow: none;
}
html[data-astra] body ::selection { background: var(--a-fg); color: #000; }
html[data-astra] body h1, html[data-astra] body h2, html[data-astra] body h3, html[data-astra] body h4 {
font-weight: 500; letter-spacing: -.02em; color: var(--a-fg);
}
html[data-astra] body a { color: var(--a-fg); }
html[data-astra] body hr { border-color: var(--a-fg12); }
html[data-astra] body :where(a,button,[role=button],input,select,textarea,summary,[tabindex]):focus-visible {
outline: 2px solid var(--a-fg60); outline-offset: 3px; box-shadow: none;
}
html[data-astra] body ::-webkit-scrollbar { width: 10px; height: 10px; }
html[data-astra] body ::-webkit-scrollbar-thumb { background: var(--a-fg20); border-radius: 999px; border: 2px solid #000; }
html[data-astra] body ::-webkit-scrollbar-track { background: transparent; }
/* ---------- cabeçalho: preto com blur, fio embaixo, sem sombra ---------- */
html[data-astra] body header, html[data-astra] body .topbar, html[data-astra] body .header {
background: rgba(0,0,0,.72) !important;
background-image: none !important;
-webkit-backdrop-filter: blur(18px); backdrop-filter: blur(18px);
border-bottom: 1px solid var(--a-fg12) !important;
border-radius: 0 !important;
box-shadow: none !important;
color: var(--a-fg);
}
/* ---------- campos ---------- */
html[data-astra] body input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),
html[data-astra] body select,
html[data-astra] body textarea {
background: var(--a-panel) !important;
color: var(--a-fg) !important;
border: 1px solid var(--a-fg20) !important;
border-radius: 12px;
box-shadow: none !important;
font-family: inherit;
}
html[data-astra] body input::placeholder, html[data-astra] body textarea::placeholder { color: var(--a-fg40); }
html[data-astra] body input:focus, html[data-astra] body select:focus, html[data-astra] body textarea:focus {
border-color: var(--a-fg60) !important; outline: none; box-shadow: none !important;
}
html[data-astra] body input:-webkit-autofill, html[data-astra] body input:-webkit-autofill:focus,
html[data-astra] body textarea:-webkit-autofill, html[data-astra] body select:-webkit-autofill {
-webkit-box-shadow: 0 0 0 100px var(--a-panel) inset !important;
-webkit-text-fill-color: var(--a-fg) !important; caret-color: var(--a-fg);
}
html[data-astra] body input[type=checkbox], html[data-astra] body input[type=radio] { accent-color: #fff; }
/* ---------- botões viram pílulas; sombras somem ---------- */
html[data-astra] body button, html[data-astra] body .btn, html[data-astra] body a.btn, html[data-astra] body [role=button] {
font-family: inherit; box-shadow: none !important; text-shadow: none;
transition: background-color .2s, color .2s, border-color .2s, transform .2s var(--a-ease);
}
html[data-astra] body .btn, html[data-astra] body a.btn, html[data-astra] body button.btn,
html[data-astra] body [class*="btn-"], html[data-astra] body [class$="-btn"] {
border-radius: 999px;
}
html[data-astra] body .btn:active, html[data-astra] body button:active { transform: scale(.98); }
html[data-astra] body button:disabled, html[data-astra] body .btn:disabled { opacity: .45; }
/* ---------- superfícies: fio de 12%, sem sombra ---------- */
html[data-astra] body [class*="card"], html[data-astra] body .box, html[data-astra] body .panel,
html[data-astra] body .kpi, html[data-astra] body .empty, html[data-astra] body .note,
html[data-astra] body .sheet, html[data-astra] body .toast, html[data-astra] body .tabs {
box-shadow: none !important;
background-image: none;
}
html[data-astra] body .chip, html[data-astra] body .badge, html[data-astra] body .tag, html[data-astra] body .pill {
box-shadow: none !important; border-radius: 999px;
}
/* ---------- modais: fundo escurecido, caixa opaca com fio ---------- */
html[data-astra] body .modal, html[data-astra] body .modal-backdrop, html[data-astra] body .sug-modal, html[data-astra] body .sheet-bg {
background: rgba(0,0,0,.72) !important;
-webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);
}
html[data-astra] body .modal .box, html[data-astra] body .modal-backdrop .modal, html[data-astra] body .sug-box,
html[data-astra] body .mt-sw-box {
background: var(--a-solid) !important;
border: 1px solid var(--a-fg12);
box-shadow: none !important;
color: var(--a-fg);
}
/* ---------- tabelas ---------- */
html[data-astra] body table { border-color: var(--a-fg12); }
html[data-astra] body th, html[data-astra] body td { border-color: var(--a-fg12) !important; }
html[data-astra] body th { color: var(--a-fg60); font-weight: 500; }
html[data-astra] body tr:nth-child(even) td { background: transparent; }
/* ---------- avisos ---------- */
html[data-astra] body .toast { background: #fff !important; color: #000 !important; border: 0; }
html[data-astra] body .toast.erro, html[data-astra] body .toast.error, html[data-astra] body .toast.err { background: var(--a-danger) !important; color: #000 !important; }
html[data-astra] body .toast.ok, html[data-astra] body .toast.success { background: var(--a-ok) !important; color: #000 !important; }
/* ---------- rodapé ---------- */
html[data-astra] body footer { color: var(--a-fg60); border-top: 1px solid var(--a-fg12); }
html[data-astra] body footer a { color: var(--a-fg60); font-weight: 500; }
html[data-astra] body footer a:hover { color: var(--a-fg); }
/* ---------- família de template dos apps clínicos (.btn-p/.btn-g/.tabs/.logo .mark/.usr) ---------- */
html[data-astra] body .btn-p, html[data-astra] body .tabs button.on, html[data-astra] body .logo .mark,
html[data-astra] body .seg.on, html[data-astra] body .sugg.on, html[data-astra] body .msg.u .av,
html[data-astra] body .ask button, html[data-astra] body .btn-ai { color: #000 !important; }
html[data-astra] body .btn-p:hover, html[data-astra] body .btn-ai:hover { background: #e6e6e6; }
html[data-astra] body .btn-p .spin { border-color: #000; border-top-color: transparent; }
html[data-astra] body .btn-g { background: var(--a-fg12); color: #fff; border-color: transparent; }
html[data-astra] body .btn-g:hover { background: var(--a-fg20); color: #fff; }
html[data-astra] body .btn-dn { background: var(--a-danger-bg); color: var(--a-danger); }
html[data-astra] body .logo .mark { box-shadow: none !important; }
html[data-astra] body .tabs { background: var(--a-fg6); border: 0; border-radius: 999px; box-shadow: none !important; }
html[data-astra] body .tabs button { border-radius: 999px; font-weight: 500; min-height: 44px; }
html[data-astra] body .usr a, html[data-astra] body .usr button { border-radius: 999px; background: var(--a-fg12); border-color: transparent; color: #fff; font-weight: 500; min-height: 44px; padding: 8px 16px; }
html[data-astra] body .usr a:hover, html[data-astra] body .usr button:hover { background: var(--a-fg20); color: #fff; }
html[data-astra] body .modal-x { border-radius: 999px; background: var(--a-fg12); border-color: transparent; color: #fff; box-shadow: none !important; }
@media (max-width: 640px) {
html[data-astra] body .tabs { background: rgba(0,0,0,.85); -webkit-backdrop-filter: blur(18px); backdrop-filter: blur(18px); border-top: 1px solid var(--a-fg12); border-radius: 0; }
html[data-astra] body .tabs button.on { background: var(--a-fg12); color: #fff !important; }
}
/* ============================================================
MÓDULO COMPARTILHADO (_mtauth.js) — login, splash, trocador, botão
"voltar ao MedTech", barra de demonstração. Só nos apps Astra.
============================================================ */
html[data-astra] .mt-auth { background: var(--a-space); font-family: 'Inter', system-ui, sans-serif; }
html[data-astra] .mt-card { background: rgba(15,15,15,.82); -webkit-backdrop-filter: blur(18px); backdrop-filter: blur(18px); border: 1px solid var(--a-fg12); box-shadow: none; border-radius: 20px; }
html[data-astra] .mt-brand { color: #fff; font-family: 'Inter', system-ui, sans-serif; font-weight: 600; letter-spacing: -.02em; }
html[data-astra] .mt-brand .mk { background: var(--a-fg12); }
html[data-astra] .mt-brand b { color: #fff; font-weight: 600; }
html[data-astra] .mt-sub, html[data-astra] .mt-consent { color: var(--a-fg60); }
html[data-astra] .mt-auth h2 { color: #fff; font-family: 'Inter', system-ui, sans-serif; font-weight: 500; letter-spacing: -.02em; }
html[data-astra] .mt-auth input { background: var(--a-panel2); color: #fff; border: 1px solid var(--a-fg20); border-radius: 12px; }
html[data-astra] .mt-auth input:focus { border-color: var(--a-fg60); box-shadow: none; }
html[data-astra] .mt-auth input:-webkit-autofill, html[data-astra] .mt-auth input:-webkit-autofill:hover, html[data-astra] .mt-auth input:-webkit-autofill:focus {
-webkit-box-shadow: 0 0 0 100px var(--a-panel2) inset; -webkit-text-fill-color: #fff; caret-color: #fff;
}
html[data-astra] .mt-auth .mt-btn { background: #fff; color: #000; border-radius: 999px; box-shadow: none; font-weight: 500; }
html[data-astra] .mt-auth .mt-btn:hover { filter: none; background: #e6e6e6; }
html[data-astra] .mt-auth .mt-link { color: #fff; font-weight: 500; }
html[data-astra] .mt-consent a { color: #fff; font-weight: 500; }
html[data-astra] .mt-err { color: var(--a-danger); }
html[data-astra] .mt-demobar { background: var(--a-solid); color: var(--a-fg60); border-top: 1px solid var(--a-fg12); }
html[data-astra] .mt-demobar b { color: #fff; }
html[data-astra] .mt-demobar button { background: #fff; color: #000; border-radius: 999px; font-weight: 500; }
html[data-astra] .mt-home { background: var(--a-fg12); color: #fff; box-shadow: inset 0 0 0 1px var(--a-fg20); font-family: 'Inter', system-ui, sans-serif; font-weight: 500; opacity: .9; }
html[data-astra] .mt-sw { background: rgba(0,0,0,.72); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
html[data-astra] .mt-sw-box { background: var(--a-solid); border: 1px solid var(--a-fg12); box-shadow: none; }
html[data-astra] .mt-sw-h { color: var(--a-fg60); font-family: 'Inter', system-ui, sans-serif; }
html[data-astra] .mt-sw-a { color: #fff; }
html[data-astra] .mt-sw-a .n { font-family: 'Inter', system-ui, sans-serif; }
html[data-astra] .mt-sw-a .k { background: var(--a-fg12) !important; box-shadow: none; color: #fff; }
html[data-astra] .mt-sw-a:hover .k { background: #fff !important; color: #000; transform: none; }
html[data-astra] .mt-sw-a.cur .k { outline: 0; background: #fff !important; color: #000; }
html[data-astra] .mt-splash { background: var(--a-space); }
html[data-astra] .mt-splash .mk { background: var(--a-fg12); }
html[data-astra] .mt-splash .sp { border-color: var(--a-fg20); border-top-color: #fff; }
/* ============================================================
POR APP — só o que a primária-virou-branco quebrou (fundo branco
com texto branco por cima) e cores cravadas fora das variáveis.
============================================================ */
/* ---- EnfermarIA ---- */
html[data-astra="enfermaria"] body .logo .mark,
html[data-astra="enfermaria"] body .tabs button.on,
html[data-astra="enfermaria"] body .btn-p,
html[data-astra="enfermaria"] body .leito,
html[data-astra="enfermaria"] body .chip:active,
html[data-astra="enfermaria"] body .sug-ok:active { color: #000 !important; }
html[data-astra="enfermaria"] body .btn-p:hover { background: #e6e6e6; }
html[data-astra="enfermaria"] body .btn-p .spin { border-color: #000; border-top-color: transparent; }
html[data-astra="enfermaria"] body .btn-g { background: var(--a-fg12); color: #fff; border-color: transparent; }
html[data-astra="enfermaria"] body .btn-g:hover { background: var(--a-fg20); }
html[data-astra="enfermaria"] body .btn-dn { background: var(--a-danger-bg); color: var(--a-danger); }
html[data-astra="enfermaria"] body .b-obito { background: var(--a-fg12); color: var(--a-fg60); }
html[data-astra="enfermaria"] body .tabs { background: var(--a-fg6); border: 0; border-radius: 999px; }
html[data-astra="enfermaria"] body .tabs button { border-radius: 999px; font-weight: 500; min-height: 44px; }
html[data-astra="enfermaria"] body .usr a, html[data-astra="enfermaria"] body .usr button { border-radius: 999px; background: var(--a-fg12); border-color: transparent; color: #fff; font-weight: 500; min-height: 44px; padding: 8px 16px; }
html[data-astra="enfermaria"] body .usr a:hover, html[data-astra="enfermaria"] body .usr button:hover { background: var(--a-fg20); color: #fff; }
html[data-astra="enfermaria"] body .logo .mark { box-shadow: none; }
html[data-astra="enfermaria"] body .pt-row:hover { background: var(--a-fg6); border-color: var(--a-fg20); }
html[data-astra="enfermaria"] body .pt-acts button { border-radius: 999px; }
html[data-astra="enfermaria"] body .pt-fechar { background: var(--a-fg12); border-color: transparent; color: #fff; }
html[data-astra="enfermaria"] body .modal-x { border-radius: 999px; background: var(--a-fg12); border-color: transparent; color: #fff; }
html[data-astra="enfermaria"] body .modal h3 { box-shadow: 0 -30px 0 0 var(--a-solid) !important; background: var(--a-solid); }
html[data-astra="enfermaria"] body .row.actions { background: var(--a-solid); }
html[data-astra="enfermaria"] body .kpi .v, html[data-astra="enfermaria"] body .leito .ln, html[data-astra="enfermaria"] body .pt-top .nome { font-weight: 600; }
@media (max-width: 640px) {
html[data-astra="enfermaria"] body .tabs { background: rgba(0,0,0,.85); -webkit-backdrop-filter: blur(18px); backdrop-filter: blur(18px); border-top: 1px solid var(--a-fg12); border-radius: 0; }
html[data-astra="enfermaria"] body .tabs button.on { background: var(--a-fg12); color: #fff !important; }
}
/* ---- CondutAI ---- */
html[data-astra="condutai"] body #themeBtn { display: none !important; }
html[data-astra="condutai"] body .logo-icon,
html[data-astra="condutai"] body .ai-panel-send,
html[data-astra="condutai"] body .send-btn,
html[data-astra="condutai"] body .source-item .src-num,
html[data-astra="condutai"] body .btn-primary,
html[data-astra="condutai"] body .wb-bigsearch button,
html[data-astra="condutai"] body .gaso-btn,
html[data-astra="condutai"] body .wb-nav button.center .nic,
html[data-astra="condutai"] body .library-tab.saved-toggle.active,
html[data-astra="condutai"] body .followup-send { color: #000 !important; background-image: none !important; }
html[data-astra="condutai"] body .followup-send { background: #fff; }
html[data-astra="condutai"] body .gaso-btn:hover, html[data-astra="condutai"] body .btn-primary:hover { background: #e6e6e6; }
html[data-astra="condutai"] body .btn-secondary, html[data-astra="condutai"] body .followup-finish, html[data-astra="condutai"] body .action-btn,
html[data-astra="condutai"] body .wb-quick button { background: var(--a-fg12); color: #fff; border-color: transparent; border-radius: 999px; }
html[data-astra="condutai"] body .wb-hero { background: var(--a-panel) !important; background-image: none !important; border: 1px solid var(--a-fg12); box-shadow: none !important; color: #fff; }
html[data-astra="condutai"] body .wb-search { box-shadow: none !important; background: var(--a-panel); border-color: var(--a-fg20); border-radius: 999px; }
html[data-astra="condutai"] body .wb-search input { background: transparent !important; border: 0 !important; }
html[data-astra="condutai"] body .wb-card { box-shadow: none !important; }
html[data-astra="condutai"] body .wb-card:hover { border-color: var(--a-fg20); background: var(--a-panel2); }
html[data-astra="condutai"] body .wb-card .ic { box-shadow: none !important; }
html[data-astra="condutai"] body .wb-hi { font-weight: 500; letter-spacing: -.02em; }
html[data-astra="condutai"] body .wb-section-title { font-weight: 500; color: var(--a-fg60); }
html[data-astra="condutai"] body .wb-headbtns button { border-radius: 999px; }
html[data-astra="condutai"] body .wb-nav button { min-height: 44px; }
html[data-astra="condutai"] body .wb-nav { background: rgba(0,0,0,.85) !important; -webkit-backdrop-filter: blur(18px); backdrop-filter: blur(18px); border-top: 1px solid var(--a-fg12); box-shadow: none !important; }
html[data-astra="condutai"] body .library-tab.active { color: #fff; }
html[data-astra="condutai"] body .mode-btn.active { background: var(--a-fg12); color: #fff; }
html[data-astra="condutai"] body .history-item.active { border-color: var(--a-fg20); }
html[data-astra="condutai"] body .content h3 { color: var(--a-fg); }
html[data-astra="condutai"] body .content a { text-decoration: underline; text-decoration-color: var(--a-fg40); }
html[data-astra="condutai"] body .alert-warn, html[data-astra="condutai"] body .alert-info,
html[data-astra="condutai"] body .alert-socratic, html[data-astra="condutai"] body .alert-caso { border-color: var(--a-fg20); }
html[data-astra="condutai"] body .content .wb-acc > summary { font-weight: 500; }
/* ---- ConsultAI ---- */
html[data-astra="consultai"] body .phead .av, html[data-astra="consultai"] body .rx-num, html[data-astra="consultai"] body .mcount,
html[data-astra="consultai"] body .dias-pick button.on, html[data-astra="consultai"] body .btn-wa, html[data-astra="consultai"] body .wa-tpls button.on { color: #000 !important; }
html[data-astra="consultai"] body .ini-hero { background: var(--a-panel) !important; background-image: none !important; border: 1px solid var(--a-fg12); box-shadow: none !important; color: #fff; }
html[data-astra="consultai"] body .s-ca { background: var(--a-fg12); color: var(--a-fg60); }
/* ---- ATBguia / PocusAI ---- */
html[data-astra="atbguia"] body .card.ai, html[data-astra="pocusai"] body .card.ai { background: var(--a-panel2) !important; border: 1px solid var(--a-fg20) !important; color: #fff; }
html[data-astra="atbguia"] body .card.ai .cn, html[data-astra="pocusai"] body .card.ai .cn { color: #fff !important; }
html[data-astra="atbguia"] body .btn-ai, html[data-astra="pocusai"] body .btn-ai { background: #fff; }
html[data-astra="atbguia"] body .card:hover, html[data-astra="pocusai"] body .card:hover { box-shadow: none !important; border-color: var(--a-fg20); }
html[data-astra="pocusai"] body .bf { background: #fff; color: #0f3a44; }
/* ---- PaliAI ---- */
html[data-astra="paliai"] body .logo .mark, html[data-astra="paliai"] body .btn-p, html[data-astra="paliai"] body .navtab.on {
background: #fff !important; background-image: none !important; color: #000 !important; box-shadow: none !important; }
html[data-astra="paliai"] body .navtab { border-radius: 999px; }
html[data-astra="paliai"] body .spin { border-color: rgba(0,0,0,.25); border-top-color: #000; }
/* ---- Guia do Interno / Logbook ---- */
html[data-astra="guiainterno"] body .btn, html[data-astra="logbook"] body .btn { color: #000 !important; }
html[data-astra="guiainterno"] body .btn:hover, html[data-astra="logbook"] body .btn:hover { background: #e6e6e6; }
html[data-astra="logbook"] body .btn-g { background: var(--a-fg12) !important; color: #fff !important; border-color: transparent; }
html[data-astra="guiainterno"] body .spin { border-color: rgba(0,0,0,.25); border-top-color: #000; }
/* ---- CalcMed ---- */
html[data-astra="calcmed"] body .list button.active { color: #000 !important; }
/* ---- LaudAI (CSS externo: laudai.css) ---- */
html[data-astra="laudai"] body .land-btn-primary, html[data-astra="laudai"] body .land-step-num, html[data-astra="laudai"] body .land-price-badge,
html[data-astra="laudai"] body .land-cta, html[data-astra="laudai"] body .auth-brand .logo-big, html[data-astra="laudai"] body .auth-form .primary,
html[data-astra="laudai"] body .brand-mark, html[data-astra="laudai"] body .user-chip .avatar, html[data-astra="laudai"] body .card-title .num,
html[data-astra="laudai"] body .btn-primary, html[data-astra="laudai"] body .land-brand-mark {
background: #fff !important; background-image: none !important; color: #000 !important; box-shadow: none !important; }
html[data-astra="laudai"] body .land-cta h2, html[data-astra="laudai"] body .land-cta p { color: #000 !important; }
html[data-astra="laudai"] body .land-cta .land-btn { background: #000 !important; color: #fff !important; }
html[data-astra="laudai"] body .land-cta::before { display: none; }
html[data-astra="laudai"] body .landing {
--land-bg: #000; --land-bg-2: var(--a-panel2); --land-surface: var(--a-panel); --land-border: var(--a-fg12);
--land-text: #fff; --land-text-dim: var(--a-fg60); --land-text-faint: var(--a-fg60);
--land-blue: #fff; --land-blue-2: #fff; --land-blue-soft: var(--a-fg12); --land-grad: #fff;
background: transparent !important; font-family: 'Inter', system-ui, sans-serif; }
html[data-astra="laudai"] body .land-footer { background: var(--a-panel) !important; }
html[data-astra="laudai"] body .land-footer h5, html[data-astra="laudai"] body .land-footer-brand, html[data-astra="laudai"] body .land-footer a:hover { color: #fff !important; }
html[data-astra="laudai"] body .land-footer-bottom { border-color: var(--a-fg12) !important; }
html[data-astra="laudai"] body .card { box-shadow: none !important; }
/* ---- FlashMed ---- */
html[data-astra="flashmed"] body .btn, html[data-astra="flashmed"] body .qty-val, html[data-astra="flashmed"] body .tab.active,
html[data-astra="flashmed"] body .opt.sel .key, html[data-astra="flashmed"] body .pen-fab, html[data-astra="flashmed"] body .restore-bar button:hover,
html[data-astra="flashmed"] body .build, html[data-astra="flashmed"] body .opt.right .key, html[data-astra="flashmed"] body .opt.wrong .key,
html[data-astra="flashmed"] body .perf-focus:hover, html[data-astra="flashmed"] body .focus-banner button:hover, html[data-astra="flashmed"] body .pen-fab.on { color: #000 !important; }
html[data-astra="flashmed"] body .build { background: #fff !important; background-image: none !important; box-shadow: none !important; }
html[data-astra="flashmed"] body .btn:hover { background: #e6e6e6; }
html[data-astra="flashmed"] body .btn.sec { background: var(--a-fg12) !important; color: #fff !important; border-color: transparent !important; }
html[data-astra="flashmed"] body .btn.sec:hover { background: var(--a-fg20) !important; }
html[data-astra="flashmed"] body .tab { border-radius: 999px; }
html[data-astra="flashmed"] body header { background: rgba(0,0,0,.72) !important; }
/* ---- MedProvas ---- */
html[data-astra="medprovas"] body button { color: #000; border-radius: 999px; box-shadow: none !important; }
html[data-astra="medprovas"] body button:hover { transform: none; box-shadow: none !important; }
html[data-astra="medprovas"] body button.secondary, html[data-astra="medprovas"] body button.ghost { background: var(--a-fg12); color: #fff; border-color: transparent; }
html[data-astra="medprovas"] body button.secondary:hover, html[data-astra="medprovas"] body button.ghost:hover { background: var(--a-fg20); color: #fff; }
html[data-astra="medprovas"] body button:disabled { background: var(--a-fg12); color: var(--a-fg40); }
html[data-astra="medprovas"] body .sidebar-brand .brand-mark, html[data-astra="medprovas"] body .avatar-circle, html[data-astra="medprovas"] body .auth-logo .brand-mark {
background: #fff !important; background-image: none !important; color: #000 !important; box-shadow: none !important; }
html[data-astra="medprovas"] body .dashboard-hero, html[data-astra="medprovas"] body .auth-side {
background: var(--a-panel) !important; background-image: none !important; border: 1px solid var(--a-fg12); box-shadow: none !important; color: #fff; }
html[data-astra="medprovas"] body .dashboard-hero::before, html[data-astra="medprovas"] body .dashboard-hero::after,
html[data-astra="medprovas"] body .auth-side::before, html[data-astra="medprovas"] body .auth-side::after { display: none; }
html[data-astra="medprovas"] body .pro-badge.pro { background: var(--a-fg12) !important; background-image: none !important; color: #fff !important; }
html[data-astra="medprovas"] body .alt-btn.selected, html[data-astra="medprovas"] body .resp-mini-btn.selected { color: #000 !important; }
html[data-astra="medprovas"] body .paywall-modal, html[data-astra="medprovas"] body .img-modal { background: rgba(0,0,0,.72) !important; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
html[data-astra="medprovas"] body .img-modal-card { background: var(--a-solid) !important; border: 1px solid var(--a-fg12); }
/* área exportada para PDF/Word: continua em papel branco (variáveis re-escopadas para o tema claro) */
html[data-astra="medprovas"] body .prova-export {
--text: #23272E; --text-muted: #5E646B; --text-soft: #5E646B; --border: #DDDDD5; --border-strong: #C8C8C0; --line: #E8E8E2;
--surface: #fff; --bg: #fff; --bg-2: #F1F1EC; --bg-3: #EDEDE8; --primary: #C07C0A; --primary-dark: #996208; --primary-soft: rgba(192,124,10,.10);
background: #fff !important; color: #23272E !important; }
/* ---- Foco ---- */
html[data-astra="foco"] body .cal-cell.sel, html[data-astra="foco"] body .qa-row button, html[data-astra="foco"] body .rec-mic {
color: #000 !important; background: #fff !important; background-image: none !important; box-shadow: none !important; }
html[data-astra="foco"] body .cal-cell.sel .ch { background: rgba(0,0,0,.12); color: #000; }
html[data-astra="foco"] body .cal-cell.sel .ch.dd { background: rgba(0,0,0,.08); color: rgba(0,0,0,.55); }
html[data-astra="foco"] body .prio-pick button.sel.alta, html[data-astra="foco"] body .prio-pick button.sel.media, html[data-astra="foco"] body .prio-pick button.sel.baixa { color: #000 !important; }
html[data-astra="foco"] body .ev .evcheck.done { background: #fff; border-color: #fff; color: #000; }
html[data-astra="foco"] body .check.done { background: #fff; border-color: #fff; }
html[data-astra="foco"] body .check.done::after, html[data-astra="foco"] body .item.completing .check::after { color: #000; border-color: #000; }
/* ---- Granaê (CSS externo: granae.css) ---- */
html[data-astra="granae"] body .brand .logo, html[data-astra="granae"] body .fab, html[data-astra="granae"] body .new-tx-fab,
html[data-astra="granae"] body button.primary, html[data-astra="granae"] body .dash-tabs button.on {
background: #fff !important; background-image: none !important; color: #000 !important; box-shadow: none !important; }
html[data-astra="granae"] body .fab svg, html[data-astra="granae"] body .new-tx-fab svg, html[data-astra="granae"] body #micBtn svg { color: #000 !important; stroke: currentColor; }
html[data-astra="granae"] body .fab.small.danger { background: var(--a-danger) !important; }
html[data-astra="granae"] body button.primary:hover { background: #e6e6e6 !important; }
html[data-astra="granae"] body .dash-tabs button { border-radius: 999px; }
html[data-astra="granae"] body .bar-item .track { background: var(--a-fg12); }
/* ---- PlantãoHub ---- */
html[data-astra="plantaohub"] body .tabs button.on, html[data-astra="plantaohub"] body .btn-p {
background: #fff !important; background-image: none !important; color: #000 !important; box-shadow: none !important; }
html[data-astra="plantaohub"] body .cal .cell.today .dn { color: #000 !important; }
html[data-astra="plantaohub"] body .clipbar button { background: var(--a-fg12); color: #fff; border-radius: 999px; }
html[data-astra="plantaohub"] body .cal .cell.out { background: rgba(255,255,255,.04); }
/* ---------- correções da rodada 2 (13 apps) ---------- */
html[data-astra] body .disclaimer { color: var(--a-warn) !important; background: var(--a-warn-bg) !important; border-color: rgba(251,191,36,.3) !important; }
@media (max-width: 640px) {
/* iOS dá zoom em campo < 16px */
html[data-astra] body input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]), html[data-astra] body select, html[data-astra] body textarea { font-size: 16px !important; }
}
html[data-astra="guiainterno"] body .btn-light { background: var(--a-fg12) !important; color: #fff !important; }
html[data-astra="guiainterno"] body .btn-light:hover { background: var(--a-fg20) !important; }
html[data-astra="calcmed"] body .list button { min-height: 44px; }
html[data-astra="granae"] body .dash-tabs button { color: var(--a-fg60); }
html[data-astra="granae"] body .dash-tabs button.on { color: #000 !important; }
/* LaudAI: a landing e o rodapé vivem fora de .landing em parte; variáveis no body inteiro */
html[data-astra="laudai"] body {
--land-bg: #000; --land-bg-2: var(--a-panel2); --land-surface: var(--a-panel); --land-border: var(--a-fg12);
--land-text: #fff; --land-text-dim: var(--a-fg60); --land-text-faint: var(--a-fg60);
--land-blue: #fff; --land-blue-2: #fff; --land-blue-soft: var(--a-fg12); --land-grad: #fff; }
html[data-astra="laudai"] body .land-nav { background: rgba(0,0,0,.72) !important; -webkit-backdrop-filter: blur(18px); backdrop-filter: blur(18px); border-bottom: 1px solid var(--a-fg12) !important; box-shadow: none !important; }
html[data-astra="laudai"] body .land-brand-text, html[data-astra="laudai"] body .land-footer-wordmark, html[data-astra="laudai"] body .land-hero h1 .grad {
background: none !important; -webkit-background-clip: initial !important; background-clip: initial !important; -webkit-text-fill-color: #fff !important; color: #fff !important; }
html[data-astra="laudai"] body .land-btn { border-radius: 999px; box-shadow: none !important; }
html[data-astra="laudai"] body .land-btn-secondary { background: var(--a-fg12) !important; color: #fff !important; border-color: transparent !important; }
html[data-astra="laudai"] body .land-btn-secondary:hover { background: var(--a-fg20) !important; color: #fff !important; }
html[data-astra="laudai"] body .land-btn-primary:hover { transform: none; }
html[data-astra="laudai"] body .land-footer-tagline, html[data-astra="laudai"] body .land-footer-disclaimer, html[data-astra="laudai"] body .land-footer-bottom, html[data-astra="laudai"] body .land-footer a { color: var(--a-fg60) !important; }
html[data-astra="plantaohub"] body .logo .mark { background: #fff !important; background-image: none !important; color: #000 !important; }
html[data-astra="foco"] body .fab, html[data-astra="foco"] body .fab-mic { background: #fff !important; background-image: none !important; color: #000 !important; box-shadow: none !important; }
html[data-astra="foco"] body .fab svg, html[data-astra="foco"] body .fab-mic svg { color: #000; stroke: currentColor; }
html[data-astra="granae"] body .proj-alerta { color: var(--a-danger) !important; background: var(--a-danger-bg) !important; border-color: rgba(248,113,113,.3) !important; }
html[data-astra="granae"] body .proj-alerta b { color: var(--a-danger) !important; }
/* ---- Portal ---- */
html[data-astra="portal"] body .app .ic { box-shadow: none !important; }
} /* @media screen */