/* ============================================================================
 *  LINHA DE VIDA · GD ENGENHARIA — styles.css
 *  Visual profissional de engenharia + estilos de impressão do prontuário.
 * ========================================================================== */
:root{
  --azul:#1f3a5f; --azul2:#2a5a8f; --azul-claro:#eaf1f8;
  --ok:#1e8449; --ok-bg:#e8f6ee; --fail:#c0392b; --fail-bg:#fdecea;
  --cinza:#5b6470; --cinza-claro:#f4f6f9; --borda:#dfe4ea; --texto:#222; --muted:#6b7280;
  --sombra:0 1px 3px rgba(0,0,0,.08),0 1px 2px rgba(0,0,0,.06);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:"Segoe UI",Roboto,Arial,sans-serif;color:var(--texto);background:var(--cinza-claro);font-size:14px;line-height:1.45}
.carregando{padding:40px;text-align:center;color:var(--muted)}
.erro-fatal{margin:40px auto;max-width:600px;padding:24px;background:var(--fail-bg);border:1px solid var(--fail);border-radius:8px;color:#7a1f15}
b.tok{color:var(--ok)} b.tfail{color:var(--fail)}
.muted{color:var(--muted)} .small{font-size:12px} .micro{font-size:11px;color:var(--muted);font-weight:400}

/* ---------- Botões ---------- */
.btn{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--borda);background:#fff;color:var(--texto);
  padding:9px 16px;border-radius:7px;cursor:pointer;font-size:14px;font-weight:600;transition:.15s;text-decoration:none}
