/* Saúde SAT - CSS COPIADO do modelo "Apple Saúde" da prova (saude-sistemas-2/-4), jogo de cores "Azul da marca" (0056FA).
   Regra do Diego (02/11/2026): o desenho é o da prova; só o esquema de cores mudou. Ajustes = componente a componente, com ele. */
:root{--font:-apple-system,Inter,sans-serif;--bg:#f2f2f7;--card:#fff;--border:transparent;--text:#000;--muted:#8e8e93;--acc-text:#fff;--r:14px;--r-in:12px;--ok:#34c759;--ok-bg:#eaf9ee;--warn:#ff9500;--warn-bg:#fff4e5;--anel-tr:#e9e9ee;--tit:30px;--tit-w:800;--tit-ls:-.5px;--on-ic:var(--acc);--on-txt:var(--acc);--val:var(--acc)}.lin-ico{border:0;box-shadow:0 1px 2px rgba(0,0,0,.05)}.pil{background:#f2f2f7}.g-card{border:0;box-shadow:0 1px 2px rgba(0,0,0,.05)}
:root{--acc:#0056fa;--acc-soft:#e6eeff;--c1:#f59e0b;--c1-bg:#fdf0da;--c2:#10b981;--c2-bg:#dbf4ec;--c3:#6366f1;--c3-bg:#e7e8fc}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.4;overflow-x:hidden;overscroll-behavior-y:none;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}
#app{max-width:520px;margin:0 auto;padding:env(safe-area-inset-top) 14px calc(92px + env(safe-area-inset-bottom));display:flex;flex-direction:column}
[hidden]{display:none!important}
h1,h2,p{margin:0} a{color:var(--acc)}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;text-align:inherit}
input{font:inherit;color:inherit}
.g-top{display:flex;align-items:center;justify-content:space-between;padding:6px 0 10px}.g-tit{text-align:center}.g-tit b{display:block;font-size:var(--tit,21px);font-weight:var(--tit-w,700);letter-spacing:var(--tit-ls,0)}.g-tit small{display:block;color:var(--muted);font-size:12px}
.g-ib{width:36px;height:36px;border-radius:var(--r-in);border:1px solid var(--border);background:var(--card);color:var(--acc);display:flex;align-items:center;justify-content:center;font-size:24px;padding-bottom:3px}.g-ib-x{visibility:hidden}
.g-grade{display:grid;grid-template-columns:72px 1fr 1fr;gap:7px}.g-cab{font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;text-align:center;align-self:end;letter-spacing:.3px}.g-ref{display:flex;align-items:center;font-weight:700;font-size:15px}
.g-casa{min-height:78px;border-radius:var(--r);border:1.5px dashed var(--border);background:var(--card);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted);padding:6px;text-align:center}
.g-casa small{font-size:11px;font-weight:700;text-transform:var(--small-tt,none);color:var(--muted)}.g-casa b{font-size:28px;line-height:1.05;color:var(--text);font-family:var(--num,inherit)}.g-casa .u{font-size:10px}.g-casa .h{font-size:12px;margin-top:2px}.g-casa .mais{font-size:30px;line-height:1;color:var(--acc);font-weight:600}
.g-casa.ok{background:var(--ok-bg);border:1px solid var(--ok-b,transparent)}.g-casa.ok b{color:var(--ok)}.g-casa.at{background:var(--warn-bg);border-style:solid}.g-casa.at b{color:var(--warn)}
.g-tiles{display:grid;grid-template-columns:1fr 1fr;gap:7px}.g-tiles .g-casa{min-height:84px}
.g-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;margin:0 0 8px}.g-meta b{color:var(--text)}
.g-card{background:var(--card);border:1px solid var(--border);border-radius:var(--r);padding:12px;box-shadow:var(--shadow,none);margin-bottom:10px}.g-card-t{font-weight:700;font-size:16px;margin-bottom:8px}.g-duo{display:flex;gap:8px}.g-duo .g-casa{flex:1}
.g-grp{background:var(--card);border:1px solid var(--border);border-radius:var(--r);overflow:hidden;margin-bottom:12px;box-shadow:var(--shadow,none)}.g-grp-t{font-size:12px;font-weight:700;text-transform:var(--grp-tt,uppercase);color:var(--muted);padding:8px 14px 2px;letter-spacing:.3px;background:var(--grp-bg,transparent)}
.g-row{display:flex;align-items:center;justify-content:space-between;padding:11px 14px;border-top:1px solid var(--border);font-size:15px;gap:8px}.g-grp .g-row:first-of-type{border-top:0}.g-grp-t + .g-row{border-top:0}
.g-row-l{color:var(--text);font-weight:500;white-space:nowrap}.g-row-r{color:var(--muted);text-align:right}.g-row-r b{font-size:18px;color:var(--text);font-family:var(--num,inherit)}.g-row-r.ok b{color:var(--ok)}.g-row-r.add{color:var(--acc);font-weight:600}
.g-seg{display:inline-flex;border:1px solid var(--border);border-radius:var(--r-in);overflow:hidden;background:var(--seg-bg,var(--card))}.g-seg span{padding:6px 8px;font-size:12px;font-weight:600;border-right:1px solid var(--border);color:var(--text)}.g-seg span:last-child{border:0}.g-seg span.on{background:var(--acc);color:var(--acc-text)}
.g-bar{margin-top:auto;margin-bottom:18px;display:flex;gap:8px}.g-btn{border-radius:var(--btn-r,var(--r-in));padding:15px;font-weight:700;text-align:center;font-size:17px;display:flex;align-items:center;justify-content:center}.g-prim{flex:1;background:var(--acc);color:var(--acc-text);box-shadow:var(--btn-shadow,none)}.g-sec{flex:none;width:54px;background:var(--card);border:1px solid var(--border);color:var(--acc);font-size:20px}
.g-cabeca{display:flex;gap:12px;align-items:center}.g-mini{width:84px;height:84px;border-radius:var(--r-in);background:#2a2a2a;flex:none;display:flex;align-items:center;justify-content:center}.g-lcd{width:56px;height:46px;background:#cfd8d3;border-radius:4px;font:800 20px/46px 'IBM Plex Mono',monospace;text-align:center;color:#222}
.g-valor{flex:1;text-align:center}.g-valor small{display:block;color:var(--muted);font-weight:600;font-size:12px}.g-valor b{display:block;font-size:50px;line-height:1;font-family:var(--num,inherit);letter-spacing:-.5px}.g-valor i{font-style:normal;color:var(--ok);font-weight:700;font-size:13px}
.g-valor-xl b{font-size:66px}.g-valor-xl small{font-size:15px}.g-valor-xl i{font-size:16px}
.g-lin{display:flex;gap:8px;margin-top:12px}.g-campo{flex:1;border:1.5px solid var(--border);border-radius:var(--r-in);padding:8px 12px;font-weight:700;font-size:16px;background:var(--in-bg,var(--card))}.g-campo small{display:block;color:var(--muted);font-weight:600;font-size:10px;text-transform:uppercase}
.g-rot{font-weight:600;font-size:12px;color:var(--muted);margin:12px 0 6px;text-transform:var(--small-tt,none)}
.g-chips{display:flex;gap:6px;flex-wrap:nowrap}.g-chips span{flex:1;text-align:center;border:1.5px solid var(--border);border-radius:var(--chip-r,var(--r-in));padding:10px 4px;font-weight:600;font-size:14px;background:var(--card);white-space:nowrap}.g-chips span.on{background:var(--acc);border-color:var(--acc);color:var(--acc-text)}
.g-chips-xl span{padding:15px 4px;font-size:17px}
.g-aviso{background:var(--warn-bg);color:var(--warn);border-radius:var(--r-in);padding:7px 10px;font-size:12px;font-weight:600;margin-top:10px}.g-warn{display:inline-block;width:16px;height:16px;border-radius:50%;background:var(--warn);color:#fff;font:700 11px/16px sans-serif;text-align:center;margin-left:4px}
.g-link{color:var(--acc);font-weight:600;font-size:14px;margin-top:12px;text-align:center}
.g-conf{margin-top:6px}.g-ficha{margin-top:12px}.g-foto-leg{display:flex;align-items:center;gap:8px;justify-content:center;color:var(--muted);font-size:12px;margin-top:6px}.g-foto-leg .g-mini{width:46px;height:46px}.g-foto-leg .g-lcd{width:32px;height:26px;font-size:12px;line-height:26px}
.g-q{font-size:17px;font-weight:800;margin:14px 0 6px;text-align:center}

.ic{display:inline-flex;width:1.2em;height:1.2em;vertical-align:-.25em}.ic svg{width:100%;height:100%}
.g-btn svg{width:22px;height:22px;flex:none}.resp span svg{width:15px;height:15px}.compose .g-sec svg{width:22px;height:22px}
.saud{padding:8px 0 10px}.saud b{display:block;font-size:var(--tit,24px);font-weight:var(--tit-w,800);letter-spacing:var(--tit-ls,-.3px)}.saud small{color:var(--muted);font-size:13px}.saud.c{text-align:center}
.bolha{width:46px;height:46px;border-radius:var(--bolha-r,50%);display:flex;align-items:center;justify-content:center;flex:none}.bolha svg{width:24px;height:24px}.bolha.mini{width:28px;height:28px;margin-right:6px}.bolha.mini svg{width:16px;height:16px}
.c1{background:var(--c1-bg);color:var(--c1)}.c2{background:var(--c2-bg);color:var(--c2)}.c3{background:var(--c3-bg);color:var(--c3)}
.lin-ico{display:flex;align-items:center;gap:12px;background:var(--card);border:1px solid var(--border);border-radius:var(--r);padding:12px;margin-bottom:9px;box-shadow:var(--shadow,none)}.lin-ico.fina{padding:8px 10px;margin-bottom:6px}.lin-txt{flex:1;min-width:0}.lin-txt b{display:block;font-size:16px;margin-bottom:5px}.chev{color:var(--muted)}
.pils{display:flex;gap:6px}.pil{flex:1;display:flex;flex-direction:column;align-items:center;border-radius:var(--r-in);padding:5px 4px;font-size:10px;font-weight:700;color:var(--muted);background:var(--pil-bg,var(--bg));text-transform:uppercase;letter-spacing:.2px}.pil b{font-size:19px;color:var(--text);line-height:1.1;text-transform:none}.pil small{font-size:10px;font-weight:600;text-transform:none}.pil.ok{background:var(--ok-bg)}.pil.ok b{color:var(--ok)}.pil.vazia{border:1.5px dashed var(--border);background:transparent}.pil.vazia b{color:var(--acc);font-size:20px}
.pils.grandes .pil{padding:10px 6px}.pils.grandes .pil b{font-size:30px}.pils.grandes .pil{font-size:11px}
.cart-ico{background:var(--card);border:1px solid var(--border);border-radius:var(--r);padding:12px;margin-bottom:10px;box-shadow:var(--shadow,none)}.cart-cab{display:flex;align-items:center;gap:10px;margin-bottom:10px}.cart-cab b{font-size:17px}
.masc{display:flex;align-items:flex-end;gap:10px;margin:6px 0 14px}.masc-corpo{width:56px;height:56px;border-radius:var(--masc-r,30px 30px 26px 26px);background:var(--masc);position:relative;flex:none;box-shadow:inset -4px -4px 0 rgba(0,0,0,.08)}
.olho{position:absolute;top:20px;width:9px;height:11px;border-radius:50%;background:#fff}.olho:first-child{left:14px}.olho:nth-child(2){left:32px}.olho:after{content:"";position:absolute;left:3px;top:4px;width:4px;height:5px;border-radius:50%;background:#222}
.boca{position:absolute;left:21px;top:36px;width:14px;height:7px;border-radius:0 0 10px 10px;background:#222}
.balao{flex:1;background:var(--card);border:1px solid var(--border);border-radius:16px 16px 16px 4px;padding:10px 12px;font-size:15px;line-height:1.35;box-shadow:var(--shadow,none)}
.aneis{display:flex;justify-content:space-around;margin:4px 0 10px}.anel{position:relative;width:88px;text-align:center}.anel svg{width:74px;height:74px;transform:rotate(-90deg)}.anel .tr{fill:none;stroke:var(--anel-tr,#e9e9e9);stroke-width:7}.anel .pr{fill:none;stroke:currentColor;stroke-width:7;stroke-linecap:round}
.anel .ic{position:absolute;top:22px;left:50%;transform:translateX(-50%);width:28px;height:28px;color:currentColor}.anel b{display:block;font-size:13px;color:var(--text);margin-top:-4px}.anel small{color:var(--muted);font-size:11px}
.anel.c1{color:var(--c1);background:transparent}.anel.c2{color:var(--c2);background:transparent}.anel.c3{color:var(--c3);background:transparent}
.chat-top{display:flex;align-items:center;gap:10px;padding:6px 0 10px;margin:0 -14px;padding-left:14px;background:var(--chat-top,transparent);color:var(--chat-top-text,var(--text))}.chat-top b{display:block;font-size:16px}.chat-top small{font-size:12px;opacity:.75}
.avatar{width:38px;height:38px;border-radius:50%;background:var(--acc);color:#fff;display:flex;align-items:center;justify-content:center}.avatar svg{width:20px;height:20px}
.chat{flex:1;display:flex;flex-direction:column;gap:6px;padding:10px 0;overflow:hidden}.dia-sep{align-self:center;font-size:11px;background:var(--card);color:var(--muted);padding:3px 10px;border-radius:8px;margin-bottom:4px}
.bal{max-width:84%;padding:8px 10px 6px;border-radius:12px;font-size:14px;line-height:1.3;position:relative;box-shadow:0 1px 1px rgba(0,0,0,.06)}.bal time{display:block;text-align:right;font-size:10px;color:var(--muted);margin-top:2px}
.bal.eles{align-self:flex-start;background:var(--card);border-top-left-radius:2px}.bal.eu{align-self:flex-end;background:var(--eu-bg,#d9fdd3);border-top-right-radius:2px}.bal i{color:var(--muted)}
.resp{display:flex;gap:6px;flex-wrap:wrap;align-self:flex-start;max-width:92%}.resp span{display:inline-flex;align-items:center;gap:4px;border:1.5px solid var(--acc);color:var(--acc);border-radius:100px;padding:6px 10px;font-size:13px;font-weight:700;background:var(--card)}.fone .resp span.on{background:var(--acc);color:#fff}
.compose{display:flex;gap:8px;margin:0 0 16px}.compose .g-btn{margin:0}.compose .g-sec{width:48px}
.xp{display:flex;align-items:center;gap:10px;margin:4px 0 2px}.xp-bar{flex:1;height:14px;border-radius:10px;background:#e5e5e5;overflow:hidden}.xp-bar i{display:block;height:100%;background:var(--acc);border-radius:10px}.xp b{color:var(--acc)}
.trilha{display:flex;flex-direction:column;gap:6px}.no{display:flex;align-items:center;gap:12px;padding:6px 4px}.no-bt{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex:none;color:#fff;box-shadow:0 4px 0 rgba(0,0,0,.18)}.no-bt svg{width:22px;height:22px}
.no.feito .no-bt{background:var(--ok)}.no.prox .no-bt{background:var(--acc);transform:scale(1.08)}.no.trava .no-bt{background:#cfcfcf;box-shadow:0 4px 0 #b5b5b5}.no.trava{opacity:.7}.no b{display:block;font-size:15px}.no small{color:var(--muted);font-size:12px}
.legenda{display:flex;gap:10px;margin-bottom:8px;font-size:11px;color:var(--muted)}.lg:before{content:"";display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:4px;vertical-align:-1px}.lg.baixa:before{background:#2f6fde}.lg.ok:before{background:var(--ok)}.lg.alta:before{background:#d6453d}
.log .g-casa.ok{background:var(--ok);border:0}.log .g-casa.ok b,.log .g-casa.ok .u,.log .g-casa.ok .h{color:#fff}.log .g-ref{font-size:14px;white-space:nowrap}.log.g-grade{grid-template-columns:96px 1fr 1fr}.log .bolha.mini{margin-right:4px}
.valor-ico{text-align:center;margin:4px 0}.valor-ico b{display:block;font-size:68px;line-height:1;letter-spacing:-1px;color:var(--val,var(--text))}.valor-ico small{display:block;color:var(--muted);font-weight:700;font-size:13px}.valor-ico i{display:inline-block;font-style:normal;color:var(--ok);background:var(--ok-bg);border-radius:100px;padding:3px 12px;font-weight:800;font-size:13px;margin-top:6px}
.foto-val{display:flex;align-items:center;gap:14px;justify-content:center}
.q{font-size:17px;font-weight:800;margin:14px 0 8px;text-align:center}
.chips-ico{display:flex;gap:8px}.chips-ico span{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;border:2px solid var(--border);border-radius:var(--chip-r,var(--r));padding:10px 4px;background:var(--card);color:var(--muted);font-size:12px;box-shadow:var(--chip-shadow,none)}.chips-ico span svg{width:26px;height:26px}.chips-ico b{color:var(--text);font-size:13px}
.chips-ico .on{border-color:var(--acc);background:var(--acc-soft,var(--acc));color:var(--on-ic,#fff)}.chips-ico .on b{color:var(--on-txt,#fff)}
.chips-ico.xl span{padding:14px 4px}.chips-ico.xl svg{width:30px;height:30px}.chips-ico.xl b{font-size:15px}.chips-ico.dois span{flex-direction:row;gap:8px;padding:14px 8px}
.passos{display:flex;gap:6px;justify-content:center;margin:8px 0 4px}.passos span{width:30px;height:6px;border-radius:4px;background:#e5e5e5}.passos .on{background:var(--acc)}

/* a barra do modelo fica fixa embaixo no app real (na prova era o fim da tela) */
.g-bar{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(14px + env(safe-area-inset-bottom));width:min(100vw - 28px,492px);margin:0;z-index:3}
.g-btn.g-prim{box-shadow:0 8px 24px rgba(0,86,250,.28)}
/* casas e chips são botões no app real: mesma aparência da prova */
button.pil,button.g-btn,.chips-ico button{display:flex}
.chips-ico button{flex:1;flex-direction:column;align-items:center;gap:4px;border:2px solid var(--border);border-radius:var(--chip-r,var(--r));padding:10px 4px;background:var(--card);color:var(--muted);font-size:12px}
.chips-ico button svg{width:26px;height:26px}.chips-ico button b{color:var(--text);font-size:13px}
.chips-ico button.on{border-color:var(--acc);background:var(--acc-soft,var(--acc));color:var(--on-ic,#fff)}.chips-ico button.on b{color:var(--on-txt,#fff)}
.chips-ico.xl button{padding:14px 4px}.chips-ico.xl button svg{width:30px;height:30px}.chips-ico.xl button b{font-size:15px}.chips-ico.dois button{flex-direction:row;gap:8px;padding:14px 8px}
.g-link{display:block;width:100%;text-align:center}
/* valor editável com a mesma cara do número grande */
.valor-ico input{display:block;width:100%;text-align:center;font-size:68px;font-weight:800;line-height:1;letter-spacing:-1px;color:var(--val,var(--text));border:0;background:transparent;padding:0;border-radius:12px}
.valor-ico input:focus{outline:none;background:#fff;box-shadow:0 0 0 3px var(--acc-soft)}
.g-foto-leg img{width:46px;height:46px;border-radius:var(--r-in);object-fit:cover;background:#2a2a2a}.g-foto-leg img[src=""]{display:none}
/* peças fora do desenho da prova, discretas: login, navegação entre dias, campos de hora/data, observação, avisos, rodapé */
.login{min-height:100dvh;display:flex;flex-direction:column;justify-content:center}
.marca{text-align:center;padding:0 0 18px}.marca img{border-radius:22px}.marca h1{font-size:28px;font-weight:800;letter-spacing:-.4px;margin-top:10px}.marca p{color:var(--muted);margin-top:4px}
.cartao{background:var(--card);border-radius:var(--r);padding:16px}
label{display:block;font-weight:600;font-size:13px;color:var(--muted);margin:10px 0 0}
label input{display:block;width:100%;min-width:0;margin-top:6px;font-size:18px;padding:12px 14px;border:1.5px solid var(--border);border-radius:12px;background:#fff;color:var(--text)}
label input:focus{outline:none;border-color:var(--acc);box-shadow:0 0 0 3px var(--acc-soft)}
input[type=date],input[type=time]{-webkit-appearance:none;appearance:none;height:50px;text-align:left}
.login .g-btn{margin-top:16px}.dica{text-align:center;color:var(--muted);font-size:13px;margin-top:12px}
.erro{color:#dc2626;font-weight:600;margin-top:10px;font-size:14px}
.dias{display:flex;justify-content:space-between;color:var(--muted);font-size:13px;margin:4px 0 10px}.dias button{color:var(--acc);font-weight:600}.dias button[disabled]{visibility:hidden}
.aviso{background:var(--warn-bg);color:#7a4a00;border-radius:12px;padding:9px 12px;margin:4px 0 10px;font-weight:600;font-size:13px}.aviso button{color:var(--acc);font-weight:700;text-decoration:underline}
.campos{display:flex;gap:10px}.campos label{flex:1 1 0;min-width:0;margin-top:4px}
.lista .item{display:flex;align-items:center;gap:12px;background:var(--card);border-radius:var(--r);padding:10px 14px;margin-bottom:8px;box-shadow:0 1px 2px rgba(0,0,0,.05)}.lista .item .n{font-size:24px;font-weight:800}.lista .item .t{color:var(--muted);font-size:13px}
.lista .n.ok{color:var(--ok)}.lista .n.at{color:var(--warn)}.lista .n.al{color:#dc2626}
.sec{font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.3px;margin:12px 0 6px}
.rodape{text-align:center;color:var(--muted);font-size:12px;margin-top:16px}
.apagar{display:block;margin:14px auto 0;color:#dc2626;font-weight:600;font-size:14px}
.carregando{position:fixed;inset:0;background:rgba(242,242,247,.92);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9;font-weight:700;color:var(--acc)}
.anel-carrega{width:56px;height:56px;border:6px solid var(--acc-soft);border-top-color:var(--acc);border-radius:50%;animation:gira .9s linear infinite;margin-bottom:14px}@keyframes gira{to{transform:rotate(360deg)}}
.toast{position:fixed;left:50%;bottom:calc(88px + env(safe-area-inset-bottom));transform:translateX(-50%);background:#1c1c1e;color:#fff;padding:12px 18px;border-radius:12px;font-weight:600;z-index:10;max-width:90vw;text-align:center}
.pil.al{background:#fee2e2}.pil.al b{color:#dc2626}.pil.at{background:var(--warn-bg)}.pil.at b{color:var(--warn)}
.pil.vazia b{font-size:20px}

/* ===== Ajustes do Diego na tela real (02/11/2026), componente a componente ===== */
/* 1. casas vazias: moldura visível + fundo cinza claro */
.pil.vazia{border:1.5px solid #d6d6db;background:#f2f2f7}
/* 2. miolo dos anéis no mesmo branco dos cards */
.anel .tr{fill:var(--card)}
/* 3. fontes maiores em tudo menos o "Hoje" */
.saud small{font-size:15px}
.anel b{font-size:15px}.anel small{font-size:13px}
.lin-ico .lin-txt b{font-size:18px}
.pil{font-size:12px;padding:7px 4px}.pil b{font-size:24px}.pil small{font-size:12px}.pil.vazia b{font-size:22px}
.dias{font-size:15px}.rodape{font-size:14px}.aviso{font-size:15px}.sec{font-size:13px}