/* ============================================================
   Jurídico — o escritório dentro do sistema.
   Tudo com prefixo jx- para não esbarrar no resto do sistema.
   Os cartões usam .bloco e .kpi, que já ganham o vidro do tema.
   ============================================================ */

.jx{display:grid;grid-template-columns:232px minmax(0,1fr);gap:20px;align-items:start}
.jx-nav{position:sticky;top:132px;background:var(--superficie);border:1px solid var(--linha);border-radius:14px;
  padding:14px 10px;display:flex;flex-direction:column;gap:2px}
body.vidro .jx-nav{background:rgba(255,255,255,.55);-webkit-backdrop-filter:blur(18px) saturate(160%);
  backdrop-filter:blur(18px) saturate(160%);border-color:rgba(255,255,255,.7);box-shadow:0 10px 30px rgba(13,27,53,.08)}
.jx-marca{padding:4px 10px 12px;border-bottom:1px solid var(--linha);margin-bottom:8px}
.jx-marca b{display:block;font-size:17px;color:var(--navy);font-weight:600;letter-spacing:-.2px}
.jx-marca span{font-size:11px;color:var(--suave)}
.jx-busca{position:relative;margin:0 2px 8px}
.jx-busca input{width:100%;padding:8px 10px 8px 30px;border-radius:9px;font-size:13px;background:rgba(255,255,255,.8)}
.jx-busca svg{position:absolute;left:9px;top:50%;transform:translateY(-50%);width:14px;height:14px;stroke:var(--suave);fill:none;stroke-width:2}
.jx-res{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:30;background:#fff;border:1px solid var(--linha);
  border-radius:10px;box-shadow:0 14px 34px rgba(13,27,53,.16);max-height:380px;overflow:auto;padding:6px}
.jx-res .rot{font-size:10px;letter-spacing:1.2px;text-transform:uppercase;color:var(--suave);padding:6px 8px 2px}
.jx-res a{display:block;padding:7px 8px;border-radius:7px;cursor:pointer;text-decoration:none;color:var(--texto);font-size:12.5px}
.jx-res a:hover{background:#f1f3f7}
.jx-res a small{display:block;color:var(--suave);font-size:11px}
.jx-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:9px;cursor:pointer;color:var(--texto);
  font-size:13.5px;border:0;background:none;text-align:left;width:100%;transition:background .15s,color .15s}
