@font-face{font-family:'Poppins';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/poppins-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'Poppins';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/poppins-latin-700-normal.woff2) format('woff2')}
@font-face{font-family:'Atkinson Hyperlegible';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/atkinson-hyperlegible-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Atkinson Hyperlegible';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/atkinson-hyperlegible-latin-700-normal.woff2) format('woff2')}
:root{padding-top:env(safe-area-inset-top,0px)}
/* Layout: app de uma coluna (máx. 560px) com barra superior fixa, faixa "paciente na tela" e navegação inferior.
   Cores da marca: azul petróleo (estrutura), verde-água (ação/resultado), salmão (destaque pontual). */
:root{
  --mt-dim-i:#b9e1d9; --mt-dim-e:#c6d0d2; --mt-dim-l:#e6d3a8; --petroleo:#0d4a57; --petroleo-2:#0a3a45; --agua:#2fa894; --agua-claro:#d7f1ec; --salmao:#ef8a6f; --salmao-claro:#fde9e2;
  --bg:#f2f6f6; --surface:#ffffff; --surface-2:#e8f0f0; --ink:#0c262c; --ink-2:#4a6469; --line:#d3e0e1;
  --ok:#1f8a5b; --ok-bg:#e1f3ea; --warn:#a86a00; --warn-bg:#fdf1d8; --crit:#b3261e; --crit-bg:#fbe4e2;
  --on-petroleo:#ffffff; --focus:#ef8a6f; --sel:#0d4a57; --on-sel:#ffffff;
  --f-display:"Poppins","Segoe UI",system-ui,sans-serif;
  --f-body:"Atkinson Hyperlegible","Segoe UI",system-ui,-apple-system,sans-serif;
  --r:14px; --r-sm:10px;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --mt-dim-i:#3a7f74; --mt-dim-e:#5b7479; --mt-dim-l:#7a6638; --petroleo:#0b2f37; --petroleo-2:#08252c; --agua:#5fd3bd; --agua-claro:#123b37; --salmao:#f59b82; --salmao-claro:#3a2621;
  --bg:#06191d; --surface:#0d252b; --surface-2:#13323a; --ink:#e4f2f1; --ink-2:#9db8bc; --line:#1f4249;
  --ok:#5fd39a; --ok-bg:#103327; --warn:#f2bf57; --warn-bg:#3a2d10; --crit:#ff8b80; --crit-bg:#401816; --on-petroleo:#e4f2f1; --sel:#5fd3bd; --on-sel:#06231f; color-scheme:dark}}
:root[data-theme="dark"]{
  --mt-dim-i:#3a7f74; --mt-dim-e:#5b7479; --mt-dim-l:#7a6638; --petroleo:#0b2f37; --petroleo-2:#08252c; --agua:#5fd3bd; --agua-claro:#123b37; --salmao:#f59b82; --salmao-claro:#3a2621;
  --bg:#06191d; --surface:#0d252b; --surface-2:#13323a; --ink:#e4f2f1; --ink-2:#9db8bc; --line:#1f4249;
  --ok:#5fd39a; --ok-bg:#103327; --warn:#f2bf57; --warn-bg:#3a2d10; --crit:#ff8b80; --crit-bg:#401816; --on-petroleo:#e4f2f1; --sel:#5fd3bd; --on-sel:#06231f; color-scheme:dark}

*{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--f-body);font-size:1rem;line-height:1.45}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:30;background:var(--petroleo)}
button,input,select{font:inherit;color:inherit}
a{color:var(--agua)}
:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
h1,h2,h3{font-family:var(--f-display);text-wrap:balance;margin:0;line-height:1.2}
.wrap{max-width:560px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}

/* topo */
.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:var(--petroleo);color:var(--on-petroleo);transition:transform .24s ease,opacity .24s ease,visibility 0s linear}
.top .wrap{display:flex;align-items:center;gap:10px;padding-block:10px}
.brand{display:flex;align-items:center;gap:9px;flex:1;min-width:0;cursor:pointer;background:none;border:0;padding:0;color:inherit;text-align:left}
.brand-mark{width:38px;height:36px;flex:none;object-fit:contain;filter:drop-shadow(0 1px 4px rgba(105,204,255,.18))}
.brand-copy{display:flex;flex-direction:column;gap:2px;min-width:0;line-height:1.05}
.brand-title{display:flex;align-items:baseline;gap:7px}
.brand b{font-family:var(--f-display);font-weight:700;font-size:1.15rem;letter-spacing:-.01em}
.brand .neo{font-family:var(--f-display);font-weight:700;font-size:.72rem;letter-spacing:.12em;background:var(--agua);color:#06231f;border-radius:6px;padding:2px 7px;transform:translateY(-2px)}
.brand small{font-size:.62rem;opacity:.78;letter-spacing:.06em;white-space:nowrap}
.icon-btn{width:40px;height:40px;border-radius:12px;border:1px solid rgba(255,255,255,.18);background:transparent;color:inherit;display:grid;place-items:center;cursor:pointer}
.icon-btn svg{width:20px;height:20px}

/* paciente na tela (recolhível: aberta mostra os campos; fechada, uma linha-resumo) */
.pac{background:var(--petroleo-2);color:var(--on-petroleo);border-top:1px solid rgba(255,255,255,.08)}
.pac-h{display:flex;align-items:center;gap:8px;padding-block:2px}
.pac-toggle{flex:1;min-width:0;min-height:40px;display:flex;align-items:center;justify-content:space-between;gap:8px;background:none;border:0;color:inherit;text-align:left;cursor:pointer;padding:0}
.pac-toggle svg{width:18px;height:18px;flex:none;transition:transform .15s}
.pac.fechada .pac-toggle svg{transform:rotate(180deg)}
.pac-sum{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.88rem;font-variant-numeric:tabular-nums}
.pac-sum b{font-weight:700}
.p-hint{font-size:.68rem;opacity:.75}
.pac-limpar{background:none;border:0;color:var(--salmao);font-size:.78rem;font-weight:700;padding:8px 4px;cursor:pointer;flex:none}
.pac-b{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;padding-block:2px 10px}
.pac.fechada .pac-b{display:none}
.pac label{display:flex;flex-direction:column;gap:2px;font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;opacity:.9;min-width:0;justify-content:flex-end;white-space:nowrap}
.pac input{width:100%;min-width:0;border-radius:9px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.08);color:var(--on-petroleo);padding:7px 8px;font-size:1rem;font-variant-numeric:tabular-nums}
.pac .ig{display:flex;gap:4px}

main{padding-block:16px 110px}
.view{display:grid;gap:16px}

/* busca */
.search{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:0 14px}
.search svg{width:20px;height:20px;color:var(--ink-2);flex:none}
.search input{border:0;background:transparent;padding:14px 0;width:100%;font-size:1rem;outline:none}

.sec-title{font-family:var(--f-display);font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2);display:flex;align-items:center;gap:8px}
.sec-title::before{content:"";width:18px;height:3px;border-radius:3px;background:var(--salmao)}

/* grade de calculadoras */
.tiles{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.tile{display:flex;flex-direction:column;gap:8px;align-items:flex-start;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:14px;cursor:pointer;min-height:112px;transition:transform .12s ease,border-color .12s}
.tile:active{transform:scale(.98)}
.tile:hover{border-color:var(--agua)}
.tile .ic{width:36px;height:36px;border-radius:10px;background:var(--agua-claro);color:var(--petroleo);display:grid;place-items:center}
:root[data-theme="dark"] .tile .ic{color:var(--agua)}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .tile .ic{color:var(--agua)}}
.tile .ic svg{width:20px;height:20px}
.tile b{font-family:var(--f-display);font-weight:600;font-size:.95rem;line-height:1.2}
.tile span{font-size:.78rem;color:var(--ink-2);line-height:1.3}

.list{display:grid;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.row{display:flex;align-items:center;gap:12px;background:var(--surface);padding:14px;cursor:pointer;border:0;text-align:left;width:100%}
.row:hover{background:var(--surface-2)}
.row .tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.row b{font-weight:700;font-size:.98rem}
.row span{font-size:.8rem;color:var(--ink-2)}
.row .chev{color:var(--ink-2);flex:none}
.row .tag{font-size:.65rem;letter-spacing:.08em;text-transform:uppercase;color:var(--petroleo);background:var(--agua-claro);border-radius:6px;padding:2px 6px;flex:none}
:root[data-theme="dark"] .row .tag{color:var(--agua)}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .row .tag{color:var(--agua)}}

/* página de calculadora / guia */
.back{display:inline-flex;align-items:center;gap:4px;background:none;border:0;color:var(--ink-2);padding:6px 0;cursor:pointer;font-size:.9rem;justify-self:start}
.back svg{width:18px;height:18px}
.page-h{display:grid;gap:6px}
.page-h h1{font-size:1.45rem;font-weight:700;color:var(--ink)}
.page-h p{margin:0;color:var(--ink-2);font-size:.92rem}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:16px;display:grid;gap:14px}
.fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.fields .full{grid-column:1/-1}
.f{display:flex;flex-direction:column;gap:5px;min-width:0}
.f > span{font-size:.8rem;font-weight:700;color:var(--ink-2)}
.f small{font-size:.72rem;color:var(--ink-2)}
.f input,.f select{width:100%;min-width:0;border:1.5px solid var(--line);border-radius:var(--r-sm);background:var(--bg);padding:11px 12px;font-size:1.08rem;font-variant-numeric:tabular-nums}
.f input:focus,.f select:focus{border-color:var(--agua);outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--agua) 25%,transparent)}
.unit{position:relative}
.unit input{padding-right:58px}
.unit em{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-style:normal;font-size:.78rem;color:var(--ink-2);pointer-events:none}
.seg{display:flex;flex-wrap:wrap;gap:6px}
.seg button{border:1.5px solid var(--line);background:var(--bg);border-radius:999px;padding:8px 12px;font-size:.85rem;cursor:pointer}
.seg button[aria-pressed="true"]{background:var(--sel);border-color:var(--sel);color:var(--on-sel)}

