/* Alegai — tema claro e limpo: muito espaço, bordas finas, sombras suaves, cantos arredondados.
   Carregado DEPOIS de style.css: só redefine tokens e acabamento. */
:root{
  --ink:#0f1f2e;--tinta:#fbfaf7;--tinta2:#f1efe9;--tinta3:#e7e4dc;
  --papel:#f7f6f2;--ac:#0891a8;--ac2:#22c5e8;--actint:#e3f4f8;--acborda:#b8e3ee;--folha:#fff;--texto:#0f1f2e;--suave:#5d6a75;--linha:#e1ddd6;
  --azul:#0f1f2e;--azul2:#1c3347;--azulbg:#e3f4f8;
  --marca:#ffe27a;--marcabg:#fff8de;
  --ok:#2f7d5b;--okbg:#e7f5ee;--ambar:#9a6a12;--alerta:#c0432f;--alertabg:#fdeeea;
  --serif:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;
  --sans:"Plus Jakarta Sans","Inter","Helvetica Neue",Helvetica,"Segoe UI",system-ui,-apple-system,sans-serif;
  --raio:14px;--sombra:0 1px 2px rgba(20,20,25,.04),0 10px 30px -14px rgba(20,20,25,.16);
}
h1,h2,h3,.rot,.auth-card h2,.marca-logo span{font-family:var(--sans);font-weight:700;letter-spacing:-.025em}
h2{font-size:1.9rem}
.rot{font-size:1.05rem}
a{color:var(--ink);text-underline-offset:3px;text-decoration-thickness:1px}
:focus-visible{outline:2px solid #8a8af0;outline-offset:2px;border-radius:8px}

/* campos */
input,select,textarea{border:1px solid var(--linha);border-radius:10px;background:#fff;padding:.7rem .85rem;min-height:44px}
input:focus,select:focus,textarea:focus{border-color:#b9b9c4;box-shadow:0 0 0 4px rgba(138,138,240,.18)}
label{color:var(--suave);font-weight:500}

/* botões */
.btn{background:var(--ink);color:#fff;border:1px solid var(--ink);border-radius:10px;box-shadow:none;font-weight:600;min-height:44px;transition:background .15s,transform .08s}
.btn:hover{background:var(--azul2);border-color:var(--azul2);transform:none;box-shadow:none}
.btn:active{transform:translateY(1px)}
.btn.sec{background:#fff;color:var(--ink);border-color:var(--linha)}
.btn.sec:hover{background:var(--tinta2);border-color:#d6d2c7}
.btn.perigo{background:#fff;color:var(--alerta);border-color:#efc4bb;box-shadow:none}
.btn.perigo:hover{background:var(--alertabg);border-color:#e7a99d;box-shadow:none}
.btn:disabled{opacity:.45}
.link,.link-btn{color:var(--ink);font-weight:500;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.link:hover{background:none;color:#000}

/* entrada */
.auth{grid-template-columns:1.05fr 1fr}
.auth-marca{background:linear-gradient(160deg,#fff8de,#f3f1ff);color:var(--ink);border-right:1px solid var(--linha)}
.auth-marca h1{font-size:clamp(2.2rem,4vw,3.4rem);line-height:1.05;letter-spacing:-.035em;color:var(--ink);max-width:14ch}
.auth-marca p{color:var(--suave)}
.auth-form{background:var(--papel)}
.auth-card{background:#fff;border:1px solid var(--linha);border-radius:18px;box-shadow:var(--sombra);padding:1.8rem;max-width:440px}
.tabs{border:1px solid var(--linha);border-radius:12px;background:var(--tinta2);padding:3px;gap:3px;display:flex}
.tabs button{border:0;border-radius:9px;background:transparent;color:var(--suave);font-weight:600;min-height:40px;flex:1}
.tabs button+button{border-left:0}
.tabs button.on{background:#fff;color:var(--ink);box-shadow:0 1px 3px rgba(20,20,25,.12)}
.auth-form.larga{grid-column:1/-1}
@media(max-width:860px){.auth{grid-template-columns:1fr}.auth-marca{padding:5rem 1.4rem 2rem;border-right:0;border-bottom:1px solid var(--linha)}.auth-marca .marca-logo{left:1.4rem}}

/* marca */
.marca-logo{color:var(--ink)}
.marca-logo span{font-size:1.45rem}

/* barra lateral clara */
.side{background:#fff;color:var(--suave);border-right:1px solid var(--linha)}
.side nav button{border-radius:10px;color:var(--suave);min-height:44px;font-weight:500}
.side nav button:hover{background:var(--tinta2);color:var(--ink)}
.side nav button.on{background:var(--marcabg);color:var(--ink);font-weight:650}
.side nav button.on::before{display:none}
.side nav button.on svg{color:#8a6a00}
.side-foot{border-top:1px solid var(--linha);color:var(--suave)}
.barra{background:var(--tinta3);height:6px;border-radius:99px}
.barra i{background:#e8b923;border-radius:99px}
.sair:hover{color:var(--ink)}
.main{background:var(--papel)}

/* cartões e listas */
.card,.item,.ferr,.zona,.pend,.cit,.cm,.num,.dados,.exemplo{border:1px solid var(--linha);background:#fff;border-radius:var(--raio);box-shadow:none}
.card.grande{box-shadow:var(--sombra)}
.item,.ferr,.exemplo{transition:transform .12s,box-shadow .12s,border-color .12s}
.item:hover,.ferr:hover,.exemplo:hover{border-color:#d6d2c7;transform:translateY(-1px);box-shadow:var(--sombra)}
.ferr-ic{background:var(--marcabg);color:#8a6a00;border:0;border-radius:12px}
.cta-grande{background:var(--ink);border:0;border-radius:18px;box-shadow:var(--sombra)}
.cta-grande:hover{transform:translateY(-1px);box-shadow:0 14px 34px -16px rgba(20,20,25,.45)}
.cta-ic{background:var(--marca);color:var(--ink);border-radius:12px}
.zona{border:1.5px dashed #cfcabd}
.zona.over,.zona:hover{background:var(--marcabg);border-color:#d9b84a}
.zona .ic{width:22px;height:22px;min-width:22px;min-height:22px;fill:none;stroke:currentColor;stroke-width:1.7}

/* selos e avisos */
.chip{border:1px solid var(--linha);border-radius:99px;padding:.1rem .7rem;font-weight:500;background:#fff}
.chip.comp{background:var(--marcabg);border-color:#ecd98c}
.chip.conf{border-color:#e4c98f;color:var(--ambar);background:#fffaf0}
.chip.bad{border-color:#efc4bb}.chip.ok{border-color:#bfe3d1}
.doc-banner{background:var(--marcabg);border:1px solid #efdc95;color:#5a4710;border-radius:12px}
.aviso{border:1px solid #efdc95;border-radius:12px}

/* documento: o texto jurídico mantém serifa */
.folha{border:1px solid var(--linha);border-radius:10px;box-shadow:var(--sombra)}
.folha,.folha .editor,.legal{font-family:var(--serif)}
.folha .editor{border:1px solid var(--linha);border-radius:8px}
.folha h1,.folha h2,.folha h3,.legal h1,.legal h2{font-family:var(--serif)}
.mk{outline:0}

/* tabelas do painel */
.tabela th,.tabela td,#ad-links td,#ad-pend th,#ad-pend td{border-bottom:1px solid var(--linha)}
.tabela th,#ad-pend th{background:var(--tinta2);color:var(--suave);font-weight:600}
.funil-linha .trilho{background:var(--tinta2);border:0;height:10px;border-radius:99px;overflow:hidden}
.funil-linha .trilho i{display:block;height:100%;background:#e8b923;border-radius:99px}

.legal{max-width:760px}
.legal h1{font-size:2.2rem}
.side-foot a,.side-foot button{min-height:32px}
footer a,.rodape a{display:inline-block;padding:.35rem 0}
@media(max-width:700px){.side nav button,.btn,.tabs button{min-height:48px}.main{padding:1.2rem 1rem 4rem}.folha{padding:1.6rem 1.2rem}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* ajustes finos do tema claro */
.side-foot,.side-foot *{color:var(--suave)}
.side-foot .modo,.modo{color:var(--ambar)!important}
.cta-grande{background:var(--marcabg);color:var(--ink);border:1px solid #ecd98c;box-shadow:none}
.cta-grande:hover{box-shadow:var(--sombra)}
.cta-txt strong{font-family:var(--sans);font-weight:700;letter-spacing:-.02em;color:var(--ink)}
.cta-txt small{color:#6b5a1c}
.cta-seta{color:var(--ink)}
.cta-ic{background:#fff;color:var(--ink);border:1px solid #ecd98c}
.doc-cab .titulo-in{font-family:var(--sans)}


/* ===== v2: inspirado no jusia.com.br — creme, azul-petróleo, turquesa e serifa nos títulos ===== */
h1,h2,.view>h2,.auth-card h2,.legal h1{font-family:var(--serif);font-weight:400;letter-spacing:-.02em}
.view>h2{font-size:2.3rem}
h2 em,h1 em,.dest{font-style:italic;color:var(--ac)}
.marca-logo span{font-family:var(--sans);font-weight:700}

.btn{border-radius:8px;background:var(--ink);border-color:var(--ink);color:#f7f6f2}
.btn:hover{background:var(--azul2);border-color:var(--azul2)}
.btn.sec{background:transparent;color:var(--ink);border-color:rgba(15,31,46,.25)}
.btn.sec:hover{background:#fff;border-color:rgba(15,31,46,.45)}
.side{background:#fbfaf7}
.side nav button.on{background:var(--actint);color:#06566a;font-weight:650}
.side nav button.on svg{color:var(--ac)}
.barra i,.funil-linha .trilho i{background:var(--ac)}
.cta-grande{background:var(--ink);border:0;color:#f7f6f2;box-shadow:var(--sombra)}
.cta-grande:hover{box-shadow:0 18px 40px -18px rgba(15,31,46,.55)}
.cta-txt strong{color:#f7f6f2;font-family:var(--serif);font-weight:400;font-size:1.6rem}
.cta-txt small{color:#b9c9d6}
.cta-seta{color:var(--ac2)}
.cta-ic{background:rgba(255,255,255,.1);border:0;color:var(--ac2)}
.ferr-ic{background:var(--actint);color:var(--ac)}
.zona.over,.zona:hover{background:var(--actint);border-color:var(--ac)}
.zona .ic{color:var(--ac)}
.doc-banner,.aviso{background:var(--actint);border-color:var(--acborda);color:#0b4a5b}
.chip.comp{background:#fff3bf;border-color:#ecd98c}
.side-foot .modo,.modo{color:var(--ac)!important}
.tabs button.on{color:var(--ink)}
:focus-visible{outline-color:var(--ac)}
input:focus,select:focus,textarea:focus{border-color:var(--ac);box-shadow:0 0 0 4px rgba(34,197,232,.2)}
.auth-marca{background:linear-gradient(160deg,#e3f4f8,#f7f6f2)}
.auth-marca h1{font-size:clamp(2.2rem,4vw,3.4rem);line-height:1.05}
.tabela th,#ad-pend th{background:var(--actint);color:#06566a}

/* marca Alegai: símbolo + "alegai" em serifa, com "ai" em turquesa */
.marca-logo svg{display:block;width:32px;height:32px;fill:none;stroke:none}
.marca-logo svg use{fill:initial}
.marca-logo span{font-family:var(--serif);font-weight:400;font-size:1.75rem;letter-spacing:-.02em;color:var(--ink);line-height:1}
.marca-logo span i,.wm i{font-style:normal;color:var(--ac)}