.btn:hover{background:var(--azul-claro);border-color:var(--azul2)}
.btn.primary{background:var(--azul);border-color:var(--azul);color:#fff}
.btn.primary:hover{background:var(--azul2)}
.btn.ghost{background:#fff}
.btn.danger{color:var(--fail);border-color:#f0c2bd}
.btn.danger:hover{background:var(--fail-bg)}
.btn.block{display:flex;width:100%;justify-content:center;margin-top:10px}
.btn.mini{padding:5px 10px;font-size:12.5px;border-radius:6px}
.btn.arquivo{cursor:pointer}

/* ---------- Telas de autenticação ---------- */
.auth-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,#1f3a5f 0%,#2a5a8f 100%);padding:20px}
.auth-card{background:#fff;border-radius:14px;box-shadow:0 20px 60px rgba(0,0,0,.3);padding:34px;width:100%;max-width:410px}
.auth-marca{text-align:center;margin-bottom:18px}
.am-titulo{font-size:24px;font-weight:800;letter-spacing:2px;color:var(--azul)}
.am-sub{font-size:12px;color:var(--muted);margin-top:2px}
.auth-card h2{margin:6px 0 14px;font-size:18px;color:var(--azul)}
.auth-erro{background:var(--fail-bg);color:#7a1f15;border:1px solid var(--fail);padding:9px 12px;border-radius:7px;margin-bottom:12px;font-size:13px}
.auth-rodape{margin-top:18px;text-align:center;font-size:11px;color:var(--muted);border-top:1px solid var(--borda);padding-top:12px}
.rot{display:block;font-size:12.5px;font-weight:600;color:var(--cinza);margin:10px 0 4px}
.inp{width:100%;padding:9px 11px;border:1px solid var(--borda);border-radius:7px;font-size:14px;font-family:inherit;background:#fff}
.inp:focus{outline:none;border-color:var(--azul2);box-shadow:0 0 0 3px rgba(42,90,143,.15)}
.forca-wrap{height:6px;background:#eee;border-radius:4px;overflow:hidden;margin:6px 0}
.forca-bar{height:100%;width:0;transition:.2s}
.forca-bar.s0{background:#ccc}.forca-bar.s1{background:#e74c3c}.forca-bar.s2{background:#e67e22}.forca-bar.s3{background:#f1c40f}.forca-bar.s4{background:#1e8449}

/* ---------- Shell ---------- */
.shell{display:flex;min-height:100vh}
.sidebar{width:230px;background:var(--azul);color:#cfe0f0;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}
.sb-marca{padding:20px 18px;border-bottom:1px solid rgba(255,255,255,.12)}
.sb-marca b{display:block;color:#fff;font-size:17px}
.sb-marca span{font-size:11px;color:#9bb8d6}
.sb-nav{flex:1;padding:10px 0}
.sb-link{display:flex;align-items:center;gap:11px;padding:11px 18px;color:#cfe0f0;text-decoration:none;font-weight:600;font-size:14px;border-left:3px solid transparent}
.sb-link:hover{background:rgba(255,255,255,.06)}
.sb-link.ativo{background:rgba(255,255,255,.1);border-left-color:#fff;color:#fff}
.sb-link .ico{width:18px;text-align:center;opacity:.9}
.sb-rodape{padding:14px 16px;border-top:1px solid rgba(255,255,255,.12)}
.sb-user b{display:block;color:#fff;font-size:13px}
.sb-user span{font-size:11px;color:#9bb8d6}
.sb-lic{color:#9bb8d6;margin:6px 0 10px}
.conteudo{flex:1;padding:26px 32px;max-width:1200px;overflow-x:hidden}

/* ---------- Páginas ---------- */
.pg-titulo h1{font-size:22px;margin:0 0 2px;color:var(--azul)}
.pg-titulo{margin-bottom:18px}
.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}
.vazio{padding:30px;text-align:center;color:var(--muted);background:#fff;border:1px dashed var(--borda);border-radius:10px}

/* cards */
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.card{background:#fff;border:1px solid var(--borda);border-radius:10px;padding:16px;box-shadow:var(--sombra)}
.card-top{display:flex;justify-content:space-between;align-items:center;gap:8px}
.card-top b{font-size:15px}
.card-sub{color:var(--muted);font-size:13px;margin-top:4px}
.card-acoes{display:flex;gap:6px;margin-top:12px;flex-wrap:wrap}

/* badges */
.badge{display:inline-block;padding:2px 9px;border-radius:20px;font-size:11px;font-weight:700}
.badge.ok{background:var(--ok-bg);color:var(--ok)}
.badge.fail{background:var(--fail-bg);color:var(--fail)}

/* ---------- Formulários ---------- */
.form-topo{display:flex;gap:14px;align-items:flex-end;margin-bottom:8px;flex-wrap:wrap}
.inp-nome{min-width:280px}
.form-sec{background:#fff;border:1px solid var(--borda);border-radius:10px;padding:16px 18px;margin-bottom:14px;box-shadow:var(--sombra)}
.form-sec h3{margin:0 0 12px;font-size:15px;color:var(--azul);border-bottom:1px solid var(--borda);padding-bottom:8px}
.grid-campos{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.campo label.rot{margin-top:0}

/* ---------- Resultados ---------- */
.verdito-banner{border-radius:10px;padding:14px 18px;margin-bottom:16px;color:#fff}
.verdito-banner.ok{background:var(--ok)} .verdito-banner.fail{background:var(--fail)}
.vb-txt{font-size:17px;font-weight:800;letter-spacing:.5px}
.vb-ind{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.vb-ind .ind{background:rgba(255,255,255,.18);padding:3px 10px;border-radius:20px;font-size:11.5px;font-weight:600}
.avisos-box{margin-bottom:16px}
.av{padding:8px 12px;border-radius:7px;margin-bottom:6px;font-size:13px}
.av.erro{background:var(--fail-bg);color:#7a1f15}
.av.erro.forte{font-weight:700;border:1px solid var(--fail)}
.av.aviso{background:#fff6e6;color:#7a5b13;border:1px solid #f3d99a}
.figuras-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:14px;margin-bottom:8px}
.figuras-grid .fig,.doc-inline .fig{background:#fff;border:1px solid var(--borda);border-radius:10px;padding:10px;box-shadow:var(--sombra)}
.figuras-grid .fig svg,.doc-inline .fig svg{display:block;width:100%;height:auto}
.doc-inline{background:#fff;border:1px solid var(--borda);border-radius:10px;padding:24px 28px;margin-top:14px;box-shadow:var(--sombra)}

/* ---------- Tabelas ---------- */
table.tab{width:100%;border-collapse:collapse;margin:8px 0;font-size:13px}
table.tab th{background:var(--azul-claro);color:var(--azul);text-align:left;padding:7px 9px;border:1px solid var(--borda);font-size:12px}
table.tab td{padding:6px 9px;border:1px solid var(--borda);vertical-align:top}
table.tab td.val{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
table.tab td.sym{font-weight:700;color:var(--azul);width:64px}
table.tab td.ref{font-size:11px;color:var(--muted);width:30%}
table.tab .fml{font-size:11px;color:var(--muted);font-style:italic;margin-top:2px}
.mono{font-family:"Cascadia Code",Consolas,monospace}
table.matriz td{text-align:center} table.matriz td:first-child{text-align:left}
table.preencher td{height:26px}

/* tabs / registros */
.tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px;border-bottom:2px solid var(--borda)}
.tab{border:none;background:none;padding:9px 16px;cursor:pointer;font-weight:600;color:var(--muted);border-bottom:3px solid transparent;margin-bottom:-2px}
.tab.ativo{color:var(--azul);border-bottom-color:var(--azul)}
.reg-form{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;align-items:end;background:#fff;border:1px solid var(--borda);border-radius:10px;padding:16px;margin-bottom:14px}
.reg-campo{display:flex;flex-direction:column}

/* admin */
.admin-sec{background:#fff;border:1px solid var(--borda);border-radius:10px;padding:18px;margin-bottom:16px;box-shadow:var(--sombra)}
.admin-sec h3{margin:0 0 12px;color:var(--azul);font-size:16px}

/* ---------- Toast ---------- */
.toast{position:fixed;bottom:24px;right:24px;background:var(--azul);color:#fff;padding:12px 18px;border-radius:8px;
  box-shadow:0 8px 24px rgba(0,0,0,.25);opacity:0;transform:translateY(10px);transition:.3s;z-index:9999;max-width:360px}
.toast.show{opacity:1;transform:translateY(0)}
.toast.ok{background:var(--ok)} .toast.erro{background:var(--fail)} .toast.info{background:var(--cinza)}

/* ---------- Seleção de país ---------- */
.pais-card{max-width:680px}
.pais-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:14px 0}
.pais-btn{display:flex;flex-direction:column;align-items:center;gap:5px;padding:18px 12px;border:2px solid var(--borda);border-radius:12px;background:#fff;cursor:pointer;transition:.15s;text-align:center}
.pais-btn:hover{border-color:var(--azul);background:var(--azul-claro);transform:translateY(-2px)}
.pais-flag{font-size:38px;line-height:1}
.pais-nome{font-weight:700;color:var(--azul);font-size:15px}
.pais-sub{font-size:11px;color:var(--muted)}
.pais-normas-tit{font-size:10.5px;font-weight:700;color:var(--cinza);margin-top:6px;text-transform:uppercase;letter-spacing:.5px}
.pais-normas{display:flex;flex-wrap:wrap;gap:4px;justify-content:center}
.pn-chip{background:var(--azul-claro);color:var(--azul);border-radius:5px;padding:2px 6px;font-size:9.5px;font-weight:600;line-height:1.5}
.pais-tag{background:var(--azul-claro);color:var(--azul);border-radius:20px;padding:6px 12px;font-size:12.5px;font-weight:600;white-space:nowrap}
.sb-pais{width:100%;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);color:#cfe0f0;border-radius:6px;padding:7px;font-size:12px;cursor:pointer;margin-bottom:8px}
.sb-pais:hover{background:rgba(255,255,255,.16)}

/* ---------- Conformidade ---------- */
.conf-resumo{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}
.conf-card{border-radius:10px;padding:16px;text-align:center;color:#fff;box-shadow:var(--sombra)}
.conf-card.ok{background:var(--ok)} .conf-card.avencer{background:#e6a700} .conf-card.vencida{background:var(--fail)} .conf-card.pendente{background:var(--cinza)}
.cc-num{font-size:30px;font-weight:800;line-height:1}
.cc-rot{font-size:12px;margin-top:4px;opacity:.95}
.conf-badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:11.5px;font-weight:700;color:#fff}
.conf-badge.ok{background:var(--ok)} .conf-badge.avencer{background:#e6a700} .conf-badge.vencida{background:var(--fail)} .conf-badge.pendente{background:var(--cinza)}

/* ---------- Plaqueta + QR ---------- */
.plaqueta-wrap{display:flex;gap:16px;align-items:flex-start;flex-wrap:wrap}
.qr-box{text-align:center;border:1px solid var(--borda);border-radius:8px;padding:10px;background:#fff}
.qr-box .qr{width:120px;height:120px;margin:0 auto}
.qr-box .qr svg{width:100%;height:100%}
.qr-cap{font-size:10px;color:#333;margin-top:6px;font-weight:600}
.qr-cap span{color:var(--muted);font-weight:400}

/* ============================================================================
 *  DOCUMENTOS (memoriais / prontuário)
 * ========================================================================== */
.report{color:#1a1a1a;font-size:13px;line-height:1.5}
.report h1{font-size:19px;color:var(--azul);margin:4px 0}
.report h2{font-size:15px;color:var(--azul);border-bottom:2px solid var(--azul-claro);padding-bottom:4px;margin:18px 0 8px}
.report h3{font-size:13.5px;color:var(--cinza);margin:12px 0 6px}
.rep-head{border-bottom:2px solid var(--azul);padding-bottom:10px;margin-bottom:12px}
.rh-emp{font-weight:800;color:var(--azul);font-size:15px}
.rh-sub{font-size:11px;color:var(--muted)}
.rh-norma{font-size:11.5px;color:var(--cinza);margin-top:2px}
.rh-proj{font-size:12px;margin-top:6px;background:var(--azul-claro);padding:6px 10px;border-radius:6px}
.verdito{font-weight:800;text-align:center;padding:10px;border-radius:8px;margin:10px 0;font-size:15px}
.verdito.ok{background:var(--ok-bg);color:var(--ok);border:1px solid var(--ok)}
.verdito.fail{background:var(--fail-bg);color:var(--fail);border:1px solid var(--fail)}
.report .prem{font-size:12px;padding-left:18px} .report .prem li{margin:3px 0}
.report .nota{font-size:11.5px;color:var(--muted);font-style:italic;background:#f9fafb;padding:8px 10px;border-left:3px solid var(--borda);border-radius:0 6px 6px 0;margin:8px 0}
.report .conclusao{background:var(--azul-claro);padding:10px 12px;border-radius:6px}
.report .avisos{background:#fff6e6;border:1px solid #f3d99a;border-radius:6px;padding:8px 12px;font-size:12px}
.report .avisos ul{margin:4px 0 0;padding-left:18px}
.report .fig{margin:12px 0;border:1px solid var(--borda);border-radius:8px;padding:8px;text-align:center}
.report .fig svg{max-width:100%;height:auto}
.report .assin{margin-top:26px;text-align:center}
.report .assin .loc{text-align:right;margin-bottom:30px;font-size:12px}
.report .linha-assin{letter-spacing:1px}
.report .assin .cargo{font-size:11.5px;color:var(--muted)}
.report .indic td:first-child{width:80%}
table.tab.indic .val{text-align:center}
.report .refs{font-size:12px;columns:1}
.report .leg{font-size:11.5px;color:var(--muted)}
.report .notas-norm{font-size:11.5px} .report .notas-norm ol{padding-left:18px}
.report .plaqueta{border:2px dashed var(--azul);border-radius:8px;padding:8px;max-width:520px}

/* Roteiro de cálculo detalhado (CYPE-style) */
.calc-step{margin:8px 0;padding:8px 10px;background:#fbfcfe;border-left:3px solid var(--azul2);border-radius:0 6px 6px 0}
.calc-step .cs-t{font-size:12.5px;font-weight:700;color:var(--azul);margin-bottom:4px}
.calc-step .cs-ref{font-weight:400;font-size:10.5px;color:var(--muted)}
.calc-step .cs-eq{font-family:"Cascadia Code",Consolas,"DejaVu Sans Mono",monospace;font-size:12px;color:#1a1a1a;margin:3px 0;line-height:1.6;white-space:normal}
.calc-step .cs-eq b{color:var(--azul);font-weight:700}
.calc-step .cs-note{font-family:inherit;font-size:10.5px;color:var(--muted);font-style:italic}
table.nr-tab{border-collapse:collapse;margin:4px 0;font-size:11px;font-family:Consolas,monospace}
table.nr-tab th,table.nr-tab td{border:1px solid var(--borda);padding:2px 8px;text-align:right}
table.nr-tab th{background:var(--azul-claro);color:var(--azul)}

/* prontuário */
.prontuario .pr-capa{text-align:center;padding:30px 20px;border:3px solid var(--azul);border-radius:12px;margin-bottom:20px;background:linear-gradient(180deg,#fff, var(--azul-claro))}
.cp-emp{font-weight:800;color:var(--azul);font-size:18px}
.cp-sub{font-size:12px;color:var(--muted);margin-bottom:18px}
.cp-titulo{font-size:26px;font-weight:800;color:var(--azul);line-height:1.2;margin:14px 0}
.cp-sub2{font-size:12px;color:var(--cinza);margin-bottom:18px}
.cp-id{margin:0 auto;max-width:620px;text-align:left;font-size:12.5px}
.cp-id td:first-child{font-weight:600;color:var(--cinza);width:45%}
.cp-rodape{margin-top:18px;font-size:10.5px;color:var(--muted)}
.pr-sec{margin-bottom:22px}
.report .pr-h{font-size:16px;color:#fff;background:var(--azul);padding:7px 12px;border-radius:6px;border-bottom:none}
.sumario{font-size:13px;columns:2;column-gap:30px}
.pr-sec .report{border:1px solid var(--borda);border-radius:8px;padding:16px}

/* ============================================================================
 *  PREMIUM · emblema/rodapé de documentos, modais, dimensionamento automático
 * ========================================================================== */
/* Emblema / logo / rodapé institucional dos documentos exportados */
.rep-head .rh-top{display:flex;align-items:center;gap:12px;margin-bottom:6px}
.rep-emblema{width:46px;height:46px;flex:0 0 46px;border-radius:9px;background:linear-gradient(135deg,var(--azul),var(--azul2));color:#fff;
  display:flex;align-items:center;justify-content:center;font-weight:800;font-size:16px;letter-spacing:1px;box-shadow:var(--sombra)}
.rep-logo{max-height:54px;max-width:190px;object-fit:contain}
.rep-head .rh-ids{line-height:1.3}
.rep-footer{margin-top:22px;padding-top:9px;border-top:1px solid var(--borda);font-size:10px;color:var(--muted);text-align:center;line-height:1.5}
.rep-footer b{color:var(--cinza)}
.rf-normas{margin-top:3px;font-size:9px;color:#9aa3af;letter-spacing:.3px}

/* Modal genérico (overlay central) */
.modal-overlay{position:fixed;inset:0;background:rgba(18,30,48,.55);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadein .15s ease}
@keyframes fadein{from{opacity:0}to{opacity:1}}
.modal-caixa{background:#fff;border-radius:14px;box-shadow:0 24px 70px rgba(0,0,0,.35);width:100%;max-width:560px;max-height:88vh;display:flex;flex-direction:column;overflow:hidden;animation:pop .18s ease}
@keyframes pop{from{transform:translateY(10px) scale(.98);opacity:.5}to{transform:none;opacity:1}}
.modal-caixa.modal-auto{max-width:520px}
.modal-head{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;border-bottom:1px solid var(--borda);background:linear-gradient(180deg,#fff,var(--azul-claro))}
.modal-head h3{margin:0;color:var(--azul);font-size:16px}
.modal-x{border:none;background:transparent;font-size:15px;cursor:pointer;color:var(--muted);width:30px;height:30px;border-radius:7px;line-height:1}
.modal-x:hover{background:var(--azul-claro);color:var(--azul)}
.modal-corpo{padding:18px 20px;overflow:auto}
.modal-rodape{display:flex;justify-content:flex-end;gap:10px;padding:13px 20px;border-top:1px solid var(--borda);background:var(--cinza-claro)}

/* Modal de exportação (Gerar Prontuário Completo) */
.exp-acoes-sel{display:flex;gap:8px;margin:8px 0 4px}
.exp-titulo-grupo{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--cinza);margin:14px 0 6px}
.exp-secoes{display:grid;grid-template-columns:1fr 1fr;gap:2px 14px}
.exp-item{display:flex;align-items:center;gap:8px;padding:5px 6px;border-radius:6px;font-size:12.5px;cursor:pointer}
.exp-item:hover{background:var(--azul-claro)}
.exp-item input,.exp-fmt input{width:15px;height:15px;accent-color:var(--azul);cursor:pointer}
.exp-n{background:var(--azul-claro);color:var(--azul);font-size:10.5px;font-weight:700;border-radius:4px;padding:1px 5px;min-width:20px;text-align:center}
.exp-formatos .exp-fmt{display:flex;align-items:center;gap:8px;padding:6px;border-radius:6px;font-size:12.5px;cursor:pointer}
.exp-formatos .exp-fmt:hover{background:var(--azul-claro)}
.exp-capa{border-top:1px dashed var(--borda);margin-top:6px;padding-top:10px}

/* Cartão de convite e modal de resultado do dimensionamento automático */
.auto-card{display:flex;align-items:center;gap:16px;justify-content:space-between;flex-wrap:wrap;
  background:linear-gradient(135deg,#eef4fb,#e3edf8);border:1px solid #cfe0f0;border-radius:12px;padding:16px 18px;margin:16px 0}
.auto-card-t{font-weight:800;color:var(--azul);font-size:15px}
.auto-card-s{font-size:12.5px;color:var(--cinza);max-width:660px;margin-top:3px}
.btn-calc{box-shadow:0 4px 14px rgba(31,58,95,.28);white-space:nowrap}
.auto-badge{display:inline-block;background:var(--ok-bg);color:var(--ok);font-weight:700;border-radius:20px;padding:5px 12px;font-size:12.5px;margin-bottom:12px}
.auto-tab{width:100%;border-collapse:collapse;font-size:13px}
.auto-tab td{padding:6px 8px;border-bottom:1px solid var(--borda)}
.auto-tab .ar-rot{color:var(--cinza)}
.auto-tab .ar-val{font-weight:700;color:var(--azul);text-align:right}
.auto-alt{margin-top:14px}
.auto-alt-t{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--cinza);margin-bottom:4px}
.auto-alt ul{margin:0;padding-left:18px;font-size:12.5px;color:var(--cinza)}
.auto-sem p{font-size:13px}

/* Comparativo internacional (Brasil × EUA) — cereja do bolo */
.ci-card{border:1px solid var(--borda);border-radius:12px;background:#fff;box-shadow:var(--sombra);margin:14px 0;overflow:hidden}
.ci-head{background:linear-gradient(180deg,var(--azul),var(--azul2));color:#fff;font-weight:700;font-size:13px;padding:10px 14px}
.ci-cols{display:grid;grid-template-columns:1fr 1fr;gap:0}
.ci-col{padding:14px 16px;border-right:1px solid var(--borda)}
.ci-col:last-child{border-right:none}
.ci-col.ativo{background:var(--azul-claro)}
.ci-flag{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.ci-band{font-size:22px;line-height:1}
.ci-flag b{color:var(--azul);font-size:14px}
.ci-tag-atual{margin-left:auto;font-size:9.5px;font-weight:700;text-transform:uppercase;background:var(--azul);color:#fff;border-radius:20px;padding:2px 8px}
.ci-verd{text-align:center;font-weight:800;border-radius:7px;padding:7px;font-size:14px;margin-bottom:8px}
.ci-verd.ok{background:var(--ok-bg);color:var(--ok);border:1px solid var(--ok)}
.ci-verd.fail{background:var(--fail-bg);color:var(--fail);border:1px solid var(--fail)}
.ci-verd.na{background:var(--cinza-claro);color:var(--muted)}
.ci-tab{width:100%;border-collapse:collapse;font-size:12px}
.ci-tab td{padding:4px 4px;border-bottom:1px solid var(--borda);color:var(--cinza)}
.ci-tab td.v{text-align:right;font-weight:700;color:var(--texto)}
.ci-aviso{padding:9px 14px;font-size:12px;font-weight:600}
.ci-aviso.divergem{background:#fff6e6;color:#8a5a00;border-top:1px solid #f3d99a}
.ci-aviso.igual{background:var(--ok-bg);color:var(--ok);border-top:1px solid #bfe3cd}
@media (max-width:620px){.ci-cols{grid-template-columns:1fr}.ci-col{border-right:none;border-bottom:1px solid var(--borda)}}

/* Logotipo do escritório (admin) */
.logo-campo .logo-prev{border:1px dashed var(--borda);border-radius:8px;padding:10px;text-align:center;background:var(--cinza-claro);margin:6px 0}
.logo-prev img{max-height:70px;max-width:220px;object-fit:contain}
.logo-btns{display:flex;gap:8px}

/* Premium: emblema de país e marca sutil na barra lateral */
.sb-pais{display:flex;align-items:center;gap:9px;width:100%;text-align:left;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);
  color:#eaf1f8;border-radius:9px;padding:8px 10px;cursor:pointer;margin:4px 0 8px;transition:.15s;font-family:inherit}
.sb-pais:hover{background:rgba(255,255,255,.12)}
.sb-pais-flag{font-size:20px;line-height:1}
.sb-pais-txt{display:flex;flex-direction:column;line-height:1.2}
.sb-pais-txt b{color:#fff;font-size:12.5px}
.sb-pais-un{font-size:9.5px;color:#9bb8d6;letter-spacing:.3px}
.sb-empresa{display:block;width:100%;margin-top:10px;background:transparent;border:none;cursor:pointer;text-align:center;line-height:1.35;font-family:inherit;padding:2px;border-radius:6px;transition:.15s}
.sb-empresa:hover{background:rgba(255,255,255,.06)}
.sb-emp-rot{display:block;font-size:8.5px;letter-spacing:.6px;text-transform:uppercase;color:#6f8bab}
.sb-emp-nome{display:block;font-size:10px;color:#9bb8d6;font-weight:600}

/* Crédito discreto no canto da área de trabalho */
.credito-canto{position:fixed;right:14px;bottom:12px;z-index:50;background:rgba(255,255,255,.82);backdrop-filter:blur(3px);
  border:1px solid var(--borda);border-radius:20px;padding:5px 12px;font-size:10.5px;color:var(--muted);
  cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.08);transition:.18s;font-family:inherit;opacity:.75}
.credito-canto:hover{opacity:1;color:var(--azul);border-color:var(--azul2)}
.credito-canto b{color:var(--cinza);font-weight:700}
.credito-canto:hover b{color:var(--azul)}

/* Página Sobre / About */
.sobre-hero{display:flex;align-items:center;gap:18px;background:linear-gradient(135deg,var(--azul),var(--azul2));color:#fff;border-radius:14px;padding:22px 24px;margin-bottom:16px;box-shadow:var(--sombra)}
.sh-emblema .rep-emblema{width:60px;height:60px;font-size:22px;background:rgba(255,255,255,.16);box-shadow:none}
.sh-emblema .rep-logo{max-height:64px;max-width:200px;background:#fff;border-radius:8px;padding:4px}
.sh-produto{font-size:22px;font-weight:800;letter-spacing:.5px}
.sh-tagline{font-size:12.5px;color:#dbe7f5;margin-top:2px;max-width:640px}
.sh-dev{margin-top:10px;font-size:13px;color:#eaf1f8}.sh-dev b{color:#fff}
.sh-versao{font-size:11px;color:#bcd0e8;margin-top:3px}
.sobre-card{background:#fff;border:1px solid var(--borda);border-radius:12px;padding:16px 18px;margin-bottom:14px;box-shadow:var(--sombra)}
.sobre-card h3{margin:0 0 10px;color:var(--azul);font-size:15px}
.sobre-tab{width:100%;border-collapse:collapse;font-size:13px}
.sobre-tab td{padding:6px 4px;border-bottom:1px solid var(--borda)}
.sobre-tab .sf-rot{color:var(--cinza);width:44%}
.sobre-tab .sf-val{font-weight:600;color:var(--texto)}
.sobre-recursos{display:grid;grid-template-columns:1fr 1fr;gap:12px 18px}
.sr-item{display:flex;gap:11px;align-items:flex-start}
.sr-ico{font-size:20px;line-height:1.1;flex:0 0 24px;text-align:center}
.sr-item b{color:var(--azul);font-size:13.5px}
.sr-desc{font-size:12px;color:var(--cinza);margin-top:2px}
.sobre-normas{display:flex;flex-wrap:wrap;gap:6px}
.sn-chip{background:var(--azul-claro);color:var(--azul);border-radius:6px;padding:3px 9px;font-size:11px;font-weight:600}
.sobre-nota{font-size:12px;color:var(--cinza);font-style:italic;background:#f9fafb;border-left:3px solid var(--azul2);border-radius:0 8px 8px 0;padding:11px 14px;margin-bottom:14px}
.sobre-copy{text-align:center;font-size:11px;color:var(--muted);border-top:1px solid var(--borda);padding-top:14px;line-height:1.7}
.sobre-copy .sc-dev{display:block;font-size:10px;color:#9aa3af;letter-spacing:.3px}
@media (max-width:620px){.sobre-recursos{grid-template-columns:1fr}.sobre-hero{flex-direction:column;text-align:center}}

/* Premium: leve refino nos botões primários */
.btn.primary{background:linear-gradient(180deg,var(--azul2),var(--azul))}
.btn.primary:hover{background:linear-gradient(180deg,#3568a0,var(--azul2))}
.btn-prontuario{box-shadow:0 4px 14px rgba(31,58,95,.28)}

/* ============================================================================
 *  MODO DEMONSTRAÇÃO (amostra pública — sem salvar/exportar/imprimir)
 * ========================================================================== */
body.demo-mode{user-select:none;-webkit-user-select:none}
.demo-watermark{position:fixed;inset:0;pointer-events:none;z-index:9998;background-repeat:repeat}
.demo-faixa{position:fixed;left:0;right:0;bottom:0;z-index:9999;background:#111;border-top:2px solid #c0140f;color:#fff;
  display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;
  font-size:12px;font-weight:700;letter-spacing:.3px;padding:7px 12px;box-shadow:0 -2px 10px rgba(0,0,0,.4)}
.demo-lic-btn{background:#c0140f;color:#fff;border:none;border-radius:6px;padding:6px 14px;font-weight:800;font-size:12px;cursor:pointer;letter-spacing:.3px}
.demo-lic-btn:hover{background:#e01b13}
body.demo-mode .conteudo{padding-bottom:52px}
body.demo-mode .credito-canto{display:none}
.demo-lock{display:flex;gap:14px;align-items:center;background:linear-gradient(135deg,#eef4fb,#e3edf8);
  border:1px dashed var(--azul2);border-radius:12px;padding:18px 20px;margin-top:14px}
.demo-lock-ico{font-size:30px;line-height:1;flex:0 0 auto}
.demo-lock b{color:var(--azul);font-size:15px}
/* prévia borrada (figuras) — mostra que há saída profissional sem entregar as cotas */
.demo-blur{filter:blur(5px);pointer-events:none;user-select:none}
.demo-preview-wrap{position:relative;overflow:hidden;border-radius:10px}
.demo-preview-tag{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(31,58,95,.94);color:#fff;
  padding:9px 18px;border-radius:22px;font-weight:700;font-size:13px;box-shadow:0 6px 18px rgba(0,0,0,.3);pointer-events:none;white-space:nowrap}
/* TARJAS DE CENSURA — cobrem os dados essenciais (tabelas, plaqueta, comparativo) */
.tarjado{position:relative;overflow:hidden;border-radius:6px;min-height:44px}
.tarjado > *{filter:blur(3px)}
.tarjado::after{content:"⛔ VERSÃO DEMONSTRATIVA — SEM VALIDADE LEGAL — NECESSÁRIO ADQUIRIR LICENÇA";
  position:absolute;inset:0;z-index:6;display:flex;align-items:center;justify-content:center;text-align:center;
  padding:8px 12px;background:rgba(17,17,17,.97);border:2px solid #c0140f;border-radius:6px;
  color:#fff;font-weight:800;font-size:12px;letter-spacing:.4px;line-height:1.35;text-shadow:0 1px 2px #000}
/* Planos / aquisição de licença */
.demo-planos .dp-intro{font-size:13.5px;color:var(--cinza);margin:0 0 14px}
.dp-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.dp-card{border:1px solid var(--borda);border-radius:12px;padding:18px;text-align:center;position:relative;background:#fff}
.dp-card.dp-dest{border-color:var(--azul);box-shadow:0 6px 18px rgba(31,58,95,.15)}
.dp-tag{position:absolute;top:-11px;left:50%;transform:translateX(-50%);background:var(--azul);color:#fff;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;border-radius:20px;padding:3px 12px}
.dp-nome{font-weight:700;color:var(--azul);font-size:15px}
.dp-preco{font-family:Georgia,serif;font-size:22px;color:var(--texto);margin:6px 0 2px}
.dp-nota{font-size:12px;color:var(--muted)}
.dp-pub{margin-top:16px;display:flex;flex-direction:column;gap:6px}
.dp-pub-item{font-size:13px;color:var(--cinza)}
@media(max-width:520px){.dp-grid{grid-template-columns:1fr}}
/* Impressão bloqueada na demonstração */
@media print{
  body.demo-mode *{display:none!important}
  body.demo-mode{background:#fff}
  body.demo-mode::before{content:"Impressão desabilitada na versão de demonstração — GD Engenharia · (43) 9 9925-9577";
    display:block!important;padding:40px;font:700 16px Arial,sans-serif;color:#1f3a5f}
}

/* ============================================================================
 *  IMPRESSÃO
 * ========================================================================== */
.print-body{background:#fff;padding:0;margin:0}
.print-body .report,.print-body .prontuario{padding:18mm 16mm}
@media print{
  body{background:#fff}
  .sidebar,.toolbar,.tabs,.reg-form,.pg-titulo .muted,.modal-overlay,.auto-card,.credito-canto{display:none!important}
  .doc-inline{border:none;box-shadow:none;padding:0}
  .pr-sec{break-inside:avoid}
  .pr-capa{break-after:page}
  .report h2,.pr-h{break-after:avoid}
  table.tab,.fig{break-inside:avoid}
  .report{font-size:11px}
  @page{margin:16mm}
}
@media (max-width:760px){
  .shell{flex-direction:column}
  .sidebar{width:100%;height:auto;position:static;flex-direction:column}
  .sb-marca{padding:12px 16px}
  .sb-nav{display:flex;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;padding:4px 8px;gap:2px;-webkit-overflow-scrolling:touch}
  .sb-link{flex:0 0 auto;white-space:nowrap;border-left:0;border-bottom:3px solid transparent;padding:10px 14px}
  .sb-link.ativo{border-left-color:transparent;border-bottom-color:#fff}
  .sb-rodape{display:flex;flex-direction:row;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 16px}
  .sb-lic{margin:0}
  .conteudo{padding:16px}
}

/* ===== Cobertura de área (quantas linhas de vida) ===== */
.cob-frase{background:var(--azul-claro);border-left:4px solid var(--azul);border-radius:8px;
  padding:12px 14px;margin:6px 0 12px;font-size:14px;color:var(--azul);font-weight:600}
.cob-eco{border-radius:10px;padding:12px 14px;margin:0 0 14px;border:1px solid var(--borda);box-shadow:var(--sombra)}
.cob-eco.otima{background:var(--ok-bg);border-left:4px solid var(--ok)}
.cob-eco.aviso{background:#fff7e6;border-left:4px solid #b9791b}
.cob-eco b{display:block;margin-bottom:4px;color:var(--texto)}
.cob-eco-txt{font-size:12.5px;color:#444;margin-top:3px}
.cob-prov{background:var(--cinza-claro);border:1px solid var(--borda);border-radius:12px;padding:16px 18px;margin:16px 0;box-shadow:var(--sombra)}
.cob-prov h3{margin:0 0 4px;color:var(--azul);font-size:16px}
.cob-req{margin:10px 0 0;padding-left:18px;font-size:13px;color:#333}
.cob-req li{margin:5px 0}
.cob-mem td.small{font-size:11.5px}
.cob-h3{margin:18px 0 6px;color:var(--azul);font-size:15px}
.cob-ref{margin-top:10px}
/* Tipologias de linha provisória + comparação */
.cob-tip-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-bottom:12px}
.cob-tip{background:#fff;border:1px solid var(--borda);border-radius:10px;padding:12px 14px;box-shadow:var(--sombra)}
.cob-tip-nome{font-weight:700;color:var(--azul);font-size:13.5px;margin-bottom:4px}
.cob-tip-desc{font-size:12px;color:#444;margin-bottom:8px}
.cob-tip-list{list-style:none;margin:0;padding:0;font-size:12px;color:#333;display:flex;flex-direction:column;gap:4px}
.cob-tip-list li{border-top:1px solid var(--borda);padding-top:4px}
.cob-tip-list li:first-child{border-top:0;padding-top:0}
.cob-compara{background:var(--azul-claro);border-radius:10px;padding:14px 16px;margin:8px 0 12px}
.cob-cmp-item{font-size:13px;color:#333;margin:6px 0;line-height:1.5}
.cob-cmp-item b{color:var(--azul)}
.cob-cmp-resumo{font-size:13px;color:#1f3a5f;background:#fff;border-left:3px solid #1f3a5f;padding:8px 12px;border-radius:6px;margin:2px 0 10px;font-weight:600}

/* ===== Tipo de linha (permanente × provisória) ===== */
.tipo-sec{border:1.5px solid var(--azul2);background:var(--azul-claro)}
.tipo-sec h3{color:var(--azul)}
.tipo-nota{margin-top:8px}
.tipo-banner{display:flex;flex-wrap:wrap;align-items:center;gap:10px;border-radius:10px;padding:11px 14px;margin:10px 0 14px;box-shadow:var(--sombra)}
.tipo-banner.permanente{background:#eef4fb;border-left:4px solid var(--azul2)}
.tipo-banner.provisoria{background:#fff7e6;border-left:4px solid #b9791b}
.tipo-banner .tb-tag{font-weight:800;color:var(--azul);white-space:nowrap;font-size:13.5px}
.tipo-banner.provisoria .tb-tag{color:#8a5a12}
.tipo-banner .tb-nota{font-size:12.5px;color:#444;flex:1;min-width:220px}

/* Aviso "Cadastro não disponível" + extras na tela de login */
.login-nota { margin-top:12px; font-size:12.5px; color:var(--cinza,#5b6470); background:var(--azul-claro,#eaf1f8);
  border:1px solid var(--borda,#dfe4ea); border-radius:8px; padding:9px 11px; line-height:1.5; }
.login-extra { display:flex; flex-direction:column; gap:8px; margin-top:12px; align-items:center; }
.btn-lic-link { background:none; border:0; color:var(--azul,#1f3a5f); font-size:12.5px; text-decoration:underline; cursor:pointer; padding:2px; font-family:inherit; }
.btn-lic-link:hover { color:var(--azul2,#2a5a8f); }

/* ============================================================================
   REFINO PREMIUM — mesma linguagem da Gestão Predial (tipografia Archivo/
   IBM Plex Mono, ícones SVG monoline, acento dourado GD, acabamento).
   Mantém a identidade azul da Linha de Vida.
   ============================================================================ */
:root{
  --gold:#c9a227; --gold-soft:#e7d9a5;
  --font-disp:"Archivo",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  --font-mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
}
h1,h2,h3,.pg-titulo h1,.sh-titulo{font-family:var(--font-disp);letter-spacing:-.01em}
.sb-link,.sb-marca b{font-family:var(--font-disp)}
.kpi-l,.kpi .r,.ci-head,.sb-lic,.sb-emp-rot{font-family:var(--font-mono)}

/* Ícone base SVG */
.gdi{display:inline-block;width:20px;height:20px;stroke-width:1.7;vertical-align:middle}

/* Barra lateral premium: gradiente azul mais profundo + ícones SVG */
.sidebar{background:linear-gradient(185deg,#25517d 0%,#1b3a5c 52%,#132b45 100%);box-shadow:inset -1px 0 0 rgba(255,255,255,.05)}
.sb-marca{background:rgba(255,255,255,.04)}
.sb-marca b{letter-spacing:.02em}
.sb-link{border-radius:0 11px 11px 0;margin-right:10px;color:#bcd0e6}
.sb-link .ico{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;opacity:1;color:#8ba7c6}
.sb-link .ico .gdi{width:20px;height:20px}
.sb-link:hover{color:#fff}
.sb-link:hover .ico{color:#fff}
.sb-link.ativo{background:linear-gradient(90deg,rgba(201,162,39,.20),rgba(201,162,39,.04));border-left-color:var(--gold);color:#fff;box-shadow:inset 3px 0 0 var(--gold),0 6px 18px rgba(0,0,0,.2)}
.sb-link.ativo .ico{color:var(--gold)}

/* Cartões com filete dourado superior + sombra mais rica */
.card,.ci-card,.conf-card,.qr-box{position:relative}
.card{border-radius:14px;box-shadow:0 1px 2px rgba(19,43,69,.06),0 12px 34px rgba(19,43,69,.09)}
.card::before{content:"";position:absolute;top:0;left:20px;right:20px;height:1px;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(201,162,39,.5),transparent)}
.report::before,.report-preview::before{display:none}

/* Títulos de página em Archivo, com hierarquia mais forte */
.pg-titulo h1{font-size:25px;color:var(--azul)}

/* Cabeçalhos internos com acento */
.ci-head,.sobre-hero{border-radius:12px 12px 0 0}
.ci-head .gdi,.auto-card-t .gdi,.sh-feat .gdi{color:var(--gold);width:18px;height:18px;vertical-align:-.16em;margin-right:.35em}

/* Botões: ícone SVG inline discreto */
.btn .gdi{width:1.05em;height:1.05em;vertical-align:-.16em;margin-right:.35em}