/* resultado */
.res{border-radius:var(--r);padding:16px;display:grid;gap:12px;background:var(--surface);border:2px solid var(--agua)}
.res.vazio{border-style:dashed;border-color:var(--line);color:var(--ink-2);font-size:.92rem}
.big{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.big strong{font-family:var(--f-display);font-weight:700;font-size:2.4rem;line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--ink)}
.big em{font-style:normal;color:var(--ink-2);font-size:.95rem}
.big .lbl{width:100%;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2);font-weight:700}
.kvs{display:grid;gap:0}
.kv{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:9px 0;border-top:1px solid var(--line)}
.kv:first-child{border-top:0}
.kv span{color:var(--ink-2);font-size:.88rem;min-width:0}
.kv b{font-variant-numeric:tabular-nums;text-align:right;font-size:1rem;max-width:62%}
.kvs.stack .kv{flex-direction:column;align-items:flex-start;gap:2px}
.kvs.stack .kv span{font-size:.74rem;letter-spacing:.06em;text-transform:uppercase;font-weight:700}
.kvs.stack .kv b{text-align:left;max-width:none;font-weight:400;font-size:.95rem}
.chip{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:5px 11px;font-size:.82rem;font-weight:700;width:fit-content}
.chip::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}
.chip.ok{background:var(--ok-bg);color:var(--ok)} .chip.warn{background:var(--warn-bg);color:var(--warn)} .chip.crit{background:var(--crit-bg);color:var(--crit)}
.chip.info{background:var(--agua-claro);color:var(--petroleo)}
.callout{border-radius:var(--r-sm);padding:12px 14px;font-size:.88rem;display:grid;gap:4px}
.callout b{font-size:.78rem;letter-spacing:.06em;text-transform:uppercase}
.callout.alerta{background:var(--salmao-claro);color:var(--ink)} .callout.alerta b{color:var(--salmao)}
:root:not([data-theme="dark"]) .callout.alerta b{color:#b5482c}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .callout.alerta b{color:var(--salmao)}}
.callout.nota{background:var(--surface-2)}

details.how{border-top:1px solid var(--line);padding-top:10px}
details.how summary{cursor:pointer;font-weight:700;font-size:.88rem;color:var(--ink-2)}
details.how > div{font-size:.85rem;color:var(--ink-2);padding-top:8px;display:grid;gap:6px}
.res .mini-nota{margin:0;font-size:.8rem;color:var(--ink-3, var(--ink-2))}
details.porque summary{color:var(--agua)}
code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.82rem;background:var(--surface-2);padding:2px 5px;border-radius:5px}

.refs{display:flex;flex-wrap:wrap;gap:6px}
.ref{border:1px solid var(--line);background:var(--bg);border-radius:8px;padding:4px 8px;font-size:.72rem;color:var(--ink-2);cursor:pointer}
.ref:hover{border-color:var(--agua);color:var(--ink)}

/* escalas */
.scale{display:grid;gap:14px}
.scale .it{display:grid;gap:6px}
.scale .it > b{font-size:.92rem}
.opts{display:grid;gap:6px}
.opt{display:flex;align-items:center;gap:10px;border:1.5px solid var(--line);border-radius:var(--r-sm);padding:10px 12px;cursor:pointer;background:var(--bg);text-align:left;font-size:.9rem;width:100%}
.opt i{font-style:normal;font-family:var(--f-display);font-weight:700;min-width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:var(--surface-2);font-size:.85rem;font-variant-numeric:tabular-nums}
.opt[aria-pressed="true"]{border-color:var(--agua);background:var(--agua-claro)}
.opt[aria-pressed="true"] i{background:var(--agua);color:#06231f}
.check{display:flex;gap:10px;align-items:flex-start;border:1.5px solid var(--line);border-radius:var(--r-sm);padding:11px 12px;cursor:pointer;background:var(--bg);text-align:left;width:100%;font-size:.9rem}
.check .box{width:22px;height:22px;border-radius:6px;border:2px solid var(--line);flex:none;display:grid;place-items:center;margin-top:1px}
.check[aria-pressed="true"]{border-color:var(--agua)}
.check[aria-pressed="true"] .box{background:var(--agua);border-color:var(--agua);color:#06231f}

/* guia */
.blk{display:grid;gap:8px}
.blk h3{font-size:1rem;font-weight:600;color:var(--ink)}
.blk p{margin:0;font-size:.95rem}
.blk ul{margin:0;padding-left:20px;display:grid;gap:6px;font-size:.95rem}
.tbl{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r-sm)}
.tbl table{border-collapse:collapse;width:100%;font-size:.86rem;min-width:280px}
.tbl th{background:var(--surface-2);text-align:left;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);padding:8px 10px}
.tbl td{padding:9px 10px;border-top:1px solid var(--line);vertical-align:top;font-variant-numeric:tabular-nums}
.tbl tr.hl td{background:var(--agua-claro);font-weight:700}
.calc-links{display:flex;flex-wrap:wrap;gap:8px}
.calc-link{display:inline-flex;align-items:center;gap:6px;border:0;background:var(--petroleo);color:var(--on-petroleo);border-radius:999px;padding:9px 14px;font-size:.85rem;font-weight:700;cursor:pointer}

/* navegação inferior */
.nav{position:fixed;left:0;right:0;bottom:0;z-index:20;background:var(--surface);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom,0px)}
.nav .wrap{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;padding-block:6px}
.nav button{display:flex;flex-direction:column;align-items:center;gap:3px;border:0;background:none;padding:6px 0;font-size:.68rem;color:var(--ink-2);cursor:pointer;border-radius:10px}
.nav button svg{width:22px;height:22px}
.nav button[aria-current="page"]{color:var(--petroleo);background:var(--agua-claro);font-weight:700}
:root[data-theme="dark"] .nav button[aria-current="page"]{color:var(--agua)}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .nav button[aria-current="page"]{color:var(--agua)}}

.foot{font-size:.75rem;color:var(--ink-2);text-align:center;display:grid;gap:4px;padding-top:8px}
.disclaimer{font-size:.8rem;color:var(--ink-2);background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:12px 14px}
.hero{background:var(--petroleo);color:var(--on-petroleo);border-radius:18px;padding:18px;display:grid;gap:10px;position:relative;overflow:hidden}
.hero h1{font-size:1.35rem;font-weight:700}
.hero p{margin:0;opacity:.85;font-size:.9rem}
.hero::after{content:"";position:absolute;right:-30px;top:-30px;width:130px;height:130px;border-radius:50%;border:18px solid var(--agua);opacity:.25}
.hero .dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--salmao);margin-right:6px}
.install{display:flex;gap:10px;align-items:center;background:var(--salmao-claro);border-radius:var(--r);padding:12px 14px;font-size:.88rem}
.install button{margin-left:auto;border:0;background:var(--salmao);color:#2b0f07;border-radius:999px;padding:8px 14px;font-weight:700;cursor:pointer;flex:none}

/* copiar para a evolução */
.out{display:grid;gap:12px}
.evo{border:1.5px dashed var(--line);border-radius:var(--r);padding:12px 14px;display:grid;gap:8px;background:var(--surface)}
.evo-h{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--ink-2)}
.evo-t{margin:0;font-size:.9rem;white-space:pre-wrap;overflow-wrap:anywhere;user-select:text;-webkit-user-select:text}
.copy{display:inline-flex;align-items:center;gap:6px;border:0;background:var(--salmao);color:#2b0f07;border-radius:999px;padding:9px 14px;font-size:.85rem;font-weight:700;cursor:pointer;flex:none;letter-spacing:0;text-transform:none}
.copy svg{width:16px;height:16px}
.mini{display:inline-flex;align-items:center;border:1.5px solid var(--line);background:var(--bg);color:var(--ink);border-radius:999px;padding:7px 12px;font-size:.8rem;font-weight:600;cursor:pointer;text-decoration:none}
.mini:hover{border-color:var(--agua)}
.calc-link.alt{background:var(--agua-claro);color:var(--petroleo)}
:root[data-theme="dark"] .calc-link.alt{color:var(--agua)}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .calc-link.alt{color:var(--agua)}}
.toast{position:fixed;left:50%;bottom:calc(88px + env(safe-area-inset-bottom,0px));transform:translate(-50%,12px);max-width:min(92vw,420px);background:var(--ink);color:var(--bg);padding:10px 16px;border-radius:12px;font-size:.88rem;opacity:0;pointer-events:none;transition:opacity .18s,transform .18s;z-index:40}
.toast.on{opacity:1;transform:translate(-50%,0)}
.muted{color:var(--ink-2);font-size:.8rem}

/* FiO2: faixa e gráfico */
.fx{display:grid;gap:4px}
.fx-track{position:relative;height:14px;border-radius:7px;background:var(--surface-2)}
.fx-band{position:absolute;top:0;bottom:0;border-radius:7px;background:var(--agua);opacity:.55}
.fx-m{position:absolute;top:-3px;width:4px;height:20px;margin-left:-2px;border-radius:2px;background:var(--petroleo)}
.fx-m.hi{background:var(--salmao)}
:root[data-theme="dark"] .fx-m.lo{background:var(--agua)}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .fx-m.lo{background:var(--agua)}}
.fx-scale{display:flex;justify-content:space-between;font-size:.7rem;color:var(--ink-2)}
.graf-wrap{display:grid;gap:6px}
.graf{width:100%;height:auto;display:block}
.graf .g-grid{stroke:var(--line);stroke-width:1}
.graf .g-tx{fill:var(--ink-2);font-size:10px}
.graf .g-bb{fill:none;stroke:var(--petroleo);stroke-width:2.5}
.graf .g-fi{fill:none;stroke:var(--salmao);stroke-width:2.5}
.graf .g-band{fill:var(--agua);opacity:.3}
.graf .g-now{stroke:var(--ink-2);stroke-width:1;stroke-dasharray:3 3}
.graf .g-dbb{fill:var(--petroleo)} .graf .g-dfi{fill:var(--salmao)}
:root[data-theme="dark"] .graf .g-bb,:root[data-theme="dark"] .graf .g-dbb{stroke:var(--agua);fill:var(--agua)}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .graf .g-bb{stroke:var(--agua)}:root:not([data-theme="light"]) .graf .g-dbb{fill:var(--agua)}}
.graf .g-dbb,.graf .g-dfi{stroke:none}
.leg{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:.75rem;color:var(--ink-2)}
.leg span::before{content:"";display:inline-block;width:14px;height:4px;border-radius:2px;margin-right:6px;vertical-align:middle;background:var(--petroleo)}
.leg .l-fi::before{background:var(--salmao)} .leg .l-band::before{background:var(--agua);opacity:.5;height:8px}

