/* Etapa 7 — as peças do app no navegador que não estavam na maquete: a entrada (login), a marca ZT LawAI / Zaya LawAI, o tema de cada
   escritório (as cores vêm da aparência do perfil, gravada pela Tessa) e as páginas que ainda entram nas próximas partes. */

/* a marca: o logo NOVO do Dr. (05/11/2026, 16h54 — logo-zt.png, de scripts/marca_do_dr.py): o ZT em degradê violeta → azul-petróleo →
   verde-água e «LawAI» claro, com o neurônio no I. As cores de apoio da entrada e o nome da Zaya seguem o degradê (antes, C.1.1: Z #3A987D
   e T #79B9C8). «Law» e «AI» dos desenhos da Zaya e da Tessa: cinza-claro no preto, escuros no claro. */
:root{--z:#5A3FF4;--zt-meio:#0A91B3;--t:#55CAAE;--lawai:#e3e6e9}
body[data-tema=claro]{--lawai:#1c2129}
.cz{fill:var(--z)}.ct{fill:var(--t)}.cw,.ca{fill:var(--lawai)}.cn{fill:var(--z)}
.marca svg,.marca img{display:block;height:100%;width:auto}

/* o tema vem da aparência do escritório: o texto de destaque sai da cor2 clareada (no preto) */
body[data-tema=escuro]{--cor-txt:color-mix(in srgb,var(--cor2) 62%,#fff)}
body{--logo:none}
.carregando{display:grid;place-items:center;height:100vh;color:var(--cinza)}

/* entrada: o logo translúcido como papel de parede e a caixa de vidro (7.2, rodada 3) */
.entrada{position:relative;min-height:100vh;display:grid;place-items:center;padding:24px 16px;overflow:hidden;background:#0b0c0e}
.entrada .parede{position:absolute;left:50%;top:50%;width:min(92%,1100px);transform:translate(-50%,-50%);opacity:.09;pointer-events:none}
.entrada .parede svg,.entrada .parede img{width:100%;height:auto;display:block}
.entrada .bolha{position:absolute;border-radius:50%;filter:blur(70px);opacity:.22;pointer-events:none}
.entrada .b1{width:420px;height:420px;background:var(--z);left:18%;top:-120px}
.entrada .b2{width:380px;height:380px;background:var(--t);right:16%;bottom:-90px}
.caixa-entrada{position:relative;width:min(400px,100%);border-radius:18px;padding:26px 26px 22px;background:rgba(22,24,27,.62);
  border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(26px) saturate(150%);-webkit-backdrop-filter:blur(26px) saturate(150%);
  box-shadow:0 18px 50px rgba(0,0,0,.45);color:#e3e6e9;--lawai:#e3e6e9}
.caixa-entrada .marca{height:76px;margin:0 auto 14px;display:flex;justify-content:center}
.caixa-entrada h1{font-size:19px;margin:0 0 4px;font-weight:650}
.caixa-entrada .st{font-size:13px;color:#9aa1a7;margin:0 0 16px;line-height:1.45}
.caixa-entrada label{display:block;font-size:13px;font-weight:600;margin:0 0 12px;color:#c4c9ce}
.caixa-entrada input{display:block;width:100%;margin-top:5px;font:inherit;font-size:15px;padding:10px 12px;border-radius:9px;border:1px solid rgba(255,255,255,.18);
  background:rgba(12,13,15,.7);color:#e3e6e9}
.caixa-entrada input:focus{outline:2px solid var(--t);outline-offset:1px}
.caixa-entrada .entrar{width:100%;border:0;border-radius:9px;padding:11px 12px;font:inherit;font-weight:650;color:#fff;background:linear-gradient(100deg,var(--z),var(--zt-meio));cursor:pointer;margin-top:4px}
.caixa-entrada .entrar[disabled]{opacity:.6;cursor:default}
.caixa-entrada .link{display:block;text-align:center;font-size:13px;color:var(--t);margin-top:12px;background:none;border:0;cursor:pointer;width:100%;font:inherit}
.caixa-entrada .erro{color:#ef6b5f;font-size:13.5px;min-height:20px;margin:2px 0 6px}
.caixa-entrada .ok{color:#5cc98a;font-size:13.5px;margin:2px 0 6px}
.caixa-entrada .chave-totp{font-family:Consolas,"Cascadia Mono",monospace;font-size:15px;letter-spacing:.06em;background:rgba(12,13,15,.7);border:1px dashed rgba(255,255,255,.25);
  border-radius:9px;padding:10px 12px;margin:0 0 12px;overflow-wrap:anywhere;user-select:all}
.caixa-entrada .codigos{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px;font-family:Consolas,monospace;font-size:13.5px;margin:0 0 12px}

/* a marca do escritório na barra (logo ou o nome) e a Zaya LawAI no processo (rodada 6) */
.lado-logo.nome-esc{display:flex;align-items:center;font-weight:700;font-size:17px;letter-spacing:.01em;max-width:190px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.zaya-marca{display:flex;align-items:center;height:38px}
.zaya-marca svg{height:27px;width:auto;display:block}
.zaya-bt{display:inline-flex}
.zaya-bt svg{height:16px;width:auto;display:block}

/* a barra recolhida cabe inteira em 1.366 × 768 (aceite p77q3): ícone menor, o nome curto embaixo */
.app.recolhido .item-btn{min-height:0;padding:2px 2px;gap:2px}
.app.recolhido .item-btn .tile{width:28px;height:28px;border-radius:8px}
.app.recolhido .item-btn .tile svg{width:16px;height:16px}

/* páginas que entram nas próximas partes da construção */
.em-breve{max-width:620px}
.em-breve .cartao p{margin:0 0 8px;line-height:1.5}
.lista-vazia{padding:22px;text-align:center;color:var(--cinza)}
.erro-pag{color:var(--perigo)}
.sair{border:0;background:none;color:var(--cinza);cursor:pointer;font:inherit;font-size:11.5px;padding:0;text-decoration:underline}
.t td a.cnj{font-variant-numeric:tabular-nums}
@media (max-width:760px){
  .topo{flex-wrap:wrap;row-gap:8px}
  .topo>div:nth-child(2){flex:1 1 calc(100% - 60px)}
  .topo .acoes{width:100%;justify-content:flex-end}
}

/* Parte 2: o processo — os documentos abrem ao lado (leitor de PDF do navegador; HTML sem script), as listas que recolhem, o registro */
.visor-doc{width:100%;height:calc(100vh - 210px);min-height:420px;border:1px solid var(--linha);border-radius:6px;background:#fff;display:block}
.colunas .visor-doc{height:100%;min-height:0;border:0;border-radius:0}
.paginas .visor-doc{height:calc(100vh - 230px)}
.visor-img{background:#fff;border:1px solid var(--linha);border-radius:6px;padding:10px;text-align:center}
.visor-img img{max-width:100%;max-height:calc(100vh - 240px)}
.visor-midia{width:100%;margin-bottom:12px;border-radius:8px;background:#000}
.leitura{display:grid;grid-template-columns:300px minmax(0,1fr);gap:14px;min-height:0}
.leitura-doc{min-width:0}
.lista-docs{background:var(--sup);border:1px solid var(--linha);border-radius:10px;overflow:auto;max-height:calc(100vh - 160px)}
body.vidro .lista-docs{background:rgba(255,255,255,.56);backdrop-filter:blur(14px) saturate(1.25);-webkit-backdrop-filter:blur(14px) saturate(1.25)}
body[data-tema=escuro].vidro .lista-docs{background:rgba(255,255,255,.05)}
.doc-item{display:block;padding:9px 12px;border-bottom:1px solid var(--linha2);text-decoration:none;color:inherit}
.doc-item:hover{background:rgba(127,127,127,.08)}
.doc-item.ativo{background:color-mix(in srgb,var(--cor2) 16%,transparent)}
.doc-item b{display:block;font-size:13.5px;font-weight:600;overflow-wrap:anywhere}
.doc-item small{color:var(--cinza);font-size:12px}
.doc-item.peca{display:flex;align-items:center;gap:6px}
.doc-item.peca>a{flex:1;min-width:0;text-decoration:none;color:inherit}
.fmts{display:flex;gap:4px;flex:none}
.soltar{display:block;cursor:pointer}
.soltar.sobre{border-color:var(--cor2);background:color-mix(in srgb,var(--cor2) 10%,transparent)}
.transcricao{margin:0 0 8px;line-height:1.55}
.modal{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:16px}
.modal-veu{position:absolute;inset:0;background:rgba(0,0,0,.45)}
.modal-caixa{position:relative;width:min(900px,100%);max-height:calc(100vh - 32px);overflow:auto;background:var(--sup);color:var(--tinta);border:1px solid var(--linha);border-radius:14px;padding:16px 18px;box-shadow:0 18px 50px rgba(0,0,0,.35)}
.modal-topo{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;font-size:16px}
.barra-an .btn[disabled]{opacity:.38;cursor:default}
/* o parecer não se imprime (7.1.8): na página do parecer, a impressão sai em branco */
@media print{body.sem-impressao *{display:none!important}}
@media (max-width:900px){.leitura{grid-template-columns:1fr}.lista-docs{max-height:220px}}

/* a peça em texto (E.4.1): a folha como o timbrado — corpo justificado com recuo, tópico centralizado, citação recuada, fecho centralizado */
.peca-texto{font-family:"Century Gothic","URW Gothic",Futura,"Segoe UI",sans-serif;font-size:14.5px;line-height:1.55}
.peca-texto p{margin:0 0 10px;text-align:justify;text-indent:2cm}
.peca-texto p[data-t=topico]{text-align:center;text-indent:0;font-weight:700;margin-top:16px}
.peca-texto p[data-t=endereco],.peca-texto p[data-t=processo]{text-indent:0;font-weight:700}
.peca-texto p[data-t=cita]{margin-left:3cm;text-indent:0;font-size:12.5px;font-style:italic}
.peca-texto p[data-t=pedidos]{text-indent:0;margin-bottom:4px}
.peca-texto p[data-t=fecho]{text-align:center;text-indent:0}
.peca-texto p[data-t=quebra]{text-align:center;text-indent:0;color:#8d8d8d;font-size:12px;border-top:1px dashed #c9c9c9;padding-top:6px;user-select:none}
.peca-texto .dourado{text-decoration:underline;text-decoration-color:#c9a227;text-decoration-thickness:2px}
.peca-texto .ref{color:#1f4f99;text-decoration:underline;text-decoration-style:dotted;cursor:pointer}


/* Parte 3 — o Escritório: publicações e atas, legislação, agenda, consultoria, usuários, a IA do escritório */
.lancar{margin-bottom:12px}
.lancar>summary{cursor:pointer;list-style:none;margin:0}
.lancar>summary::-webkit-details-marker{display:none}
.lancar>summary::before{content:"+ ";font-weight:700}
.lancar[open]>summary::before{content:"− "}
.lancar .form{margin-top:10px}
.lancar .form textarea{height:120px}
.sep-abas{width:8px}
.abas .aba[title]{min-width:34px;text-align:center}
.alt.cinza{background:#7b848c}
.leg .sumario{display:flex;flex-direction:column}
.leg #leg-indice{overflow:auto;min-height:0;flex:1}
.leg-busca{display:block;width:calc(100% - 20px);font:inherit;padding:7px 10px;border:1px solid var(--linha);border-radius:9px;background:#fff;color:var(--tinta)}
.disp{position:relative;scroll-margin-top:8px}
.leg .disp{content-visibility:auto;contain-intrinsic-size:auto 140px}   /* a norma inteira (a CF tem 570 mil letras): o navegador só desenha o que aparece */
.disp-txt p{margin:0 0 6px;line-height:1.55;font-family:Georgia,serif;font-size:14.5px;color:#1d2125}
.disp.revogado .disp-txt{color:#7a8087;text-decoration:line-through}
.disp h4{color:#1d2125}
button.lnk{background:none;border:0;padding:0;font:inherit;font-weight:650}
.disp .lnk{font-size:12px;color:#1f4f99}
.anterior{margin-top:8px;padding:8px 12px;border-left:3px solid var(--perigo);background:#fbf3f2}
.anterior small{display:block;color:#8a4a44;font-size:11.5px;margin-bottom:4px;font-family:"Segoe UI",sans-serif}
.anterior p{margin:0 0 6px;font-family:Georgia,serif;font-size:13.5px;color:#555}
.ev input{margin:0 4px 0 0;vertical-align:-2px;accent-color:var(--cor)}
.mes .dia-n{font-weight:700;color:inherit;text-decoration:none;cursor:pointer}
.mes .fer{color:var(--perigo);font-size:11px}
.t tr.feito td{opacity:.55}
.t tr.feito td:nth-child(3){text-decoration:line-through}
.t td input[type=checkbox]{accent-color:var(--cor);width:16px;height:16px}
.duas.consultoria{height:calc(100vh - 150px);min-height:380px}
.consultoria .conversa{min-height:0}
.consultoria .msg{white-space:pre-wrap}
.modal-caixa.estreita{width:min(560px,100%)}
.senha-temp{font-family:Consolas,"Cascadia Mono",monospace;font-size:20px;letter-spacing:1px;user-select:all;padding:10px 14px;border:1px dashed var(--linha);border-radius:9px;text-align:center}
.t.usuarios select{font:inherit;padding:4px 6px;border:1px solid var(--linha);border-radius:7px;background:transparent;color:var(--tinta)}
.t.usuarios tr.inativo td{opacity:.6}
.acoes-u{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.acoes-u .btn{padding:4px 9px;font-size:12.5px}
.feitos{margin-top:6px;display:flex;flex-direction:column;gap:2px}
.feitos small{font-size:11.5px;color:var(--ok)}
.feitos small.nao{color:var(--alerta)}
body[data-tema=escuro] .leg-busca,body[data-tema=escuro] .t.usuarios select{background:var(--campo);color:var(--tinta);border-color:var(--linha)}
body[data-tema=escuro] .t.usuarios select option{background:var(--campo)}
/* Parte 4 — o Agendamento e o protocolo */
.ev.lembrete{background:transparent;border:1px dashed var(--linha);border-left:3px dotted #9aa3ab}
.legenda i.lemb{background:transparent;border:1px dashed #9aa3ab}
.agendar{margin-bottom:14px}
.agendar .form{grid-template-columns:120px minmax(0,1fr)}
@media (max-width:760px){.leg.autos{grid-template-columns:1fr}.leg .sumario{max-height:240px}
  .duas.consultoria{grid-template-columns:1fr;height:auto}.consultoria .lista-caixa{max-height:200px}.consultoria .conversa{height:70vh}
  .agendar .form{grid-template-columns:1fr}}
.form .estreito{max-width:220px}
/* Parte 5 — Clientes */
.t.clientes td{vertical-align:top}
.origens small.origem{display:block;font-size:11.5px;color:var(--cinza);line-height:1.35;margin-bottom:3px}
.origens small.origem b{color:var(--tinta);font-weight:600}
.origens .ref{color:var(--cor-txt,var(--cor));text-decoration:underline;cursor:pointer}
.cli-busca{margin:0 0 12px;max-width:520px}

/* ---------------------------------------------------------------- Etapa 7, Parte 6: a Preparação de audiências e reuniões */
.prep-lista{display:flex;flex-direction:column;gap:6px}
.prep-item{display:grid;grid-template-columns:150px 1fr 230px 150px;gap:10px;align-items:center;padding:9px 10px;border:1px solid var(--borda);border-radius:10px;background:var(--fundo-cartao, transparent)}
.prep-item.feito{opacity:.7}
.prep-quando b{display:block}
.prep-quando small,.prep-oque small{display:block;color:var(--texto-2);margin-top:2px}
.prep-acao{text-align:right}
.prep-papel{background:#fbf8f1;color:#151515;border:1px solid var(--borda);border-radius:10px;padding:18px 22px;margin:10px 0;overflow-x:auto}
.prep-papel h1{font-size:1.25rem;margin:4px 0 6px}
.prep-papel h2{font-size:1.05rem;margin:16px 0 6px;color:#1f4e46}
.prep-papel h3{font-size:.98rem;margin:12px 0 4px}
.prep-papel p{margin:6px 0}
.prep-papel ul{margin:4px 0 8px 18px;padding:0}
.prep-papel mark{background:#ffe866;color:#111;padding:0 2px}
.prep-papel table.prep-t{border-collapse:collapse;width:100%;margin:6px 0;font-size:.93rem}
.prep-papel table.prep-t td,.prep-papel table.prep-t th{border:1px solid #c9c2b2;padding:5px 7px;vertical-align:top;text-align:left}
.prep-papel table.prep-t th{background:#efe8d8}
.prep-papel table.campos td:first-child{width:28%;white-space:normal}
.prep-rolar{overflow-x:auto}
.prep-rel-caixa{width:100%;min-height:150px;font:inherit;padding:10px;border-radius:8px;border:1px solid var(--borda);background:var(--fundo-campo, #fff);color:inherit}
.prep-rel.travado{background:#f3efe4;color:#151515;border-radius:8px;padding:10px 12px}
.prep-rel.travado small{color:#55595f;display:flex;gap:6px;align-items:center}
.prep-chat{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.prep-chat svg,.prep-rel svg{width:16px;height:16px;flex:none}
.selo.aviso{background:#fff1cc;color:#8a5a00}
body[data-tema=escuro] .selo.aviso{background:rgba(240,190,70,.16);color:#f0c050}
.prep-barra{margin:4px 0 0}
.bolha.aviso-esc{border-style:dashed}
.bolha.aviso-esc .rotulo-aviso{display:block;font-size:.72rem;letter-spacing:.04em;text-transform:uppercase;opacity:.7;margin-bottom:2px}
@media (max-width:760px){
  .prep-item{grid-template-columns:1fr;gap:4px}
  .prep-acao{text-align:left}
  .prep-papel{padding:12px 12px;font-size:.95rem}
  .prep-papel table.campos td:first-child{width:36%}
}