/* Painel | ZAVIR
   Conceito: lombada de livro de couro. Fundo escuro, ouro da marca, Fraunces nos títulos.
   As cores de cada escritório vêm de /marca.css.php (carregado depois deste arquivo); os valores daqui são só o padrão. */

@font-face{font-family:'Fraunces';font-style:normal;font-weight:400 700;font-display:swap;src:url(fonts/fraunces-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Fraunces';font-style:normal;font-weight:400 700;font-display:swap;src:url(fonts/fraunces-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Instrument Sans';font-style:normal;font-weight:400 700;font-display:swap;src:url(fonts/instrumentsans-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Instrument Sans';font-style:normal;font-weight:400 700;font-display:swap;src:url(fonts/instrumentsans-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

:root{
  --noz:#150d07; --couro:#26180e; --couro-2:#382415;
  --ouro:#c4a263; --ouro-esc:#8f7648; --champagne:#ecda9a;
  --papel:#f6f4ef; --branco:#fffefc; --tinta:#21160f; --suave:#7a6a5b;
  --fio:#e7e0d3; --fio-2:#d8ceba; --marfim:#faf6ec;
  --ok:#476836; --erro:#8c2f2f;
  --display:'Fraunces','Georgia',serif;
  --ui:'Instrument Sans',-apple-system,'Segoe UI',Roboto,sans-serif;
  --lateral:268px;
  --lateral-1:#2f1e12; --lateral-2:#1f130b; --lateral-3:#150d07; --monograma:none;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--papel);color:var(--tinta);font:450 16px/1.55 var(--ui);-webkit-font-smoothing:antialiased;font-optical-sizing:none}
a{color:var(--couro-2);text-decoration:none}
a:hover{color:var(--ouro-esc)}
:focus-visible{outline:2px solid var(--ouro);outline-offset:2px;border-radius:4px}
h1,h2,h3{margin:0;font-weight:600}
.ico{width:20px;height:20px;flex:none}
[hidden]{display:none!important}
.inline{display:inline;margin:0}

/* ---------- Barra lateral ---------- */
body.app{display:flex}
.lateral{position:fixed;inset:0 auto 0 0;width:var(--lateral);display:flex;flex-direction:column;padding:26px 16px 18px;z-index:30;overflow:hidden auto;color:#d9cdb6;
  background:radial-gradient(120% 60% at 0% 0%,var(--lateral-1) 0%,transparent 60%),linear-gradient(180deg,var(--lateral-2) 0%,var(--lateral-3) 100%)}
.lateral::after{content:"";position:absolute;right:-70px;bottom:70px;width:300px;height:218px;background:var(--monograma) center/contain no-repeat;opacity:.075;pointer-events:none;filter:saturate(.8)}
.lateral>*{position:relative;z-index:1}
.lateral .marca{display:block;padding:2px 8px 22px;margin-bottom:8px;border-bottom:1px solid transparent;border-image:linear-gradient(90deg,var(--ouro-esc),rgba(196,162,99,.05)) 1}
.lateral .marca img{width:100%;max-width:198px;display:block}
.lateral nav{display:flex;flex-direction:column;gap:3px;margin-top:18px;flex:1}
.lateral nav a,.grupo summary{position:relative;display:flex;align-items:center;gap:13px;padding:12px 14px;border-radius:9px;color:#d9cdb6;text-decoration:none;font-size:15px;font-weight:450;letter-spacing:.005em;transition:background .18s,color .18s}
.lateral nav a:hover,.grupo summary:hover{background:rgba(236,218,154,.07);color:#fff}
.lateral nav a .ico,.grupo summary .ico{opacity:.85}
.lateral nav a.on{background:linear-gradient(90deg,rgba(236,218,154,.14),rgba(236,218,154,.03));color:var(--champagne);font-weight:600}
.lateral nav a.on .ico{opacity:1}
/* marcador de página */
.lateral nav a.on::before{content:"";position:absolute;left:-16px;top:7px;bottom:7px;width:5px;background:linear-gradient(180deg,#ecda9a,#b99a58);border-radius:0 4px 4px 0;box-shadow:0 0 14px rgba(236,218,154,.35)}
.grupo summary{cursor:pointer;list-style:none;user-select:none}
.grupo summary::-webkit-details-marker{display:none}
.grupo summary .seta-g{margin-left:auto;width:16px;height:16px;transition:transform .22s}
.grupo[open] summary .seta-g{transform:rotate(180deg)}
.grupo[open] summary{color:var(--champagne)}
.subitens{display:flex;flex-direction:column;gap:2px;margin:3px 0 6px 25px;padding-left:12px;border-left:1px solid rgba(196,162,99,.28)}
.lateral nav .subitens a{padding:9px 12px;font-size:14px}
.lateral nav .subitens a.on::before{left:-13px;top:9px;bottom:9px;width:3px}
.avatar{width:38px;height:38px;border-radius:50%;border:1px solid var(--ouro-esc);background:rgba(236,218,154,.08);color:var(--champagne);display:grid;place-items:center;font:600 16px/1 var(--display);flex:none}
.quem{display:flex;flex-direction:column;line-height:1.25;min-width:0}
.quem strong{color:#fff;font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.quem small{color:var(--ouro);font-size:12px;letter-spacing:.04em}

/* ---------- Conteúdo ---------- */
.conteudo{margin-left:var(--lateral);flex:1;min-width:0;min-height:100vh;display:flex;flex-direction:column}
.conteudo main{flex:1;width:100%;max-width:1040px;margin:0 auto;padding:34px 44px 56px}
.veu{display:none}
.hamb,.barra-marca{display:none}
.rodape{margin-top:auto;text-align:center;color:var(--suave);font-size:12.5px;padding:16px;border-top:1px solid var(--fio)}
.rodape a{color:var(--suave)}.rodape a:hover{color:var(--ouro-esc)}

.pagina-topo{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-bottom:26px}
.eyebrow{margin:0 0 10px;font:600 12.5px/1 var(--ui);letter-spacing:.2em;text-transform:uppercase;color:var(--ouro-esc)}
.pagina-topo h1{font:600 44px/1.04 var(--display);letter-spacing:-.01em;color:var(--tinta)}
.pagina-topo h1 em{font-style:normal;color:var(--ouro-esc)}
h1.simples{font:600 40px/1.1 var(--display);margin-bottom:26px}

.rotulo{display:flex;align-items:center;gap:14px;margin:0 0 16px;font:600 12.5px/1 var(--ui);letter-spacing:.2em;text-transform:uppercase;color:var(--ouro-esc)}
.rotulo::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--fio-2),transparent)}

/* ---------- Superfícies ---------- */
.card{background:var(--branco);border:1px solid var(--fio);border-radius:16px;padding:28px;margin-bottom:22px}
.card.destaque{border-color:var(--ouro);background:linear-gradient(180deg,#fffaf0,#fffefc)}
.card h2{font:600 22px/1.2 var(--display);margin-bottom:14px;color:var(--tinta)}
.card.texto h2{margin-top:30px}.card.texto h2:first-of-type{margin-top:6px}
.card.texto{max-width:860px}
.card.texto p,.card.texto li{max-width:none}
body.solo.larga main{max-width:900px;justify-content:flex-start;padding-top:40px}
.nota{color:var(--suave);font-size:14px}
.preserva{white-space:pre-wrap}
.duas{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:22px;align-items:start}
.duas .card{margin-bottom:0}

/* ---------- Formulários ---------- */
label{display:block;margin:0 0 18px;font-weight:550;font-size:14.5px}
label small{font-weight:400;color:var(--suave)}
input[type=text],input[type=email],input[type=password],input[type=date],select,textarea{display:block;width:100%;margin-top:7px;padding:12px 14px;min-height:48px;border:1px solid var(--fio-2);border-radius:11px;font:400 16px/1.4 var(--ui);color:var(--tinta);background:var(--branco);transition:border-color .15s,box-shadow .15s}
textarea{resize:vertical}
input:focus,select:focus,textarea:focus{outline:0;border-color:var(--ouro-esc);box-shadow:0 0 0 4px rgba(196,162,99,.22)}
label.check{display:flex;gap:11px;align-items:flex-start;font-weight:400}
label.check input{margin-top:5px;accent-color:var(--couro-2);width:18px;height:18px}
fieldset{border:0;padding:0;margin:0 0 8px;min-width:0}
legend{font:600 26px/1.2 var(--display);color:var(--tinta);margin-bottom:20px;padding:0}
legend small{font:400 14px var(--ui);color:var(--suave)}
.dupla{display:grid;grid-template-columns:1fr 1fr;gap:16px}

/* ---------- Botões ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:10px 22px;border-radius:10px;border:1px solid var(--couro);background:var(--couro);color:var(--champagne);font:600 14.5px/1 var(--ui);letter-spacing:.01em;cursor:pointer;text-decoration:none;box-shadow:0 1px 2px rgba(33,22,15,.22);transition:background .15s,border-color .15s,color .15s}
.btn:hover{background:var(--couro-2);border-color:var(--couro-2);color:#fff}
.btn:active{transform:none}
.btn.sec{background:transparent;color:var(--couro-2);border-color:var(--fio-2);box-shadow:none}
.btn.sec:hover{background:var(--marfim);border-color:var(--ouro-esc);color:var(--tinta);filter:none}
.btn.peq{min-height:36px;padding:7px 14px;font-size:13.5px;border-radius:9px}
.perigo{margin:20px 0 6px}.perigo summary{cursor:pointer;color:var(--erro);font-weight:550}
.perigo-btn{background:linear-gradient(180deg,#a23939,var(--erro));border-color:#6e2121;color:#fff}

/* ---------- Avisos e etiquetas ---------- */
.aviso{padding:14px 18px;border-radius:12px;margin-bottom:22px;border:1px solid;border-left-width:4px;font-size:15px}
.aviso.ok{background:#f1f6ee;border-color:#cadcc2;border-left-color:var(--ok);color:#2f4a22}
.aviso.erro{background:#fbf1f0;border-color:#ecc9c6;border-left-color:var(--erro);color:#6b2020}
.tag{display:inline-block;font:600 12px/1 var(--ui);letter-spacing:.1em;text-transform:uppercase;padding:5px 9px;border-radius:99px;background:var(--marfim);border:1px solid var(--fio-2);color:var(--ouro-esc);margin-left:8px;vertical-align:middle}
.tag.off{background:#f6e9e8;border-color:#e5c4c1;color:var(--erro)}
.tag.pend{background:#f7f0d6;border-color:#e6d89b;color:#7a5d00}

/* ---------- Início ---------- */
.dia-lista{list-style:none;margin:0;padding:0}
.dia-lista li{display:grid;grid-template-columns:76px minmax(0,1fr) auto;gap:18px;align-items:center;padding:16px 0;border-bottom:1px solid var(--fio)}
.dia-lista li:last-child{border-bottom:0;padding-bottom:0}.dia-lista li:first-child{padding-top:0}
.data-bloco{text-align:center;line-height:1;padding:12px 0 10px;border:1px solid var(--fio-2);border-radius:12px;background:var(--marfim)}
.data-bloco b{display:block;font:600 34px/1 var(--display);color:var(--tinta)}
.data-bloco span{display:block;margin-top:5px;font:600 11.5px/1 var(--ui);letter-spacing:.18em;text-transform:uppercase;color:var(--ouro-esc)}
.data-bloco.hoje{background:linear-gradient(180deg,var(--couro-2),var(--couro));border-color:#5b3f27}
.data-bloco.hoje b{color:var(--champagne)}.data-bloco.hoje span{color:var(--ouro)}
.dia-lista a.nome{font-weight:600;font-size:17px;color:var(--tinta);text-decoration:none}
.dia-lista a.nome:hover{color:var(--ouro-esc)}
.dia-lista .quando{display:block;font-size:14px;color:var(--suave);margin-top:2px}
.vazio{padding:8px 0;color:var(--suave)}
.vazio strong{display:block;font:600 20px var(--display);color:var(--tinta);margin-bottom:4px}
.recentes{list-style:none;margin:0;padding:0}
.recentes li{border-bottom:1px solid var(--fio)}.recentes li:last-child{border-bottom:0}
.recentes a{display:flex;align-items:center;gap:13px;padding:13px 0;text-decoration:none;color:var(--tinta)}
.recentes a:hover strong{color:var(--ouro-esc)}
.recentes small{display:block;color:var(--suave)}
.mono{width:42px;height:42px;border-radius:50%;border:1px solid var(--ouro-esc);background:var(--marfim);color:var(--couro-2);display:grid;place-items:center;font:600 16px/1 var(--display);flex:none;letter-spacing:.02em}
.mono.grande{width:76px;height:76px;font-size:28px;border-width:1.5px;box-shadow:0 0 0 5px var(--marfim),0 0 0 6px var(--fio-2)}
.mais{display:inline-block;margin-top:16px;font-weight:600;font-size:14.5px;text-decoration:none;color:var(--couro-2)}

/* ---------- Clientes ---------- */
.busca{position:relative;margin-bottom:6px}
.busca input{margin:0;padding-left:50px;min-height:54px;border-radius:14px;font-size:17px}
.busca .ico{position:absolute;left:16px;top:17px;color:var(--ouro-esc);pointer-events:none}
.busca-linha{display:flex;gap:10px}.busca-linha .busca{flex:1;margin:0}
.abas .n{margin-left:6px;color:var(--ouro-esc);font-weight:600}
.livro{margin:0;padding:0;list-style:none}
.cli{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1.1fr) minmax(0,1fr) 24px;gap:18px;align-items:center;padding:16px 8px;border-bottom:1px solid var(--fio);text-decoration:none;color:var(--tinta);position:relative;transition:background .15s}
.cli:hover{background:var(--marfim)}
.cli:hover::before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;background:var(--ouro);border-radius:0 3px 3px 0}
.cli .quem-c{display:flex;align-items:center;gap:14px;min-width:0}
.cli .quem-c strong{display:block;font-weight:600;font-size:16.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cli .quem-c small{color:var(--suave)}
.cli .col{color:var(--suave);font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cli .seta{color:var(--ouro-esc);justify-self:end}
.cli-cab{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1.1fr) minmax(0,1fr) 24px;gap:18px;padding:16px 8px 10px;font:600 12px/1 var(--ui);letter-spacing:.18em;text-transform:uppercase;color:var(--ouro-esc)}
.paginas{display:flex;gap:18px;align-items:center;margin:20px 0 0}
.paginas a{font-weight:600}

/* ---------- Ficha do cliente ---------- */
.ficha-topo{display:flex;align-items:center;gap:24px;margin-bottom:34px;flex-wrap:wrap}
.ficha-topo .tit{flex:1;min-width:0}
.ficha-topo h1{font:600 42px/1.06 var(--display);letter-spacing:-.01em}
.ficha-topo .meta{margin:8px 0 0;color:var(--suave)}
.dados{display:grid;grid-template-columns:132px 1fr;gap:14px 16px;margin:0}
.dados dt{font:600 12px/1.9 var(--ui);letter-spacing:.16em;text-transform:uppercase;color:var(--ouro-esc)}
.dados dd{margin:0;font-size:16.5px}
.acoes{display:flex;gap:10px;flex-wrap:wrap}
.acoes-card{background:transparent;border-style:dashed}

/* ---------- Etapas do formulário ---------- */
.etapas{display:flex;list-style:none;margin:0 0 30px;padding:0;gap:0}
.etapas li{flex:1;position:relative;display:flex;flex-direction:column;gap:9px;font-size:13.5px;color:var(--suave);font-weight:550}
.etapas li::before{content:attr(data-n);width:30px;height:30px;border-radius:50%;border:1px solid var(--fio-2);background:var(--branco);display:grid;place-items:center;font:600 14px/1 var(--display);color:var(--suave);position:relative;z-index:1}
.etapas li::after{content:"";position:absolute;top:15px;left:36px;right:6px;height:1px;background:var(--fio-2)}
.etapas li:last-child::after{display:none}
.etapas li.atual{color:var(--tinta)}
.etapas li.atual::before{background:linear-gradient(180deg,var(--couro-2),var(--couro));border-color:#5b3f27;color:var(--champagne)}
.etapas li.feita::before{content:"\2713";background:var(--marfim);border-color:var(--ouro-esc);color:var(--ouro-esc);font-family:var(--ui);font-size:14px}
.etapas li.feita::after{background:var(--ouro)}
.passos-form:not(.wiz) .etapas{display:none}
.botoes-passo{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px;padding-top:22px;border-top:1px solid var(--fio)}
.passos-form.wiz .botoes-passo .btn.sec:last-child{margin-left:auto}

/* ---------- Listas (usuários, auditoria) ---------- */
.tabela .linha{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;padding:16px 4px;border-bottom:1px solid var(--fio)}
.tabela .linha:last-child{border-bottom:0}.tabela .linha.inativo{opacity:.55}
.tabela small{color:var(--suave)}
.chave{display:block;margin:12px 0;padding:16px;background:var(--marfim);border:1px dashed var(--ouro-esc);border-radius:12px;font:500 20px/1.4 ui-monospace,Menlo,monospace;letter-spacing:.1em;word-break:break-all}
ol.passos{padding-left:20px}ol.passos li{margin-bottom:10px}

/* ---------- Entrada (login e páginas sem menu) ---------- */
body.solo{min-height:100vh;display:flex;flex-direction:column;background:var(--papel)}
body.solo main{flex:1;width:100%;max-width:460px;margin:0 auto;padding:56px 20px 24px;display:flex;flex-direction:column;justify-content:center}
body.solo .rodape{border:0}
body.entrada{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);min-height:100vh;background:var(--papel)}
.entrada .capa{position:relative;overflow:hidden;padding:56px 56px 40px;display:flex;flex-direction:column;justify-content:space-between;color:#d9cdb6;
  background:radial-gradient(90% 70% at 10% 0%,var(--lateral-1) 0%,transparent 60%),linear-gradient(180deg,var(--lateral-2),var(--lateral-3))}
.entrada .capa::after{content:"";position:absolute;right:-90px;bottom:-60px;width:560px;height:407px;background:var(--monograma) center/contain no-repeat;opacity:.09}
.entrada .capa>*{position:relative;z-index:1}
.entrada .capa img{width:100%;max-width:300px}
.entrada .capa h2{font:600 clamp(30px,3.4vw,46px)/1.1 var(--display);color:#fff;max-width:14ch;margin:0}
.entrada .capa h2 em{font-style:normal;color:var(--champagne)}
.entrada .capa p{margin:18px 0 0;max-width:34ch;color:#bfae8e}
.entrada .capa small{color:#8c7d62}
.entrada .capa a{color:var(--ouro)}
.entrada .lado{display:flex;flex-direction:column;justify-content:center;padding:48px 24px}
.entrada .lado .caixa{width:100%;max-width:400px;margin:0 auto}
.entrada .lado h1{font:600 38px/1.1 var(--display);margin-bottom:8px}
.entrada .lado .sub{margin:0 0 28px;color:var(--suave)}
.entrada .lado .btn{width:100%}
.entrada .lado .rodape-lado{margin-top:28px;color:var(--suave);font-size:13px}
.entrada .lado .rodape-lado a{color:var(--suave)}

/* ---------- Entrada suave das páginas ---------- */
@keyframes sobe{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.conteudo main>*{animation:sobe .4s cubic-bezier(.2,.7,.2,1) both}
.conteudo main>*:nth-child(2){animation-delay:.05s}.conteudo main>*:nth-child(3){animation-delay:.1s}.conteudo main>*:nth-child(4){animation-delay:.15s}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* ---------- Telas menores ---------- */
@media (max-width:980px){
  .duas{grid-template-columns:minmax(0,1fr)}.duas .card{margin-bottom:0}
  .duas{gap:22px}
}
@media (max-width:900px){
  .lateral{transform:translateX(-100%);transition:transform .26s ease;width:288px}
  body.menu-aberto .lateral{transform:none;box-shadow:0 0 60px rgba(0,0,0,.55)}
  .conteudo{margin-left:0}
  .conteudo main{padding:26px 18px 44px}
  .hamb,.barra-marca{display:grid}
  .barra-data,.barra-busca,.menu-usuario .quem,.menu-usuario .seta-u{display:none}
  .barra-busca-ico{display:grid;place-items:center;color:var(--champagne);padding:8px}
  .barra{padding:8px 14px;background:var(--noz);border-bottom:1px solid rgba(196,162,99,.25)}
  .barra-marca{display:block;margin-right:auto}
  .barra-marca img{height:34px;display:block}
  .menu-usuario summary{padding:2px}
  .hamb{background:none;border:0;color:var(--champagne);cursor:pointer;padding:6px;place-items:center}
  .hamb .ico{width:26px;height:26px}
  html.lateral-recolhida .nav-secao{font-size:10.5px;height:auto;background:none;margin:16px 14px 4px}
  .veu{position:fixed;inset:0;background:rgba(10,6,3,.55);z-index:55}
  .lateral{z-index:60}
  body.menu-aberto .veu{display:block}
  .pagina-topo h1{font-size:34px}
  body.entrada{grid-template-columns:1fr}
  .entrada .capa{padding:30px 24px 26px;min-height:220px}
  .entrada .capa h2{font-size:28px}.entrada .capa p{display:none}
}
@media (max-width:640px){
  .card{padding:20px;border-radius:14px}
  .dados{grid-template-columns:1fr;gap:2px 0}.dados dd{margin-bottom:12px}
  .dupla{grid-template-columns:1fr}
  .cli-cab{display:none}
  .cli{grid-template-columns:minmax(0,1fr) 20px;gap:4px 12px}
  .cli .col{grid-column:1}.cli .col:nth-of-type(3){display:none}.cli .seta{grid-row:1;grid-column:2}
  .ficha-topo h1{font-size:32px}
  .etapas li span{display:none}.etapas li{font-size:0}
  .dia-lista li{grid-template-columns:64px 1fr}
}

.card h1{font:600 32px/1.1 var(--display);margin-bottom:12px}
.estreito .sub{color:var(--suave)}

.ident{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.ident div{display:flex;flex-direction:column;gap:6px;align-items:flex-start;min-width:0}
.ident strong{font:600 26px/1.1 var(--display)}
.ident span:not(.tag){color:var(--suave)}

.cep-status{display:block;min-height:20px;margin-top:6px;font-size:13.5px;font-weight:450;color:var(--suave)}
.cep-status.ok{color:var(--ok)}.cep-status.erro{color:var(--erro)}

.parabens{white-space:nowrap}
.sem-zap{font-size:13px;white-space:nowrap}
@media (max-width:640px){
  .dia-lista li{grid-template-columns:64px minmax(0,1fr)}
  .dia-lista li .parabens,.dia-lista li .sem-zap{grid-column:2;justify-self:start}
}


/* Mensagens */
.msg-card textarea{min-height:190px;line-height:1.55}
.msg-topo{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:4px}
.msg-card h2{margin:0}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin:2px 0 10px}
.chips code{font:600 13px ui-monospace,Menlo,monospace;background:var(--marfim);border:1px solid var(--fio-2);border-radius:8px;padding:3px 8px;color:var(--couro-2)}
.previa{margin-top:14px}
.previa .rotulo{margin-bottom:10px}
.balao{position:relative;max-width:420px;background:#fff;border:1px solid var(--fio-2);border-radius:4px 16px 16px 16px;padding:12px 15px;white-space:pre-wrap;font-size:15px;line-height:1.5;box-shadow:0 1px 2px rgba(25,20,20,.06)}
.barra-salvar{position:sticky;bottom:0;display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:16px 0;background:linear-gradient(180deg,transparent,var(--papel) 35%)}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.chips code{cursor:pointer}.chips code:hover{border-color:var(--ouro-esc)}

/* Documentos */
.modelos{display:grid;gap:12px}
.modelo{display:grid;grid-template-columns:auto minmax(0,1fr) 24px;gap:16px;align-items:center;padding:18px 20px;background:var(--branco);border:1px solid var(--fio);border-radius:14px;text-decoration:none;color:var(--tinta);transition:border-color .15s,background .15s}
.modelo:hover{border-color:var(--ouro);background:var(--marfim)}
.modelo strong{display:block;font-size:17px}.modelo small{display:block;color:var(--suave);font-size:14.5px;margin-top:2px}
.modelo .seta{color:var(--ouro-esc)}
.doc-ico .ico{width:20px;height:20px}.mono.grande.doc-ico .ico{width:32px;height:32px}
.doc-linha{grid-template-columns:minmax(0,2fr) minmax(0,1.1fr) minmax(0,1fr) 24px}
.folha{background:#fff;border:1px solid var(--fio-2);border-radius:8px;padding:34px 42px;white-space:pre-wrap;font:15px/1.75 Georgia,'Times New Roman',serif;max-height:560px;overflow:auto;box-shadow:inset 0 0 0 4px var(--marfim)}
.tag.st-rascunho{background:#f7f0d6;border-color:#e6d89b;color:#7a5d00}
.tag.st-aprovado{background:#eef5ea;border-color:#c5dabb;color:var(--ok)}
.tag.st-cancelado{background:#f6e9e8;border-color:#e5c4c1;color:var(--erro)}
.badge{margin-left:auto;min-width:22px;height:22px;padding:0 7px;border-radius:99px;background:var(--champagne);color:var(--noz);font:700 12px/22px var(--ui);text-align:center}
fieldset.formas{display:flex;flex-wrap:wrap;gap:6px 22px;margin:0 0 18px}
fieldset.formas legend{font:550 14.5px var(--ui);margin-bottom:8px;width:100%}
fieldset.formas .nota{width:100%}
.ajuda-campo{display:block;margin-top:6px;font-weight:400}
.doc-form select{background:var(--branco)}
button[disabled]{opacity:.5;cursor:not-allowed;filter:none;transform:none}
@media (max-width:640px){.folha{padding:20px 18px}.doc-linha .col:nth-of-type(2){display:none}}
.duas + .card,.duas + section.card{margin-top:22px}

.filtros{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,260px) auto;gap:10px;align-items:start;margin-bottom:6px}
.filtros .busca{margin:0}.filtros select{margin:0;min-height:54px;border-radius:14px}
.filtro-ativo{display:flex;flex-wrap:wrap;gap:8px 10px;align-items:center;margin:10px 0 0;font-size:14px}
.chip{display:inline-block;padding:5px 12px;border-radius:99px;background:var(--marfim);border:1px solid var(--fio-2);color:var(--couro-2);font-weight:550}
@media (max-width:760px){.filtros{grid-template-columns:1fr}.filtros .btn{width:100%}}

/* Início: aguardando aprovação */
.aprovar{margin-bottom:22px}
.n-aprovar{margin-left:2px;min-width:24px;height:24px;padding:0 8px;border-radius:99px;background:var(--couro-2);color:var(--champagne);font:700 12px/24px var(--ui);letter-spacing:0;text-align:center;flex:none}
.aprovar-lista{list-style:none;margin:0;padding:0}
.aprovar-lista li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;padding:13px 0;border-bottom:1px solid var(--fio)}
.aprovar-lista li:last-child{border-bottom:0}
.aprovar-txt strong{display:block;font-size:16px}.aprovar-txt small{display:block;color:var(--suave);font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (max-width:640px){.aprovar-lista li{grid-template-columns:auto minmax(0,1fr)}.aprovar-lista li .btn{grid-column:2;justify-self:start}}

/* cartão de aprovação mais enxuto */
.aprovar{padding:16px 22px 14px;margin-bottom:18px}
.aprovar .rotulo{margin-bottom:4px}
.aprovar-lista li{padding:8px 0;gap:12px}
.aprovar .mono{width:34px;height:34px}.aprovar .mono .ico{width:17px;height:17px}
.aprovar-txt strong{font-size:15px;line-height:1.3}.aprovar-txt small{font-size:13px}
.aprovar .mais{margin-top:8px;font-size:14px}

/* ---------- Fichas: link público do cliente ---------- */
body.publico{background:var(--papel);min-height:100vh;display:flex;flex-direction:column}
.topo-publico{background:linear-gradient(180deg,var(--lateral-2),var(--lateral-3));padding:16px 20px;text-align:center;border-bottom:1px solid rgba(196,162,99,.3)}
.topo-publico img{height:64px;max-width:80%;width:auto}
body.publico main{flex:1;width:100%;max-width:720px;margin:0 auto;padding:28px 16px 40px}
.fp-topo{margin-bottom:20px}
.fp-topo h1{font:600 34px/1.1 var(--display);margin-bottom:10px}
.fp-topo .intro{color:var(--suave);margin:0;max-width:60ch}
.fp-progresso{margin:0 0 18px}
.fp-barra{height:6px;border-radius:99px;background:var(--fio);overflow:hidden}
.fp-barra i{display:block;height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,var(--ouro-esc),var(--ouro));transition:width .3s}
.fp-passo{margin:8px 0 0;font-size:14px;color:var(--suave);font-weight:550}
.ficha-form .secao{border:1px solid var(--fio);background:var(--branco);border-radius:16px;padding:22px 20px;margin:0 0 18px;min-width:0}
.ficha-form .secao>legend{float:left;width:100%;font:600 24px/1.2 var(--display);margin:0 0 14px;padding:0}
.ficha-form .secao>legend + *{clear:both}
.ficha-form .intro-secao{margin:0 0 16px}
.ficha-form.com-passos .passo{display:none}
.ficha-form.com-passos .passo.ativo{display:block}
.campo{display:block;margin:0 0 20px}
fieldset.campo{border:0;padding:0;min-width:0}
fieldset.campo>legend{font:550 14.5px/1.4 var(--ui);margin:0 0 8px;padding:0;float:none;width:auto}
.rot-campo{margin:0 0 8px;font-weight:550;font-size:14.5px}
.obrig{color:var(--erro);font-weight:700}
.campo.erro input,.campo.erro select,.campo.erro textarea{border-color:var(--erro);box-shadow:0 0 0 3px rgba(140,47,47,.12)}
.campo.erro .pilula span{border-color:var(--erro)}
.pilulas{display:flex;flex-wrap:wrap;gap:10px}
.pilula{margin:0;position:relative}
.pilula input{position:absolute;opacity:0;width:1px;height:1px}
.pilula span{display:inline-flex;align-items:center;min-height:46px;padding:10px 20px;border:1px solid var(--fio-2);border-radius:99px;background:var(--branco);font-weight:550;font-size:15px;cursor:pointer;transition:background .15s,border-color .15s,color .15s}
.pilula:hover span{border-color:var(--ouro-esc)}
.pilula input:checked + span{background:linear-gradient(180deg,var(--couro-2),var(--couro));border-color:#5b3f27;color:var(--champagne)}
.pilula input:focus-visible + span{outline:2px solid var(--ouro);outline-offset:2px}
.lista-op label.check{padding:12px 14px;border:1px solid var(--fio);border-radius:12px;margin:0 0 8px;background:var(--branco);align-items:center}
.lista-op label.check:hover{border-color:var(--ouro-esc)}
.lista-op label.check span{line-height:1.4}
.sn-det{margin:12px 0 0;font-weight:450}
.tabela-campo .linha-tab{border:1px solid var(--fio);border-radius:14px;padding:14px 14px 12px;margin:0 0 12px;background:#fffdf9}
.linha-grade{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:0 14px}
.linha-grade label{font-size:13.5px;margin-bottom:12px}
.linha-grade input,.linha-grade select{min-height:44px;font-size:15px}
.add-linha{margin-top:2px}
.termo-aceite{background:var(--marfim);border:1px solid var(--fio-2);border-radius:12px;padding:16px 18px;font-size:14.5px;line-height:1.65;margin:0 0 16px}
label.check.aceite{padding:14px;border:1px solid var(--fio-2);border-radius:12px;background:var(--branco);margin-bottom:18px}
.fp-botoes{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}
.fp-botoes .btn{min-width:130px}
.fp-salvo{margin:12px 0 0;min-height:20px}
.hp{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
@media (max-width:640px){body.publico main{padding:20px 12px 32px}.ficha-form .secao{padding:18px 14px}.fp-topo h1{font-size:28px}.fp-botoes .btn{flex:1}}

/* ---------- Fichas: revisão no painel ---------- */
.titulo-bloco{font:500 26px/1.2 var(--display);margin:34px 0 16px;letter-spacing:-.01em}
.tag.nova{background:var(--champagne);border-color:#d9c47a;color:#5a4400}
dl.dados.resp{grid-template-columns:minmax(150px,230px) 1fr}
.tab-resp{overflow:auto;border:1px solid var(--fio);border-radius:10px}
.tab-resp table{border-collapse:collapse;width:100%;font-size:14px}
.tab-resp th{background:var(--marfim);text-align:left;padding:8px 10px;font:600 12px/1.3 var(--ui);color:var(--ouro-esc);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.tab-resp td{padding:8px 10px;border-top:1px solid var(--fio);vertical-align:top}
.diff{display:grid;gap:8px}
.diff-linha{margin:0;padding:12px 14px;border:1px solid var(--fio-2);border-radius:12px;background:var(--branco);font-weight:450;align-items:flex-start}
.diff-linha .seta-d{color:var(--ouro-esc);margin:0 4px}
.ficha-form[data-prefix="i"] .secao{border:0;background:none;padding:0 0 4px;margin:0 0 22px}
.ficha-form[data-prefix="i"] .secao>legend{font:600 22px/1.2 var(--display)}
@media (max-width:640px){dl.dados.resp{grid-template-columns:1fr}}

label.check input[type=checkbox],label.check input[type=radio]{flex:none}

/* ---------- Campos padronizados: texto, telefone, número, data e lista com a mesma altura e acabamento em qualquer navegador ---------- */
input[type=tel],input[type=number],input[type=search],input[type=url]{display:block;width:100%;margin-top:7px;padding:12px 14px;min-height:48px;border:1px solid var(--fio-2);border-radius:11px;font:400 16px/1.4 var(--ui);color:var(--tinta);background:var(--branco);transition:border-color .15s,box-shadow .15s}
input[type=tel]:focus,input[type=number]:focus{outline:0;border-color:var(--ouro-esc);box-shadow:0 0 0 4px rgba(196,162,99,.22)}
input[type=text],input[type=email],input[type=password],input[type=tel],input[type=number],input[type=date],select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box}
input[type=date],select{min-height:48px;line-height:1.4;text-align:left;min-width:0;max-width:100%}
input[type=date]{padding-right:12px}
input[type=date]::-webkit-date-and-time-value{text-align:left;min-height:1.4em;margin:0}
input[type=date]::-webkit-datetime-edit{padding:0}
input[type=date]::-webkit-calendar-picker-indicator{opacity:.65;cursor:pointer;margin-left:6px}
input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}
select{padding-right:44px;cursor:pointer;background-color:var(--branco);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238f7648' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:18px}
select::-ms-expand{display:none}
select:disabled,input:disabled{opacity:.6}
.linha-grade input,.linha-grade select{min-height:46px;font-size:16px}
.linha-grade select{padding-right:40px}
input[type=date]{height:48px;padding-top:0;padding-bottom:0}
input[type=text],input[type=email],input[type=tel],input[type=number],select{height:48px}
.linha-grade input,.linha-grade select{height:46px}

/* Grupos de acesso */
.grupo-linha{grid-template-columns:minmax(0,2fr) minmax(0,.8fr) minmax(0,1.2fr) 24px}
.perm-lista{display:grid;gap:4px}
.interruptor{display:flex;align-items:center;gap:14px;margin:0;padding:11px 8px;border-radius:12px;cursor:pointer;font-weight:450;font-size:15.5px}
.interruptor:hover{background:var(--marfim)}
.interruptor input{position:absolute;opacity:0;width:1px;height:1px}
.trilho{position:relative;flex:none;width:44px;height:26px;border-radius:99px;background:var(--fio-2);transition:background .18s}
.trilho::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform .18s}
.interruptor input:checked + .trilho{background:linear-gradient(180deg,var(--couro-2),var(--couro))}
.interruptor input:checked + .trilho::after{transform:translateX(18px);background:var(--champagne)}
.interruptor input:focus-visible + .trilho{outline:2px solid var(--ouro);outline-offset:2px}
.interruptor input:disabled + .trilho{opacity:.55}
.interruptor.sem-poder{opacity:.6;cursor:not-allowed}
.resumo-lista{margin:0;padding-left:22px;display:grid;gap:4px}
.resumo-lista .vazio-resumo{list-style:none;margin-left:-22px;color:var(--suave)}
.acoes-usuario{display:flex;flex-direction:column;gap:8px;align-items:flex-end}
@media (max-width:760px){.acoes-usuario{align-items:flex-start;width:100%}.grupo-linha{grid-template-columns:minmax(0,1fr) 20px}.grupo-linha .col{display:none}}

/* Campo de senha com olho */
.campo-senha{position:relative;display:block;margin-top:7px}
.campo-senha input{margin-top:0;padding-right:52px}
.campo-senha .olho{position:absolute;top:0;right:4px;width:46px;height:48px;display:grid;place-items:center;background:none;border:0;border-radius:10px;color:var(--suave);cursor:pointer;padding:0}
.campo-senha .olho svg{width:22px;height:22px}
.campo-senha .olho:hover{color:var(--ouro-esc)}
.campo-senha .olho[aria-pressed="true"]{color:var(--couro-2)}
.campo-senha .olho:focus-visible{outline:2px solid var(--ouro);outline-offset:-2px}

/* ---------- Ficha preenchida pela equipe e vista para impressão ---------- */
.ficha-equipe .secao-equipe{margin-bottom:16px}
.ficha-equipe .secao-equipe .campo{margin-top:12px}
.texto-ciencia{margin:0 0 14px;padding:12px 14px;background:var(--marfim);border:1px solid var(--fio-2);border-radius:10px}
.texto-ciencia summary{cursor:pointer;font-weight:600}
.barra-salvar{position:sticky;bottom:0;background:var(--papel);padding:14px 0;border-top:1px solid var(--fio);margin-top:8px;z-index:5}
body.impressao{background:#f1eee8;color:#000;margin:0}
body.impressao main{max-width:230mm;margin:0 auto;padding:16px 8px 40px}
.barra-imprimir{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid var(--fio-2)}
.barra-imprimir .nota{flex-basis:100%;margin:0}
.folha-ficha{width:210mm;margin:0 auto;position:relative;background:#fff;box-shadow:0 2px 18px rgba(0,0,0,.18);-webkit-print-color-adjust:exact;print-color-adjust:exact}
.folha-miolo{width:210mm;border-collapse:collapse}
.folha-miolo td{padding:0}
.folha-miolo .margem{height:30mm}
.folha-texto{padding:0 30mm!important;font:10.5pt/1.3 Arial,Helvetica,sans-serif;vertical-align:top}
.folha-texto p{margin:0;orphans:2;widows:2}
.dx-tab td p{line-height:1.25}
.papel-timbrado{position:fixed;left:0;top:0;width:210mm;height:297mm;z-index:0;-webkit-print-color-adjust:exact;print-color-adjust:exact}   /* repete em todas as páginas do PDF */
.folha-miolo{position:relative;z-index:1}
/* ficha impressa sobre o formulário original: medidas em pt, como no PDF da advogada */
.fp-folhas{display:flex;flex-direction:column;align-items:center;gap:14px}
.fp-pagina{position:relative;background:#fff;box-shadow:0 2px 18px rgba(0,0,0,.18);overflow:hidden;page-break-after:always;break-after:page;-webkit-print-color-adjust:exact;print-color-adjust:exact}
.fp-pagina:last-child{page-break-after:auto;break-after:auto}
.fp-pagina img{position:absolute;left:0;top:0}
.fp-v{position:absolute;font-family:Arial,Helvetica,sans-serif;color:#10213f;white-space:nowrap;overflow:hidden}
.fp-multi{white-space:pre-wrap;overflow:hidden;word-break:break-word}
.fp-x{position:absolute;width:9pt;height:9pt;font:bold 9pt/9pt Arial,Helvetica,sans-serif;font-style:normal;text-align:center;color:#10213f}
@media print{.fp-folhas{display:block}.fp-pagina{box-shadow:none}}
@media screen{.papel-timbrado{position:absolute}}   /* na tela só no topo */
@media print{
  .nao-imprimir{display:none!important}
  body.impressao{background:#fff}
  body.impressao main{max-width:none;padding:0}
  .folha-ficha{box-shadow:none;margin:0}
  @page{size:A4;margin:0}
}

/* ---------- Grade de linhas fixas (matérias, diagnóstico, estrutura) ---------- */
.grade-rolagem{overflow-x:auto}
.grade{width:100%;border-collapse:collapse;font-size:14.5px}
.grade th,.grade td{border:1px solid var(--fio-2);padding:6px 8px;text-align:left;vertical-align:middle}
.grade thead th{background:var(--marfim);font-weight:600}
.grade tbody th{font-weight:500;min-width:190px}
.grade .marca{text-align:center;width:72px}
.grade td input[type=text]{width:100%;min-width:110px;margin:0}

/* ---------- Venda: botão flutuante, prévia e parcelas ---------- */
.grupo-venda{margin:4px 0 12px}
.previa{margin-top:18px;padding-top:6px;border-top:1px solid var(--fio)}
.lista-parcelas td,.lista-parcelas th{white-space:nowrap}
.inline-form{display:flex;gap:8px;align-items:center;margin:0}
.inline-form input[type=date]{margin:0;min-width:140px}

.resumo{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin:0 0 18px}
.resumo>div{background:var(--branco);border:1px solid var(--fio);border-radius:14px;padding:16px 18px}
.resumo small{display:block;color:var(--suave);font-size:13px;margin-bottom:4px}
.resumo strong{font:600 24px/1.1 var(--display);color:var(--tinta)}
.resumo .alerta{border-color:#e5c4c1;background:#fbf1f0}.resumo .alerta strong{color:var(--erro)}
.mes-nav{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:-8px 0 18px}
.mes-nav strong{font:600 18px/1 var(--display);min-width:150px;text-align:center}
.inline-form select{margin:0;min-width:130px}

.dre th,.dre td{padding:8px 10px}
.dre td{text-align:right;white-space:nowrap}
.dre .sub{padding-left:28px;font-weight:450;color:var(--suave)}
.dre .dre-grupo th,.dre .dre-grupo td{background:var(--marfim);font-weight:600}
.dre .dre-total th,.dre .dre-total td{border-top:2px solid var(--ouro-esc);font:600 17px/1.2 var(--display)}
.barras{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.barras li{display:grid;grid-template-columns:minmax(120px,1.2fr) 2fr minmax(110px,auto);gap:14px;align-items:center}
.barras strong{text-align:right;white-space:nowrap}
meter{width:100%;height:14px}
meter::-webkit-meter-bar{background:var(--fio);border:0;border-radius:99px}
meter::-webkit-meter-optimum-value,meter::-webkit-meter-suboptimum-value,meter::-webkit-meter-even-less-good-value{background:var(--ouro-esc);border-radius:99px}
meter.saida::-webkit-meter-optimum-value,meter.saida::-webkit-meter-suboptimum-value,meter.saida::-webkit-meter-even-less-good-value{background:#a08a7a}
.barra-td{min-width:110px}
@media (max-width:640px){.barras li{grid-template-columns:1fr}.barras strong{text-align:left}}

/* ---------- Telas do financeiro: aproveitam a largura e não pedem rolagem lateral ---------- */
.conteudo main.larga{max-width:1500px}
.tabela-fluida{width:100%}
.tabela-fluida table,.lista-parcelas{width:100%;table-layout:auto}
.lista-parcelas td,.tabela-fluida td{white-space:nowrap}
.lista-parcelas th,.tabela-fluida th{white-space:normal}
.lista-parcelas td.desc,.tabela-fluida td.desc{white-space:normal;overflow-wrap:anywhere;min-width:160px}
.grade .num,.grade td.num{text-align:right;white-space:nowrap}
.grade tfoot th,.grade tfoot td{background:var(--marfim);font-weight:600}
.grade td .tag{margin-left:6px;white-space:nowrap}
.inline-form{flex-wrap:wrap;gap:6px;max-width:300px}
.inline-form input[type=date]{min-width:0;width:140px;padding-left:10px;padding-right:6px}
.inline-form select{min-width:0;width:130px}
.lista-parcelas td:last-child{width:1%}
.resumo-grande{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.destaque-card{padding:22px 24px!important}
.destaque-card strong{display:block;font-size:34px!important;margin:4px 0 8px}
.destaque-card span{display:block;color:var(--suave);font-size:14px}
.destaque-card.liquido{border-color:var(--ouro);background:linear-gradient(180deg,#fffaf0,#fffefc)}
@media (max-width:760px){
  .lista-parcelas thead{display:none}
  .lista-parcelas,.lista-parcelas tbody,.lista-parcelas tr,.lista-parcelas td,.lista-parcelas th{display:block;width:100%}
  .lista-parcelas tr{border-bottom:1px solid var(--fio-2);padding:10px 0}
  .lista-parcelas td,.lista-parcelas th{border:0;padding:3px 4px}
  .inline-form{max-width:none}
}
.card:has(>.tabela-fluida){padding:10px}
.grade .tag{letter-spacing:.04em;font-size:11px;padding:5px 8px}
.lista-parcelas td.desc,.tabela-fluida td.desc{min-width:130px}
.inline-form input[type=date]{width:132px}
.inline-form select{width:132px}
.grade th,.grade td{padding:7px 8px}

/* Botão Recebi/Paguei com quadro de data e conta */
.acao-pagar{position:relative;display:inline-block}
.acao-pagar>summary{list-style:none;cursor:pointer;display:inline-flex;margin:0}
.acao-pagar>summary::-webkit-details-marker{display:none}
.acao-pagar[open]>summary{filter:brightness(1.15)}
.acao-pagar .pop{position:absolute;right:0;top:calc(100% + 8px);z-index:20;width:250px;padding:16px;background:var(--branco);border:1px solid var(--fio-2);border-radius:14px;box-shadow:0 14px 34px rgba(21,13,7,.22);display:grid;gap:12px;text-align:left;white-space:normal}
.acao-pagar .pop label{margin:0;font-size:13.5px;font-weight:600;display:grid;gap:5px}
.acao-pagar .pop input,.acao-pagar .pop select{width:100%;margin:0}
.acao-pagar .pop .btn{justify-self:stretch;justify-content:center}
.lista-parcelas td:last-child{text-align:right}
.grade th,.grade td{padding:6px 7px}
.lista-parcelas td.desc,.tabela-fluida td.desc{min-width:105px}
.tabela-fluida table{max-width:100%}

.topo-acoes{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}

.faixa-fixas{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;margin:0 0 16px;padding:14px 18px;background:var(--marfim);border:1px solid var(--fio-2);border-radius:14px}
.faixa-fixas strong{display:block;font-size:15px}
.faixa-fixas span{display:block;color:var(--suave);font-size:14px;max-width:62ch}

/* Início: bloco de dinheiro */
.sub-rotulo{display:flex;align-items:center;gap:8px;margin:14px 0 6px;font:600 14px/1.2 var(--ui);color:var(--suave)}
.fin-lista{list-style:none;margin:0;padding:0}
.fin-lista li{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:10px 0;border-bottom:1px solid var(--fio)}
.fin-lista li:last-child{border-bottom:0}
.fin-lista .nome{font-weight:600;color:var(--tinta);text-decoration:none}
.fin-lista small{display:block;color:var(--suave);font-size:13.5px;margin-top:2px}
.fin-lista strong{white-space:nowrap}

.resumo.quatro{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:900px){.resumo.quatro{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:480px){.resumo.quatro{grid-template-columns:1fr}}
.resumo.quatro strong{font-size:21px}

.voltar{display:inline-flex;align-items:center;gap:6px;margin:0 0 8px;color:var(--suave);font:600 14px/1 var(--ui);text-decoration:none}
.voltar:hover{color:var(--tinta)}
.conteudo main>.voltar{align-self:flex-start}

.fin-dir{display:flex;flex-direction:column;align-items:flex-end;gap:6px}
.btn.lembrar{white-space:nowrap}
.btn.lembrar svg{width:15px;height:15px}

/* Financeiro: nomes de clientes sem sublinhado */
.grade a,.fin-lista a,.lista-parcelas a,a.cli-fin{text-decoration:none;color:var(--tinta)}
.grade a:hover,.fin-lista a:hover,.lista-parcelas a:hover,a.cli-fin:hover{text-decoration:none;color:var(--ouro-esc)}
.fin-lista a.nome:hover{text-decoration:none}

.acoes-linha{display:flex;align-items:center;justify-content:flex-end;gap:8px}
.acoes-linha .btn,.acoes-linha .acao-pagar,.acoes-linha .acao-pagar>summary{margin:0;vertical-align:middle}
.acoes-linha .btn.peq,.acoes-linha .acao-pagar>summary.btn{min-height:38px}
.lista-parcelas td.desc,.tabela-fluida td.desc{min-width:150px;overflow-wrap:break-word}
.lista-parcelas th[scope=row]{max-width:170px}
.acoes-linha .btn{padding-left:16px;padding-right:16px}
.lista-parcelas{font-size:14px}
.lista-parcelas th,.lista-parcelas td{padding:6px 6px}
.lista-parcelas th[scope=row]{max-width:140px}
.lista-parcelas td.desc{min-width:130px}
.lista-parcelas .grade .tag,.lista-parcelas .tag{font-size:10.5px;padding:4px 7px;letter-spacing:.03em}
.acoes-linha{gap:6px}
.acoes-linha .btn{padding-left:12px;padding-right:12px;font-size:14px}

/* Anexos e senha guardada nas fichas */
.lista-anexos{list-style:none;margin:0 0 14px;padding:0}
.lista-anexos li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--fio)}
.lista-anexos li:last-child{border-bottom:0}
.lista-anexos small{display:block;color:var(--suave);font-size:13.5px}
.anexar-form,.anexar-publico{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.anexar-form input[type=file],.anexar-publico input[type=file]{flex:1;min-width:200px;margin:0}
.senha-mascara{letter-spacing:.12em}

/* ---------- Tarefas ---------- */
.tarefa-nova{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,1fr) auto;gap:12px;align-items:end}
.tarefa-nova label{margin:0}
.abas,.abas-config{display:flex;flex-wrap:wrap;gap:6px;margin:16px 0 20px}
.abas a,.abas-config a{padding:8px 15px;border-radius:99px;color:var(--suave);font-weight:600;font-size:14.5px;white-space:nowrap}
.abas a:hover,.abas-config a:hover{background:var(--marfim);color:var(--tinta)}
.abas a.on,.abas-config a.on{background:var(--tinta);color:var(--branco)}
.abas-config{gap:2px;margin-bottom:14px}
.abas-config a{padding:8px 10px;font-size:14px}
.tarefa-grupo h2{font:600 13px/1 var(--ui);letter-spacing:.16em;text-transform:uppercase;color:var(--ouro-esc);margin:0 0 6px}
.tarefa-grupo.atrasada h2{color:var(--erro)}
.tarefa{display:flex;gap:14px;align-items:center;padding:12px 4px;border-bottom:1px solid var(--fio)}
.tarefa form{margin:0}
.tarefa .feito{width:30px;height:30px;border-radius:50%;border:2px solid var(--fio-2);background:transparent;color:transparent;cursor:pointer;padding:0;display:grid;place-items:center}
.tarefa .feito:hover{border-color:var(--ok);color:var(--ok)}
.tarefa .feito .ico{width:16px;height:16px}
.tarefa.concluida .feito{background:var(--ok);border-color:var(--ok);color:#fff}
.tarefa.concluida .corpo strong{text-decoration:line-through;color:var(--suave)}
.tarefa .corpo{flex:1;min-width:0}
.tarefa .corpo strong{display:block;font-weight:600}
.tarefa .corpo a{color:inherit;text-decoration:none}
.tarefa .corpo small{color:var(--suave)}
.tarefa .prazo{font-size:14px;color:var(--suave);white-space:nowrap}
.tarefa.alta .corpo strong::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--erro);margin-right:8px}
@media (max-width:720px){.tarefa-nova{grid-template-columns:1fr}}

.marca-texto{display:block;font:600 22px/1.2 var(--display);color:var(--champagne);letter-spacing:.01em}

/* Assinatura "Desenvolvido por ZAVIR": sem sublinhado */
a[href^="https://zavir.com.br"]{text-decoration:none}

/* ---------- Quadro de tarefas ---------- */
.barra-tarefas{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:center;margin-bottom:6px}
.quadro{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}
.coluna{background:#efe9dd;border:1px solid var(--fio-2);border-radius:14px;padding:14px 12px 10px;min-height:160px;transition:background .15s,border-color .15s}
.coluna.alvo{background:#e7dcc3;border-color:var(--ouro)}
.coluna h2{font:600 15px/1 var(--ui);letter-spacing:.04em;margin:0 4px 12px;display:flex;align-items:center;gap:8px}
.coluna .contagem{font-size:12px;background:var(--couro-2);color:#fff;border-radius:99px;padding:3px 8px;font-weight:600}
.cartoes{display:flex;flex-direction:column;gap:10px}
.coluna-vazia{margin:6px 4px;color:var(--suave);font-size:14px}
.cartao{background:var(--branco);border:1px solid var(--fio);border-left:4px solid var(--fio-2);border-radius:10px;padding:12px 12px 10px;box-shadow:0 1px 2px rgba(33,22,15,.06)}
.cartao[draggable=true]{cursor:grab}
.cartao.arrastando{opacity:.45}
.cartao.prio-alta{border-left-color:var(--erro)}
.cartao.prio-media{border-left-color:var(--ouro)}
.cartao.prio-baixa{border-left-color:#7a9c6a}
.cartao .titulo{display:block;font-weight:600;color:var(--tinta);text-decoration:none;line-height:1.3}
.cartao.concluida .titulo{text-decoration:line-through;color:var(--suave)}
.rodape-cartao{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:13px;color:var(--suave)}
.rodape-cartao .eu{width:24px;height:24px;border-radius:50%;background:var(--couro-2);color:#fff;display:grid;place-items:center;font-size:12px;font-weight:600}
.rodape-cartao .prazo{margin-left:auto}
.prazo.atrasada,dd.atrasada{color:var(--erro);font-weight:600}
.cartao .mover{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}
.cartao .mover button{font:600 12px var(--ui);padding:5px 10px;border-radius:99px;border:1px solid var(--fio-2);background:transparent;color:var(--couro-2);cursor:pointer}
.cartao .mover button:hover{background:var(--marfim);border-color:var(--ouro-esc)}
.comentario{padding:12px 0;border-top:1px solid var(--fio)}
@media (max-width:900px){.quadro{grid-template-columns:1fr}}

/* ---------- Abas da área Configurações (o estilo das abas fica junto das .abas, acima) ---------- */
.subabas{display:flex;gap:8px;margin:0 0 22px}
.subabas a{padding:7px 14px;border-radius:99px;border:1px solid var(--fio-2);text-decoration:none;color:var(--suave);font-weight:600;font-size:14px}
.subabas a.on{background:var(--tinta);color:var(--branco);border-color:var(--tinta)}

/* ---------- Processos ---------- */
.movimento{display:flex;gap:18px;padding:14px 0;border-top:1px solid var(--fio)}
.movimento .data{flex:none;width:92px;color:var(--suave);font-size:14px;padding-top:2px}
.movimento .corpo{flex:1;min-width:0}
.movimento .corpo p{margin:6px 0 4px}
.movimento .corpo small{color:var(--suave)}
.movimento.nova{background:var(--marfim);margin:0 -14px;padding-left:14px;padding-right:14px;border-radius:10px}
.movimento .avisar{margin-left:10px;font-weight:600;font-size:14px}
.mov-nova{margin-bottom:10px}
@media (max-width:720px){.movimento{flex-direction:column;gap:4px}}

/* ---------- Avisos aos clientes ---------- */
.aviso-item{margin-bottom:14px;padding:20px 24px}
.aviso-topo{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.aviso-topo small{display:block;color:var(--suave)}
.aviso-mov{margin:10px 0 14px;color:var(--tinta)}
.aviso-item .acoes{display:flex;gap:8px;flex-wrap:wrap}
.duas{margin-bottom:22px}

/* ---------- Menu lateral que recolhe (só ícones) ---------- */
.lateral{transition:width .22s ease}
.conteudo{transition:margin-left .22s ease}
.lateral-topo{display:flex;align-items:flex-start;gap:6px}
.lateral-topo .marca{flex:1;min-width:0}
.lateral-alternar{flex:none;width:34px;height:34px;margin-top:2px;border:0;border-radius:9px;background:transparent;color:#d9cdb6;display:grid;place-items:center;cursor:pointer;opacity:.8}
.lateral-alternar:hover{background:rgba(236,218,154,.09);color:#fff;opacity:1}
.lateral-alternar .ico{width:19px;height:19px}
.lateral .marca .marca-mini{display:none}
html.lateral-recolhida{--lateral:76px}
html.lateral-recolhida .lateral{padding-left:10px;padding-right:10px}
html.lateral-recolhida .lateral-topo{flex-direction:column;align-items:center;gap:8px}
html.lateral-recolhida .lateral .marca{padding:2px 0 12px;margin-bottom:0;flex:none;width:100%}
html.lateral-recolhida .lateral .marca>img:not(.marca-mini),html.lateral-recolhida .lateral .marca>.marca-texto{display:none}
html.lateral-recolhida .lateral .marca-mini{display:block;width:38px;height:38px;object-fit:contain;margin:0 auto}
html.lateral-recolhida .lateral .marca-inicial{width:38px;height:38px;border:1px solid var(--ouro-esc);border-radius:50%;display:grid;place-items:center;color:var(--champagne);font:600 18px var(--display)}
html.lateral-recolhida .lateral nav a,html.lateral-recolhida .grupo summary{justify-content:center;padding:12px 0;gap:0}
html.lateral-recolhida .lateral nav a>span,html.lateral-recolhida .grupo summary>span,html.lateral-recolhida .grupo summary .seta-g{display:none}
html.lateral-recolhida .lateral nav a.on::before{left:-10px}
html.lateral-recolhida .lateral .subitens{display:none}
html.lateral-recolhida .lateral .badge{position:absolute;top:3px;right:8px;margin:0;min-width:16px;height:16px;padding:0 4px;font-size:10px;line-height:16px}
@media (max-width:900px){
  .lateral-alternar{display:none}
  html.lateral-recolhida{--lateral:268px}
  html.lateral-recolhida .lateral{padding-left:16px;padding-right:16px}
  html.lateral-recolhida .lateral-topo{flex-direction:row;align-items:flex-start}
  html.lateral-recolhida .lateral .marca>img:not(.marca-mini),html.lateral-recolhida .lateral .marca>.marca-texto{display:block}
  html.lateral-recolhida .lateral .marca-mini{display:none}
  html.lateral-recolhida .lateral nav a,html.lateral-recolhida .grupo summary{justify-content:flex-start;padding:12px 14px;gap:13px}
  html.lateral-recolhida .lateral nav a>span,html.lateral-recolhida .grupo summary>span{display:inline}
  html.lateral-recolhida .grupo summary .seta-g{display:block}
  html.lateral-recolhida .lateral .subitens{display:flex}
  html.lateral-recolhida .lateral .badge{position:static;margin-left:auto;min-width:22px;height:22px;padding:0 7px;font-size:12px;line-height:22px}
    }

/* ---------- Formulário em janela (modal) ---------- */
dialog.modal-form{width:min(580px,94vw);max-height:92vh;overflow:auto;padding:30px 30px 26px;border:1px solid var(--fio-2);border-radius:18px;background:var(--branco);color:var(--tinta);box-shadow:0 30px 80px rgba(20,10,5,.35)}
dialog.modal-form::backdrop{background:rgba(20,10,5,.55)}
.modal-aberto{overflow:hidden}
.modal-x{position:absolute;top:12px;right:14px;width:36px;height:36px;border:0;border-radius:50%;background:transparent;color:var(--suave);font-size:26px;line-height:1;cursor:pointer}
.modal-x:hover{background:var(--marfim);color:var(--tinta)}
.modal-titulo{font:500 26px/1.2 var(--display);letter-spacing:-.01em;margin:0 36px 20px 0;padding-bottom:14px;border-bottom:1px solid var(--fio-2)}
dialog.modal-form .card{border:0;box-shadow:none;padding:0;margin:0 0 6px;background:transparent}
dialog.modal-form .card.acoes-card{margin-top:18px;padding-top:16px;border-top:1px solid var(--fio)}
dialog.modal-form .dupla{grid-template-columns:1fr 1fr}
@media (max-width:560px){dialog.modal-form{padding:24px 18px}dialog.modal-form .dupla{grid-template-columns:1fr}}

/* ---------- Financeiro: visual de gestão ---------- */
.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0 0 22px}
.kpis.tres{grid-template-columns:repeat(3,minmax(0,1fr))}
.kpis.um{grid-template-columns:minmax(0,1fr)}
.kpi{position:relative;display:flex;flex-direction:column;gap:10px;padding:24px 26px 22px;border:1px solid var(--fio);border-radius:18px;background:var(--branco);min-width:0;overflow:hidden}
.kpi::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--ouro),rgba(196,162,99,0))}
.kpi small{font:600 11px/1.2 var(--ui);letter-spacing:.18em;text-transform:uppercase;color:var(--suave)}
.kpi strong{font:500 clamp(26px,2.25vw,33px)/1.05 var(--display);letter-spacing:-.02em;white-space:nowrap;color:var(--tinta);font-variant-numeric:lining-nums tabular-nums}
.kpi span{font-size:13.5px;color:var(--suave);line-height:1.4}
.kpi .delta{display:inline-block;font-style:normal;font-weight:600;font-size:12.5px;padding:3px 9px;border-radius:99px;background:rgba(122,106,91,.1);width:fit-content}
.kpi .delta.bom{background:#eaf3e4}.kpi .delta.ruim{background:#f8e7e5}
.kpi .delta.bom{color:var(--ok)}.kpi .delta.ruim{color:var(--erro)}
.kpi.forte{background:linear-gradient(155deg,var(--couro-2),var(--couro));border-color:var(--couro)}
.kpi.forte::before{background:linear-gradient(90deg,var(--champagne),rgba(236,218,154,0))}
.kpi.forte .delta{background:rgba(236,218,154,.14)}
.kpi.forte small{color:var(--ouro)}.kpi.forte strong{color:var(--champagne)}.kpi.forte span{color:rgba(236,218,154,.72)}
.kpi.forte .delta.bom{color:#b9e0a4}.kpi.forte .delta.ruim{color:#f0b3ad}
.kpi.alerta{background:#fbf1f0;border-color:#e5c4c1}.kpi.alerta strong{color:var(--erro)}
@media (max-width:1100px){.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.kpis,.kpis.tres{grid-template-columns:minmax(0,1fr)}.kpi strong{font-size:32px}}

.painel-duplo{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:16px;align-items:stretch;margin-bottom:6px}
.painel-duplo .card{margin:0}
@media (max-width:1000px){.painel-duplo{grid-template-columns:minmax(0,1fr)}}
.card-titulo{font:500 22px/1.2 var(--display);margin:0 0 4px;letter-spacing:-.01em}
.grafico-card .nota{margin:0 0 10px}
.grafico{display:block;width:100%;height:auto}
.grafico .g{stroke:var(--fio-2);stroke-width:1;stroke-dasharray:2 5}.grafico .g.z{stroke:var(--fio-2);stroke-dasharray:none}
.grafico .e{fill:var(--ouro);opacity:.42}.grafico .s{fill:var(--couro-2);opacity:.3}
.grafico .e.atual,.grafico .s.atual{opacity:1}
.grafico text{font:500 12px var(--ui);fill:var(--suave)}.grafico .mes.atual{fill:var(--tinta);font-weight:700}.grafico .eixo{font-size:11px}
.legenda{display:flex;gap:18px;margin:8px 0 0;font-size:13px;color:var(--suave);align-items:center}
.legenda i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px}
.legenda i.e{background:var(--ouro)}.legenda i.s{background:var(--couro-2)}

.atencao-bloco+.atencao-bloco{margin-top:20px;padding-top:16px;border-top:1px solid var(--fio)}
.atencao-cab{display:flex;justify-content:space-between;align-items:baseline;margin:0 0 6px;font:600 11.5px/1.2 var(--ui);letter-spacing:.14em;text-transform:uppercase;color:var(--ouro-esc)}
.atencao-cab.atraso{color:var(--erro)}
.atencao-cab strong{font:600 18px/1 var(--display);letter-spacing:0;text-transform:none}
.atencao-lista{list-style:none;margin:0;padding:0}
.atencao-lista li+li{border-top:1px solid var(--fio)}
.atencao-lista a{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;color:var(--tinta);text-decoration:none}
.atencao-lista a:hover strong{color:var(--ouro-esc)}
.atencao-lista b{font:600 14.5px/1 var(--ui);white-space:nowrap;font-variant-numeric:tabular-nums}.atencao-lista b.saida{color:var(--erro)}
.tudo-certo{margin:6px 0 0;color:var(--ok);font-weight:550;font-size:14.5px}

.fin-quem{display:flex;flex-direction:column;gap:2px;min-width:0;color:var(--tinta);text-decoration:none}
.fin-quem strong{font-weight:600;font-size:15px;letter-spacing:-.005em}
.fin-quem small{color:var(--suave);font-size:13px;line-height:1.35;overflow-wrap:anywhere}
a.fin-quem:hover strong{color:var(--ouro-esc)}

.card.lista{padding:6px 24px 14px}
.vazio-lista{margin:18px 0!important}
.nota-lista{margin:16px 0 4px}.nota-topo{margin:-4px 0 16px}
.tab{width:100%;border-collapse:collapse;font-size:14.5px}
.tab thead th{padding:14px 12px 9px;text-align:left;font:600 10.5px/1.2 var(--ui);letter-spacing:.18em;text-transform:uppercase;color:var(--suave);border-bottom:1px solid var(--fio-2);white-space:nowrap}
.tab td,.tab tbody th{padding:11px 12px;border:0;border-bottom:1px solid var(--fio);text-align:left;vertical-align:middle}
.tab tbody tr:last-child td,.tab tbody tr:last-child th{border-bottom:0}
.tab tbody tr:not(.grupo):hover td{background:#fcfaf4}
.tab .num{text-align:right;white-space:nowrap;font-variant-numeric:lining-nums tabular-nums}
.tab td.num{font-weight:600;font-size:15px}
.tab tfoot th,.tab tfoot td{background:transparent;padding:14px 12px;border-top:1px solid var(--fio-2);font-weight:600;text-align:left}
.tab tfoot td{border-bottom:0}
.tab tfoot td.num{text-align:right;font:600 17px/1 var(--display)}
.tab tbody tr.grupo th{padding:22px 12px 8px;border-bottom:1px solid var(--fio-2);font:700 10.5px/1.2 var(--ui);letter-spacing:.18em;text-transform:uppercase;color:var(--ouro-esc);text-align:left;background:transparent}
.tab tr.grupo th span{margin-left:12px;letter-spacing:0;text-transform:none;font-weight:500;color:var(--suave);font-size:13px}
.tab tr.grupo.atrasadas th{color:var(--erro)}
.tab small.prazo{display:block;color:var(--suave);font-size:12.5px;margin-top:2px}
.tab small.prazo.atraso{color:var(--erro)}
.tab+.tab,.tab tbody+tbody tr.grupo th{border-top:0}
.st{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;white-space:nowrap;color:var(--suave)}
.st::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor;flex:none}
.st.ok{color:var(--ok)}.st.late{color:var(--erro)}.st.wait{color:#9a7b1a}.st.off{color:var(--suave)}
.tab td .btn.peq,.tab td .acao-pagar>summary.btn{background:transparent;border:1px solid var(--ouro-esc);color:var(--ouro-esc);box-shadow:none;text-shadow:none}
.tab td .btn.peq:hover,.tab td .acao-pagar>summary.btn:hover,.tab td .acao-pagar[open]>summary.btn{background:var(--couro);border-color:var(--couro);color:var(--champagne);filter:none}
.tab td .btn.sec.peq{border-color:var(--fio-2);color:var(--suave)}
.tab td .btn.sec.peq:hover{border-color:var(--ouro-esc);color:var(--tinta);background:var(--marfim)}
.tab .sem-zap{font-size:13px}
.tab.meses{margin-top:14px}
.tab .neg{color:var(--erro)}
.tab.dre tbody th,.tab.dre td{padding:11px 12px;font-weight:500}
.tab.dre td{text-align:right}
.tab.dre .sub{padding-left:30px;color:var(--suave)}
.tab.dre .dre-grupo th,.tab.dre .dre-grupo td{background:var(--marfim);font-weight:600;border-bottom:0}
.tab.dre .dre-total th,.tab.dre .dre-total td{border-top:2px solid var(--ouro-esc);border-bottom:0;padding-top:16px;font:600 20px/1.2 var(--display);background:transparent}

.barra-filtro{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 18px;margin:0 0 16px}
.barra-filtro .abas{margin:0}
.link-suave{font-size:14px;font-weight:600;color:var(--suave);text-decoration:none}
.link-suave:hover{color:var(--ouro-esc)}

.contas-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;margin-bottom:22px}
.conta-card{display:flex;flex-direction:column;gap:18px;padding:24px;border:1px solid var(--fio);border-radius:20px;background:var(--branco);color:var(--tinta);text-decoration:none;transition:border-color .15s,box-shadow .15s,transform .15s}
a.conta-card:hover{border-color:var(--ouro-esc);box-shadow:0 14px 30px -18px rgba(33,22,15,.45);transform:translateY(-2px);color:var(--tinta)}
.conta-card.inativa{opacity:.6}
.conta-topo{display:flex;align-items:center;gap:14px}
.conta-nome{display:flex;flex-direction:column;min-width:0}.conta-nome strong{font-size:16px}.conta-nome small{color:var(--suave);font-size:13px}
.conta-saldo small,.conta-mov small{display:block;font:600 11px/1.2 var(--ui);letter-spacing:.14em;text-transform:uppercase;color:var(--suave);margin-bottom:6px}
.conta-saldo strong{font:500 38px/1.02 var(--display);letter-spacing:-.02em;font-variant-numeric:lining-nums tabular-nums}
.conta-mov{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding-top:14px;border-top:1px solid var(--fio)}
.conta-mov b{font:600 15px/1 var(--ui);font-variant-numeric:tabular-nums}.conta-mov b.in{color:var(--ok)}.conta-mov b.out{color:var(--erro)}
.conta-pe{font-size:12.5px;color:var(--suave)}

.tab td.seta-td{text-align:right;width:1%;white-space:nowrap}
.tab .st.off{color:var(--suave)}
dialog.modal-form label{font-size:14px;font-weight:600}
dialog.modal-form input,dialog.modal-form select{margin-top:6px}
.ficha-topo+.kpis,.kpis+.card{margin-top:0}

/* Novo honorário em passos */
.passo{display:flex;align-items:center;gap:12px;margin:30px 0 14px;font:700 11px/1 var(--ui);letter-spacing:.18em;text-transform:uppercase;color:var(--ouro-esc)}
.passo:first-of-type{margin-top:4px}
.passo b{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--couro);color:var(--champagne);font:600 13px/1 var(--display);letter-spacing:0}
.passo::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--fio-2),transparent)}
.so-leitor{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.aviso-doc{border-left-color:var(--ouro-esc);background:var(--marfim);border-color:var(--fio-2);color:var(--tinta)}
.acoes-fim{margin-top:26px;padding-top:20px;border-top:1px solid var(--fio)}

/* Filtro de período */
.periodo-barra{position:relative;z-index:30;display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:0 0 20px}
.periodo-rotulo{margin:0 6px 0 0;font:500 22px/1 var(--display);letter-spacing:-.01em}
.segmentado{display:flex;width:fit-content;max-width:100%;flex-wrap:wrap;align-items:center;gap:2px;padding:4px;background:var(--marfim);border:1px solid var(--fio-2);border-radius:12px}
.segmentado>a,.segmentado summary{display:inline-flex;align-items:center;gap:7px;padding:7px 14px;border-radius:9px;color:var(--suave);font:600 13.5px/1.2 var(--ui);text-decoration:none;cursor:pointer;list-style:none;white-space:nowrap;border:0;background:transparent}
.segmentado summary::-webkit-details-marker{display:none}
.segmentado>a:hover,.segmentado summary:hover{color:var(--tinta);background:rgba(255,255,255,.7)}
.segmentado>a.on,.segmentado summary.on,.segmentado details[open]>summary{background:var(--branco);color:var(--tinta);box-shadow:0 1px 3px rgba(33,22,15,.16)}
.segmentado .ico{width:16px;height:16px}
.periodo-livre{position:relative;margin-left:4px;padding-left:6px;border-left:1px solid var(--fio-2)}
.periodo-livre .pop{position:absolute;z-index:40;top:calc(100% + 12px);left:0;right:auto;padding:18px;background:var(--branco);border:1px solid var(--fio-2);border-radius:16px;box-shadow:0 18px 44px rgba(21,13,7,.24);display:block;white-space:normal}
.periodo-livre .pop.a-dir{left:auto;right:0}

/* Situação da lista (abas) */
.abas-situacao{margin:0 0 14px!important}
.abas-situacao a.alerta .n{color:var(--erro)}
.barra-filtro .tipo-links{display:flex;flex-wrap:wrap;align-items:center;gap:4px 14px;margin:0;font-size:13.5px;color:var(--suave)}
.tipo-links a{color:var(--suave);font-weight:600;text-decoration:none;padding:2px 0;border-bottom:2px solid transparent}
.tipo-links a span{color:var(--ouro-esc);margin-left:2px}
.tipo-links a.on{color:var(--tinta);border-bottom-color:var(--ouro)}
.tipo-links a:hover{color:var(--ouro-esc)}
.lista-total{margin:16px 12px 2px;font-size:14px;color:var(--suave)}.lista-total strong{color:var(--tinta)}

/* Calendário de período */
.cal{width:min(320px,86vw)}
.cal-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
.cal-seta{width:38px;height:38px;border:1px solid var(--fio-2);border-radius:50%;background:var(--branco);color:var(--tinta);font-size:22px;line-height:1;cursor:pointer;display:grid;place-items:center;padding:0}
.cal-seta:hover{border-color:var(--ouro-esc);background:var(--marfim)}
.cal-hoje{border:0;background:transparent;color:var(--ouro-esc);font:600 13px var(--ui);cursor:pointer;padding:6px 10px;border-radius:99px}
.cal-hoje:hover{background:var(--marfim)}
.cal-meses{display:block}
.cal-titulo{margin:0 0 8px;text-align:center;font:500 18px/1 var(--display);text-transform:capitalize;letter-spacing:-.01em}
.cal-titulo span{color:var(--suave);font-size:15px}
.cal-grade{display:grid;grid-template-columns:repeat(7,1fr);row-gap:0}
.cal-sem{text-align:center;font:700 10.5px/28px var(--ui);letter-spacing:.1em;color:var(--suave)}
.cal-dia{position:relative;height:36px;border:0;background:transparent;color:var(--tinta);font:500 14px var(--ui);cursor:pointer;padding:0;font-variant-numeric:tabular-nums}
.cal-dia::before{content:"";position:absolute;inset:3px 0;z-index:-1}
.cal-dia.dentro::before{background:#f5eedb}
.cal-dia.ponta-ini::before{border-radius:99px 0 0 99px}
.cal-dia.ponta-fim::before{border-radius:0 99px 99px 0}
.cal-dia.ponta-ini.ponta-fim::before{border-radius:99px}
.cal-dia:hover:not(.ponta-ini):not(.ponta-fim){background:var(--marfim);border-radius:99px}
.cal-dia.hoje{font-weight:800;color:var(--ouro-esc)}
.cal-dia.ponta-ini,.cal-dia.ponta-fim{color:var(--champagne);font-weight:700}
.cal-dia.ponta-ini::after,.cal-dia.ponta-fim::after{content:"";position:absolute;inset:0 auto;left:50%;top:50%;width:34px;height:34px;margin:-17px 0 0 -17px;border-radius:50%;background:linear-gradient(180deg,var(--couro-2),var(--couro));z-index:-1}
.cal-pe{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding-top:12px;border-top:1px solid var(--fio)}
.cal-faixa{font-size:14px;font-weight:600;color:var(--tinta)}
@media (max-width:700px){.periodo-livre{position:static}.periodo-livre .pop{left:0;right:0}.cal{width:auto}}

/* Novo honorário: formulário em cartões e resumo ao lado */
.venda-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,1fr);gap:20px;align-items:start}
.venda-form .card{margin-bottom:16px}
.venda-form .passo:first-child{margin-top:0}
.resumo-venda{position:sticky;top:20px;display:flex;flex-direction:column;gap:10px;padding:26px;border-radius:20px;background:linear-gradient(155deg,var(--couro-2),var(--couro));border:1px solid var(--couro);color:var(--champagne)}
.resumo-venda>small{font:600 11px/1.2 var(--ui);letter-spacing:.18em;text-transform:uppercase;color:var(--ouro)}
.rv-cliente{margin:0;font:500 20px/1.2 var(--display);color:var(--branco)}
.resumo-venda>strong{font:500 36px/1.05 var(--display);letter-spacing:-.02em;color:var(--champagne);white-space:nowrap}
.resumo-venda>span{font-size:13.5px;color:rgba(236,218,154,.75)}
.resumo-venda .previa{margin:8px 0 6px;padding:0;border:0}
.rv-lista{list-style:none;margin:0;padding:0}
.rv-lista li{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-top:1px solid rgba(236,218,154,.18)}
.rv-lista b{display:block;font-weight:600;color:var(--branco);font-size:14.5px}
.rv-lista small{display:block;color:rgba(236,218,154,.7);font-size:12.5px}
.rv-lista em{font-style:normal;font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--champagne)}
.rv-aviso{margin:0;font-size:13.5px;color:#f0d9a0}
.resumo-venda .btn{margin-top:6px;background:var(--champagne);border-color:var(--champagne);color:var(--couro);box-shadow:none}
.resumo-venda .btn:hover{filter:brightness(1.06)}
@media (max-width:1000px){.venda-grid{grid-template-columns:minmax(0,1fr)}.resumo-venda{position:static}}

/* Ações de linha mais discretas */
.tab td .btn.acao-ok{gap:7px;background:rgba(196,162,99,.16);border:0;color:#6f5628;box-shadow:none;min-height:34px;padding:6px 14px;border-radius:8px}
.tab td .btn.acao-ok .ico{width:15px;height:15px}
.tab td .btn.acao-ok:hover{background:var(--couro);color:var(--champagne)}
.tab td .btn.sec.peq{border:0;background:transparent;color:var(--suave);box-shadow:none;min-height:34px;padding:6px 10px}
.tab td .btn.sec.peq:hover{background:var(--marfim);color:var(--tinta)}
.tab td .btn.sec.peq.lembrar{background:var(--marfim);border:1px solid var(--fio-2);color:var(--tinta);padding:6px 14px}
.tab td .btn.sec.peq.lembrar:hover{border-color:var(--ouro-esc);background:var(--marfim);color:var(--tinta)}

.aba-sep{align-self:center;width:1px;height:20px;margin:0 8px;background:var(--fio-2)}
.tipo-tag{display:inline-flex;align-items:center;gap:4px;margin-left:8px;padding:1px 8px;border-radius:99px;background:var(--marfim);border:1px solid var(--fio-2);color:var(--ouro-esc);font:600 11px/1.6 var(--ui);letter-spacing:.04em;vertical-align:1px}
.tipo-tag .ico{width:12px;height:12px}
.abas-situacao + .nota-topo{margin:8px 0 16px}

/* Janela de baixa (Recebi, Paguei, Estornar) */
.baixa-resumo{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:end;margin:0 0 20px;padding:18px 20px;border-radius:14px;background:var(--marfim);border:1px solid var(--fio-2)}
.baixa-resumo small{display:block;font:600 10.5px/1.2 var(--ui);letter-spacing:.16em;text-transform:uppercase;color:var(--suave);margin-bottom:6px}
.baixa-resumo strong{display:block;font:500 20px/1.2 var(--display);color:var(--tinta);overflow-wrap:anywhere}
.baixa-resumo span{display:block;margin-top:3px;font-size:13px;color:var(--suave)}
.baixa-resumo .br-valor{text-align:right}
.baixa-resumo .br-valor strong{font-size:26px;white-space:nowrap;font-variant-numeric:lining-nums tabular-nums}
.baixa-form .acoes{margin-top:18px}
.baixa-form label.check{margin-top:4px;align-items:flex-start}
.baixa-form .check small{display:block;color:var(--suave);font-weight:400;margin-top:2px}
@media (max-width:520px){.baixa-resumo{grid-template-columns:minmax(0,1fr)}.baixa-resumo .br-valor{text-align:left}}
/* Excluir conta fixa */
.excluir{margin-top:14px}
.excluir>summary{list-style:none;cursor:pointer;display:inline-flex}
.excluir>summary::-webkit-details-marker{display:none}
.excluir>summary.perigo-sec{color:var(--erro);border-color:#e5c4c1}
.excluir>summary.perigo-sec:hover{background:#fbf1f0;border-color:var(--erro);color:var(--erro)}
.excluir[open]>summary{margin-bottom:10px}
.excluir p{font-size:14px;color:var(--suave);margin:0 0 10px}

.dupla{align-items:start}
.dica-dupla{margin:-4px 0 14px;font-size:13px;color:var(--suave)}

/* Ficha do honorário */
.meta-extra{display:flex;flex-wrap:wrap;gap:4px 18px;margin:6px 0 0;font-size:13.5px;color:var(--suave)}
.progresso-card{padding:20px 24px!important;margin-bottom:6px!important}
.progresso-topo{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 16px;align-items:baseline;margin-bottom:10px}
.progresso-topo strong{font:500 20px/1 var(--display)}
.progresso-topo span{font-size:13.5px;color:var(--suave)}
.prog{display:block;width:100%;height:10px;border:0;border-radius:99px;background:var(--fio);overflow:hidden;-webkit-appearance:none;appearance:none}
.prog::-webkit-progress-bar{background:var(--fio);border-radius:99px}
.prog::-webkit-progress-value{background:linear-gradient(90deg,var(--ouro),var(--champagne));border-radius:99px}
.prog::-moz-progress-bar{background:var(--ouro);border-radius:99px}
.historico{padding:6px 24px 8px!important}
.historico>summary{cursor:pointer;list-style:none;padding:14px 0;font-weight:600;color:var(--tinta)}
.historico>summary::-webkit-details-marker{display:none}
.historico>summary .n{margin-left:8px;color:var(--ouro-esc)}
.historico>summary::after{content:"+";float:right;color:var(--suave);font-size:20px;line-height:1}
.historico[open]>summary::after{content:"\2212"}
.linha-tempo{list-style:none;margin:0 0 10px;padding:0 0 0 6px}
.linha-tempo li{position:relative;display:flex;gap:16px;padding:0 0 22px}
.linha-tempo li:not(:last-child)::before{content:"";position:absolute;left:5px;top:16px;bottom:0;width:1px;background:var(--fio-2)}
.lt-ponto{flex:none;width:11px;height:11px;margin-top:5px;border-radius:50%;background:var(--suave)}
.lt-ok .lt-ponto{background:var(--ok)}.lt-wait .lt-ponto{background:#9a7b1a}.lt-late .lt-ponto{background:var(--erro)}
.lt-corpo{flex:1;min-width:0}
.linha-tempo p{margin:0}
.lt-topo{display:flex;justify-content:space-between;gap:12px;align-items:baseline}
.lt-topo b{font-variant-numeric:tabular-nums;white-space:nowrap}
.lt-det{font-size:14px;color:var(--tinta)}
.lt-nota{margin-top:4px!important;padding:6px 10px;border-radius:8px;background:var(--marfim);font-size:13.5px;color:var(--tinta)}
.lt-quem{margin-top:4px!important;font-size:12.5px;color:var(--suave)}

/* Ficha do processo */
.ficha-dados{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px 28px;margin:14px 0 6px}
.ficha-dados>div{min-width:0}
.ficha-dados .largo{grid-column:span 2}
.ficha-dados dt{font:600 10.5px/1.2 var(--ui);letter-spacing:.16em;text-transform:uppercase;color:var(--suave);margin-bottom:5px}
.ficha-dados dd{margin:0;font-size:15px;overflow-wrap:anywhere}
.ficha-dados dd small{display:block;color:var(--suave);font-size:12.5px;margin-top:2px}
.mono-num{font-variant-numeric:tabular-nums;letter-spacing:.01em}
.obs-processo{white-space:pre-wrap;margin:16px 0 0;padding:12px 14px;border-radius:10px;background:var(--marfim);font-size:14.5px}
.fontes-linha{margin:16px 0 0!important;font-size:13px}
.imediato{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:6px}
.imediato .card{margin:0;display:flex;flex-direction:column;gap:6px}
.imediato strong{font:500 18px/1.25 var(--display)}
.imediato p{margin:0;font-size:14px}
.rotulo-mini{font:600 10.5px/1.3 var(--ui);letter-spacing:.14em;text-transform:uppercase;color:var(--ouro-esc)}
@media (max-width:1100px){.imediato{grid-template-columns:minmax(0,1fr)}.ficha-dados .largo{grid-column:auto}}
.intim-lista{list-style:none;margin:12px 0 0;padding:0}
.intim-lista>li{display:grid;grid-template-columns:110px minmax(0,1fr);gap:22px;padding:20px 0;border-top:1px solid var(--fio)}
.intim-data b{display:block;font:600 15px/1.2 var(--ui);font-variant-numeric:tabular-nums}
.intim-data small{color:var(--suave);font-size:12px}
.intim-titulo{margin:0 0 6px;display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center}
.intim-titulo strong{font:500 18px/1.25 var(--display)}
.selo{display:inline-flex;align-items:center;padding:2px 10px;border-radius:99px;background:var(--marfim);border:1px solid var(--fio-2);color:var(--ouro-esc);font:600 12px/1.6 var(--ui)}
.selo.prazo{background:#f7f0d6;border-color:#e6d89b;color:#6f5628}
.selo.comp{background:#eef5ea;border-color:#c5dabb;color:var(--ok)}
.intim-resumo{margin:0 0 6px;font-size:14.5px}
.intim-texto summary{cursor:pointer;color:var(--ouro-esc);font-size:13.5px;font-weight:600;list-style:none}
.intim-texto summary::-webkit-details-marker{display:none}
.intim-texto p{margin:8px 0 0;padding:12px 14px;border-radius:10px;background:var(--marfim);font-size:13.5px;line-height:1.55;white-space:pre-wrap}
.intim-acoes{margin:12px 0 0;display:flex;flex-wrap:wrap;gap:8px}
.intim-acoes .btn{gap:7px}
.intim-acoes .btn .ico{width:16px;height:16px}
@media (max-width:700px){.intim-lista>li{grid-template-columns:minmax(0,1fr);gap:6px}}
.mov-topo{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;margin-bottom:12px}
.mov-topo .nota{margin:0;flex:1;min-width:260px}
.mov-topo form{margin:0}
.registrar{margin:0 0 18px}
.registrar>summary{list-style:none;cursor:pointer;display:inline-flex}
.registrar>summary::-webkit-details-marker{display:none}
.registrar .mov-nova{margin-top:14px;padding:18px;border:1px solid var(--fio);border-radius:14px;background:var(--marfim)}
.posicao{margin:10px 0 0}
.lt-off .lt-ponto{background:var(--fio-2)}

.falhas{margin-top:8px}.falhas summary{cursor:pointer;font-weight:600}.falhas ul{margin:8px 0 0;padding-left:20px;font-size:13.5px}
.tribunais{margin:0 0 14px}
.tab small.prazo{display:block}
.tab td .selo{margin:0 6px 2px 0}
.tribunais{gap:6px 16px;align-items:center}.tribunais a{margin:0}

.filtro-tarefas{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px 14px;margin:0 0 16px}
.filtro-tarefas label{margin:0;font-size:12.5px;font-weight:600;color:var(--suave);min-width:200px}
.filtro-tarefas select{min-height:40px;margin-top:4px;padding:8px 12px;font-size:14px}

.sub-rotulo{margin-top:18px!important}

/* Filtros da lista de Processos */
.busca-linha{margin-bottom:16px}
.filtros-linha{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin:0 0 14px}
.filtros-linha .abas{margin:0!important}
.filtro-rotulo{font:700 10.5px/1 var(--ui);letter-spacing:.16em;text-transform:uppercase;color:var(--suave)}
.segmentado>a .n{margin-left:7px;font-weight:700;color:var(--ouro-esc)}
.segmentado>a.on .n{color:var(--tinta)}

/* Intimação lida como documento */
.doc-intim{margin:14px 0 4px;padding:30px 36px;max-width:78ch;background:var(--branco);border:1px solid var(--fio-2);border-radius:14px;box-shadow:0 1px 0 rgba(33,22,15,.04)}
.doc-intim[hidden]{display:none}
.doc-intim header{padding-bottom:14px;margin-bottom:18px;border-bottom:1px solid var(--fio)}
.doc-intim header p{margin:0 0 3px;font-size:14px;color:var(--tinta)}
.doc-intim header p.orgao{font:700 11px/1.4 var(--ui);letter-spacing:.14em;text-transform:uppercase;color:var(--ouro-esc);margin-bottom:8px}
.doc-intim h3{margin:0 0 16px;font:500 22px/1.2 var(--display);letter-spacing:.06em;text-align:center}
.doc-intim>p{margin:0 0 14px;font-size:15.5px;line-height:1.75}
.doc-intim mark.dest{background:#f7efcf;color:var(--tinta);padding:1px 4px;border-radius:4px;font-weight:600}
.doc-intim footer{margin-top:26px;padding-top:14px;border-top:1px solid var(--fio);text-align:right}
.doc-intim footer p{margin:0 0 2px;font-size:14px;color:var(--suave)}
.doc-intim footer p.nome{color:var(--tinta);font-weight:600;font-size:15px}
.doc-nota{margin:22px 0 0!important;font-size:12.5px!important;color:var(--suave);line-height:1.5!important}
@media (max-width:700px){.doc-intim{padding:20px 18px}}

/* Acessos do cliente */
.senha-mascara{display:inline-block;min-width:96px;font:500 14.5px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.06em;margin-right:8px;overflow-wrap:anywhere}
.login-acesso{font:500 14px ui-monospace,SFMono-Regular,Menlo,monospace;margin-right:8px;overflow-wrap:anywhere}
.aviso-acessos{margin:16px 0 0!important;padding:12px 14px;border-radius:10px;background:var(--marfim);font-size:13px;line-height:1.55}
.campo-senha{display:flex;gap:8px;align-items:center;margin-top:7px}
.campo-senha input{margin:0!important;flex:1}

#acessos .tabela-fluida{margin-top:14px}
#acessos .tab thead th:first-child,#acessos .tab td:first-child{padding-left:0}
#acessos .tab td:last-child,#acessos .tab th:last-child{padding-right:0}
section#acessos.card{padding:28px}

/* Agenda */
.ag-tarefa,.ag-audiencia,.ag-pericia,.ag-reuniao,.ag-prazo,.ag-lembrete,.ag-outro{--cor:#7a6a5b;--fundo:#f1ede6}
.ag-audiencia{--cor:#5b3a26;--fundo:#f1e6dd}
.ag-pericia{--cor:#3f6684;--fundo:#e4edf4}
.ag-reuniao{--cor:#9a7b1a;--fundo:#f7f0d6}
.ag-prazo{--cor:#a23939;--fundo:#f8e7e5}
.ag-lembrete{--cor:#6a5a8c;--fundo:#ece8f4}
.ag-tarefa{--cor:#476836;--fundo:#e9f2e3}
.ag-barra{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 20px;margin:0 0 12px}
.ag-nav{display:flex;align-items:center;gap:8px}
.ag-nav .btn.peq{min-width:40px}
.ag-titulo{margin:0 0 0 10px;font:500 26px/1.1 var(--display);letter-spacing:-.01em}
.ag-filtros{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin:0 0 14px}
.ag-filtros .abas{margin:0!important}
.ag-legenda{display:flex;flex-wrap:wrap;gap:4px 14px;margin:0 0 0 auto;font-size:12.5px;color:var(--suave)}
.ag-legenda span{display:inline-flex;align-items:center;gap:6px}
.ag-legenda i,.ag-ponto{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--cor)}
.ag-chip{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:3px 8px;margin:0 0 3px;border-radius:6px;border-left:3px solid var(--cor);background:var(--fundo);color:var(--tinta);font-size:12.5px;line-height:1.5;text-decoration:none}
.ag-chip b{font-weight:700;font-variant-numeric:tabular-nums;color:var(--cor)}
.ag-chip:hover{filter:brightness(.96);color:var(--tinta)}
.ag-mes{padding:12px!important}
.ag-grade{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border-top:1px solid var(--fio);border-left:1px solid var(--fio)}
.ag-cab{padding:8px 10px;font:700 10.5px/1 var(--ui);letter-spacing:.16em;text-transform:uppercase;color:var(--suave);border-right:1px solid var(--fio);border-bottom:1px solid var(--fio);background:var(--marfim)}
.ag-cel{min-height:118px;padding:6px 6px 4px;border-right:1px solid var(--fio);border-bottom:1px solid var(--fio);background:var(--branco);min-width:0}
.ag-cel.fora{background:#faf8f3}.ag-cel.fora .ag-num{color:var(--fio-2)}
.ag-cel.hoje{background:#fffaf0}
.ag-cel-topo{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}
.ag-num{display:inline-grid;place-items:center;min-width:26px;height:26px;border-radius:50%;font:600 13.5px/1 var(--ui);color:var(--tinta);text-decoration:none}
.ag-cel.hoje .ag-num{background:var(--couro);color:var(--champagne)}
.ag-num:hover{background:var(--marfim)}
.ag-add{opacity:0;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;color:var(--suave);font-size:16px;line-height:1;text-decoration:none}
.ag-cel:hover .ag-add,.ag-add:focus{opacity:1}
.ag-add:hover{background:var(--marfim);color:var(--tinta)}
.ag-mais{display:block;padding:1px 8px;font-size:12px;font-weight:600;color:var(--ouro-esc);text-decoration:none}
.ag-semana{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;padding:14px!important}
.ag-col{min-height:240px;padding:8px;border:1px solid var(--fio);border-radius:12px;background:var(--branco)}
.ag-col.hoje{background:#fffaf0;border-color:var(--ouro)}
.ag-col-cab{display:flex;align-items:baseline;gap:8px;margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid var(--fio);text-decoration:none;color:var(--tinta)}
.ag-col-cab small{font:700 10.5px/1 var(--ui);letter-spacing:.14em;color:var(--suave)}.ag-col-cab b{font:500 22px/1 var(--display)}
.ag-col .ag-chip{white-space:normal}
.ag-vazio-dia{margin:6px 0;font-size:12.5px;color:var(--fio-2)}
.ag-add-linha{display:block;margin-top:6px;font-size:12px;font-weight:600;color:var(--suave);text-decoration:none;opacity:0}
.ag-col:hover .ag-add-linha,.ag-add-linha:focus{opacity:1}
.ag-dia{padding:10px 24px!important}
.ag-hora-linha{display:grid;grid-template-columns:70px minmax(0,1fr);gap:14px;min-height:48px;padding:6px 0;border-top:1px solid var(--fio)}
.ag-hora-linha:first-child{border-top:0}
.ag-hora{font:600 12.5px/1.8 var(--ui);color:var(--suave);font-variant-numeric:tabular-nums}
.ag-hora-itens .ag-chip{display:block;white-space:normal;padding:6px 10px;font-size:14px}
.ag-lista{padding:6px 24px!important}
.ag-lista-dia{display:grid;grid-template-columns:90px minmax(0,1fr);gap:18px;padding:14px 0;border-top:1px solid var(--fio)}
.ag-lista-dia:first-child{border-top:0}
.ag-lista-data{display:flex;flex-direction:column;align-items:center;padding:8px 0;border:1px solid var(--fio-2);border-radius:12px;background:var(--marfim);text-decoration:none;color:var(--tinta);height:fit-content}
.ag-lista-dia.hoje .ag-lista-data{background:var(--couro);color:var(--champagne);border-color:var(--couro)}
.ag-lista-data b{font:600 26px/1 var(--display)}.ag-lista-data small{font:700 10.5px/1.6 var(--ui);letter-spacing:.1em;text-transform:uppercase}
.ag-lista-itens .ag-chip{white-space:normal;padding:7px 12px;font-size:14px}
.ag-vazio{margin:18px 0!important}
.ag-rodape{margin-top:14px}
.ag-ver-tipo{display:flex;align-items:center;gap:8px;margin:-6px 0 14px;font-size:13.5px;font-weight:600;color:var(--suave)}
.ag-ver{margin:0 0 14px}
.ag-ver>div{display:grid;grid-template-columns:90px minmax(0,1fr);gap:12px;padding:9px 0;border-top:1px solid var(--fio)}
.ag-ver>div:first-child{border-top:0}
.ag-ver dt{font:700 10.5px/1.8 var(--ui);letter-spacing:.14em;text-transform:uppercase;color:var(--suave)}
.ag-ver dd{margin:0;font-size:15px;overflow-wrap:anywhere}
.ag-ver-acoes{margin-top:16px;display:flex;flex-wrap:wrap;gap:8px}
@media (max-width:900px){.ag-semana{grid-template-columns:minmax(0,1fr)}.ag-col{min-height:0}.ag-cel{min-height:84px}.ag-legenda{margin-left:0}}


/* ---------- Menu em seções e barra superior ---------- */
.nav-secao{margin:20px 14px 5px;font:700 10.5px/1 var(--ui);letter-spacing:.17em;text-transform:uppercase;color:var(--ouro-esc)}
.nav-fim{margin-top:auto;padding-top:12px;border-top:1px solid rgba(196,162,99,.22)}
html.lateral-recolhida .nav-secao{font-size:0;height:1px;margin:12px 12px;padding:0;background:rgba(196,162,99,.22)}
.barra{position:sticky;top:0;z-index:45;display:flex;align-items:center;gap:14px;height:64px;padding:0 44px;background:rgba(246,244,239,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--fio)}
.barra-data{margin:0;flex:none;color:var(--suave);font-size:13.5px;text-transform:capitalize}
.menu-usuario{position:relative;margin-left:auto}
.menu-usuario summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:11px;padding:5px 8px 5px 5px;border-radius:99px;border:1px solid transparent;user-select:none}
.menu-usuario summary::-webkit-details-marker{display:none}
.menu-usuario summary:hover,.menu-usuario[open] summary{background:var(--branco);border-color:var(--fio-2)}
.menu-usuario .avatar{background:var(--noz);color:var(--champagne);border-color:var(--ouro-esc)}
.menu-usuario .quem strong{color:var(--tinta)}
.menu-usuario .quem small{color:var(--suave)}
.menu-usuario .seta-u{width:16px;height:16px;color:var(--suave);transition:transform .2s}
.menu-usuario[open] .seta-u{transform:rotate(180deg)}
.menu-usuario-lista{position:absolute;right:0;top:calc(100% + 8px);min-width:240px;padding:8px;background:var(--branco);border:1px solid var(--fio-2);border-radius:14px;box-shadow:0 18px 44px rgba(33,22,15,.16);display:flex;flex-direction:column;gap:2px}
.menu-usuario-cab{padding:8px 10px 10px;margin-bottom:4px;border-bottom:1px solid var(--fio);display:flex;flex-direction:column;line-height:1.3}
.menu-usuario-cab small{color:var(--suave);font-size:12.5px;overflow:hidden;text-overflow:ellipsis}
.menu-usuario-lista a,.menu-usuario-lista button{display:flex;align-items:center;gap:11px;width:100%;padding:10px;border:0;border-radius:9px;background:none;color:var(--tinta);font:500 14.5px/1.2 var(--ui);cursor:pointer;text-align:left}
.menu-usuario-lista a:hover,.menu-usuario-lista button:hover{background:var(--marfim);color:var(--couro-2)}
.menu-usuario-lista form{margin:0}
@media (max-width:900px){.menu-usuario-lista{min-width:220px}}
.barra-busca{position:relative;flex:1;max-width:520px;margin:0}
.barra-busca .ico{position:absolute;left:14px;top:50%;margin-top:-9px;width:18px;height:18px;color:var(--ouro-esc);pointer-events:none}
.barra-busca input{margin:0;width:100%;min-height:42px;padding:0 44px 0 42px;border-radius:99px;background:var(--branco);border:1px solid var(--fio-2);font-size:15px}
.barra-busca input:focus{border-color:var(--ouro)}
.barra-busca kbd{position:absolute;right:12px;top:50%;transform:translateY(-50%);padding:1px 7px;border:1px solid var(--fio-2);border-radius:6px;font:600 12px/1.5 var(--ui);color:var(--suave);background:var(--papel);pointer-events:none}
.barra-busca input:focus+kbd{display:none}
.barra-busca-ico{display:none}
.res-grupo h2{display:flex;align-items:center;gap:10px;font:600 18px/1.2 var(--display);margin-bottom:10px}
.res-grupo h2 .ico{color:var(--ouro-esc)}
.res-grupo h2 .n{margin-left:auto;font:600 13px/1 var(--ui);color:var(--suave)}
.res-lista{list-style:none;margin:0;padding:0}
.res-lista li+li{border-top:1px solid var(--fio)}
.res-lista a{display:flex;align-items:center;gap:12px;padding:13px 4px;color:var(--tinta)}
.res-lista a:hover{background:var(--marfim)}
.res-lista strong{font-weight:600;flex:none;max-width:55%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.res-lista small{color:var(--suave);font-size:13.5px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.res-lista .ico{margin-left:auto;width:16px;height:16px;color:var(--suave)}
.res-todos{display:inline-block;margin-top:10px;font-size:14px;font-weight:600}


/* ---------- Data e hora do evento (quando.js) ---------- */
input[type=time]{display:block;width:100%;margin-top:7px;padding:0 14px;height:48px;border:1px solid var(--fio-2);border-radius:11px;font:400 16px/1.4 var(--ui);color:var(--tinta);background:var(--branco);-webkit-appearance:none;appearance:none;box-sizing:border-box}
input[type=time]:focus{outline:0;border-color:var(--ouro-esc);box-shadow:0 0 0 4px rgba(196,162,99,.22)}
dialog.modal-form:has(.evento){width:min(720px,94vw)}
.evento-linha{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:16px}
.quando{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr) auto;gap:16px;align-items:end}
.quando>label{position:relative}
.quando .q-dia{margin-bottom:18px;padding-bottom:0;align-items:center;min-height:48px;margin-top:0;white-space:nowrap}
.quando .q-dia input{margin-top:0}
.quando-js .campo-btn{display:flex;align-items:center;gap:10px;width:100%;margin-top:6px;height:48px;padding:0 14px;border:1px solid var(--fio-2);border-radius:11px;background:var(--branco);color:var(--tinta);font:450 15.5px/1.4 var(--ui);text-align:left;cursor:pointer}
.quando-js .campo-btn:hover{border-color:var(--ouro-esc)}
.quando-js .campo-btn:focus-visible{border-color:var(--ouro-esc);box-shadow:0 0 0 4px rgba(196,162,99,.22)}
.quando-js .campo-btn .ico{color:var(--ouro-esc);width:18px;height:18px}
.quando-js input.invalido{border-color:var(--erro)}
.quando-painel{position:absolute;left:0;top:calc(100% - 12px);z-index:40;background:var(--branco);border:1px solid var(--fio-2);border-radius:12px;box-shadow:0 14px 36px rgba(33,22,15,.18)}
.quando-painel[hidden]{display:none}
.quando-cal{width:262px;padding:10px 12px 8px}
.quando-cal .cal-nav{margin-bottom:2px}
.quando-cal .cal-seta{width:30px;height:30px;font-size:18px}
.quando-cal .cal-titulo{margin:0;font-size:16px}
.quando-cal .cal-sem{line-height:22px;font-size:10px}
.quando-cal .cal-dia{height:31px;font-size:13px;border-radius:99px;z-index:0}
.quando-cal .cal-dia:hover{background:var(--marfim)}
.quando-cal .cal-dia.hoje{color:var(--ouro-esc);font-weight:700}
.quando-cal .cal-dia.sel{background:var(--noz);color:var(--champagne);font-weight:700}
.cal-pe{display:flex;justify-content:center;border-top:1px solid var(--fio);margin-top:4px;padding-top:2px}
.quando-horas{width:100%;min-width:132px;max-height:210px;overflow-y:auto;padding:4px}
.quando-horas .hora{display:block;width:100%;padding:8px 10px;border:0;border-radius:8px;background:none;color:var(--tinta);font:500 14.5px/1.2 var(--ui);text-align:left;cursor:pointer;font-variant-numeric:tabular-nums}
.quando-horas .hora:hover{background:var(--marfim)}
.quando-horas .hora.sel{background:var(--noz);color:var(--champagne)}
.quando-horas .hora.vazio{color:var(--suave);border-bottom:1px solid var(--fio);border-radius:8px 8px 0 0;margin-bottom:3px}
@media (max-width:680px){.evento-linha{grid-template-columns:1fr}.quando{grid-template-columns:1fr 1fr}.quando .q-data{grid-column:1/-1}.quando .q-dia{grid-column:1/-1;min-height:0}}

.sugestao-cliente{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:14px 0 0;padding:12px 16px;border:1px solid var(--ouro);border-radius:12px;background:var(--marfim)}
.sugestao-cliente p{margin:0;flex:1;min-width:240px;font-size:14.5px}

/* ---------- Início ---------- */
.kpis.dois{grid-template-columns:repeat(2,minmax(0,1fr))}
.kpi-link{display:block;color:inherit;border-radius:18px;min-width:0}
.kpi-link:hover{color:inherit}
.kpi-link .kpi{height:100%;transition:border-color .15s,transform .15s}
.kpi-link:hover .kpi{border-color:var(--ouro);transform:translateY(-2px)}
.rotulo-link{order:1;font:600 12.5px/1 var(--ui);letter-spacing:0;text-transform:none;color:#6f5a31}
.ih-lista{list-style:none;margin:0 0 6px;padding:0}
.ih-lista li{display:flex;align-items:center;gap:14px;padding:12px 0;border-top:1px solid var(--fio)}
.ih-lista li:first-child{border-top:0}
.ih-hora{flex:none;width:62px;font:600 14px/1.2 var(--ui);color:#6f5a31;font-variant-numeric:tabular-nums}
.ih-corpo{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.35}
.ih-corpo strong{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ih-corpo small{color:var(--suave);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ih-fin{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:2px 0 14px}
.ih-fin div{padding:12px 14px;border:1px solid var(--fio);border-radius:12px;background:var(--marfim);min-width:0}
.ih-fin small{display:block;font:600 10.5px/1.2 var(--ui);letter-spacing:.14em;text-transform:uppercase;color:var(--suave)}
.ih-fin strong{display:block;margin-top:6px;font:500 19px/1.1 var(--display);white-space:nowrap;font-variant-numeric:lining-nums tabular-nums}
.ih-fin .alerta{border-color:#e4bcb8;background:#fbefed}
.ih-fin .alerta strong{color:var(--erro)}
.fontes-inicio{margin:14px 0 0;padding-top:12px;border-top:1px solid var(--fio)}
@media (max-width:760px){.kpis,.kpis.tres,.kpis.dois{grid-template-columns:repeat(2,minmax(0,1fr))}.ih-fin{grid-template-columns:repeat(2,minmax(0,1fr))}}

.inicio-linha{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:22px;align-items:stretch;margin:0 0 26px}
.inicio-linha>.card{margin:0}
.inicio-linha .rotulo{color:#6f5a31}
.inicio-linha .sub-rotulo{margin:14px 0 4px;font:700 13px/1.2 var(--ui);color:var(--tinta)}
.inicio-linha .tarefa small,.inicio-linha .fin-lista small,.inicio-linha .ih-corpo small,.inicio-linha .nota,.inicio-linha .vazio{color:#5e5246}
.inicio-linha .vazio strong{color:var(--tinta)}
.inicio-linha .tarefa a,.inicio-linha .fin-lista .nome,.inicio-linha .ih-corpo a{color:var(--tinta)}
.inicio-linha .tarefa a:hover,.inicio-linha .fin-lista a.nome:hover,.inicio-linha .ih-corpo a:hover{color:var(--ouro-esc)}
.inicio-linha .prazo{color:#5e5246;font-weight:600}
.inicio-linha .prazo.atrasada{color:var(--erro)}
h2.titulo-bloco+.kpis{margin-top:4px}

.ih-lista .ag-chip{flex:none;display:inline-block;margin:0;white-space:nowrap}
.ih-corpo strong{white-space:normal;overflow:visible}
.ih-corpo small{white-space:normal}
.inicio-linha .rotulo{white-space:nowrap}
.inicio-linha .rotulo-link{margin-left:0}

.mon-grafico{display:block;width:100%;max-width:760px;height:auto;margin:6px 0 4px}
.mon-barra{fill:var(--ouro)}
.mon-num{font:600 9px var(--ui);fill:var(--tinta)}
.mon-eixo{font:500 9px var(--ui);fill:var(--suave)}
.segmentado+.kpis{margin-top:18px}

/* ---------- Telas de notebook: menos altura e margens menores ---------- */
@media (min-width:901px) and (max-height:820px){
  .lateral{padding:14px 12px 10px}
  .lateral .marca{padding:0 8px 8px;margin-bottom:2px}
  .lateral .marca img{max-width:150px}
  .lateral nav{margin-top:4px;gap:1px}
  .lateral nav a,.grupo summary{padding:8px 12px;gap:11px}
  .lateral nav .subitens a{padding:6px 10px}
  .nav-secao{margin:10px 12px 3px}
  .nav-fim{padding-top:6px}
  .barra{height:50px}
  .conteudo main{padding:24px 36px 32px}
  .pagina-topo{margin-bottom:18px}
  .pagina-topo h1{font-size:34px}
  .eyebrow{margin-bottom:6px}
  .kpis{gap:12px;margin-bottom:16px}
  .kpi{padding:14px 18px 12px;gap:6px}
  .kpi strong{font-size:clamp(22px,2vw,27px)}
  .card{padding:20px}
  .inicio-linha{gap:16px;margin-bottom:18px}
  .ag-cel{min-height:78px}
  .ag-barra,.ag-nav{margin-bottom:8px}
}
@media (min-width:901px) and (max-width:1500px){
  .conteudo main{padding-left:28px;padding-right:28px}
  .barra{padding:0 28px}
  .inicio-linha{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}
}

/* ---------- Logs ---------- */
.linha-log{display:grid;grid-template-columns:minmax(190px,.9fr) minmax(0,1.4fr) auto;gap:14px;align-items:baseline;padding:11px 4px;border-top:1px solid var(--fio)}
.linha-log:first-child{border-top:0}
.linha-log small{color:#5e5246;white-space:nowrap}
.linha-log span{color:var(--tinta);overflow:hidden;text-overflow:ellipsis}
.linha-log.alerta strong{color:var(--erro)}
.erro-log{padding:16px 20px}
.erro-log pre{margin:6px 0 0;white-space:pre-wrap;word-break:break-word;font:12.5px/1.5 ui-monospace,Menlo,Consolas,monospace;color:var(--tinta)}
@media (max-width:760px){.linha-log{grid-template-columns:1fr}.linha-log small{white-space:normal}}

.ih-proximo{margin:14px 0 0;padding-top:12px;border-top:1px solid var(--fio);font-size:13.5px;color:#5e5246}
.ih-proximo a{color:var(--tinta)}
.ih-proximo a:hover{color:var(--ouro-esc)}
.inicio-linha .mais{display:inline-block;margin-top:6px}
/* notebook pequeno: ainda menos altura */
@media (min-width:901px) and (max-height:700px){
  .lateral nav a,.grupo summary{padding:6px 12px;font-size:14px}
  .nav-secao{margin:7px 12px 2px}
  .barra{height:46px}
  .conteudo main{padding:18px 28px 24px}
  .pagina-topo{margin-bottom:12px}
  .pagina-topo h1{font-size:30px}
  .kpi{padding:10px 16px 10px;gap:3px}
  .kpi strong{font-size:22px}
  .kpi span{font-size:12.5px}
  .card{padding:16px}
  .inicio-linha{gap:12px;margin-bottom:12px}
  .ih-lista li{padding:8px 0}
  .ag-cel{min-height:64px}
}

/* ---------- Prazo em dias úteis e Feriados ---------- */
.intim-prazo{margin:10px 0 10px;padding:12px 14px;border:1px solid var(--fio-2);border-left:3px solid var(--ouro);border-radius:10px;background:var(--marfim)}
.intim-prazo-datas{display:flex;gap:26px;flex-wrap:wrap}
.intim-prazo-datas div{display:flex;flex-direction:column;line-height:1.3}
.intim-prazo-datas small{font:700 10.5px/1.2 var(--ui);letter-spacing:.14em;text-transform:uppercase;color:#6f5a31}
.intim-prazo-datas strong{font:600 17px/1.3 var(--display);color:var(--tinta)}
.intim-prazo .vencido strong{color:var(--erro)}
.intim-prazo details{margin-top:8px;font-size:13.5px;color:#5e5246}
.intim-prazo summary{cursor:pointer;font-weight:600;color:#6f5a31}
.intim-prazo ol{margin:8px 0 0;padding-left:20px}
.intim-prazo .nota{margin:8px 0 0}
.feriados-linha{grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr))}
.feriados-nac{list-style:none;margin:0 0 6px;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:6px 20px}
.feriados-nac li{font-size:14.5px}
.feriados-nac b{display:inline-block;min-width:78px;color:#6f5a31}
.feriado-sugestoes{margin-top:14px}
.intim-dest{margin:2px 0 6px;font-size:13px;color:#5e5246}

/* Tarefas no desenho do Financeiro */
.tarefa-nova{grid-template-columns:minmax(0,3fr) minmax(0,1fr) auto;padding:16px 18px;margin:0 0 18px;background:var(--branco);border:1px solid var(--fio);border-radius:18px}
.tarefa-nova label>span{display:block;font:700 10.5px/1 var(--ui);letter-spacing:.16em;text-transform:uppercase;color:var(--suave);margin-bottom:7px}
.tarefa-nova label>span small{letter-spacing:0;text-transform:none;font-weight:500}
.quadro{gap:18px}
.coluna{position:relative;background:var(--marfim);border:1px solid var(--fio);border-radius:18px;padding:18px 14px 12px;overflow:hidden}
.coluna::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--ouro),rgba(196,162,99,0))}
.coluna.col-fazendo::before{background:linear-gradient(90deg,var(--couro-2),rgba(60,40,28,0))}
.coluna.col-feita::before{background:linear-gradient(90deg,var(--ok),rgba(90,140,70,0))}
.coluna.alvo{background:#f3ead4;border-color:var(--ouro)}
.coluna h2{font:700 11px/1 var(--ui);letter-spacing:.18em;text-transform:uppercase;color:var(--suave);margin:2px 4px 14px}
.coluna .contagem{font:700 11.5px/1 var(--ui);letter-spacing:0;background:var(--branco);color:var(--tinta);border:1px solid var(--fio-2);padding:4px 9px}
.cartao{border:1px solid var(--fio);border-left-width:1px;border-radius:14px;padding:14px 14px 12px;box-shadow:0 1px 2px rgba(33,22,15,.05);transition:border-color .15s,box-shadow .15s,transform .15s}
.cartao:hover{border-color:var(--ouro);box-shadow:0 4px 14px rgba(33,22,15,.09);transform:translateY(-1px)}
.cartao.prio-alta,.cartao.prio-media,.cartao.prio-baixa{border-left-color:var(--fio)}
.cartao.prio-alta{box-shadow:inset 3px 0 0 var(--erro),0 1px 2px rgba(33,22,15,.05)}
.cartao.prio-media{box-shadow:inset 3px 0 0 var(--ouro),0 1px 2px rgba(33,22,15,.05)}
.cartao .titulo{font-size:15px}
.rodape-cartao{margin-top:12px;padding-top:10px;border-top:1px solid var(--fio)}
.rodape-cartao .prazo{font-weight:600}
.rodape-cartao .prazo.atrasada{color:var(--erro);background:#f8e7e5;border-radius:99px;padding:3px 9px}
.rodape-cartao .mini{background:var(--marfim);border-radius:99px;padding:2px 8px}
.card.lista .tarefa{padding:14px 6px}
.card.lista .tarefa:last-child{border-bottom:0}
.tarefa-grupo h2{font:700 11px/1 var(--ui);letter-spacing:.18em;margin:0 0 4px}
.tarefa .prazo{font-weight:600}
.tarefa-grupo.atrasada .prazo{color:var(--erro)}
@media (max-width:720px){.tarefa-nova{grid-template-columns:1fr}}
.card.lista .tarefa-grupo{margin-bottom:8px!important}
.card.lista .tarefa-grupo h2{padding:14px 6px 8px;border-bottom:1px solid var(--fio)}
.quando.quando-so-data{display:block}
.quando-so-data .quando-painel{top:calc(100% - 2px)}
.tarefa-nova .quando-js .campo-btn{margin-top:0}
.cal-pe{display:flex;justify-content:space-between;gap:8px}
.tarefa-nova{position:relative;z-index:30}   /* o calendário aberto fica por cima das colunas */
.quadro,.coluna{z-index:0}
/* calendário nos campos de data avulsos */
.quando-solo{position:relative}
.quando-solo .quando-painel{top:calc(100% + 2px)}
.cal-dia:disabled{opacity:.28;cursor:default}
.cal-dia:disabled:hover{background:none}
.cal-selects{display:flex;gap:6px;justify-content:center;margin:0}
.cal-sel{width:auto!important;min-height:0!important;margin:0!important;padding:3px 22px 3px 8px!important;font:600 13.5px/1.2 var(--ui)!important;border:1px solid var(--fio-2)!important;border-radius:8px!important;background-color:var(--branco)}
/* quadro: espaço mostrando onde o cartão vai cair */
.cartao-espaco{border:2px dashed var(--ouro);background:rgba(196,162,99,.12);border-radius:14px}
.cartao.arrastando{opacity:.4;transform:rotate(1.5deg)}
.coluna .cartoes{display:flex;flex-direction:column;gap:10px;min-height:48px}
.coluna-vazia[hidden]{display:none}
/* cartão mais informativo, adicionar cartão e arraste por toque */
.cartao .etqs{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}
.etq{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:600 11.5px/1 var(--ui);padding:4px 9px;border-radius:99px}
.etq-alta{background:#f8e7e5;color:var(--erro)}
.etq-cli{background:var(--marfim);color:var(--couro-2);border:1px solid var(--fio)}
.rodape-cartao .quem{font-weight:600;color:var(--tinta);max-width:84px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.coluna-add{display:flex;align-items:center;gap:8px;width:100%;margin-top:10px;padding:10px 12px;border:0;border-radius:12px;background:transparent;color:var(--suave);font:600 13.5px var(--ui);cursor:pointer;text-align:left}
.coluna-add:hover{background:rgba(255,255,255,.7);color:var(--tinta)}
.coluna-add .ico{width:16px;height:16px}
.coluna-novo{margin-top:10px}
.coluna-novo textarea{width:100%;resize:none;border-radius:12px;padding:10px 12px;min-height:64px}
.coluna-novo div{display:flex;gap:8px;margin-top:8px}
.coluna-novo textarea.invalido{border-color:var(--erro)}
.cartao-fantasma{position:fixed;z-index:200;pointer-events:none;opacity:.92;transform:rotate(2deg);box-shadow:0 14px 34px rgba(33,22,15,.28)}
.cartao[draggable=true]{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}
.cartao{cursor:pointer}

/* barra de progresso dos passos (sem estilo em linha: o painel não permite) */
progress.progresso{display:block;width:100%;height:6px;border:0;border-radius:99px;background:var(--fio);overflow:hidden;-webkit-appearance:none;appearance:none;margin-top:10px}
progress.progresso::-webkit-progress-bar{background:var(--fio);border-radius:99px}
progress.progresso::-webkit-progress-value{background:linear-gradient(90deg,var(--ouro),var(--ok));border-radius:99px}
progress.progresso::-moz-progress-bar{background:linear-gradient(90deg,var(--ouro),var(--ok));border-radius:99px}
/* página da tarefa */
.td-topo{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin:0 0 22px}
.td-topo h1{font:600 clamp(26px,2.4vw,34px)/1.12 var(--display);letter-spacing:-.01em;margin:4px 0 12px;max-width:62ch}
.td-etqs{display:flex;flex-wrap:wrap;gap:8px;margin:0}
.etq-sit-a{background:var(--marfim);color:var(--couro-2);border:1px solid var(--fio-2)}
.etq-sit-f{background:var(--couro-2);color:var(--champagne)}
.etq-sit-c{background:#eaf3e4;color:var(--ok)}
.td-grade{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px;align-items:start}
.td-principal{display:flex;flex-direction:column;gap:18px;min-width:0}
.td-principal .card,.td-lado{margin:0}
.td-cab{display:flex;align-items:baseline;justify-content:space-between}
.td-cont{font:600 13px var(--ui);color:var(--suave);letter-spacing:0}
.td-desc{white-space:pre-wrap;margin:0;line-height:1.55}
.td-passo-novo{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;margin-top:14px}
.td-coment-novo{margin:0 0 20px}
.td-coment-novo .btn{margin-top:10px}
.td-coment{display:flex;gap:12px;padding:14px 0;border-top:1px solid var(--fio)}
.td-coment .eu{flex:none;width:32px;height:32px;border-radius:50%;background:var(--couro-2);color:#fff;display:grid;place-items:center;font:600 13px var(--ui)}
.td-coment-quem{margin:0 0 3px}
.td-coment-quem small{color:var(--suave);margin-left:6px}
.td-coment-txt{white-space:pre-wrap;margin:0;line-height:1.5}
.td-lado{position:sticky;top:84px}
.td-dados{margin:0;display:grid;gap:16px}
.td-dados dt{font:700 10.5px/1 var(--ui);letter-spacing:.16em;text-transform:uppercase;color:var(--suave);margin-bottom:6px}
.td-dados dd{margin:0;font-size:15.5px;font-weight:500}
.td-dados dd small{display:block;color:var(--suave);font-weight:400;margin-top:2px}
.td-dados dd.atrasada{color:var(--erro);font-weight:600}
.td-pessoa{display:flex;align-items:center;gap:10px}
.td-pessoa .eu{width:28px;height:28px;border-radius:50%;background:var(--couro-2);color:#fff;display:grid;place-items:center;font:600 12px var(--ui)}
.td-acoes{display:flex;flex-direction:column;gap:8px;margin-top:22px;padding-top:20px;border-top:1px solid var(--fio)}
.td-acoes .btn{width:100%;justify-content:center}
@media (max-width:980px){.td-grade{grid-template-columns:minmax(0,1fr)}.td-lado{position:static;order:-1}}
.tarefa button.link-suave{background:none;border:0;padding:4px 6px;font:600 13px var(--ui);color:var(--suave);cursor:pointer;border-radius:8px}
.tarefa button.link-suave:hover{color:var(--erro);background:#f8e7e5}
.td-dados dt{margin-top:0}

/* Tarefas em Lista, no desenho do quadro */
.lista-grupo{position:relative;padding:20px 22px 8px;margin:0 0 16px;overflow:hidden}
.lista-grupo::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--ouro),rgba(196,162,99,0))}
.lista-grupo.lg-atrasadas::before{background:linear-gradient(90deg,var(--erro),rgba(160,50,40,0))}
.lista-grupo.lg-feitas::before{background:linear-gradient(90deg,var(--ok),rgba(90,140,70,0))}
.lg-titulo{display:flex;align-items:center;gap:8px;font:700 11px/1 var(--ui);letter-spacing:.18em;text-transform:uppercase;color:var(--suave);margin:0 0 6px}
.lista-grupo.lg-atrasadas .lg-titulo{color:var(--erro)}
.lg-titulo .contagem{font:700 11.5px/1 var(--ui);letter-spacing:0;background:var(--branco);color:var(--tinta);border:1px solid var(--fio-2);border-radius:99px;padding:4px 9px}
.lt{position:relative;display:flex;align-items:center;gap:16px;padding:14px 6px;border-top:1px solid var(--fio);border-radius:10px;transition:background .15s}
.lt:hover{background:var(--marfim)}
.lt form{margin:0;position:relative;z-index:2}
.lt .feito{width:30px;height:30px;border-radius:50%;border:2px solid var(--fio-2);background:transparent;color:transparent;cursor:pointer;padding:0;display:grid;place-items:center}
.lt .feito:hover{border-color:var(--ok);color:var(--ok)}
.lt .feito .ico{width:16px;height:16px}
.lt.concluida .feito{background:var(--ok);border-color:var(--ok);color:#fff}
.lt.concluida .lt-titulo{text-decoration:line-through;color:var(--suave)}
.lt-corpo{flex:1;min-width:0}
.lt-titulo{display:block;font-weight:600;font-size:15.5px;color:var(--tinta);text-decoration:none;line-height:1.3}
.lt-titulo::after{content:"";position:absolute;inset:0}   /* a linha toda abre a tarefa */
.lt-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:7px}
.lt-meta .mini{font-size:12.5px;color:var(--suave);background:var(--marfim);border-radius:99px;padding:3px 9px}
.lt-quem{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--tinta);white-space:nowrap}
.lt-quem .eu{width:26px;height:26px;border-radius:50%;background:var(--couro-2);color:#fff;display:grid;place-items:center;font:600 12px var(--ui)}
.lt .prazo{min-width:78px;text-align:right;font-size:13.5px;font-weight:600;color:var(--suave);white-space:nowrap}
.lt .prazo.atrasada{color:var(--erro)}
@media (max-width:720px){.lt{flex-wrap:wrap}.lt-quem{display:none}.lt .prazo{margin-left:46px;text-align:left}}
.lista-grupo h2.lg-titulo{font:700 11px/1 var(--ui);letter-spacing:.18em;text-transform:uppercase;margin:6px 0 10px;padding:0}
/* Avisos: um de cada vez */
.av-grade{display:grid;grid-template-columns:320px minmax(0,1fr);gap:20px;align-items:start}
.av-fila{padding:18px 14px;margin:0;max-height:70vh;overflow:auto}
.av-fila .lg-titulo{padding:0 8px;margin:0 0 10px}
.av-item{display:flex;flex-direction:column;gap:2px;padding:11px 12px;border-radius:12px;color:var(--tinta);text-decoration:none;border:1px solid transparent}
.av-item:hover{background:var(--marfim)}
.av-item.on{background:var(--marfim);border-color:var(--ouro)}
.av-item strong{font-size:14.5px}
.av-item span{font-size:13px;color:var(--couro-2)}
.av-item small{color:var(--suave)}
.av-compor{margin:0}
.av-cliente{font:600 26px/1.15 var(--display);margin:2px 0 4px}
.av-proc{margin:0 0 14px;color:var(--suave)}
.av-movs{list-style:none;margin:0 0 18px;padding:12px 14px;background:var(--marfim);border-radius:12px;display:grid;gap:8px;font-size:14.5px}
.av-form textarea{min-height:200px}
.av-form .acoes{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
@media (max-width:980px){.av-grade{grid-template-columns:minmax(0,1fr)}.av-fila{max-height:none;order:2}}
.av-fila h2.lg-titulo{font:700 11px/1 var(--ui);letter-spacing:.18em;text-transform:uppercase;margin:4px 8px 12px}
/* Clientes: lista em tabela, linha inteira clicável */
.tab-clientes tr.lnk{position:relative;cursor:pointer}
.tab-clientes tr.lnk:hover td{background:var(--marfim)}
.tab-clientes .cli-nome{display:flex;align-items:center;gap:14px;color:var(--tinta);text-decoration:none;min-width:0}
.tab-clientes .cli-nome::after{content:"";position:absolute;inset:0}
.tab-clientes .mono{flex:none}
.tab-clientes td{white-space:nowrap;vertical-align:middle}
/* Ficha do cliente: cabeçalho, números e duas colunas */
.cl-topo{display:flex;align-items:center;gap:24px;margin:0 0 22px;flex-wrap:wrap}
.cl-tit{flex:1;min-width:0}
.cl-tit h1{font:600 clamp(26px,2.4vw,36px)/1.1 var(--display);letter-spacing:-.01em;margin:2px 0 10px}
.cl-acoes{display:flex;gap:10px;flex-wrap:wrap}
.cl-grade{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:20px;align-items:start}
.cl-principal{display:flex;flex-direction:column;gap:18px;min-width:0}
.cl-principal>.card,.cl-lado>.card{margin:0}
.cl-lado{display:flex;flex-direction:column;gap:18px;position:sticky;top:84px}
.cl-lado .td-dados{gap:14px}
@media (max-width:980px){.cl-grade{grid-template-columns:minmax(0,1fr)}.cl-lado{position:static}}
.cl-lado .td-dados{gap:3px 0}
.cl-lado .td-dados dd{margin-bottom:12px}
.cl-lado .td-dados dt{margin-top:0}

/* seletor de mês e ano do calendário (datas de nascimento) */
.cal-selects{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:6px;align-items:center;margin:0;padding:0 4px}
.cal-sel{width:100%!important;min-width:0;height:34px;min-height:0!important;margin:0!important;padding:0 26px 0 10px!important;font:600 14px/1 var(--ui)!important;text-transform:capitalize;color:var(--tinta);border:1px solid var(--fio-2)!important;border-radius:9px!important;background-color:var(--branco);background-position:right 9px center!important;background-size:12px!important;cursor:pointer}
.cal-sel:hover{border-color:var(--ouro-esc)!important}
.quando-cal .cal-nav{display:grid;grid-template-columns:30px minmax(0,1fr) 30px;gap:6px;align-items:center}
/* Filtros em lista suspensa (Processos) */
.filtros-linha .filtros-drop{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-left:auto}
.filtro-drop{position:relative}
.filtro-drop summary{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 14px;border:1px solid var(--fio-2);border-radius:12px;background:var(--branco);color:var(--suave);font:600 13.5px/1 var(--ui);cursor:pointer;list-style:none;white-space:nowrap}
.filtro-drop summary::-webkit-details-marker{display:none}
.filtro-drop summary:hover{border-color:var(--ouro-esc);color:var(--tinta)}
.filtro-drop summary strong{color:var(--tinta);font-weight:700}
.filtro-drop summary .ico{width:14px;height:14px;color:var(--ouro-esc)}
.filtro-drop summary.on{background:var(--noz);border-color:var(--noz);color:var(--ouro)}
.filtro-drop summary.on strong{color:var(--champagne)}
.filtro-drop[open] summary{border-color:var(--ouro-esc);box-shadow:0 0 0 4px rgba(196,162,99,.18)}
.filtro-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:40;min-width:230px;padding:6px;background:var(--branco);border:1px solid var(--fio-2);border-radius:12px;box-shadow:0 14px 36px rgba(33,22,15,.18)}
.filtro-menu a{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:9px 12px;border-radius:8px;color:var(--tinta);text-decoration:none;font:500 14.5px/1.2 var(--ui)}
.filtro-menu a:hover{background:var(--marfim)}
.filtro-menu a.on{background:var(--noz);color:var(--champagne)}
.filtro-menu .n{color:var(--ouro-esc);font-weight:700;font-size:13px}
.filtro-menu a.on .n{color:var(--ouro)}
@media (max-width:760px){.filtros-linha .filtros-drop{margin-left:0}}
.filtros-linha{position:relative;z-index:30}   /* a lista suspensa abre por cima dos cartões e da tabela */
/* Serviços */
.tab-servicos .doc-ico{width:42px;height:42px}
.tab-servicos td{vertical-align:middle}
.tab-servicos tr:not(.lnk) .cli-nome::after{display:none}
.sv-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:start;max-width:1100px}
.sv-form .card{margin:0}
.sv-form .acoes{grid-column:1 / -1;display:flex;gap:10px}
.sv-opcoes{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 18px}
.sv-op{display:block;margin:0;cursor:pointer}
.sv-op input{position:absolute;opacity:0;pointer-events:none}
.sv-op>span{display:flex;flex-direction:column;gap:3px;padding:14px 16px;border:1px solid var(--fio-2);border-radius:14px;background:var(--branco);transition:border-color .15s,background .15s}
.sv-op strong{font-size:15.5px;font-weight:600}
.sv-op small{color:var(--suave)}
.sv-op:hover>span{border-color:var(--ouro-esc)}
.sv-op input:checked+span{background:var(--noz);border-color:var(--noz);color:var(--champagne)}
.sv-op input:checked+span small{color:rgba(236,218,154,.75)}
.sv-op input:focus-visible+span{box-shadow:0 0 0 4px rgba(196,162,99,.3)}
@media (max-width:900px){.sv-form{grid-template-columns:minmax(0,1fr)}}
/* Lista suspensa da busca da barra superior */
.busca-sug{position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:80;max-height:70vh;overflow:auto;padding:8px;background:var(--branco);border:1px solid var(--fio-2);border-radius:16px;box-shadow:0 18px 44px rgba(33,22,15,.22)}
.busca-sug[hidden]{display:none}
.bs-tit{margin:8px 8px 4px;font:700 10.5px/1 var(--ui);letter-spacing:.16em;text-transform:uppercase;color:var(--suave)}
.bs-item{display:flex;flex-direction:column;gap:2px;padding:9px 12px;border-radius:10px;color:var(--tinta);text-decoration:none}
.bs-item strong{font-weight:600;font-size:14.5px}
.bs-item small{color:var(--suave);font-size:12.5px}
.bs-item:hover,.bs-item.on{background:var(--marfim)}
.bs-item.on{box-shadow:inset 3px 0 0 var(--ouro)}
.bs-vazio{margin:10px 12px;color:var(--suave);font-size:14px}
.bs-todos{display:block;margin:6px 4px 2px;padding:10px 12px;border-top:1px solid var(--fio);color:var(--ouro-esc);font:600 13.5px var(--ui);text-decoration:none}
.bs-todos:hover{color:var(--tinta)}

/* Configurações: abas, e lista com formulário ao lado */
.cfg-abas{margin:6px 0 14px}
.cfg-sub{margin:0 0 18px}
.cfg-grade{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px;align-items:start}
.cfg-grade>.card{margin:0}
.cfg-lado{position:sticky;top:84px}
.tab-usuarios td{vertical-align:middle;white-space:normal}
.tab-usuarios .cli-nome::after{display:none}
.tab-usuarios tr.inativo{opacity:.65}
.tab-usuarios .acoes-usuario{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-width:230px}
.tab-usuarios .acoes-usuario form{margin:0}
.tab-usuarios td:first-child .fin-quem small{overflow-wrap:anywhere}
.tab-usuarios .acoes{display:flex;gap:8px;flex-wrap:wrap;margin:0}
.tab-grupos td{white-space:nowrap}
@media (max-width:1100px){.cfg-grade{grid-template-columns:minmax(0,1fr)}.cfg-lado{position:static}}
.cfg-duas{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:start;margin-bottom:18px}
.cfg-duas>.card{margin:0}
@media (max-width:900px){.cfg-duas{grid-template-columns:minmax(0,1fr)}}
.cfg-estreito{max-width:760px}
.cfg-abas+.nota,.cfg-sub+.nota{margin:14px 0 20px!important}
.tab-auditoria td{vertical-align:top;white-space:nowrap}
.tab-auditoria td.desc{white-space:normal;min-width:260px}
.tab-usuarios .acoes-usuario{flex-direction:column;align-items:stretch;gap:6px;min-width:0;width:178px}
.tab-usuarios .acoes-usuario .btn,.tab-usuarios .acoes-usuario form{width:100%}
.tab-usuarios .acoes-usuario .btn.peq{justify-content:center;text-align:center;border:1px solid var(--fio-2);color:var(--couro-2);background:var(--branco);padding:7px 12px}
.tab-usuarios .acoes-usuario .btn.peq:hover{border-color:var(--ouro-esc);background:var(--marfim);color:var(--tinta)}
.tab-usuarios .acoes-usuario .acoes{display:flex;flex-direction:column;gap:6px}
.tab-usuarios .acoes-usuario .btn.peq{border:1px solid #c9b88f!important;background:#fff!important;color:var(--couro-2)!important;border-radius:10px;font-weight:600}
.tab-usuarios .acoes-usuario .btn.peq:hover{background:var(--marfim)!important;border-color:var(--ouro-esc)!important;color:var(--tinta)!important}
.sv-acoes{white-space:nowrap}
.sv-acoes .btn.peq{position:relative;z-index:2;border:1px solid #c9b88f!important;background:#fff!important;color:var(--couro-2)!important;border-radius:10px;font-weight:600;padding:6px 12px}
.sv-acoes .btn.peq:hover{background:var(--marfim)!important;color:var(--tinta)!important}
.btn-excluir{color:var(--erro)!important}
.btn-excluir:hover{background:#fbf1f0!important;border-color:var(--erro)!important}
.sv-excluir{max-width:1100px;margin-top:18px}
.sv-excluir p{margin:0 0 12px}
.tab-usuarios .acoes-usuario .btn.peq.btn-excluir,.sv-acoes .btn.peq.btn-excluir{color:var(--erro)!important;border-color:#e5c4c1!important}
.tab-usuarios .acoes-usuario .btn.peq.btn-excluir:hover,.sv-acoes .btn.peq.btn-excluir:hover{background:#fbf1f0!important;border-color:var(--erro)!important}
/* Telas de entrada */
.capa-lista{list-style:none;margin:26px 0 0;padding:0;display:grid;gap:14px;max-width:40ch}
.capa-lista li{display:flex;gap:14px;align-items:flex-start;color:#d9cdb6;font-size:15.5px;line-height:1.45}
.capa-lista .ico{flex:none;width:22px;height:22px;margin-top:1px;color:var(--ouro)}
.entrada .capa .capa-lista span{display:block}
.entrada .lado .esqueci{margin:18px 0 0;font-size:14px}
.entrada .lado .esqueci a{color:var(--ouro-esc);font-weight:600;text-decoration:none}
.entrada .lado .esqueci a:hover{color:var(--tinta)}
.caps-aviso{display:block;margin-top:6px;font:600 12.5px var(--ui);color:#8a5a00}
.aviso.info{background:#f6f1e4;border-color:#e3d6b0;border-left-color:var(--ouro);color:#5a4a1d}
progress.forca{display:block;width:100%;height:5px;margin-top:8px;border:0;border-radius:99px;background:var(--fio);overflow:hidden;-webkit-appearance:none;appearance:none}
progress.forca::-webkit-progress-bar{background:var(--fio);border-radius:99px}
progress.forca::-webkit-progress-value{border-radius:99px;background:var(--erro)}
progress.forca[data-n="2"]::-webkit-progress-value{background:var(--ouro)}
progress.forca[data-n="3"]::-webkit-progress-value,progress.forca[data-n="4"]::-webkit-progress-value{background:var(--ok)}
progress.forca::-moz-progress-bar{background:var(--ouro);border-radius:99px}
.forca-txt{display:block;margin-top:4px;font-size:12.5px;color:var(--suave)}
@media (max-width:900px){.capa-lista{display:none}}
.capa-eyebrow{margin:0 0 14px!important;font:700 11px/1 var(--ui);letter-spacing:.2em;text-transform:uppercase;color:var(--ouro)!important}
.entrada .capa h2{max-width:19ch}
/* Relatórios */
.rel-form{margin:0 0 16px;position:relative;z-index:30}
.rel-filtros-linha{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px 14px}
.rel-filtros-linha>label{margin:0;font-size:12.5px;font-weight:600;color:var(--suave);min-width:190px}
.rel-filtros-linha select,.rel-filtros-linha input[type=text]{min-height:42px;margin-top:4px;padding:8px 12px;font-size:14px;font-weight:400;color:var(--tinta)}
.rel-acoes{display:flex;gap:8px;align-items:center}
.rel-pers{position:relative}
.rel-pers>summary{display:inline-flex;align-items:center;height:42px;padding:0 14px;border:1px solid var(--fio-2);border-radius:12px;background:var(--branco);color:var(--suave);font:600 13.5px var(--ui);cursor:pointer;list-style:none}
.rel-pers>summary::-webkit-details-marker{display:none}
.rel-pers[open]>summary{border-color:var(--ouro-esc);color:var(--tinta)}
.rel-pers-corpo{position:absolute;z-index:40;top:calc(100% + 6px);left:0;width:min(560px,92vw);padding:16px;background:var(--branco);border:1px solid var(--fio-2);border-radius:14px;box-shadow:0 14px 36px rgba(33,22,15,.18);display:grid;gap:14px}
.rel-colunas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px}
.rel-ordem{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.rel-ordem label{margin:0;font-size:12.5px;font-weight:600;color:var(--suave)}
.rel-ordem select{margin-top:4px}
.rel-tab th a{color:inherit;text-decoration:none}
.rel-tab th a:hover{color:var(--tinta)}
.rel-tab td{white-space:nowrap;vertical-align:middle}
.rel-tab tfoot td,.rel-tab tfoot th{border-top:2px solid var(--fio-2);background:var(--marfim);text-align:left}
.rel-tab tfoot td.num{text-align:right}
.rel-tab .neg{color:var(--erro)}
.rel-tab tr.rel-total td{font-weight:600;background:var(--marfim);border-top:1px solid var(--fio-2)}
.rel-tab tr.rel-item td:first-child{padding-left:26px}
.rel-tab tr.rel-sub td{color:var(--suave)}
.rel-tab tr.rel-sub td:first-child{padding-left:48px}
.rel-card{padding:14px 18px}
.nota-lista{margin:0 0 8px}
.rel-filtros-linha:has(.rel-pers[open]){position:relative;z-index:35}
/* folha impressa */
body.impressao main:has(.rel-folha){max-width:297mm}
.rel-folha h1{font:600 22px/1.2 var(--display);margin:0 0 6px}
.rel-filtros{display:flex;flex-wrap:wrap;gap:4px 18px;margin:0 0 14px;color:#4a3f33;font-size:12.5px}
.rel-folha .rel-tab{font-size:12px}
.rel-folha .rel-tab td,.rel-folha .rel-tab th{padding:6px 8px;white-space:normal}
@media print{.rel-folha{page-break-inside:auto}.rel-folha tr{page-break-inside:avoid}.rel-folha thead{display:table-header-group}}

.tg-prefs label.check{margin:0 0 12px}
.tg-prefs label.check small{display:block;color:var(--suave);font-size:12.5px}

/* ---------- Venda avulsa e atalho de lançamento ---------- */
a.avulsa-atalho{display:grid;grid-template-columns:44px minmax(0,1fr) 24px;align-items:center;gap:14px;margin-bottom:14px;text-decoration:none;color:inherit;border:1px solid rgba(196,162,99,.55)}
a.avulsa-atalho:hover{background:rgba(196,162,99,.10)}
a.avulsa-atalho strong{display:block;font-size:16px}
a.avulsa-atalho small{display:block;color:var(--suave);margin-top:2px}
.conta-acoes{display:flex;gap:8px;flex-wrap:wrap}
.conta-acoes .btn{flex:1 1 auto;justify-content:center}
.tab.extrato td small{display:block;color:var(--suave)}
.kpis.quatro{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:900px){.kpis.quatro{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.kpis.quatro{grid-template-columns:minmax(0,1fr)}}

/* ---------- Botão flutuante de honorário ---------- */
.fab-menu{position:fixed;right:24px;bottom:24px;z-index:25}
.fab-venda{list-style:none;cursor:pointer;user-select:none;display:inline-flex;align-items:center;gap:8px;padding:14px 20px;border-radius:99px;background:linear-gradient(180deg,var(--couro-2),var(--couro));color:var(--champagne);border:1px solid #5b3f27;font:600 15px/1 var(--ui);text-decoration:none;box-shadow:0 8px 22px rgba(21,13,7,.35)}
.fab-venda svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2}
.fab-venda:hover{filter:brightness(1.12)}
@media (max-width:640px){.fab-menu{right:16px;bottom:16px}.fab-venda{padding:14px}.fab-venda span{display:none}}
.fab-venda::-webkit-details-marker{display:none}
.fab-lista{position:absolute;right:0;bottom:calc(100% + 10px);min-width:300px;padding:8px;background:var(--branco);border:1px solid var(--fio-2);border-radius:14px;box-shadow:0 18px 44px rgba(33,22,15,.22);display:flex;flex-direction:column;gap:2px}
.fab-lista a{display:flex;flex-direction:column;gap:2px;padding:12px;border-radius:9px;color:var(--tinta);text-decoration:none}
.fab-lista a:hover{background:var(--marfim)}
.fab-lista strong{font-size:15px}
.fab-lista small{color:var(--suave);font-size:13px;line-height:1.35}
@media (max-width:640px){.fab-lista{min-width:260px;max-width:calc(100vw - 32px)}}
@media print{.fab-menu{display:none!important}}

/* ---------- Lançamento rápido de despesa ---------- */
.rapido-valor{display:block;font-size:13px}
.rapido-valor .rv-campo{display:flex;align-items:baseline;gap:8px;border-bottom:2px solid var(--ouro-esc);padding:2px 0 6px}
.rapido-valor .rv-campo b{font:600 22px/1 var(--ui);color:var(--suave)}
.rapido-valor input{border:0!important;box-shadow:none!important;background:none!important;font:600 34px/1.1 var(--ui)!important;padding:4px 0!important;width:100%}
.rapido-tipos{margin:4px 0 14px}
.rapido-tipos .pilula span{min-height:40px;padding:8px 16px;font-size:14.5px}
.rapido-quando{margin:4px 0 8px}
.rapido-venc{display:none}
.rapido-form:has(input[value="depois"]:checked) .rapido-venc{display:block}
.rapido-form:has(input[value="depois"]:checked) .rapido-conta{display:none}
.rapido-mais{display:block;margin-top:12px;font-size:13.5px}

/* "← Tela anterior" na linha de cima do título */
.eyebrow .eyebrow-voltar{color:inherit;text-decoration:none;white-space:nowrap}
.eyebrow .eyebrow-voltar:hover{color:var(--tinta)}
.eyebrow .eyebrow-sep{color:var(--suave)}

.saudacao-frase{margin:-12px 0 24px;color:var(--suave);font:italic 450 17px/1.4 var(--display)}

/* ---------- Meu plano ---------- */
.plano-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;margin-bottom:22px}
.plano-card{display:flex;flex-direction:column;gap:10px;padding:22px 24px;margin:0}
.plano-card small{font:700 11px/1 var(--ui);letter-spacing:.14em;text-transform:uppercase;color:var(--suave)}
.plano-valor{font:600 34px/1.05 var(--display);color:var(--tinta)}
.plano-valor span{font:450 15px/1.2 var(--ui);color:var(--suave)}
.plano-barra{height:10px;border-radius:99px;background:var(--fio);overflow:hidden}
.plano-barra i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--ouro-esc),var(--couro-2))}
.plano-alerta .plano-barra i{background:#d9922b}
.plano-cheio .plano-barra i{background:var(--erro)}
.plano-cheio .plano-valor{color:var(--erro)}
.plano-livre{font-size:14px;color:var(--tinta)}
.plano-apoio{font-size:13px;color:var(--suave)}
.plano-duas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:22px}
.plano-lista{list-style:none;margin:0 0 10px;padding:0}
.plano-lista li{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid var(--fio)}
.plano-lista li:first-child{border-top:0}
@media (max-width:760px){.plano-duas{grid-template-columns:minmax(0,1fr)}}

/* menu do usuário: cabeçalho com avatar */
.menu-usuario-lista{min-width:290px;padding:10px}
.menu-usuario-cab{flex-direction:row;align-items:center;gap:13px;padding:8px 8px 14px;margin-bottom:6px}
.menu-usuario .avatar.grande{width:46px;height:46px;font-size:19px;background:var(--noz);color:var(--champagne)}
.cab-textos{display:flex;flex-direction:column;gap:2px;min-width:0}
.cab-textos strong{font:600 15.5px/1.25 var(--ui);color:var(--tinta);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cab-textos small{color:var(--suave);font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cab-grupo{align-self:flex-start;margin-top:4px;padding:2px 9px;border-radius:99px;background:var(--marfim);border:1px solid var(--fio-2);font:600 10.5px/1.5 var(--ui);letter-spacing:.1em;text-transform:uppercase;color:var(--couro-2);font-style:normal}
.menu-usuario-lista a .ico,.menu-usuario-lista button .ico{width:18px;height:18px;color:var(--ouro-esc)}
.menu-sair{margin-top:6px;padding-top:6px;border-top:1px solid var(--fio)}
.menu-sair button{color:var(--suave)}
.menu-sair button:hover{color:var(--erro)!important;background:rgba(160,40,40,.06)!important}
/* plano: módulos */
.plano-modulos{margin-bottom:22px}
.plano-modulos h2{margin:0 0 14px}
.modulos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:12px;margin-bottom:26px}
.modulo{display:flex;gap:14px;align-items:flex-start;padding:16px 18px;background:var(--branco);border:1px solid var(--fio);border-radius:14px}
.modulo-ico{flex:none;width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--marfim);border:1px solid var(--fio-2);color:var(--ouro-esc)}
.modulo-ico .ico{width:21px;height:21px}
.modulo strong{display:flex;align-items:center;gap:8px;font:600 15px/1.3 var(--ui);color:var(--tinta)}
.modulo p{margin:4px 0 0;font-size:13px;line-height:1.45;color:var(--suave)}
.plano-duas{align-items:start}

/* central de novidades */
.menu-novidades{position:relative;margin-left:auto}
.menu-novidades summary{list-style:none;cursor:pointer;position:relative;width:32px;height:38px;display:grid;place-items:center;color:var(--tinta);user-select:none}
.menu-novidades summary::-webkit-details-marker{display:none}
.menu-novidades summary .ico{width:23px;height:23px;color:var(--suave);transition:color .15s}
.menu-novidades summary:hover .ico,.menu-novidades[open] summary .ico{color:var(--ouro-esc)}
.nov-bolinha{position:absolute;top:0;right:-4px;min-width:18px;height:18px;padding:0 5px;border-radius:99px;background:var(--noz);color:var(--champagne);font:700 10.5px/18px var(--ui);text-align:center;font-style:normal;border:2px solid var(--marfim);box-sizing:content-box}
.menu-novidades-lista{position:absolute;right:-60px;top:calc(100% + 8px);width:370px;max-width:calc(100vw - 24px);padding:8px;background:var(--branco);border:1px solid var(--fio-2);border-radius:14px;box-shadow:0 18px 44px rgba(33,22,15,.16);display:flex;flex-direction:column;gap:2px;z-index:30}
.nov-cab{display:flex;justify-content:space-between;align-items:center;padding:8px 10px 10px;border-bottom:1px solid var(--fio);margin-bottom:4px}
.nov-cab strong{font:600 15.5px/1 var(--ui);color:var(--tinta)}
.nov-cab span{font:700 11px/1 var(--ui);letter-spacing:.08em;text-transform:uppercase;color:var(--ouro-esc)}
.nov-item,.novidade-item{display:flex;flex-direction:column;gap:3px;padding:11px 12px;border-radius:10px;color:var(--tinta);text-decoration:none;position:relative}
.nov-item:hover,.novidade-item:hover{background:var(--marfim)}
.nov-item strong,.novidade-item strong{font:600 14.5px/1.3 var(--ui)}
.nov-item.nova,.novidade-item.nova{padding-left:22px}
.nov-item.nova::before,.novidade-item.nova::before{content:"";position:absolute;left:9px;top:18px;width:8px;height:8px;border-radius:50%;background:var(--ouro-esc)}
.nov-resumo,.novidade-resumo{font-size:13px;line-height:1.4;color:var(--suave);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.nov-item small,.novidade-item small{font-size:12px;color:var(--suave)}
.nov-vazio{margin:0;padding:18px 12px;text-align:center;font-size:13.5px;color:var(--suave)}
.nov-todas{margin-top:4px;padding:10px;text-align:center;border-top:1px solid var(--fio);border-radius:0 0 9px 9px;font:600 13.5px/1.2 var(--ui);color:var(--couro-2);text-decoration:none}
.nov-todas:hover{background:var(--marfim)}
.novidade-tipo{align-self:flex-start;padding:2px 9px;border-radius:99px;background:var(--marfim);border:1px solid var(--fio-2);font:700 10px/1.6 var(--ui);letter-spacing:.1em;text-transform:uppercase;color:var(--couro-2)}
.novidade-tipo.tipo-versao,.novidade-tipo.tipo-modulo{background:var(--noz);border-color:var(--noz);color:var(--champagne)}
.novidade-tipo.tipo-aviso{background:#fbf0dc;border-color:#e6c98f;color:#8a5a12}
.novidades-lista{display:flex;flex-direction:column;gap:8px;max-width:760px}
.novidades-lista .novidade-item{background:var(--branco);border:1px solid var(--fio);padding:16px 18px}
.novidades-lista .novidade-item.nova{padding-left:30px}
.novidades-lista .novidade-item.nova::before{left:14px;top:24px}
.novidade-leitura{display:flex;flex-direction:column;gap:12px}
.novidade-capa{width:100%;max-height:240px;object-fit:cover;border-radius:12px;border:1px solid var(--fio)}
.novidade-meta{display:flex;align-items:center;gap:10px;margin:0;font-size:12.5px;color:var(--suave)}
.novidade-texto{font-size:15px;line-height:1.6;color:var(--tinta)}
@media (max-width:900px){.menu-novidades-lista{right:-40px;width:330px}.menu-novidades+.menu-usuario{margin-left:2px}.menu-novidades{margin-left:auto}.menu-novidades+.menu-usuario{margin-left:0}}

/* ajuda */
.barra-ajuda{width:32px;height:38px;display:grid;place-items:center;color:var(--suave);margin-right:2px}
.barra-ajuda .ico{width:23px;height:23px}
.barra-ajuda:hover{color:var(--ouro-esc)}
.ajuda{display:grid;grid-template-columns:260px minmax(0,1fr);gap:22px;align-items:start}
.ajuda-indice{position:sticky;top:84px;display:flex;flex-direction:column;gap:12px}
.ajuda-busca{display:flex;align-items:center;gap:8px;padding:0 12px;height:42px;border:1px solid var(--fio-2);border-radius:99px;background:var(--branco)}
.ajuda-busca .ico{width:17px;height:17px;color:var(--suave);flex:none}
.ajuda-busca input[type=search]{border:0;outline:0;background:none;font:450 14px/1 var(--ui);width:100%;padding:0;box-shadow:none;height:auto}
.ajuda-indice nav{display:flex;flex-direction:column;gap:2px}
.ajuda-indice nav a{display:flex;align-items:center;gap:11px;padding:9px 12px;border-radius:10px;color:var(--tinta);font:500 14.5px/1.2 var(--ui);text-decoration:none}
.ajuda-indice nav a .ico{width:18px;height:18px;color:var(--ouro-esc);flex:none}
.ajuda-indice nav a:hover{background:var(--marfim)}
.ajuda-indice nav a.ativo{background:var(--noz);color:var(--champagne)}
.ajuda-indice nav a.ativo .ico{color:var(--champagne)}
.ajuda-artigo{padding:30px 34px;max-width:820px}
.ajuda-artigo .eyebrow{display:flex;align-items:center;gap:8px}
.ajuda-artigo .eyebrow .ico{width:16px;height:16px}
.ajuda-artigo>h2{margin:6px 0 22px;font-size:26px}
.ajuda-artigo section{padding:18px 0;border-top:1px solid var(--fio)}
.ajuda-artigo h3{margin:0 0 8px;font:600 16.5px/1.3 var(--ui);color:var(--tinta)}
.ajuda-artigo p,.ajuda-artigo li{font-size:15px;line-height:1.65;color:var(--tinta)}
.ajuda-artigo p{margin:0 0 8px}
.ajuda-artigo ul{margin:0 0 8px;padding-left:20px}
.ajuda-artigo li{margin-bottom:4px}
.ajuda-pedir{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:18px;padding:18px 20px;border-radius:14px;background:var(--marfim);border:1px solid var(--fio-2)}
.ajuda-pedir div{display:flex;flex-direction:column;gap:3px}
.ajuda-pedir strong{font:600 15px/1.3 var(--ui);color:var(--tinta)}
.ajuda-pedir span{font-size:13.5px;color:var(--suave)}
.ajuda-pedir .btn .ico,.topo-acoes .btn .ico{width:17px;height:17px;margin-right:6px;vertical-align:-3px}
@media (max-width:900px){.ajuda{grid-template-columns:minmax(0,1fr)}.ajuda-indice{position:static}.ajuda-indice nav{flex-direction:row;flex-wrap:wrap}.ajuda-artigo{padding:22px 20px}}
.menu-novidades~.menu-usuario{margin-left:0}

/* botão de pedir ajuda: verde pastel, fácil de enxergar */
.btn.btn-zap{background:#cfeedd;color:#14532d;border:1px solid #8fd3ad;font-weight:600;display:inline-flex;align-items:center;gap:7px}
.btn.btn-zap:hover{background:#b9e6cd;border-color:#6fc496}
.btn.btn-zap .ico{width:18px;height:18px;margin:0;vertical-align:baseline}
.ajuda-pedir{background:#f1faf5;border-color:#bfe5cf}
.ajuda-artigo a.ajuda-link{color:var(--couro-2);font-weight:700}

.plano-nome{display:inline-block;margin-left:8px;padding:2px 11px;border-radius:99px;background:var(--noz);color:var(--champagne);font:700 11px/1.7 var(--ui);letter-spacing:.1em;text-transform:uppercase;vertical-align:middle}

.cab-codigo{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:0 2px 6px;padding:8px 12px;border-radius:10px;background:var(--marfim);border:1px dashed var(--fio-2)}
.cab-codigo span{font:600 11px/1.2 var(--ui);letter-spacing:.08em;text-transform:uppercase;color:var(--suave)}
.cab-codigo strong{font:700 13.5px/1 ui-monospace,Menlo,monospace;letter-spacing:.08em;color:var(--tinta)}