.jx-item svg{width:17px;height:17px;flex:none;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;opacity:.8}
.jx-item:hover{background:rgba(13,27,53,.05);color:var(--navy)}
.jx-item.ativo{background:var(--navy);color:#fff}
.jx-item.ativo svg{opacity:1}
.jx-item .n{margin-left:auto;font-size:11px;font-weight:600;min-width:20px;text-align:center;padding:1px 6px;border-radius:20px;
  background:rgba(13,27,53,.08);color:var(--navy)}
.jx-item .n.alerta{background:var(--vermelho);color:#fff}
.jx-item.ativo .n{background:rgba(255,255,255,.2);color:#fff}
.jx-sep{height:1px;background:var(--linha);margin:8px 6px}

.jx-corpo{min-width:0}
.jx-topo{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:16px}
.jx-topo h2{font-size:22px;letter-spacing:-.3px;margin-right:auto}
.jx-topo .sub{width:100%;font-size:12.5px;color:var(--suave);margin-top:-6px}
.jx-filtros{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:14px}
.jx-filtros input,.jx-filtros select{padding:7px 10px;font-size:13px;border-radius:8px;width:auto;flex:0 0 auto;max-width:100%}
.jx-filtros input[type=search]{min-width:220px;flex:1}

.jx-seg{display:inline-flex;background:rgba(13,27,53,.06);border-radius:9px;padding:3px;gap:2px}
.jx-seg button{border:0;background:none;padding:6px 12px;border-radius:7px;font-size:12.5px;cursor:pointer;color:var(--rotulo)}
.jx-seg button.ativa{background:#fff;color:var(--navy);box-shadow:0 1px 3px rgba(13,27,53,.14);font-weight:500}

.jx button.acao,.jx-modal button.acao{border-radius:9px}
.jx button.leve,.jx-modal button.leve{border-radius:9px}
.jx .mini,.jx-modal .mini{padding:4px 10px;font-size:12px}
.jx-link{color:var(--navy);text-decoration:none;cursor:pointer;font-weight:500}
.jx-link:hover{text-decoration:underline}
.jx-sutil{color:var(--suave);font-size:12px}
.jx-num{font-variant-numeric:tabular-nums;font-family:"JetBrains Mono",ui-monospace,monospace;font-size:12px;letter-spacing:-.2px}

/* ---- painel ---- */
.jx-ola{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap;margin-bottom:16px}
.jx-ola h2{font-size:24px;letter-spacing:-.4px}
.jx-ola .sub{color:var(--suave);font-size:13px}
.jx-ola .acoes{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap}
.jx-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:16px}
.jx-kpis .kpi{cursor:pointer;transition:transform .15s,box-shadow .15s;border-radius:12px}
.jx-kpis .kpi:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(13,27,53,.1)}
.jx-kpis .kpi b{font-size:26px}
.jx-kpis .kpi .eyebrow{display:block;font-size:9.5px;letter-spacing:1.1px;line-height:1.45;margin-top:2px}
.jx-kpis .kpi.alerta b{color:var(--vermelho)}
.jx-kpis .kpi.ouro b{color:#8a6d1f}
.jx-g2{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:16px;margin-bottom:16px}
.jx-g3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:16px}
.jx .bloco{border-radius:14px;margin-bottom:0}

.jx-dia{font-size:10.5px;letter-spacing:1.3px;text-transform:uppercase;color:var(--suave);margin:12px 0 6px;font-weight:600}
.jx-dia.vermelho{color:var(--vermelho)}
.jx-dia:first-child{margin-top:0}
.jx-ag{display:flex;gap:10px;align-items:flex-start;padding:9px 10px;border:1px solid var(--linha);border-radius:10px;
  background:rgba(255,255,255,.7);margin-bottom:6px}
.jx-ag.feito{opacity:.55}
.jx-ag.feito .t{text-decoration:line-through}
.jx-ag .chk{width:18px;height:18px;border-radius:50%;border:1.5px solid #b6becb;flex:none;margin-top:1px;cursor:pointer;background:#fff;
  display:flex;align-items:center;justify-content:center;padding:0}
.jx-ag .chk:hover{border-color:var(--verde)}
.jx-ag.feito .chk{background:var(--verde);border-color:var(--verde)}
.jx-ag.feito .chk::after{content:"";width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg) translate(-1px,-1px)}
.jx-ag .meio{flex:1;min-width:0}
.jx-ag .t{font-weight:500;color:var(--navy);font-size:13.5px}
.jx-ag .d{font-size:11.5px;color:var(--suave);margin-top:2px;display:flex;gap:8px;flex-wrap:wrap}
.jx-ag .dir{text-align:right;font-size:12px;white-space:nowrap}
.jx-ag .dir b{display:block;color:var(--navy);font-weight:600}
.jx-ag .dir.vermelho b{color:var(--vermelho)}
.jx-ag .acoes{display:flex;gap:4px;margin-left:6px}
.jx-ag .acoes button{border:0;background:none;color:var(--suave);cursor:pointer;padding:2px 4px;border-radius:5px;font-size:12px}
.jx-ag .acoes button:hover{background:rgba(13,27,53,.06);color:var(--navy)}

.jx-tipo{display:inline-block;font-size:10px;letter-spacing:.8px;text-transform:uppercase;padding:2px 7px;border-radius:20px;font-weight:600}
.jx-tipo.prazo{background:#fbe9e4;color:#9e432c}
.jx-tipo.audiencia{background:#e7ecf7;color:#2c4d8f}
.jx-tipo.compromisso{background:#f4ecda;color:#7a5d1c}
.jx-tipo.tarefa{background:#e6f0e7;color:#3d6a3f}
.jx-pri{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:2px}
.jx-pri.alta{background:var(--vermelho)} .jx-pri.media{background:var(--gold)} .jx-pri.baixa{background:#9fb2a0}

.jx-pub{border:1px solid var(--linha);border-radius:12px;padding:12px 14px;background:rgba(255,255,255,.75);margin-bottom:10px}
.jx-pub.nova{border-left:3px solid var(--gold)}
.jx-pub .cab{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:12px;color:var(--suave);margin-bottom:6px}
.jx-pub .cab b{color:var(--navy);font-size:12.5px}
.jx-pub .txt{font-size:13px;line-height:1.55;white-space:pre-wrap;max-height:120px;overflow:hidden}
.jx-pub .txt.aberto{max-height:none}
.jx-pub .txt.longo:not(.aberto){-webkit-mask-image:linear-gradient(#000 55%,transparent);mask-image:linear-gradient(#000 55%,transparent)}
.jx-pub .rod{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px;align-items:center}

.jx-barras{display:flex;align-items:flex-end;gap:10px;height:140px;padding-top:12px}
.jx-barras .col{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;height:100%;justify-content:flex-end}
.jx-barras .bar{width:100%;max-width:42px;background:linear-gradient(180deg,#d9b66c,var(--gold));border-radius:6px 6px 2px 2px;min-height:2px}
.jx-barras .col:last-child .bar{background:linear-gradient(180deg,#2a3f68,var(--navy))}
.jx-barras .v{font-size:10.5px;color:var(--rotulo);white-space:nowrap}
.jx-barras .m{font-size:10.5px;color:var(--suave);text-transform:uppercase;letter-spacing:.8px}
.jx-hbar{display:grid;grid-template-columns:120px 1fr 32px;gap:8px;align-items:center;font-size:12.5px;margin-bottom:7px}
.jx-hbar .trilho{height:8px;background:rgba(13,27,53,.07);border-radius:5px;overflow:hidden}
.jx-hbar .trilho i{display:block;height:100%;background:var(--navy);border-radius:5px}
.jx-hbar span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.jx-hbar b{text-align:right;color:var(--navy)}
.jx-linhas .l{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid var(--linha);font-size:13px}
.jx-linhas .l:last-child{border-bottom:0}
.jx-linhas .l b{color:var(--navy)}

/* ---- tabelas ---- */
.jx-tabela{border-radius:14px;overflow:hidden}
.jx-tabela table{background:transparent}
.jx-tabela tbody tr{cursor:pointer;transition:background .12s}
.jx-tabela tbody tr:hover{background:rgba(13,27,53,.035)}
.jx-tabela td .t{font-weight:500;color:var(--navy)}
.jx-tabela td small{display:block;color:var(--suave);font-size:11.5px}
.jx-st{display:inline-block;font-size:10px;letter-spacing:.8px;text-transform:uppercase;padding:2px 8px;border-radius:20px;font-weight:600;white-space:nowrap}
.jx-st.ativo,.jx-st.pago,.jx-st.convertido,.jx-st.concluida{background:#e6f0e7;color:#3d6a3f}
.jx-st.suspenso,.jx-st.aberto,.jx-st.proposta,.jx-st.andamento{background:#f6efdc;color:#7a5d1c}
.jx-st.arquivado,.jx-st.encerrado,.jx-st.cancelada,.jx-st.cancelado{background:#eceef2;color:#5a6b86}
.jx-st.atrasado,.jx-st.vencido{background:#fbe9e4;color:#9e432c}
.jx-st.pendente{background:#e7ecf7;color:#2c4d8f}

/* ---- processo ---- */
.jx-cab{border-radius:16px;padding:20px 22px;margin-bottom:14px}
.jx-cab .linha1{display:flex;gap:12px;align-items:flex-start;flex-wrap:wrap}
.jx-cab h2{font-size:21px;letter-spacing:-.3px;line-height:1.25}
.jx-cab .numero{font-family:"JetBrains Mono",ui-monospace,monospace;font-size:13px;color:var(--rotulo);margin-top:4px;display:flex;gap:8px;align-items:center}
.jx-cab .numero button{border:0;background:rgba(13,27,53,.06);border-radius:6px;font-size:11px;padding:2px 8px;cursor:pointer;color:var(--navy)}
.jx-cab .acoes{margin-left:auto;display:flex;gap:6px;flex-wrap:wrap}
.jx-cab .chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
.jx-chip{font-size:11.5px;padding:3px 9px;border-radius:20px;background:rgba(13,27,53,.06);color:var(--navy)}
.jx-dados{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px 18px;margin-top:16px;padding-top:14px;border-top:1px solid var(--linha)}
.jx-dados div span{display:block;font-size:10px;letter-spacing:1.1px;text-transform:uppercase;color:var(--suave)}
.jx-dados div b{font-weight:500;color:var(--navy);font-size:13px;word-break:break-word}
.jx-abas{display:flex;gap:2px;border-bottom:1px solid var(--linha);margin-bottom:14px;overflow-x:auto;scrollbar-width:none}
.jx-abas button{border:0;background:none;padding:10px 14px;font-size:13px;cursor:pointer;color:var(--rotulo);border-bottom:2px solid transparent;white-space:nowrap}
.jx-abas button.ativa{color:var(--navy);border-bottom-color:var(--gold);font-weight:500}
.jx-abas button i{font-style:normal;font-size:11px;color:var(--suave);margin-left:4px}

.jx-tl{position:relative;padding-left:22px}
.jx-tl::before{content:"";position:absolute;left:6px;top:4px;bottom:4px;width:2px;background:var(--linha)}
.jx-tl .ev{position:relative;padding:0 0 14px}
.jx-tl .ev::before{content:"";position:absolute;left:-20px;top:5px;width:10px;height:10px;border-radius:50%;background:#fff;border:2px solid var(--navy)}
.jx-tl .ev.datajud::before{border-color:#4c74be}
.jx-tl .ev.publicacao::before{border-color:var(--gold)}
.jx-tl .ev .q{font-size:11.5px;color:var(--suave);display:flex;gap:8px;align-items:center}
.jx-tl .ev .x{font-size:13px;line-height:1.5;color:var(--texto);white-space:pre-wrap}
.jx-tl .ev .del{border:0;background:none;color:var(--suave);cursor:pointer;font-size:11px;margin-left:auto}

/* ---- calendário ---- */
.jx-cal{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border:1px solid var(--linha);border-radius:14px;overflow:hidden;background:rgba(255,255,255,.7)}
.jx-cal .sem{font-size:10.5px;letter-spacing:1px;text-transform:uppercase;color:var(--suave);padding:8px;text-align:center;border-bottom:1px solid var(--linha);background:rgba(13,27,53,.03)}
.jx-cal .d{min-height:104px;border-right:1px solid var(--linha);border-bottom:1px solid var(--linha);padding:6px;cursor:pointer;position:relative}
.jx-cal .d:nth-child(7n){border-right:0}
.jx-cal .d.fora{background:rgba(13,27,53,.025);color:#b3b9c4}
.jx-cal .d.hoje .nd{background:var(--navy);color:#fff}
.jx-cal .d:hover{background:rgba(201,160,80,.06)}
.jx-cal .nd{display:inline-flex;width:22px;height:22px;border-radius:50%;align-items:center;justify-content:center;font-size:12px;font-weight:500}
.jx-cal .ev{display:block;font-size:11px;line-height:1.3;padding:2px 5px;border-radius:5px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}
.jx-cal .ev.prazo{background:#fbe9e4;color:#9e432c}
.jx-cal .ev.audiencia{background:#e7ecf7;color:#2c4d8f}
.jx-cal .ev.compromisso{background:#f4ecda;color:#7a5d1c}
.jx-cal .ev.tarefa{background:#e6f0e7;color:#3d6a3f}
.jx-cal .ev.feito{opacity:.5;text-decoration:line-through}
.jx-cal .fer{font-size:9.5px;color:var(--vermelho);display:block;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* ---- quadro ---- */
.jx-quadro{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.jx-coluna{background:rgba(13,27,53,.04);border-radius:14px;padding:10px;min-height:300px}
.jx-coluna.sobre{background:rgba(201,160,80,.14)}
.jx-coluna h4{margin:2px 4px 10px;font-size:12px;letter-spacing:1px;text-transform:uppercase;color:var(--rotulo);display:flex}
.jx-coluna h4 i{margin-left:auto;font-style:normal}
.jx-cartao{background:#fff;border:1px solid var(--linha);border-radius:10px;padding:10px 12px;margin-bottom:8px;cursor:grab;box-shadow:0 1px 2px rgba(13,27,53,.05)}
.jx-cartao:active{cursor:grabbing}
.jx-cartao .t{font-weight:500;color:var(--navy);font-size:13px}
.jx-cartao .d{font-size:11.5px;color:var(--suave);margin-top:4px;display:flex;gap:6px;flex-wrap:wrap;align-items:center}

/* ---- modais do jurídico ---- */
.jx-fundo{position:fixed;inset:0;background:rgba(13,27,53,.5);display:flex;align-items:flex-start;justify-content:center;
  padding:5vh 16px;overflow:auto;z-index:60;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
.jx-modal{background:#fff;border-radius:16px;padding:22px 24px;width:100%;max-width:640px;box-shadow:0 30px 80px rgba(13,27,53,.35)}
.jx-modal.largo{max-width:920px}
.jx-modal.extra{max-width:1100px}
.jx-modal .cabeca{display:flex;align-items:center;gap:10px;margin-bottom:16px}
.jx-modal .cabeca h2{font-size:19px}
.jx-modal .cabeca .x{margin-left:auto;background:none;border:none;font-size:24px;line-height:1;cursor:pointer;color:var(--suave)}
.jx-modal .rodape{display:flex;gap:8px;margin-top:20px;flex-wrap:wrap;align-items:center}
.jx-modal .rodape .dir{margin-left:auto;display:flex;gap:8px}
.jx-modal .secao{font-size:10.5px;letter-spacing:1.3px;text-transform:uppercase;color:var(--gold);font-weight:600;grid-column:1/-1;margin-top:6px;
  padding-top:10px;border-top:1px solid var(--linha)}
.jx-modal .secao:first-child{border-top:0;padding-top:0;margin-top:0}
.jx-modal .form{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.jx-dica{font-size:11.5px;color:var(--suave);margin-top:4px}
.jx-par{display:flex;gap:6px;align-items:stretch}
.jx-par>input,.jx-par>select{flex:1;min-width:0}

/* ---- calculadora ---- */
.jx-calc-res{border-radius:14px;background:linear-gradient(135deg,#0d1b35,#1b2d55);color:#fff;padding:18px 20px;margin-top:16px}
.jx-calc-res .venc{font-size:30px;font-weight:600;letter-spacing:-.5px}
.jx-calc-res .venc small{display:block;font-size:10.5px;letter-spacing:1.4px;text-transform:uppercase;color:#d9bf88;font-weight:500}
.jx-calc-res .info{display:flex;gap:18px;flex-wrap:wrap;margin-top:10px;font-size:12.5px;color:#c9d2e3}
.jx-calc-res .info b{color:#fff;font-weight:500}
.jx-calc-res .fund{font-size:11.5px;color:#9fb0cc;margin-top:8px}
.jx-mem{max-height:260px;overflow:auto;margin-top:10px;border:1px solid var(--linha);border-radius:10px}
.jx-mem div{display:grid;grid-template-columns:90px 50px 1fr;gap:8px;padding:5px 10px;font-size:12px;border-bottom:1px solid #f0f2f5}
.jx-mem div.pula{color:#a3a9b5}
.jx-mem div.marco,.jx-mem div.publicacao,.jx-mem div.ciencia,.jx-mem div.prorrogacao{background:#fbf6ea;color:#7a5d1c}
.jx-mem div.ultimo{background:#e6f0e7;color:#2f5a31;font-weight:600}

/* ---- editor de modelos e peças ---- */
.jx-editor{border:1px solid var(--linha);border-radius:14px;background:#fff}
.jx-ferr{display:flex;gap:2px;flex-wrap:wrap;align-items:center;padding:6px;border-bottom:1px solid var(--linha);background:#f7f8fa;border-radius:14px 14px 0 0}
.jx-ferr button,.jx-ferr select{border:0;background:none;padding:6px 9px;border-radius:7px;cursor:pointer;font-size:13px;color:var(--navy);min-width:30px}
.jx-ferr select{border:1px solid var(--linha);background:#fff;padding:5px 8px;font-size:12.5px;width:auto}
.jx-ferr button:hover{background:rgba(13,27,53,.07)}
.jx-ferr .sep{width:1px;background:var(--linha);margin:4px 4px;align-self:stretch}
.jx-papel{background:#e9ecf1;padding:24px 12px;max-height:72vh;overflow:auto;border-radius:0 0 14px 14px}
.jx-folha{background:#fff;max-width:794px;min-height:900px;margin:0 auto;padding:72px 64px 64px 84px;box-shadow:0 4px 22px rgba(13,27,53,.12);
  font-family:"Times New Roman",Times,serif;font-size:16px;line-height:1.55;color:#111;outline:none}
.jx-folha p{margin:0 0 12px}
.jx-folha h2{font-family:"Times New Roman",Times,serif;font-size:19px;color:#111;margin:0 0 14px}
.jx-folha h3{font-family:"Times New Roman",Times,serif;font-size:16px;color:#111;margin:16px 0 10px}
.jx-folha .var{background:#eef2fb;color:#2c4d8f;border-radius:4px;padding:0 3px;font-family:"JetBrains Mono",monospace;font-size:13px}
.jx-modelos{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.jx-mod{border:1px solid var(--linha);border-radius:14px;padding:14px 16px;background:rgba(255,255,255,.8);cursor:pointer;transition:transform .15s,box-shadow .15s;
  display:flex;flex-direction:column;gap:6px}
.jx-mod:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(13,27,53,.1)}
.jx-mod .cat{font-size:10px;letter-spacing:1.2px;text-transform:uppercase;color:var(--gold);font-weight:600}
.jx-mod b{color:var(--navy);font-size:14px;font-weight:600}
.jx-mod .rod{display:flex;gap:6px;margin-top:auto;padding-top:8px}

.jx-prog{height:6px;background:rgba(13,27,53,.08);border-radius:4px;overflow:hidden;margin-top:6px}
.jx-prog i{display:block;height:100%;background:var(--verde)}

.jx-cfg{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:16px}
.jx-cfg .form{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}
.jx-cfg .bloco p{font-size:12.5px;color:var(--rotulo);margin:0 0 12px}
.jx-toggle{display:flex;align-items:center;gap:8px;font-size:13px;margin:6px 0;cursor:pointer}
.jx-toggle input{width:auto}

/* ---- celular e tablet ---- */
@media (max-width:1100px){
  .jx-g2,.jx-g3{grid-template-columns:1fr}
}
@media (max-width:900px){
  .jx{grid-template-columns:1fr;gap:12px}
  .jx-nav{position:static;flex-direction:row;overflow-x:auto;padding:8px;gap:4px;border-radius:12px;scrollbar-width:none}
  .jx-nav::-webkit-scrollbar{display:none}
  .jx-marca,.jx-sep{display:none}
  .jx-busca{display:none}
  .jx-item{white-space:nowrap;width:auto;padding:7px 11px;font-size:13px}
  .jx-item svg{display:none}
  .jx-item .n{margin-left:4px}
  .jx-quadro{grid-template-columns:1fr}
  .jx-cal .d{min-height:62px;padding:3px}
  .jx-cal .ev{font-size:9.5px;padding:1px 3px}
  .jx-cal .fer{display:none}
  .jx-folha{padding:28px 20px;min-height:500px;font-size:15px}
  .jx-tabela{overflow-x:auto}
  .jx-tabela table{min-width:640px}
  .jx-ola .acoes{margin-left:0}
  .jx-hbar{grid-template-columns:90px 1fr 28px}
  .jx-modal{padding:18px 16px}
  .jx-filtros input[type=search]{min-width:0;width:100%}
  .jx-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .jx-kpis .kpi b{font-size:20px}
  .jx-cab .acoes{margin-left:0;width:100%}
  .jx-cab h2{font-size:19px}
}
@media print{.jx-nav{display:none}.jx{display:block}}

/* o Jurídico tem cabeçalho próprio: some a trilha e o título padrão da tela */
body[data-tela-atual="jur"] .area .trilha,
body[data-tela-atual="jur"] .area .titulo-tela{display:none !important}

.jx .bloco>.barra-acoes:first-child{border-top:0;padding-top:0}

/* ---- perfis do Jurídico ---- */
.jx-marca .jx-troca{display:block;margin-top:8px;border:0;background:none;padding:0;font-size:11.5px;color:var(--gold);cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.jx-perfis{max-width:980px;margin:4vh auto 0;text-align:center}
.jx-perfis-cab h2{font-size:28px;letter-spacing:-.4px;margin:6px 0 10px}
.jx-perfis-cab p{color:var(--rotulo);max-width:560px;margin:0 auto 26px;line-height:1.6;font-size:13.5px}
.jx-perfis-grade{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}
.jx-perfil{position:relative;width:220px;padding:26px 18px 20px;border-radius:18px;background:var(--superficie);border:1px solid var(--linha);
  cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;transition:transform .18s,box-shadow .18s,border-color .18s}
body.vidro .jx-perfil{background:rgba(255,255,255,.6);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-color:rgba(255,255,255,.75)}
.jx-perfil:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(13,27,53,.12)}
.jx-perfil.escolhido{border-color:var(--gold);box-shadow:0 14px 34px rgba(201,160,80,.22)}
.jx-perfil-av{width:68px;height:68px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:10px;
  font-family:"Cormorant Garamond",Georgia,serif;font-size:26px;letter-spacing:.06em;color:#fff;background:linear-gradient(135deg,#c9a050,#9c7a3c);box-shadow:0 8px 20px rgba(156,122,60,.35)}
.jx-perfil.novo .jx-perfil-av{background:rgba(13,27,53,.06);color:var(--navy);box-shadow:none;font-family:inherit;font-size:30px}
.jx-perfil b{color:var(--navy);font-size:15px;font-weight:600}
.jx-perfil span{color:var(--suave);font-size:12px;letter-spacing:.04em}
.jx-perfil-senha{width:100%;margin-top:12px;display:flex;flex-direction:column;gap:8px}
.jx-perfil-senha input{width:100%;text-align:center;border-radius:10px}
.jx-perfil-senha .acao{border-radius:10px}
.jx-perfil-erro{font-size:12px;color:var(--vermelho);min-height:0}
.jx-perfil-mais{position:absolute;top:8px;right:10px;border:0;background:none;font-size:18px;color:var(--suave);cursor:pointer;padding:2px 6px;border-radius:6px}
.jx-perfil-mais:hover{background:rgba(13,27,53,.06);color:var(--navy)}

/* papel do editor: o timbre fica fixo no topo, fora da área editável */
.jx-pagina{background:#fff;max-width:794px;min-height:900px;margin:0 auto;padding:64px 64px 64px 84px;box-shadow:0 4px 22px rgba(13,27,53,.12)}
.jx-pagina .jx-folha{max-width:none;min-height:700px;margin:0;padding:0;box-shadow:none;background:transparent}
@media (max-width:900px){.jx-pagina{padding:26px 18px;min-height:500px}.jx-pagina .jx-folha{min-height:400px}.jx-perfil{width:100%;max-width:320px}}