/* checklists */
.cks{display:grid;gap:8px}
.ck{display:grid;gap:8px;background:var(--surface);border:1.5px solid var(--line);border-radius:var(--r);padding:12px 14px}
.ck p{margin:0;font-size:.93rem}
.ck[data-v="s"]{border-color:var(--ok)} .ck[data-v="n"]{border-color:var(--crit)} .ck[data-v="na"]{opacity:.78}
.ck-nota{color:var(--ink-2);font-size:.78rem}
.ck-foot{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.tri{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.tri button{border:1.5px solid var(--line);background:var(--bg);border-radius:10px;padding:10px 0;font-size:.88rem;font-weight:700;cursor:pointer}
.tri button[aria-pressed="true"][data-v="s"]{background:var(--ok-bg);border-color:var(--ok);color:var(--ok)}
.tri button[aria-pressed="true"][data-v="n"]{background:var(--crit-bg);border-color:var(--crit);color:var(--crit)}
.tri button[aria-pressed="true"][data-v="na"]{background:var(--surface-2);border-color:var(--ink-2)}
.naoconf{margin:0;padding-left:20px;display:grid;gap:4px;font-size:.88rem}
textarea.modelo{width:100%;border:1.5px solid var(--line);border-radius:var(--r-sm);background:var(--bg);color:var(--ink);padding:12px;font:inherit;font-size:.9rem;line-height:1.5;resize:vertical;min-height:280px}
textarea.modelo:focus{border-color:var(--agua);outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--agua) 25%,transparent)}
.acoes{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.bloqueio{position:fixed;inset:0;z-index:60;background:var(--bg);display:grid;place-items:center;padding:20px}
.bloqueio .card{max-width:420px}

/* admissão por condição */
.hero.compacto{padding:14px 16px;gap:6px}
.hero.compacto h1{font-size:1.3rem}
.hero.compacto p{font-size:.86rem}
.hero.compacto::after{width:90px;height:90px;border-width:12px;right:-24px;top:-24px}
.hero .kicker{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;opacity:.8}
.hero h1{font-size:1.55rem}
.selo{display:flex;gap:10px;align-items:flex-start;text-align:left;background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--agua);border-radius:var(--r);padding:11px 13px;font-size:.8rem;color:var(--ink-2);cursor:pointer;width:100%}
.selo svg{width:22px;height:22px;flex:none;color:var(--agua);margin-top:1px}
.selo b{color:var(--ink)}
.tile.cond{min-height:128px;position:relative;padding-bottom:30px}
.tile.cond .tg{position:absolute;left:14px;bottom:10px;font-style:normal;font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--petroleo);background:var(--agua-claro);border-radius:6px;padding:2px 6px}
:root[data-theme="dark"] .tile.cond .tg{color:var(--agua)}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .tile.cond .tg{color:var(--agua)}}
.resumo{background:var(--petroleo);color:var(--on-petroleo);border-radius:var(--r);padding:12px 14px;display:grid;gap:10px}
.rs-h{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase}
.rs-h span{opacity:.7;letter-spacing:.04em;text-transform:none}
.rs-g{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.rs{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:7px 9px;display:grid;gap:1px;min-width:0}
.rs span{font-size:.68rem;opacity:.8}
.rs b{font-size:.95rem;font-variant-numeric:tabular-nums;line-height:1.25;overflow-wrap:anywhere}
.aviso-curto{margin:0;font-size:.8rem;color:var(--ink-2);border-left:3px solid var(--salmao);padding-left:10px}
.cs{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:12px 14px;display:grid;gap:8px}
.cs-t{font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--ink-2);font-family:var(--f-display)}
.cs.nao{border-color:color-mix(in srgb,var(--crit) 45%,var(--line))}
.cs.nao .cs-t{color:var(--crit)}
.prm{display:grid}
.prm-r{display:grid;grid-template-columns:minmax(84px,32%) 1fr;gap:10px;padding:9px 0;border-top:1px solid var(--line)}
.prm-r:first-child{border-top:0;padding-top:2px}
.prm-k{font-size:.78rem;font-weight:700;color:var(--ink-2);line-height:1.3}
.prm-v{display:grid;gap:5px;font-size:.93rem;font-variant-numeric:tabular-nums}
.cs-l{margin:0;padding-left:20px;display:grid;gap:9px;font-size:.92rem}
.cs-l li{display:grid;gap:5px}
.cs-l li::marker{color:var(--agua);font-weight:700}
.srcs{font-size:.7rem;color:var(--ink-2);line-height:1.5}
.srcs .src{background:none;border:0;padding:0;font:inherit;color:inherit;text-decoration:underline dotted;text-underline-offset:2px;cursor:pointer}
.srcs .src:hover{color:var(--ink)}
.pesocalc{padding:6px 14px;gap:0;border-color:var(--agua)}
details.div .dv{display:grid;gap:5px;padding:8px 0;border-top:1px dashed var(--line)}
details.div .dv:first-child{border-top:0}

/* folha de referência (dentro do app) */
.noscroll{overflow:hidden}
.sheet-bg{position:fixed;inset:0;z-index:50;background:rgba(6,25,29,.55);display:flex;align-items:flex-end;justify-content:center}
.sheet{background:var(--surface);color:var(--ink);width:100%;max-width:560px;max-height:85vh;overflow:auto;border-radius:18px 18px 0 0;display:grid;gap:12px;padding-top:14px;padding-bottom:calc(20px + env(safe-area-inset-bottom,0px));padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));box-shadow:0 -10px 30px rgba(0,0,0,.25)}
.sheet-h{display:flex;justify-content:space-between;align-items:center;gap:8px}
.sheet-h .tag{font-size:.65rem;letter-spacing:.08em;text-transform:uppercase;color:var(--petroleo);background:var(--agua-claro);border-radius:6px;padding:3px 7px;font-weight:700}
:root[data-theme="dark"] .sheet-h .tag{color:var(--agua)}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .sheet-h .tag{color:var(--agua)}}
.icon-x{width:40px;height:40px;border-radius:12px;border:1px solid var(--line);background:var(--bg);font-size:1.4rem;line-height:1;cursor:pointer;color:var(--ink);flex:none}
.sheet h2{font-size:1.15rem}
.cit{margin:0;font-size:.9rem;color:var(--ink-2)}
.orig{display:grid;gap:6px;background:var(--surface-2);border-radius:var(--r-sm);padding:10px 12px}
.orig > span{font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--ink-2)}
.orig code{font-size:.72rem;overflow-wrap:anywhere;user-select:all;-webkit-user-select:all;background:none;padding:0;color:var(--ink)}
.orig .mini{justify-self:start;gap:6px}
.mini svg{width:14px;height:14px}
details.entenda{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:12px 14px}
details.entenda > div{color:var(--ink);font-size:.92rem;gap:12px}

@media (max-width:380px){.tiles{grid-template-columns:1fr}.prm-r{grid-template-columns:1fr;gap:3px}.fields{grid-template-columns:1fr}.big strong{font-size:2rem}}
@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}

/* ===== 1.3 · Decidir passo a passo (fluxogramas) ===== */
.fx-ic{width:44px;height:44px;border-radius:12px;background:var(--agua-claro);color:var(--petroleo);display:grid;place-items:center;flex:none}
.fx-ic svg{width:24px;height:24px}
:root[data-theme="dark"] .fx-ic{color:var(--agua)}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .fx-ic{color:var(--agua)}}
.fx-art{display:block;width:44px;height:44px;flex:none;margin:-1px 0 0 -1px}
.fx-cta{display:flex;align-items:center;gap:12px;width:100%;text-align:left;border:0;cursor:pointer;border-radius:var(--r);padding:14px 16px;color:var(--on-petroleo);
  background:linear-gradient(120deg,var(--petroleo) 0%,var(--petroleo-2) 70%,color-mix(in srgb,var(--agua) 40%,var(--petroleo-2)) 100%);box-shadow:0 6px 18px -10px rgba(6,35,31,.6)}
