/* ============================================================================ core.css — folha do core.js (compartilhada mobile + desktop). Emitida à mão, NÃO gerada: o CSS morava em strings dentro do core.ts e saiu de lá para caber em folha de verdade (novos estilos entram aqui, não no .ts). Cor = SEMPRE token do theme.css; nunca literal. Ordem das seções = ordem original de injeção no (a cascata não mudou). ========================================================================= */ /* ==================== TOGGLE DE TEMA (dia/noite/auto) ==================== */ .tema-tgl{display:inline-flex;gap:2px;border:1px solid var(--line);border-radius:999px;padding:2px;background:var(--card)} .tema-tgl button{display:inline-flex;align-items:center;gap:5px;min-height:30px;padding:4px 11px;border:none;background:transparent;color:var(--mut);border-radius:999px;font:inherit;font-size:12px;cursor:pointer} .tema-tgl button svg{width:15px;height:15px} .tema-tgl button.on{background:var(--acc);color:var(--on-acc);font-weight:700} /* ==================== AUDITORIA (navegação de versões) ==================== */ .audit-nav{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding-bottom:8px;border-bottom:1px solid var(--line);margin-bottom:10px} .audit-b{min-width:34px;min-height:32px;padding:4px 10px;border:1px solid rgba(var(--acc-rgb),.22);background:var(--card);color:inherit;border-radius:8px;cursor:pointer;font-size:15px} .audit-b:disabled{opacity:.35;cursor:default} /* o "×" é quadrado pequeno — o min-width da barra é para os botões com rótulo */ .audit-b.fechar{min-width:auto} /* ==================== VÉU DA SOBREPOSIÇÃO ==================== As mesmas oito declarações estavam copiadas em cinco cssText (core, anamnese, cirurgias). O `display:flex` fica aqui de propósito: quem ABRE e FECHA continua escrevendo style.display na fiação, e o inline sempre ganha da folha — a classe só diz como o véu é quando está de pé. */ .ov-veu{position:fixed;inset:0;z-index:1100;background:var(--overlay);display:flex;align-items:flex-start;justify-content:center;padding:14px} /* dois véus nasceram com 1000: ficam ABAIXO dos de 1100 quando os dois estão abertos. Preservado como estava — mexer nisso é mexer em empilhamento. */ .ov-veu.z1000{z-index:1000} .ov-veu.rolagem{overflow:auto} .ov-veu.folgado{padding:20px 14px} /* ==================== CARTÃO DA SOBREPOSIÇÃO ==================== A caixa que flutua no centro do véu: visor de auditoria (core) e histórico da evolução das cirurgias. Nasceu no core e foi COPIADA declaração por declaração para a folha do mod; um nome só, aqui, para as duas não divergirem. */ .ov-card{width:560px;max-width:96vw;max-height:90vh;overflow:auto;background:linear-gradient(135deg,var(--bg),var(--bg2));border:1px solid rgba(var(--acc-rgb),.3);border-radius:14px;padding:16px 18px} .ov-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px} .audit-pos{min-width:64px;text-align:center;font-weight:700;font-size:13px;opacity:.85} .audit-cab{font-size:13px;opacity:.9;margin:0 0 10px;font-weight:600} .audit-sec{margin-bottom:10px} .audit-sec h4{font-size:12.5px;color:var(--acc);margin:0 0 2px;font-weight:700} .audit-cont{line-height:1.5;font-size:14px;white-space:pre-wrap} /* ==================== LIXEIRA INLINE (padrão desktop) ==================== */ .lixinline-top{display:flex;align-items:center;gap:8px;background:var(--warn);color:var(--on-warn);font-weight:700;border-radius:9px;padding:8px 92px 8px 12px;margin-bottom:10px} .lixinline-top .audit-b{background:rgba(var(--shade-rgb),.12);color:var(--on-warn);border-color:rgba(var(--shade-rgb),.25)} .lixinline-rec{border-color:var(--acc) !important} /* a caixa do modal: é mais larga que o .ov-card (a lixeira lista itens em colunas) e sem gradiente — o desenho vinha em cssText no core.ts. */ .lix-ovbox{width:640px;max-width:96vw;background:var(--panel);border:1px solid rgba(var(--acc-rgb),.3);border-radius:14px;padding:12px 14px} /* no modal (mobile) não há botão Ajuda flutuante */ .lix-ovbox .lixinline-top{padding-right:14px} /* ==================== MODAL DE ENVIO/IMPRESSÃO (documentos gerados) ======= */ .es-ov{position:fixed;inset:0;background:var(--overlay);display:flex;align-items:center;justify-content:center;z-index:10050;padding:2vh} .es-dlg{width:min(680px,96vw);max-height:96vh;background:var(--panel);border:1px solid rgba(var(--acc-rgb),.22);border-radius:14px;padding:16px;display:flex;flex-direction:column;overflow:hidden;color:var(--txt);font-size:14px} .es-tit{margin:0 0 6px;font-size:16px} .es-hint{opacity:.7;font-size:12px;margin-bottom:8px} .es-list{flex:1;min-height:60px;overflow:auto;margin:2px 0 4px;border:1px solid var(--line);border-radius:8px;padding:4px 10px} .es-item{display:flex;gap:8px;align-items:center;padding:5px 0;font-weight:normal;cursor:pointer} .es-item input{width:auto;margin:0} .es-selo{opacity:.7} .es-foot{flex-shrink:0;padding-top:8px;border-top:1px solid rgba(var(--acc-rgb),.14)} .es-canais{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-bottom:2px} .es-ch{display:flex;gap:6px;align-items:center;cursor:pointer} .es-ch input{width:auto} .es-in{width:100%;margin:5px 0;padding:9px 11px;border-radius:8px;border:1px solid var(--line);background:var(--card);color:var(--txt)} .es-st{font-size:12px;opacity:.85;min-height:16px;margin-top:6px} .es-st .es-err{color:var(--danger-fg)} .es-btns{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap;margin-top:8px} .es-go{min-height:38px;padding:8px 16px;border-radius:9px;border:1px solid var(--acc);background:var(--acc);color:var(--on-acc);font-weight:700;cursor:pointer} .es-cancel{min-height:38px;padding:8px 14px;border:1px solid rgba(var(--acc-rgb),.2);background:var(--card);color:inherit;border-radius:9px;cursor:pointer} /* ==================== TEXTO RICO LEVE (compartilhado) ==================== tamanhos em em: o bloco herda a escala do campo do host */ .ricolv{line-height:1.5;cursor:text} .ricolv:focus{outline:none} .ricolv .l{min-height:1.5em} .ricolv .h1{font-size:1.3em;font-weight:800;line-height:1.4} .ricolv .h2{font-size:1.12em;font-weight:700;line-height:1.45} .ricolv .li{padding-left:16px} .ricolv .li::before{content:'• ';margin-left:-14px} .ricolv .mn{font-size:.85em;opacity:.82} .rl{color:var(--realce)} /* realce clínico (!!x!!) — cor por TOKEN, nunca literal */ /* ==================== VOCABULÁRIO COMPARTILHADO ==================== Papéis de layout que os DOIS shells pedem, no lugar dos style="…" que estavam colados no HTML. Enquanto a medida mora no atributo ela vence qualquer folha — nenhum tema ou variante consegue mudá-la sem editar o HTML. Aqui, no fim da folha que mobile e desktop linkam DEPOIS da sua própria, ela fica no lugar certo da cascata: pesa uma classe e é sobreposta por quem for mais específico. Uma definição só para os dois shells — o mesmo nome não pode significar duas coisas em telas diferentes. */ /* linha de campos/controles lado a lado. .frow reparte espaço (rótulo em cima do campo); .lin alinha pelo meio (rótulo ao lado do campo). */ .frow{display:flex;gap:8px} .lin{display:flex;align-items:center;gap:8px} .lin.g6{gap:6px} .wrap{flex-wrap:wrap} .jend{justify-content:flex-end} /* .f1 ocupa a sobra da linha; .mlauto empurra o resto para a esquerda */ .f1{flex:1} .mlauto{margin-left:auto} .ml8{margin-left:8px} /* largura: a linha inteira, ou só o que o conteúdo pede */ .wfull{width:100%} .wauto{width:auto} /* checkbox dentro de