/* Acréscimos da versão própria (fora do Claude): login, trava do prontuário, adendos e cabeçalho. Usa as cores da marca definidas no index.html. */

/* login */
#login{position:fixed;inset:0;z-index:100;display:grid;place-items:center;overflow:auto;background:var(--creme);padding:max(24px,env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) max(24px,env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px))}
#login::before{content:"";position:absolute;inset:0;background:var(--mancha);-webkit-mask:var(--tile) 0 0/170px repeat;mask:var(--tile) 0 0/170px repeat;opacity:.5;pointer-events:none}
.lg-card{position:relative;width:min(380px,100%);background:var(--card);border:1px solid var(--line);border-radius:20px;padding:28px 26px 22px;box-shadow:var(--shadow);display:grid;gap:12px}
.lg-gir{width:84px;height:auto;justify-self:center;margin-top:-4px}
.lg-card h1{font-family:var(--fd);font-weight:400;font-size:25px;line-height:1.15;text-align:center;color:var(--terra);margin:0}
.lg-sub{text-align:center;color:var(--mut);font-size:13.5px;margin:-4px 0 4px}
.lg-demo{background:var(--warnbg);color:var(--warn);border-radius:10px;padding:10px 12px;font-size:13px;margin:0}
.lg-card .f{margin:0}
.lg-entrar{width:100%;justify-content:center;padding-block:11px;font-size:15px}
.lg-link{background:none;border:0;color:var(--terra);font:inherit;font-size:13.5px;cursor:pointer;padding:4px;justify-self:center;text-decoration:underline;text-underline-offset:3px}
.lg-erro{background:var(--badbg);color:var(--bad);border-radius:10px;padding:10px 12px;font-size:13.5px;margin:0}
.lg-erro.ok{background:var(--okbg);color:var(--ok)}

/* cabeçalho */
.conta{display:flex;gap:4px;align-items:center;margin-left:8px}
@media (max-width:640px){.conta .btn{padding-inline:8px}}
.faixa-teste{position:fixed;left:max(12px,env(safe-area-inset-left,0px));bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:60;background:var(--warn);color:#fff;font-size:12px;font-weight:600;letter-spacing:.04em;padding:6px 12px;border-radius:999px;pointer-events:none}

/* roteiro da consulta */
.rt-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 18px}
@media (max-width:1100px){.rt-cols{grid-template-columns:1fr}}
.rt-col{min-width:0}
.rt-tit{font-size:11.5px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--terra);margin:2px 0 4px}
.rt-cols .chk,.rt-cond .chk{font-size:13.5px;align-items:flex-start;padding:4px 0}
.rt-cols .chk input,.rt-cond .chk input{margin-top:3px}
.rt-cond{margin-top:10px;padding:10px 12px;border-radius:10px;background:var(--warnbg)}
.rt-it{min-width:0}
.rt-it .rt-nota{display:block;margin:0 0 6px 26px;width:calc(100% - 26px);padding:6px 10px;font-size:13.5px;min-height:0}
.rt-col .rt-outros{margin-top:6px;min-height:52px;font-size:13.5px}
.rt-faixas{margin:2px 0 0;flex-wrap:wrap}
.rt-conf{font-size:10.5px;padding:1px 7px;vertical-align:1px;white-space:nowrap}
.tl.tl-azul>div{cursor:pointer;border-radius:10px}
.tl.tl-azul>div:hover,.tl.tl-azul>div:focus-visible{background:var(--infobg)}
.tl.tl-azul>div::before{background:var(--infobg)}
.tl.tl-azul>div::after{background:var(--info)}
.tl.tl-azul>div.atual::after{box-shadow:0 0 0 4px var(--infobg)}
.tl.tl-azul>div.atual b{color:var(--info)}
.cond-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:0 14px;margin-bottom:8px}

/* consulta travada */
fieldset.trava{border:0;margin:0;padding:0;min-width:0}
fieldset.trava[disabled] .i,fieldset.trava[disabled] select,fieldset.trava[disabled] textarea{background:var(--soft);color:var(--ink);opacity:1;cursor:default;-webkit-text-fill-color:var(--ink)}
fieldset.trava[disabled] .btn{opacity:.45}
.cadeado{display:flex;gap:10px;align-items:flex-start}
.adendos{display:grid;gap:8px;margin-bottom:12px}
.adendo{border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:var(--soft)}
.adendo .q{font-size:12px;color:var(--mut);margin-bottom:4px}
.adendo .x{white-space:pre-wrap}