/* Alegai — identidade: tinta (azul-noite), caneta (azul) e marca-texto (amarelo).
   O amarelo só aparece onde há algo para o advogado fazer: marcadores, pendências, destaque do menu. */
:root{
  --tinta:#0e1a2e; --tinta2:#16253f; --tinta3:#22345a;
  --papel:#eceff4; --folha:#fff; --texto:#121a29; --suave:#5a6678; --linha:#dbe0e9;
  --azul:#2b4cc0; --azul2:#203b9c; --azulbg:#e7ecfb;
  --marca:#ffd84d; --marcabg:#fff3bf;
  --ok:#16774d; --okbg:#e3f3ea; --ambar:#a05f09; --alerta:#b3361f; --alertabg:#fbebe7;
  --serif:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;
  --sans:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",sans-serif;
  --raio:12px;
}
*{box-sizing:border-box}
html,body{margin:0;background:var(--papel);color:var(--texto);font-family:var(--sans);font-size:15.5px;line-height:1.55;-webkit-font-smoothing:antialiased}
.hidden{display:none!important}
.sprite{position:absolute;width:0;height:0;overflow:hidden}
svg use{pointer-events:none}
svg[width]{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
svg[width] use{fill:none}
h1,h2,h3{font-family:var(--serif);font-weight:650;margin:.2em 0 .4em;letter-spacing:-.01em;line-height:1.2}
h2{font-size:2rem}
h3{font-size:1.1rem}
a{color:var(--azul)}
:focus-visible{outline:3px solid var(--azul);outline-offset:2px;border-radius:6px}
.hint{color:var(--suave);font-size:.93rem;margin:.2rem 0 .8rem}
.erro{color:var(--alerta);min-height:1.2em;margin:.4rem 0}

/* campos */
input,select,textarea{width:100%;font:inherit;color:inherit;background:#fff;border:1px solid var(--linha);border-radius:10px;padding:.65rem .8rem;transition:border-color .15s,box-shadow .15s}
textarea{resize:vertical}
input:focus,select:focus,textarea:focus{outline:0;border-color:var(--azul);box-shadow:0 0 0 3px rgba(43,76,192,.16)}
label{display:block;font-size:.88rem;color:var(--suave);margin:.55rem 0}
label>input,label>select,label>textarea{margin-top:.28rem;color:var(--texto)}
.rot{font-family:var(--serif);font-size:1.15rem;color:var(--texto);margin:0 0 .5rem;font-weight:650}

/* botões */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:var(--azul);color:#fff;border:1px solid var(--azul);border-radius:10px;padding:.6rem 1.05rem;font:inherit;font-weight:600;cursor:pointer;transition:background .15s,transform .05s}
.btn:hover{background:var(--azul2);border-color:var(--azul2)}
.btn:active{transform:translateY(1px)}
.btn.sec{background:#fff;color:var(--azul);border-color:#c5cff0}
.btn.sec:hover{background:var(--azulbg);border-color:var(--azul)}
.btn.grande{padding:.8rem 1.5rem;font-size:1.02rem}
.btn.perigo{color:var(--alerta);border-color:#e6b9b0}
.btn.perigo:hover{background:var(--alertabg);border-color:var(--alerta)}
.btn:disabled{opacity:.5;cursor:default}
.bloco{display:block}
.btn.bloco{display:flex;width:100%;margin:.4rem 0}
.link{background:none;border:0;color:var(--azul);cursor:pointer;font:inherit;padding:0}
.link:hover{text-decoration:underline}
.linha{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap;margin:.6rem 0}
.acoes{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap;margin:1rem 0 .2rem}
.between{justify-content:space-between}
.grade{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}

/* acesso */
.auth{min-height:100vh;display:grid;grid-template-columns:1.05fr 1fr}
.auth-marca{background:var(--tinta);color:#e8edf8;padding:3.5rem 4rem;display:flex;flex-direction:column;justify-content:center;gap:1.4rem;position:relative}
.auth-marca h1{font-size:2.7rem;line-height:1.1;color:#fff;max-width:17ch;margin:.6rem 0 0}
.auth-marca p{max-width:46ch;color:#b9c4dc;font-size:1.05rem;margin:0}
.auth-marca .marca-logo{position:absolute;top:2.2rem;left:4rem}
.auth-form{display:flex;align-items:center;justify-content:center;padding:2rem}
.auth-card{width:100%;max-width:400px;display:flex;flex-direction:column;gap:.7rem}
.auth-card h2{font-size:1.9rem;margin:0}
.auth-card .sub{color:var(--suave);margin:0 0 .6rem}
.tabs{display:flex;gap:.4rem}
.tabs button{flex:1;padding:.55rem;border:1px solid var(--linha);background:#fff;border-radius:10px;cursor:pointer;font:inherit;color:var(--suave)}
.tabs button.on{background:var(--tinta);color:#fff;border-color:var(--tinta)}
.ver-senha{display:flex;gap:.4rem;align-items:center;margin:.2rem 0 .6rem}
.ver-senha input{width:auto}
.aceite{display:flex;gap:.5rem;align-items:flex-start;font-size:.82rem}
.aceite input{width:auto;margin-top:.2rem}
@media(max-width:860px){.auth{grid-template-columns:1fr}.auth-marca{padding:5rem 1.6rem 2rem}.auth-marca h1{font-size:1.9rem}.auth-marca .marca-logo{left:1.6rem;top:1.4rem}}

/* marca */
.marca-logo{display:flex;align-items:center;gap:.65rem;color:#fff}
.marca-logo span{font-family:var(--serif);font-size:1.55rem;font-weight:700;letter-spacing:.01em}
.marca-logo svg{fill:none;stroke:none}
.marca-logo svg use{fill:initial}

/* estrutura do app */
.app{display:grid;grid-template-columns:262px minmax(0,1fr);min-height:100vh}
.side{background:var(--tinta);color:#c7d0e4;padding:1.4rem 1rem 1rem;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}
.side .marca-logo{padding:.2rem .6rem 1.4rem}
.side nav{display:flex;flex-direction:column;gap:.18rem;flex:1;overflow:auto}
.side nav button{display:flex;align-items:center;gap:.8rem;text-align:left;background:none;border:0;padding:.7rem .8rem;border-radius:10px;font:inherit;font-weight:500;color:#c7d0e4;cursor:pointer;position:relative;transition:background .15s,color .15s}
.side nav button:hover{background:var(--tinta2);color:#fff}
.side nav button.on{background:var(--tinta2);color:#fff;font-weight:650}
.side nav button.on::before{content:"";position:absolute;left:0;top:.6rem;bottom:.6rem;width:4px;border-radius:0 4px 4px 0;background:var(--marca)}
.side nav button.on svg{color:var(--marca)}
.side-foot{border-top:1px solid var(--tinta3);padding-top:1rem;margin-top:.8rem;display:flex;flex-direction:column;gap:.55rem;font-size:.82rem;color:#93a0bd}
.uso-linha{display:flex;justify-content:space-between;color:#c7d0e4}
.barra{height:6px;border-radius:999px;background:var(--tinta3);overflow:hidden;margin-top:.35rem}
.barra i{display:block;height:100%;width:0;background:var(--marca);border-radius:999px;transition:width .5s}
.modo{color:var(--marca)}
.sair{display:flex;align-items:center;gap:.6rem;background:none;border:0;color:#93a0bd;font:inherit;cursor:pointer;padding:.4rem .2rem}
.sair:hover{color:#fff}
.main{padding:1.6rem 2.4rem 4rem;max-width:1280px;width:100%;min-width:0}
.aviso{background:var(--marcabg);border:1px solid #efd776;color:#5c4a12;border-radius:10px;padding:.5rem .9rem;font-size:.86rem;margin-bottom:1.2rem}
.view>h2{margin-top:.2rem}
.contador{text-align:right;font-size:.8rem;color:var(--suave);margin-top:.2rem}

/* cartões e conteúdo */
.card{background:var(--folha);border:1px solid var(--linha);border-radius:var(--raio);padding:1rem 1.15rem;box-shadow:0 1px 2px rgba(14,26,46,.04)}
.card h3{margin:0 0 .5rem}
.card.grande{padding:1.4rem 1.5rem}
.duas{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:1.2rem;align-items:start}
.faltam{background:var(--azulbg);border:1px solid #cdd8f5;border-radius:10px;padding:.7rem 1rem;margin:0 0 .9rem;font-size:.92rem}
.faltam ul,.dica ul{margin:.3rem 0 0 1.1rem;padding:0}
.dica li{margin:.2rem 0}
.saida{white-space:pre-wrap;word-wrap:break-word;font-family:var(--serif);font-size:1.02rem;line-height:1.7;background:#fff;border:1px solid var(--linha);border-radius:var(--raio);padding:1.4rem 1.6rem;margin:.6rem 0}
.editor{min-height:60vh;font-family:var(--serif);font-size:1.04rem;line-height:1.75;padding:1.2rem 1.4rem}
.titulo-in{font-family:var(--serif);font-size:1.3rem;font-weight:650;margin:.6rem 0}
.lista{display:flex;flex-direction:column;gap:.5rem;margin-top:.8rem}
.item{background:#fff;border:1px solid var(--linha);border-radius:var(--raio);padding:.8rem 1rem;display:flex;justify-content:space-between;gap:1rem;align-items:center;cursor:pointer;transition:border-color .15s,box-shadow .15s}
.item:hover{border-color:var(--azul);box-shadow:0 4px 16px -10px rgba(43,76,192,.5)}
.item small{color:var(--suave)}
.item .del{background:none;border:0;color:var(--alerta);cursor:pointer;font:inherit}
.item svg{color:var(--suave)}
.conf .alerta{background:var(--alertabg);border:1px solid #efc3ba;color:#7a2616;border-radius:8px;padding:.4rem .7rem;margin:.4rem 0;font-weight:600}
.conf li{margin:.25rem 0}

/* início */
.inicio-topo{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:1rem;margin:1.2rem 0 .4rem}
.cta-grande{display:flex;align-items:center;gap:1.1rem;text-align:left;background:var(--tinta);color:#fff;border:0;border-radius:16px;padding:1.5rem 1.6rem;cursor:pointer;font:inherit;position:relative;overflow:hidden;transition:transform .12s,box-shadow .15s}
.cta-grande:hover{transform:translateY(-2px);box-shadow:0 18px 36px -22px rgba(14,26,46,.8)}
.cta-ic{display:grid;place-items:center;width:56px;height:56px;border-radius:14px;background:var(--marca);color:var(--tinta);flex:none}
.cta-txt{display:flex;flex-direction:column;gap:.15rem;flex:1}
.cta-txt strong{font-family:var(--serif);font-size:1.5rem}
.cta-txt small{color:#b9c4dc;font-size:.95rem}
.cta-seta{color:var(--marca)}
.uso-card .uso-num{display:flex;align-items:baseline;gap:.4rem}
.uso-card .uso-num b{font-family:var(--serif);font-size:2.4rem;line-height:1}
.uso-card .uso-num span{color:var(--suave)}
.uso-card .barra{background:var(--linha)}
.uso-card .barra i{background:var(--azul)}
.sec-tit{margin:1.8rem 0 .3rem;font-size:1.15rem}
.ferr-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem;margin-top:.7rem}
.ferr{display:flex;flex-direction:column;align-items:flex-start;gap:.35rem;text-align:left;background:#fff;border:1px solid var(--linha);border-radius:var(--raio);padding:1.1rem;cursor:pointer;font:inherit;color:inherit;transition:border-color .15s,transform .12s,box-shadow .15s}
.ferr:hover{border-color:var(--azul);transform:translateY(-2px);box-shadow:0 14px 28px -20px rgba(43,76,192,.6)}
.ferr-ic{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:var(--azulbg);color:var(--azul);margin-bottom:.3rem}
.ferr small{color:var(--suave);font-size:.86rem;line-height:1.4}
@media(max-width:1100px){.ferr-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.duas{grid-template-columns:1fr}.inicio-topo{grid-template-columns:1fr}}

/* tela da peça */
.doc-cab{margin:.4rem 0 .8rem}
.doc-cab .titulo-in{font-size:1.9rem;border:0;background:transparent;padding:.2rem 0;margin:.2rem 0 0;box-shadow:none}
.doc-cab .titulo-in:focus{background:#fff;padding:.2rem .6rem;box-shadow:0 0 0 3px rgba(43,76,192,.16)}
.doc-acoes{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.6rem}
.doc-banner{display:flex;gap:1rem;justify-content:space-between;align-items:center;flex-wrap:wrap;background:var(--marcabg);border:1px solid #efd776;border-radius:var(--raio);padding:.75rem 1.05rem;font-size:.92rem;color:#4a3b0c;margin-bottom:1.1rem}
.chips{display:flex;gap:.4rem;flex-wrap:wrap}
.chip{border-radius:999px;padding:.15rem .75rem;font-size:.84rem;background:#fff;border:1px solid var(--linha);color:var(--texto)}
.chip.comp{background:var(--marca);border-color:#e2bd22}
.chip.conf{border-color:var(--ambar);color:var(--ambar)}
.chip.bad{background:var(--alertabg);border-color:#e6b9b0;color:var(--alerta)}
.chip.ok{background:var(--okbg);border-color:#b3dcc6;color:var(--ok)}
.doc-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:1.3rem;align-items:start}
.folha{background:#fff;border:1px solid var(--linha);border-radius:6px;box-shadow:0 1px 0 var(--linha),0 22px 44px -30px rgba(14,26,46,.55);padding:3.4rem 3.8rem;min-height:70vh}
.leitura{font-family:var(--serif);font-size:1.06rem;line-height:1.85;white-space:pre-wrap;word-wrap:break-word;max-width:68ch;margin:0 auto}
.folha .editor{border:1px solid var(--linha);min-height:65vh}
.mk{border-radius:3px;padding:0 .15em}
.mk.comp{background:var(--marca);cursor:pointer}
.mk.conf{background:#fff;outline:1px dashed var(--ambar);color:var(--ambar)}
.ct{text-decoration-line:underline;text-decoration-thickness:2px;text-underline-offset:3px}
.ct.ok_base{text-decoration-color:var(--ok);text-decoration-style:solid}
.ct.inexistente{text-decoration-color:var(--alerta);text-decoration-style:wavy;background:var(--alertabg)}
.ct.sem_marcacao{text-decoration-color:var(--ambar);text-decoration-style:wavy}
.ct.marcado{text-decoration-color:var(--suave);text-decoration-style:dotted}
.mesa{display:flex;flex-direction:column;gap:.9rem;position:sticky;top:1rem;max-height:calc(100vh - 2rem);overflow:auto;padding:2px}
.card textarea{margin:.3rem 0 .6rem}
.pend{margin:.4rem 0}
.pend small{display:block;color:var(--suave);font-size:.78rem}
.pend input{padding:.4rem .6rem}
#c-pend-corpo{max-height:300px;overflow:auto;padding-right:.3rem;margin-bottom:.6rem}
.cit{display:flex;flex-direction:column;gap:.1rem;border-left:3px solid var(--linha);padding:.35rem .65rem;margin:.4rem 0;font-size:.88rem;background:#f6f8fc;border-radius:0 8px 8px 0}
.cit span{color:var(--suave);font-size:.82rem}
.cit.ok{border-left-color:var(--ok)}.cit.warn{border-left-color:var(--ambar)}.cit.bad{border-left-color:var(--alerta);background:#fdf2f0}
.notas{white-space:pre-wrap;font-size:.9rem;line-height:1.55}
@media(max-width:1000px){.doc-grid{grid-template-columns:1fr}.mesa{position:static;max-height:none}.folha{padding:1.4rem 1.2rem}}

/* páginas legais */
.legal{max-width:760px;margin:2rem auto;padding:0 1rem 3rem;font-family:var(--serif);line-height:1.7}
.legal h1{font-size:1.8rem}
.legal .nota{background:var(--marcabg);border:1px solid #efd776;padding:.6rem .9rem;border-radius:8px;font-family:var(--sans);font-size:.88rem}

/* celular */
@media(max-width:860px){
  .app{grid-template-columns:1fr}
  .side{position:static;height:auto;flex-direction:row;flex-wrap:wrap;align-items:center;gap:.4rem;padding:.7rem}
  .side .marca-logo{padding:0}
  .side nav{flex-direction:row;overflow-x:auto;flex:1 1 100%;order:3}
  .side nav button{white-space:nowrap;padding:.5rem .7rem}
  .side nav button.on::before{display:none}
  .side-foot{flex-direction:row;border:0;margin:0;padding:0;margin-left:auto;align-items:center}
  .uso-mini,.cota,.modo{display:none}
  .main{padding:1rem 1rem 4rem}
  .grade{grid-template-columns:1fr}
  h2{font-size:1.6rem}
}
@media print{.side,.mesa,.doc-acoes,.doc-banner,.aviso{display:none!important}.folha{border:0;box-shadow:none;padding:0}.app{display:block}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.tabs:has(#tab-reg.hidden){display:none}
.amostra{margin-top:1.2rem;max-width:440px;background:#fff;color:#121a29;border-radius:6px;padding:1.3rem 1.5rem;box-shadow:0 30px 50px -28px rgba(0,0,0,.7);transform:rotate(-1.2deg)}
.amostra p{font-family:var(--serif);font-size:1.02rem;line-height:1.75;margin:0;color:#121a29}
.a-ok{text-decoration:underline;text-decoration-color:var(--ok);text-decoration-thickness:2px;text-underline-offset:3px}
.a-mk{background:var(--marca);border-radius:3px;padding:0 .15em}
.amostra-leg{display:flex;gap:.8rem;margin-top:.9rem;font-family:var(--sans);font-size:.78rem}
.amostra-leg i{font-style:normal;color:var(--suave)}
.amostra-leg i.a-mk{color:#121a29}
@media(max-width:860px){.amostra{display:none}}

.zona{display:flex;align-items:center;gap:.7rem;border:1.5px dashed var(--borda,#c9ced9);border-radius:12px;padding:.9rem 1rem;cursor:pointer;color:var(--tinta-2,#4a5568);font-size:.92rem}
.zona.over,.zona:hover{border-color:var(--azul);background:#f3f6ff}
.zona .ic{width:22px;height:22px;flex:none}
.anexos{list-style:none;margin:.5rem 0 0;padding:0;display:flex;flex-direction:column;gap:.3rem}
.anexos li{display:flex;justify-content:space-between;align-items:center;background:#f3f4f8;border-radius:8px;padding:.35rem .7rem;font-size:.88rem}
.anexos .x{border:0;background:none;font-size:1.2rem;cursor:pointer;color:var(--tinta)}

.primeiro{border-left:4px solid var(--marca);margin-bottom:1rem}
.exemplos{display:grid;gap:.5rem}
.exemplo{text-align:left;border:1px solid var(--borda,#d7dbe6);background:#fff;border-radius:12px;padding:.7rem .9rem;cursor:pointer;display:flex;flex-direction:column;gap:.15rem;font:inherit;color:inherit}
.exemplo:hover{border-color:var(--azul)}
.exemplo small{color:#5b6475}
#g-sugestao{border-left:4px solid var(--marca);background:var(--marcabg,#fff8d6);padding:.8rem 1rem;border-radius:10px;margin:.8rem 0}

.cm{display:flex;flex-direction:column;gap:.5rem;margin:.7rem 0}
.cm p{margin:.2rem 0}
.etq{background:var(--marca);color:var(--ink);border-radius:6px;padding:.1rem .5rem;font-size:.78rem;font-weight:600}
.etq.claro{background:var(--tinta2);color:var(--suave);font-weight:500}
.linha-ent{display:flex;justify-content:space-between;align-items:center;gap:.8rem;flex-wrap:wrap}

.link-btn{background:none;border:0;color:var(--azul);cursor:pointer;margin-top:.6rem;font:inherit;text-decoration:underline}
.dados{display:grid;gap:.4rem;margin:.5rem 0}.dados div{display:flex;justify-content:space-between;gap:1rem}.dados dt{color:#5b6475}.dados dd{margin:0;font-weight:600}

.numeros-admin{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.7rem;margin:.8rem 0}
.num{display:flex;flex-direction:column;gap:.2rem}.num b{font-size:1.5rem;font-family:var(--serif,Georgia,serif)}.num span{color:#5b6475;font-size:.85rem}
.funil-linha{display:grid;grid-template-columns:9.5rem 3rem 1fr;gap:.2rem .7rem;align-items:center;margin:.35rem 0}
.funil-linha small{grid-column:3;color:#5b6475}.trilho{height:10px;background:#eceff6;border-radius:6px;overflow:hidden}.trilho i{display:block;height:100%;background:var(--azul)}
.tabela{overflow-x:auto}.tabela table,#ad-links table,#ad-pend table{border-collapse:collapse;width:100%;font-size:.88rem}
.tabela th,.tabela td,#ad-links td,#ad-pend th,#ad-pend td{padding:.4rem .6rem;border-bottom:1px solid #e3e6ee;text-align:left;white-space:nowrap}
.pc{display:flex;align-items:center;gap:.4rem;font-size:.85rem;color:#5b6475}.pc select{max-width:15rem}

/* recursos do plano Pro vistos por quem está no Essencial */
.side nav button .tag-pro{margin-left:auto;font-size:.68rem;font-weight:700;letter-spacing:.02em;color:var(--accent,#0891a8);border:1px solid currentColor;border-radius:999px;padding:.02rem .42rem}
.side nav button.travado span{opacity:.72}
.pro-aviso{display:flex;gap:1rem;align-items:center;justify-content:space-between;flex-wrap:wrap;background:#e3f4f8;border:1px solid #b9e2ec;border-radius:12px;padding:.9rem 1.1rem;margin:0 0 1rem}
.pro-aviso div{display:flex;flex-direction:column;gap:.2rem;flex:1 1 280px}
.pro-aviso span{font-size:.9rem;color:#3d5566}
.pro-aviso .btn{text-decoration:none;white-space:nowrap}

/* áreas da biblioteca de comandos */
.cm-areas{display:flex;flex-wrap:wrap;gap:.45rem;margin:.2rem 0 1.1rem}
.cm-areas button{font:inherit;font-size:.86rem;border:1px solid var(--linha);background:var(--folha);color:var(--texto);border-radius:999px;padding:.32rem .8rem;cursor:pointer}
.cm-areas button small{color:var(--suave);margin-left:.3rem}
.cm-areas button.on{background:var(--ink);border-color:var(--ink);color:#fff}
.cm-areas button.on small{color:#c9d3db}
.cm-areas button:focus-visible{outline:2px solid var(--ac);outline-offset:2px}