.fx-cta > svg{width:24px;height:24px;flex:none}
.fx-cta > svg:last-child{width:18px;height:18px;opacity:.8}
.fx-cta span{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}
.fx-cta small{font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--agua);font-weight:700}
:root:not([data-theme="dark"]) .fx-cta small{color:#8fe3d2}
.fx-cta b{font-family:var(--f-display);font-size:1rem;font-weight:600}
.fx-palco{display:grid;gap:10px;scroll-margin-top:120px}
.fx-trilha{list-style:none;margin:0;padding:0 0 0 14px;display:grid;gap:6px;border-left:2px solid var(--line)}
.fx-volta{display:flex;align-items:center;gap:10px;width:100%;text-align:left;cursor:pointer;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm);padding:8px 10px}
.fx-volta:hover{border-color:var(--agua)}
.fx-q{flex:1;min-width:0;font-size:.8rem;color:var(--ink-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.fx-r{font-style:normal;font-size:.72rem;font-weight:700;border-radius:999px;padding:3px 9px;flex:none}
.fx-r.sim{background:var(--petroleo);color:var(--on-petroleo)}
.fx-r.nao{background:var(--surface-2);color:var(--ink)}
.fx-r.ok{background:var(--agua-claro);color:var(--petroleo)}
:root[data-theme="dark"] .fx-r.ok{color:var(--agua)}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .fx-r.ok{color:var(--agua)}}
.fx-no{background:var(--surface);border:1.5px solid var(--line);border-left:6px solid var(--agua);border-radius:var(--r);padding:16px;display:grid;gap:8px;animation:fxIn .22s ease-out;box-shadow:0 10px 24px -18px rgba(6,35,31,.55)}
.fx-no.a{border-left-color:var(--petroleo)}
:root[data-theme="dark"] .fx-no.a{border-left-color:var(--ink-2)}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .fx-no.a{border-left-color:var(--ink-2)}}
.fx-no.f.ok{border-left-color:var(--ok);background:var(--ok-bg)}
.fx-no.f.warn{border-left-color:var(--warn);background:var(--warn-bg)}
.fx-no.f.crit{border-left-color:var(--crit);background:var(--crit-bg)}
.fx-no.f.info{border-left-color:var(--agua);background:var(--surface-2)}
@keyframes fxIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.fx-no-h{display:flex;justify-content:space-between;align-items:center;gap:8px}
.fx-tipo{font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2)}
.fx-no.p .fx-tipo{color:var(--agua)}
.fx-no.f.ok .fx-tipo{color:var(--ok)} .fx-no.f.warn .fx-tipo{color:var(--warn)} .fx-no.f.crit .fx-tipo{color:var(--crit)}
.fx-n{font-size:.72rem;color:var(--ink-2)}
.fx-x{margin:0;font-size:1.08rem;font-weight:600;line-height:1.4;font-family:var(--f-display)}
.fx-no.f .fx-x{font-family:var(--f-body);font-weight:600;font-size:1rem}
.fx-ajuda{margin:0;font-size:.84rem;color:var(--ink-2)}
.fx-bts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:6px}
.fx-bt{min-height:56px;border-radius:14px;font-size:1.05rem;font-weight:700;cursor:pointer;border:1.5px solid transparent;font-family:var(--f-display)}
.fx-bt.sim{background:var(--petroleo);color:var(--on-petroleo)}
:root[data-theme="dark"] .fx-bt.sim{background:var(--agua);color:#06231f}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .fx-bt.sim{background:var(--agua);color:#06231f}}
.fx-bt.nao{background:var(--surface-2);color:var(--ink);border-color:var(--line)}
.fx-bt.prox{grid-column:1/-1;background:var(--agua);color:#06231f}
.fx-bt:active{transform:scale(.98)}
.fx-ver > div{padding-top:12px}
.fx-mapa{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.fxm{display:grid;grid-template-columns:28px 1fr;gap:10px;align-items:start}
.fxm small{font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--ink-2)}
.fxm p{margin:2px 0 0;color:var(--ink);font-size:.86rem}
.fx-mn{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:.78rem;font-weight:700;background:var(--surface-2);color:var(--ink)}
.fxm.p .fx-mn{background:var(--agua-claro);color:var(--petroleo)}
.fxm.f.ok .fx-mn{background:var(--ok-bg);color:var(--ok)} .fxm.f.warn .fx-mn{background:var(--warn-bg);color:var(--warn)} .fxm.f.crit .fx-mn{background:var(--crit-bg);color:var(--crit)}
.fx-ds{display:flex;flex-wrap:wrap;gap:6px;margin-top:5px}
.fx-d{font-size:.72rem;border-radius:999px;padding:2px 8px;background:var(--surface-2);color:var(--ink-2);font-weight:600}
.fx-d.sim{background:color-mix(in srgb,var(--agua) 18%,var(--surface))}

/* ===== 1.3 · Ilustrações ===== */
:root{--il-tot:#2f78c4;--il-pele:#f5d3c0;--il-pele-s:#d9a58c;--il-narina:#4a2c22;--il-rx:#0e1719;--il-osso:#d6e0e2}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--il-tot:#6fb0f0;--il-pele:#c99b84;--il-pele-s:#9c6f5b;--il-narina:#2a1712}}
:root[data-theme="dark"]{--il-tot:#6fb0f0;--il-pele:#c99b84;--il-pele-s:#9c6f5b;--il-narina:#2a1712}
.ilu-card{margin:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:14px;display:grid;gap:10px}
.ilu-t{display:flex;flex-direction:column;gap:2px}
.ilu-k{font-size:.66rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#b5482c}
:root[data-theme="dark"] .ilu-k{color:var(--salmao)}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .ilu-k{color:var(--salmao)}}
.ilu-t b{font-family:var(--f-display);font-size:1rem;font-weight:600}
.ilu-fig{background:var(--bg);border-radius:var(--r-sm);padding:6px}
.ilu-fig svg{display:block;width:100%;height:auto}
.ilu-ctrl{display:grid;gap:10px}
.rg{display:grid;gap:4px}
.rg > span{font-size:.8rem;font-weight:700;color:var(--ink-2)}
.rg-l{display:flex;align-items:center;gap:12px}
.rg input[type=range]{flex:1;accent-color:var(--agua);height:28px;min-width:0}
.rg-v{min-width:58px;text-align:right;font-family:var(--f-display);font-size:1.05rem}
.ilu-res{border-radius:var(--r-sm);padding:10px 12px;font-size:.88rem;border-left:4px solid var(--agua);background:var(--surface-2)}
.ilu-res.ok{background:var(--ok-bg);border-left-color:var(--ok)}
.ilu-res.warn{background:var(--warn-bg);border-left-color:var(--warn)}
.ilu-res.crit{background:var(--crit-bg);border-left-color:var(--crit)}
.ilu-leg{margin:0;font-size:.85rem;color:var(--ink-2)}
.ilu text{font-family:var(--f-body)}
.il-pele{fill:var(--il-pele);stroke:var(--il-pele-s);stroke-width:1.2}

.il-caixa{fill:var(--surface);stroke:var(--line);stroke-width:1.5}
.il-tx{fill:var(--ink);font-size:11px;font-weight:700}
.il-tx-s{fill:var(--ink-2);font-size:9.5px}
.il-tubo{fill:none;stroke:var(--ink-2);stroke-width:6;stroke-linecap:round;stroke-linejoin:round;opacity:.85}
.il-tubo.insp{stroke:var(--agua);opacity:1}
.il-tubo.exp{stroke:var(--ink-2);opacity:1}
.il-fio{fill:none;stroke:var(--surface);stroke-width:1.4;stroke-dasharray:5 3}
.il-agua{fill:color-mix(in srgb,var(--agua) 32%,transparent);stroke:none}

.il-frasco{fill:none;stroke:var(--ink-2);stroke-width:2}
.il-bolha{fill:none;stroke:var(--agua);stroke-width:1.5;transform-box:fill-box;transform-origin:center;animation:ilBolha 1.6s ease-in infinite}
@keyframes ilBolha{0%{transform:translateY(0);opacity:0}15%{opacity:1}100%{transform:translateY(-34px);opacity:0}}
.il-cota{fill:none;stroke:#b5482c;stroke-width:1.5}
.il-num{fill:#b5482c;font-size:11px;font-weight:700}
.il-dest{fill:var(--petroleo);font-size:12px;font-weight:700}
:root[data-theme="dark"] .il-cota{stroke:var(--salmao)} :root[data-theme="dark"] .il-num{fill:var(--salmao)} :root[data-theme="dark"] .il-dest{fill:var(--agua)}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .il-cota{stroke:var(--salmao)} :root:not([data-theme="light"]) .il-num{fill:var(--salmao)} :root:not([data-theme="light"]) .il-dest{fill:var(--agua)}}
.il-seta{fill:none;stroke:var(--ink-2);stroke-width:1.2;stroke-dasharray:3 3}.il-seta.rx{stroke:#c9d6d8}
.il-div{fill:none;stroke:var(--line);stroke-width:1.2}.il-leg-c{fill:var(--ink-2);font-size:11px;font-weight:700}

.il-y{fill:var(--surface);stroke:var(--ink-2);stroke-width:2}
.il-inj circle{fill:var(--salmao)} .il-inj path{fill:none;stroke:var(--salmao);stroke-width:2;stroke-dasharray:4 3}
.il-no{fill:var(--salmao-claro);stroke:var(--salmao);stroke-width:1.5}
.il-amostra circle{fill:var(--warn)} .il-amostra path{fill:none;stroke:var(--warn);stroke-width:1.6;stroke-dasharray:3 3}

.il-narina{fill:var(--il-narina)}
.il-septo{fill:var(--il-pele);stroke:var(--il-pele-s);stroke-width:1}
.il-septo.isq{fill:#fbf7f4;stroke:var(--crit);stroke-width:1.5;stroke-dasharray:2 2}
.il-pr{fill:color-mix(in srgb,var(--agua) 55%,transparent);stroke:var(--agua);stroke-width:2}
.il-pr.ruim{fill:color-mix(in srgb,var(--crit) 28%,transparent);stroke:var(--crit)}
.il-vaza{fill:none;stroke:var(--crit);stroke-width:2;stroke-linecap:round}
.il-rot{font-size:12px;font-weight:700}
.il-rot.bom{fill:var(--ok)} .il-rot.ruim{fill:var(--crit)}
.il-sensor.pre{fill:var(--agua)} .il-sensor.pos{fill:var(--salmao)}
.il-big{font-size:24px;font-weight:700;font-family:var(--f-display)}
.il-big.pre{fill:var(--petroleo)} .il-big.pos{fill:#b5482c}
:root[data-theme="dark"] .il-big.pre{fill:var(--agua)} :root[data-theme="dark"] .il-big.pos{fill:var(--salmao)}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .il-big.pre{fill:var(--agua)} :root:not([data-theme="light"]) .il-big.pos{fill:var(--salmao)}}
.il-rx{fill:var(--il-rx)}
.il-costela{fill:none;stroke:var(--il-osso);stroke-width:3;opacity:.75;stroke-linecap:round}
.il-coluna{fill:var(--il-osso);opacity:.45}
.il-diafr{fill:none;stroke:#ffffff;stroke-width:2.5;stroke-linecap:round}

.il-barra{fill:var(--agua-claro);stroke:var(--agua);stroke-width:1.5}
.il-barra-vd{fill:var(--salmao)}
@media (prefers-reduced-motion: reduce){.il-bolha{animation:none;opacity:.8}.fx-no{animation:none}}
/* ilustrações 1.3 · traços adicionais */
.il-pt circle{fill:var(--petroleo);stroke:var(--surface);stroke-width:2}
.il-pt text{fill:#fff;font-size:10px;font-weight:700;font-family:var(--f-display)}
:root[data-theme="dark"] .il-pt circle{fill:var(--agua)} :root[data-theme="dark"] .il-pt text{fill:#06231f}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .il-pt circle{fill:var(--agua)} :root:not([data-theme="light"]) .il-pt text{fill:#06231f}}

.il-dial{fill:var(--surface-2);stroke:var(--ink-2);stroke-width:1.4}
.il-dial-p{stroke:var(--salmao);stroke-width:2;stroke-linecap:round}
.il-calor{fill:none;stroke:var(--salmao);stroke-width:1.6;stroke-linecap:round;opacity:.8}
.il-agua-s{stroke:var(--agua);stroke-width:1.5}
.il-sonda{fill:none;stroke:var(--warn);stroke-width:2.2;stroke-linecap:round}
.il-sonda-p{fill:var(--surface);stroke:var(--warn);stroke-width:1.6}
.il-big-s{fill:var(--ink-2);font-size:10px;font-weight:700;letter-spacing:.12em}
.ilu .il-big{font-size:22px}
.il-big:not(.pre):not(.pos){fill:var(--ink)}
.il-tela{fill:var(--petroleo)} .il-onda{fill:none;stroke:#5fd3bd;stroke-width:1.5;stroke-linejoin:round}
.il-tot{fill:none;stroke:var(--il-tot);stroke-width:4.5;stroke-linecap:round}
.il-cil{fill:var(--salmao)}
.il-inj{fill:var(--salmao);stroke:var(--surface);stroke-width:2}
.il-inj-l{fill:none;stroke:var(--salmao);stroke-width:2;stroke-dasharray:4 3}
.il-amostra{fill:var(--warn);stroke:var(--surface);stroke-width:2}
.il-amostra-l{fill:none;stroke:var(--warn);stroke-width:1.6;stroke-dasharray:2 3}
.il-lab{fill:none;stroke:var(--il-pele-s);stroke-width:1.6;stroke-linecap:round}
.il-septo.lesao{fill:color-mix(in srgb,var(--crit) 45%,var(--il-pele));stroke:var(--crit)}
.il-pr-b{fill:var(--agua);opacity:.9} .il-pr-b.ruim{fill:var(--crit)}
.il-pr-h{stroke:var(--agua);stroke-width:7;stroke-linecap:round;opacity:.9} .il-pr-h.ruim{stroke:var(--crit)}
.il-lumen{fill:var(--il-narina);opacity:.85}
.il-alerta{fill:none;stroke:var(--crit);stroke-width:2;stroke-linecap:round}
.il-colchao{fill:var(--surface-2);stroke:var(--line)}
.il-cabo{fill:none;stroke-width:2;stroke-linecap:round}
.il-cabo.pre{stroke:var(--agua)} .il-cabo.pos{stroke:var(--salmao)}
.il-delta{stroke-width:1.5} .il-delta.ok{fill:var(--ok-bg);stroke:var(--ok)} .il-delta.warn{fill:var(--warn-bg);stroke:var(--warn)} .il-delta.crit{fill:var(--crit-bg);stroke:var(--crit)} .il-delta.info{fill:var(--surface);stroke:var(--ink-2)}
.il-delta-t{font-size:13px;font-weight:700} .il-delta-t.ok{fill:var(--ok)} .il-delta-t.warn{fill:var(--warn)} .il-delta-t.crit{fill:var(--crit)} .il-delta-t.info{fill:var(--ink-2)}
.il-rx-corpo{fill:#2b393d}
.il-rx-pulmao{fill:#0c1416}
.il-rx-cor{fill:#3c4c51;opacity:.9}
.il-rx-d{fill:#e8eef0;font-size:13px;font-weight:700}
.il-rx-alvo{stroke:#8fe3d2;stroke-width:1;stroke-dasharray:3 3;opacity:.8}
.il-faixa{fill:none;stroke:var(--ok);stroke-width:2.5;stroke-linecap:round;opacity:1}
.il-ok-t{fill:var(--ok);font-weight:700}
.il-hme{fill:var(--surface);stroke:var(--salmao);stroke-width:2}
.il-hme-f{stroke:var(--salmao);stroke-width:1.4;opacity:.7}
.ilu-pts{margin:0;padding-left:0;list-style:none;display:grid;gap:6px;counter-reset:pt}
.ilu-pts li{display:grid;grid-template-columns:22px 1fr;gap:8px;font-size:.84rem;align-items:start;counter-increment:pt}
.ilu-pts li::before{content:counter(pt);width:20px;height:20px;border-radius:50%;background:var(--petroleo);color:#fff;font-size:.7rem;font-weight:700;display:grid;place-items:center;margin-top:1px;font-family:var(--f-display)}
:root[data-theme="dark"] .ilu-pts li::before{background:var(--agua);color:#06231f}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .ilu-pts li::before{background:var(--agua);color:#06231f}}
.il-diafr.e{opacity:.55}
.il-cur-t{fill:var(--ink);font-weight:700;font-size:11px}
.il-rx{stroke:var(--line);stroke-width:1.5}
.il-rx-corpo{fill:#34464b}
.il-rx-pulmao{fill:#091013}
/* mapa do fluxo como fluxograma vertical */
.fx-ver > div{padding-top:12px}
.fx-mapa{gap:14px}
.fxm{position:relative}
.fxm:not(:last-child)::after{content:"";position:absolute;left:13px;top:32px;bottom:-14px;width:2px;background:var(--line)}
.fx-mn{position:relative;z-index:1}
.fxm.p .fx-mn{border-radius:6px;transform:rotate(45deg) scale(.86)}
.fxm.p .fx-mn > span{transform:rotate(-45deg)}
.fxm.a .fx-mn{border-radius:8px}
.fxm.f .fx-mn{border-radius:50%}
.fxm.vis .fx-mn{outline:2px solid var(--agua);outline-offset:2px}
.fxm.atual > div{background:var(--surface);border:1.5px solid var(--agua);border-radius:var(--r-sm);padding:8px 10px;margin:-9px -11px}
.fxm.atual small{color:var(--agua)}
:root[data-theme="dark"] .fxm.p .fx-mn{color:var(--agua)}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .fxm.p .fx-mn{color:var(--agua)}}
.fx-ir{min-height:48px;font-size:.95rem;width:100%;margin-top:4px}
.il-vert{fill:var(--il-osso);opacity:.5}
.il-clav{fill:none;stroke:var(--il-osso);stroke-width:5;stroke-linecap:round;opacity:.7}
.il-traq{fill:none;stroke:#05090a;stroke-width:13;stroke-linecap:round;stroke-linejoin:round;opacity:.85}
.il-tot-rx{fill:none;stroke:#ffffff;stroke-width:2.5;stroke-linecap:round}
.il-tot-tip{fill:#ffffff}
.il-cota-ok{fill:none;stroke:var(--ok);stroke-width:1.6}
/* abertos por último: faixa rolável horizontal, sem rolar a página */
.recentes{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:4px;margin:0 -2px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.recentes::-webkit-scrollbar{display:none}
.rec{flex:none;scroll-snap-align:start;display:flex;flex-direction:column;gap:2px;text-align:left;max-width:200px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm);padding:9px 12px;cursor:pointer}
.rec small{font-size:.64rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--ink-2)}
.rec b{font-size:.86rem;font-weight:700;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.rec:hover{border-color:var(--agua)}
/* ===== 1.4 · Montagem passo a passo ===== */
.mt-o2{fill:#2e9e5b}.mt-ar{fill:#d9a521}
.mt-tx-b{fill:#fff;font-size:8.5px;font-weight:700}
.mt-tx-s{fill:var(--ink-2);font-size:8.5px}
.mt-mang{fill:none;stroke-width:4;stroke-linecap:round}.mt-mang.o2{stroke:#2e9e5b}.mt-mang.ar{stroke:#d9a521}
.mt-vidro{fill:var(--surface);stroke:var(--ink-2);stroke-width:1.4}.mt-bola{fill:var(--salmao)}
.mt-tela{fill:var(--petroleo)}.mt-tela-t{fill:#cfeee8;font-size:9px;font-weight:700}.mt-tela-t.s{font-weight:400;font-size:8.5px}
.mt-jarra{fill:var(--surface);stroke:var(--ink-2);stroke-width:1.5}
.mt-marca{stroke:var(--ink-2);stroke-width:1.2}
.mt-grad{stroke:var(--ink-2);stroke-width:1.1}

.mt-porta{fill:var(--surface-2);stroke:var(--ink-2);stroke-width:1.5}
.mt-dim{opacity:.38}
/* bebê, touca e pronga não esmaecem (pele translúcida pareceria acinzentada, como cianose); os tubos que passam
   sobre o bebê ficam opacos, num tom apagado, para não tingir o rosto */
.mt-dim.mt-bebe,.mt-dim.mt-touca,.mt-dim.mt-pronga,.mt-dim.mt-insp,.mt-dim.mt-exp,.mt-dim.mt-linhaP,.mt-dim.mt-sonda{opacity:1}
.mt-dim.mt-insp .il-tubo{stroke:var(--mt-dim-i)}.mt-dim.mt-exp .il-tubo{stroke:var(--mt-dim-e)}
.mt-dim.mt-linhaP .mt-linhaP{stroke:var(--mt-dim-l)}.mt-dim.mt-sonda .il-sonda{stroke:var(--mt-dim-l)}.mt-dim.mt-sonda .il-sonda-p{stroke:var(--mt-dim-l)}
.mt-tela.off{fill:var(--surface-2)}
.mt-tx-xs{fill:var(--ink-2);font-size:7px}
.mt-dedo{fill:#cfe6f7;stroke:#2f6f8f;stroke-width:1.2}.mt-dedo-u{fill:none;stroke:#2f6f8f;stroke-width:.9;opacity:.6}
/* ===== 1.8 · alto fluxo (CNAF) ===== */
.mt-mang.gas{stroke:var(--ink-2)}.mt-mang.ag{stroke:color-mix(in srgb,var(--agua) 70%,transparent);stroke-width:3}
.mt-cap{fill:#2f6f8f}
.mt-seta{fill:none;stroke:var(--ink-2);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.mt-clipe{fill:var(--surface);stroke:var(--ink-2);stroke-width:1.4}
.mt-pad{fill:#f8dfca;stroke:#d9ad8f;stroke-width:.3}
.mt-cnl-b{fill:#e6f2fb;stroke:#2f6f8f;stroke-width:.3}
.mt-cnl-p{fill:none;stroke:#2f6f8f;stroke-width:.55;stroke-linecap:round}
.mt-cnl-t{fill:none;stroke:#2f6f8f;stroke-width:.75;stroke-linecap:round;opacity:.85}
.mt-cnl-b-a{fill:#e6f2fb;stroke:#2f6f8f;stroke-width:1}
.mt-cnl-p-a{fill:none;stroke:#2f6f8f;stroke-width:1.8;stroke-linecap:round}
.mt-cnl-t-a{fill:none;stroke:#2f6f8f;stroke-width:2.4;stroke-linecap:round;opacity:.85}
.mt-dim.mt-canula,.mt-dim.mt-pad,.mt-dim.mt-sonda{opacity:1}
.bb-boca-a{fill:#7a1030}
.mt-foco{animation:mtFoco 1.6s ease-in-out infinite}
@keyframes mtFoco{0%,100%{filter:drop-shadow(0 0 0 rgba(239,138,111,0))}50%{filter:drop-shadow(0 0 5px rgba(239,138,111,.95))}}
.mt-rot rect{fill:var(--salmao)}.mt-rot text{fill:#2b0f07;font-size:10px;font-weight:700;font-family:var(--f-display)}
@media (prefers-reduced-motion: reduce){.mt-foco{animation:none;filter:drop-shadow(0 0 4px rgba(239,138,111,.9))}}

.mt-cta{background:linear-gradient(120deg,#7a3b2a 0%,var(--petroleo) 75%)}
.mt-troca{margin-top:-4px}
.mt-palco{display:grid;gap:12px;scroll-margin-top:120px}
.mt-dots{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.mt-dot{width:26px;height:8px;border-radius:99px;border:0;background:var(--line);cursor:pointer;padding:0}
.mt-dot.feito{background:var(--agua)}
.mt-dot.at{background:var(--salmao);width:38px}
.mt-dot.fim{width:14px;height:14px;border-radius:50%;border:2px solid var(--line);background:var(--surface)}
.mt-dot.fim.at{border-color:var(--salmao);background:var(--salmao)}
.mt-fig{background:var(--surface);border:1px solid var(--line);border-radius:var(--r)}
.mt-card{background:var(--surface);border:1.5px solid var(--line);border-left:6px solid var(--salmao);border-radius:var(--r);padding:16px;display:grid;gap:10px;animation:fxIn .22s ease-out}
.mt-card.fim{border-left-color:var(--ok)}
.mt-t{font-size:1.15rem;font-weight:600}
.mt-x{margin:0;font-size:.98rem}
.mt-sub{font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--ink-2);margin-bottom:6px}
.mt-cks{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.mt-ck{display:flex;gap:10px;align-items:flex-start;width:100%;text-align:left;background:var(--bg);border:1px solid var(--line);border-radius:var(--r-sm);padding:10px 12px;cursor:pointer;font-size:.9rem;min-height:44px}
.mt-box{width:20px;height:20px;border-radius:6px;border:2px solid var(--ink-2);flex:none;margin-top:1px;display:grid;place-items:center}
.mt-ck.on{border-color:var(--ok);background:var(--ok-bg)}
.mt-ck.on .mt-box{background:var(--ok);border-color:var(--ok)}
.mt-ck.on .mt-box::after{content:"";width:9px;height:5px;border-left:2.5px solid #fff;border-bottom:2.5px solid #fff;transform:rotate(-45deg) translate(1px,-1px)}
.mt-lista{margin:0;padding-left:20px;display:grid;gap:8px;font-size:.92rem}
.mt-nav{display:grid;grid-template-columns:1fr 1.4fr;gap:10px}
.mt-bt{min-height:52px;border-radius:14px;font-weight:700;font-size:1rem;cursor:pointer;font-family:var(--f-display);border:1.5px solid var(--line);background:var(--surface-2);color:var(--ink)}
.mt-bt.prox{background:var(--petroleo);color:var(--on-petroleo);border-color:transparent}
:root[data-theme="dark"] .mt-bt.prox{background:var(--agua);color:#06231f}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .mt-bt.prox{background:var(--agua);color:#06231f}}
.mt-bt:disabled{opacity:.4;cursor:default}

.mt-linhaP{fill:none;stroke:var(--warn);stroke-width:2;stroke-dasharray:5 3;stroke-linecap:round}
/* bebê visto de cima (1.4.2) — rosto baseado no Fluent Emoji "Baby" (Microsoft, MIT) */
.bb-pele{fill:#FFD7C2}.bb-sombra{fill:#F4C6AD}
.bb-bochecha{fill:#ffaf9e;opacity:.55}
.bb-olho{fill:none;stroke:#5a3a2e;stroke-width:.7;stroke-linecap:round}.bb-cilio{stroke:#5a3a2e;stroke-width:.45;stroke-linecap:round}
.bb-touca{fill:var(--agua-claro);stroke:var(--agua);stroke-width:.5}.bb-aba{fill:none;stroke:var(--agua);stroke-width:1.3;stroke-linecap:round}
.bb-membro{fill:none;stroke:#FFD7C2;stroke-width:4.6;stroke-linecap:round;stroke-linejoin:round}
.bb-manga{fill:none;stroke:var(--agua-claro);stroke-width:5;stroke-linecap:round}
.bb-roupa{fill:var(--agua-claro);stroke:var(--agua);stroke-width:.5}
.bb-gola{fill:none;stroke:var(--agua);stroke-width:.6;stroke-linecap:round}.bb-ziper{stroke:var(--agua);stroke-width:.35;stroke-dasharray:.8 1}.bb-botao{fill:var(--agua)}
.bb-fralda{fill:#fff;stroke:#d3e0e1;stroke-width:.4}
.bb-colchao{fill:var(--surface-2);stroke:var(--line);stroke-width:1.2}
.bb-nariz{fill:#E8B396}.bb-cabelo{fill:#6d4c3d}.bb-sobr{fill:#5a3a2e;opacity:.55}.bb-boca{fill:none;stroke:#990839;stroke-width:.55;stroke-linecap:round}
.bb-hidro{fill:#f8dfca;stroke:#d9ad8f;stroke-width:.22}.bb-hidro-a{fill:#f8dfca;stroke:#d9ad8f;stroke-width:.8}
.bb-velcro{fill:#fff;stroke:var(--agua);stroke-width:.35}
.bb-pr-bar{fill:#e6f2fb;stroke:#2f6f8f;stroke-width:.32}.bb-pr-tip{fill:none;stroke:#2f6f8f;stroke-width:.9;stroke-linecap:butt}
.bb-pr-bar-a{fill:#e6f2fb;stroke:#2f6f8f;stroke-width:1}.bb-pr-tip-a{fill:none;stroke:#2f6f8f;stroke-width:2.6;stroke-linecap:round}

/* ---------- registros do prontuário (1.5) ---------- */
.reg-form{display:grid;gap:10px}
.reg-sec{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:0 14px}
.reg-sec > summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 0;cursor:pointer;min-height:48px}
.reg-sec > summary::-webkit-details-marker{display:none}
.reg-sec > summary b{font-family:var(--f-display);font-weight:600;font-size:.98rem}
.reg-sec > summary::after{content:"";width:9px;height:9px;border-right:2px solid var(--ink-2);border-bottom:2px solid var(--ink-2);transform:rotate(45deg);margin:-4px 4px 0 0;transition:transform .15s}
.reg-sec[open] > summary::after{transform:rotate(-135deg);margin-top:4px}
.reg-sec > .fields{padding:0 0 14px}
.reg-n{margin-left:auto;font-size:.72rem;color:var(--ink-2);background:var(--surface-2);border-radius:999px;padding:3px 9px;white-space:nowrap}
.reg-n.tem{background:var(--ok-bg);color:var(--ok);font-weight:700}
.rchips{display:flex;flex-wrap:wrap;gap:6px}
.rchip{border:1.5px solid var(--line);background:var(--bg);color:var(--ink);border-radius:999px;padding:8px 12px;font-size:.86rem;line-height:1.25;cursor:pointer;text-align:left;min-height:38px}
.rchip[aria-pressed="true"]{background:var(--sel);border-color:var(--sel);color:var(--on-sel)}
.reg-ta{width:100%;border:1.5px solid var(--line);border-radius:var(--r-sm);background:var(--bg);color:var(--ink);padding:10px 12px;font:inherit;font-size:.95rem;resize:vertical}
.reg-ta:focus{border-color:var(--agua);outline:none}
.reg-out{gap:10px}
.reg-out-h{display:flex;align-items:center;justify-content:space-between;gap:10px}
.reg-out-h b{font-family:var(--f-display);font-weight:600}
.reg-nb{font-size:.74rem;font-weight:700;border-radius:999px;padding:3px 9px;background:var(--warn-bg);color:var(--warn)}
.reg-nb[data-ok="1"]{background:var(--ok-bg);color:var(--ok)}
.reg-aviso{font-size:.84rem;background:var(--salmao-claro);border-radius:var(--r-sm);padding:10px 12px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.reg-ult{gap:8px}
.reg-assin summary{font-size:.86rem}
.reg-assin .fields{margin-top:8px}
.reg-fab{position:fixed;right:max(16px,env(safe-area-inset-right,0px));bottom:calc(76px + env(safe-area-inset-bottom,0px));z-index:15;display:inline-flex;align-items:center;gap:8px;border:0;background:var(--salmao);color:#2b0f07;border-radius:999px;padding:12px 18px;font-weight:700;font-size:.9rem;box-shadow:0 6px 18px rgba(6,25,29,.25);cursor:pointer}
.reg-fab svg{width:18px;height:18px}
@media (min-width:600px){.reg-fab{right:calc(50% - 280px + 16px)}}
.reg-spacer{height:64px}
.topo{display:flex;align-items:center;justify-content:space-between;gap:10px}
.fav{display:inline-flex;align-items:center;gap:6px;border:1.5px solid var(--line);background:var(--surface);color:var(--ink-2);border-radius:999px;padding:6px 12px;font-size:.8rem;font-weight:600;cursor:pointer;min-height:36px}
.fav svg{width:16px;height:16px}
.fav[aria-pressed="true"]{border-color:var(--salmao);color:var(--ink);background:var(--salmao-claro)}
.fav[aria-pressed="true"] svg{fill:var(--salmao);stroke:var(--salmao)}
.fav-rec small{display:inline-flex;align-items:center;gap:4px}
.fav-rec small svg{width:12px;height:12px;fill:var(--salmao);stroke:var(--salmao)}
.alvo-rn{border-left:4px solid var(--agua);gap:6px}
:root .fx-cta.guia-cta{background:var(--surface);color:var(--ink);border:1.5px solid var(--agua);box-shadow:none}
:root .fx-cta.guia-cta small{color:var(--ink-2)}
.fx-cta.guia-cta > svg:first-child{color:var(--agua)}
/* ---------- arte dos cards de condição (1.6) ---------- */
.ca{--ca-line:var(--petroleo);--ca-soft:var(--agua);display:block;width:100%;height:100%}
:root[data-theme="dark"] .ca{--ca-line:var(--agua);--ca-soft:#8fe3d2}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .ca{--ca-line:var(--agua);--ca-soft:#8fe3d2}}
.ca-bg{fill:var(--agua-claro)}
.ca-org{fill:var(--surface);stroke:var(--ca-line);stroke-width:2.2;stroke-linejoin:round}
.ca-leve{stroke-dasharray:3 2.4}
.ca-via,.ca-circ,.ca-dia{fill:none;stroke:var(--ca-line);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.ca-via-f{fill:var(--ca-line)}
.ca-tot{fill:none;stroke:var(--ca-line);stroke-width:3.6;stroke-linecap:round}
.ca-alv circle{fill:none;stroke:var(--ca-soft);stroke-width:1.6}
.ca-ac{fill:var(--salmao)}
.ca-agua path{fill:var(--ca-soft)}
.ca-agua-f{fill:var(--ca-soft);opacity:.45}
.ca-mec path{fill:var(--warn);opacity:.85}
.ca-ar circle{fill:none;stroke:var(--ink-2);stroke-width:1.2}
.ca-alca ellipse{fill:var(--salmao-claro);stroke:var(--salmao);stroke-width:2.2}
.ca-cor{fill:var(--salmao-claro);stroke:var(--salmao);stroke-width:2.2;stroke-linejoin:round}
.ca-gauge path{fill:none;stroke:var(--crit);stroke-width:2.2;stroke-linecap:round}
.ca-dot circle{fill:var(--ok)} .ca-dot .ca-dot-b{fill:var(--crit)}
.ca-txt{font:700 9.5px var(--f-display);fill:var(--ca-line);letter-spacing:.02em}
.ca-tubo{fill:none;stroke:var(--ca-soft);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.ca-giro{fill:none;stroke:var(--ca-soft);stroke-width:1.8;stroke-linecap:round}
.ca-gelo path{fill:none;stroke:var(--ca-soft);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ca-hidro{fill:#f8dfca;stroke:#d9ad8f;stroke-width:1}
.ca-pr{fill:none;stroke:var(--ca-line);stroke-width:4.4;stroke-linecap:round}
.ca-medida{fill:none;stroke:var(--ok);stroke-width:1.6;stroke-linecap:round}
.ca-vapor{fill:none;stroke:var(--salmao);stroke-width:2;stroke-linecap:round}
.ca-seta path{fill:none;stroke:var(--salmao);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.tile .art{display:block;width:60px;height:60px;margin:-2px 0 0 -2px;flex:none}
.page-h .art{display:block;width:76px;height:76px;margin-bottom:4px}
.rev{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm);padding:0 12px}
.rev>summary{list-style:none;display:flex;align-items:center;gap:10px;padding:12px 0;cursor:pointer;min-height:48px}
.rev>summary::-webkit-details-marker{display:none}
.rev>summary .tx{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}
.rev>summary .tx span{font-size:.8rem;color:var(--ink-2)}
.rev-b{display:grid;gap:10px;padding:0 0 12px}
.passos{margin:0;padding-left:22px;display:grid;gap:8px}
.atualizou{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(84px + env(safe-area-inset-bottom,0px));z-index:40;display:flex;align-items:center;gap:12px;background:var(--petroleo);color:var(--on-petroleo);border-radius:14px;padding:10px 12px 10px 16px;box-shadow:0 10px 24px rgba(0,0,0,.25);max-width:calc(100% - 32px)}
.atualizou button{border:0;border-radius:10px;background:var(--salmao);color:#2b0f07;font-weight:700;padding:8px 12px;cursor:pointer}
/* iOS: campo com fonte menor que 16px dá zoom ao tocar */
@supports (-webkit-touch-callout: none){input,select,textarea{font-size:max(16px,1em)}}
.fr-conta{display:grid;gap:10px}
.fr-mostra{display:flex;align-items:baseline;gap:10px}
.fr-mostra b{font-family:var(--f-display);font-size:2.6rem;line-height:1;font-variant-numeric:tabular-nums}
.fr-mostra span{color:var(--ink-2)}
.fr-toque{min-height:96px;border:0;border-radius:var(--r);background:var(--petroleo);color:var(--on-petroleo);font:600 1.1rem var(--f-display);cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none}
.fr-toque:active{transform:scale(.99);background:var(--petroleo-2)}
.check[aria-pressed="false"] .box svg{visibility:hidden}

/* 1.7 · ilustração das vias do surfactante */
.sf-cab{fill:var(--surface-2);stroke:var(--line);stroke-width:1.5}
.sf-via{fill:none;stroke:var(--il-pele-s);stroke-width:16;stroke-linecap:round;stroke-linejoin:round;opacity:.55}
.sf-esof{fill:none;stroke:var(--il-pele-s);stroke-width:12;stroke-linecap:round;opacity:.3}
.sf-traq{fill:none;stroke:var(--il-pele-s);stroke-width:14;stroke-linecap:round;stroke-linejoin:round;opacity:.55}
.sf-anel{stroke:var(--surface);stroke-width:2;opacity:.8}
.sf-pulmao{fill:color-mix(in srgb,var(--salmao) 22%,var(--surface));stroke:var(--salmao);stroke-width:1.5}
.sf-epi{fill:none;stroke:var(--il-pele-s);stroke-width:4;stroke-linecap:round}
.sf-corda{fill:var(--crit);opacity:.75}
.sf-lingua{fill:none;stroke:var(--il-pele-s);stroke-width:3;stroke-linecap:round;opacity:.6}
.sf-pr{fill:color-mix(in srgb,var(--agua) 55%,transparent);stroke:var(--agua);stroke-width:2}
.sf-circ{fill:none;stroke:var(--agua);stroke-width:5;stroke-linecap:round;stroke-linejoin:round}
.sf-rot{fill:var(--petroleo);font-size:11px;font-weight:700}
:root[data-theme="dark"] .sf-rot{fill:var(--agua)}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .sf-rot{fill:var(--agua)}}
.sf-lam{fill:none;stroke:var(--ink-2);stroke-width:4;stroke-linecap:round;opacity:.7}
.sf-tot{fill:none;stroke:var(--il-tot);stroke-width:7;stroke-linecap:round;stroke-linejoin:round;opacity:.9}
.sf-con{fill:var(--surface);stroke:var(--il-tot);stroke-width:2}
.sf-cat{fill:none;stroke:var(--salmao);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.sf-cat.fino{stroke-width:2}
.sf-cat.semi{stroke-width:3.4}
.sf-magill{fill:none;stroke:var(--ink);stroke-width:2;stroke-linecap:round;opacity:.75}
.sf-lma{fill:color-mix(in srgb,var(--il-tot) 30%,transparent);stroke:var(--il-tot);stroke-width:2}
.sf-lma-t{fill:none;stroke:var(--il-tot);stroke-width:7;stroke-linecap:round;opacity:.85}
.sf-dist circle{fill:var(--salmao);opacity:.55}
.sf-gota{fill:var(--salmao);opacity:.8}
.sf-neb{fill:var(--surface);stroke:var(--salmao);stroke-width:1.6}
.sf-badge{fill:var(--surface);stroke:var(--line);stroke-width:1.2}
.sf-estom{fill:color-mix(in srgb,var(--il-pele-s) 30%,var(--surface));stroke:var(--il-pele-s);stroke-width:1.2}
/* ---- cabeçalho com logo, página inicial por áreas e página de Condutas (padrão Plantão, vindo do Neo) ---- */
.top.rolagem-oculta{transform:translateY(-100%);opacity:0;visibility:hidden;pointer-events:none;transition:transform .24s ease,opacity .24s ease,visibility 0s linear .24s}
.top.rolagem-subindo{opacity:.92}
.home-area{min-height:132px}
.home-area-heading{display:flex;align-items:center;justify-content:space-between;gap:5px;width:100%}
.home-area-heading b{flex:1;min-width:0}
.home-area .home-area-cta{display:inline-flex;align-items:center;gap:2px;color:var(--petroleo);font-size:.68rem;font-weight:700;white-space:nowrap}
.home-area .home-area-cta svg{width:14px;height:14px;flex:none}
:root[data-theme="dark"] .home-area .home-area-cta{color:var(--agua)}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .home-area .home-area-cta{color:var(--agua)}}
.hero.condutas-hero{padding:22px 20px 20px;background:linear-gradient(135deg,var(--petroleo),var(--petroleo-2));gap:11px}
.hero.condutas-hero::after{right:-34px;top:-42px;width:156px;height:156px;border-width:20px}
.condutas-hero-selo{position:relative;z-index:1;display:flex;align-items:center;gap:7px;color:#b9e1d9;font-size:.67rem;font-weight:700;letter-spacing:.12em}
.condutas-hero-selo svg{width:18px;height:18px;flex:none}
.condutas-hero h1,.condutas-hero p,.condutas-hero-nota{position:relative;z-index:1}
.hero.condutas-hero h1{font-size:clamp(1.45rem,5.5vw,1.8rem);max-width:15ch;letter-spacing:-.025em}
.condutas-hero p{max-width:43ch;line-height:1.45}
.condutas-hero-nota{display:flex;align-items:center;gap:0;font-size:.75rem;font-weight:600;opacity:.9}
.condutas-diretorio{display:grid;gap:10px}
.condutas-diretorio-titulo{font-family:var(--f-display);font-size:1rem;font-weight:700;color:var(--ink)}
.condutas-atalhos{gap:9px}
.conduta-atalho{min-height:126px;padding:12px;gap:7px;align-content:start}
.conduta-atalho .ic{width:34px;height:34px}
.conduta-atalho b{font-size:.88rem}
.conduta-atalho span:not(.ic){font-size:.75rem}
.condutas-secao{display:grid;gap:10px;scroll-margin-top:112px}
.condutas-guias{gap:16px}
.condutas-subsecao{display:grid;gap:10px}
.home-intro p{max-width:52ch}
.home-search{display:grid;gap:8px}
.home-search .home-hint{margin:-4px 0 0;color:var(--ink-2);font-size:.82rem}

/* ---- SVGs só nos cards grandes (início, Condutas e Calcular) ---- */
.art-ui{display:block;width:56px;height:56px;flex:none}
.home-area .art-ui{margin-bottom:2px}
.conduta-atalho .art-ui{width:48px;height:48px}
.hero .art-ui.hero-art{position:absolute;right:16px;top:16px;width:72px;height:72px;z-index:1}
@media (max-width:380px){.hero .art-ui.hero-art{width:60px;height:60px;right:12px;top:12px}}
/* ===== MELHORIAS 30/10/2026 · responsividade, legibilidade e toque (bloco comum aos três guias) ===== */
html[data-fonte="g"]{font-size:112.5%}html[data-fonte="gg"]{font-size:125%}
small{font-size:max(.78rem,.85em)}
.row .tag,.sheet-h .tag{font-size:.72rem}
.srcs{font-size:.76rem;line-height:1.75}
.ref{font-size:.78rem;min-height:32px;display:inline-flex;align-items:center}
.fx-tipo,.condutas-hero-selo,.ilu-k{font-size:.72rem}
.home-area .home-area-cta{font-size:.74rem}
details.how summary{min-height:40px;display:flex;align-items:center;gap:6px}
details.porque summary{color:var(--agua)}
.mt-dot{height:28px;padding:10px 0;background-clip:content-box;box-sizing:border-box}
.mt-dot.fim{height:14px;padding:0;background-clip:border-box}
.nav button{min-height:52px}
.mini,.calc-link,.rchip,.pac-limpar,.pac-toggle{min-height:36px}
.fonte-seg{display:flex;gap:6px;flex-wrap:wrap}
.fonte-seg button{flex:1;min-width:64px;min-height:44px;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:12px;font-weight:700;cursor:pointer}
.fonte-seg button[aria-pressed="true"]{background:var(--agua-claro);border-color:var(--agua);color:var(--petroleo)}
:root[data-theme="dark"] .fonte-seg button[aria-pressed="true"]{color:var(--agua)}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .fonte-seg button[aria-pressed="true"]{color:var(--agua)}}
/* telas de 320 px: a barra do paciente cabe sem rolagem lateral */
@media (max-width:360px){.pac label{white-space:normal;font-size:.6rem;letter-spacing:.03em}.pac .pac-b,.pac-b{gap:4px}.pac input,.pac select{padding-left:6px;padding-right:6px}.brand .neo{font-size:.62rem;padding:2px 5px;letter-spacing:.08em}.brand small{display:none}}
/* tablet: coluna um pouco mais larga */
@media (min-width:768px){.wrap{max-width:640px}}
/* desktop: barra de navegação lateral à esquerda, cabeçalho fixo e coluna de leitura mais larga */
@media (min-width:1024px){
  body{padding-left:232px}
  .wrap{max-width:720px}
  main{padding-block:24px 56px}
  .nav{left:0;right:auto;top:0;bottom:0;width:232px;border-top:0;border-right:1px solid var(--line);padding-bottom:0;overflow:auto}
  .nav .wrap{display:flex;flex-direction:column;gap:6px;max-width:none;padding:22px 14px}
  .nav::before{content:"Plantão";font-family:var(--f-display);font-weight:700;font-size:1.05rem;color:var(--petroleo);padding:0 14px 4px;letter-spacing:-.01em}
  :root[data-theme="dark"] .nav::before{color:var(--agua)}
  .nav button{flex-direction:row;justify-content:flex-start;gap:12px;padding:12px 14px;font-size:.98rem;border-radius:12px;min-height:48px}
  .nav button svg{width:24px;height:24px}
  .nav button:hover{background:var(--bg)}
  .nav button[aria-current="page"]:hover{background:var(--agua-claro)}
  .top.rolagem-oculta{transform:none;opacity:1;visibility:visible;pointer-events:auto}
  .toast,.atualizou{left:calc(50% + 116px)}
  .reg-fab{right:max(24px,calc(50% - 360px))}
  .sheet{border-radius:18px;margin-bottom:24px}
}
@media (min-width:1024px) and (prefers-color-scheme: dark){:root:not([data-theme="light"]) .nav::before{color:var(--agua)}}
@media (min-width:1440px){.wrap{max-width:760px}}
@media (hover:hover){.row:hover,.tile:hover{border-color:var(--agua)}}
/* rótulos do resumo de 10 segundos, do mapa do fluxo e dos atalhos: mínimo de 11,5 px */
.rs span:first-child,.rs-h span{font-size:.74rem}
.rs-h b{font-size:.76rem}
.fxm small,.fx-cta small,.rec small{font-size:.74rem}

/* linhas de lista: nunca empurrar a etiqueta para fora em telas estreitas */
.list>*{min-width:0}
.row{min-width:0;box-sizing:border-box}
.row>*{min-width:0}
.row .tag{white-space:nowrap}

/* dica visual nas tabelas que rolam de lado */
.tbl[data-rola]::after{content:"Deslize para ver as outras colunas \2192";display:block;position:sticky;left:0;width:100%;box-sizing:border-box;padding:4px 10px;font-size:.72rem;color:var(--ink-2);background:var(--surface-2);border-top:1px solid var(--line)}

/* entrada por e-mail + código (versão de venda) */
body.bloqueado{overflow:hidden}
.bloqueio{overflow:auto;align-items:start;padding-top:max(20px,8vh)}
.bloqueio .card.entrar{max-width:440px;width:100%}
.entrar-topo{display:flex;align-items:center;gap:12px}
.entrar-topo small{display:block;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);font-weight:700}
.entrar-topo h2{margin:0;font-size:1.25rem}
.entrar-logo{width:44px;height:44px;border-radius:12px;background:var(--agua-claro);padding:6px;object-fit:contain}
[data-theme=dark] .entrar-logo{background:var(--petroleo)}
.entrar .f input{font-size:1.15rem;letter-spacing:.02em}
.entrar .f input[inputmode=numeric]{letter-spacing:.35em;text-align:center;font-weight:700;font-size:1.5rem}
.entrar-aviso{margin:0;font-size:.86rem;color:var(--ink-2);min-height:1.2em}
.entrar-aviso.erro{color:#b8381a}
[data-theme=dark] .entrar-aviso.erro{color:#ff9f85}
.entrar-acoes{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.entrar-acoes .calc-link{text-decoration:none}
.entrar-rodape{margin:0;font-size:.76rem}
.entrar-rodape a{color:var(--petroleo);font-weight:700}
[data-theme=dark] .entrar-rodape a{color:var(--agua)}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .entrar-logo{background:var(--petroleo)} :root:not([data-theme="light"]) .entrar-aviso.erro{color:#ff9f85} :root:not([data-theme="light"]) .entrar-rodape a{color:var(--agua)}}
.marca-conta{display:block;text-align:center;font-size:.6rem;line-height:1;color:var(--ink-2);opacity:.6;padding:4px 8px 0;letter-spacing:.02em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (min-width:1024px){.marca-conta{padding:10px 8px 0;white-space:normal}}