/* Estrutura operacional inspirada em Admin Dashboard; identidade Habitline. */
:root{--accent:#ff4c00;--paper:#f7f7f7;--ink:#202020;--muted:#757575}
.account-layout{display:grid;grid-template-columns:1.12fr 1fr;gap:0;max-width:1400px;min-height:100vh;margin:auto;padding:22px;align-items:stretch}
.account-story{background:#1a1918;border-radius:26px;color:#fff;padding:46px 56px;display:flex;flex-direction:column;position:relative;overflow:hidden}
.account-story .brand{color:white;margin-bottom:75px;font-size:30px}.account-story .brand-mark{background:var(--accent)}
.account-story .eyebrow{color:#c7c7c7}.account-story h1{font:500 clamp(36px,4vw,60px)/1.1 -apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:-2px;margin:20px 0}.account-story>p{max-width:390px;font-size:15px;line-height:1.8;color:#c1c1c1}.account-story>small{margin-top:auto;color:#aaa;font-size:11px}
.account-art{height:205px;position:relative;margin:30px 0}.art-pill{position:absolute;top:14px;left:0;background:#f3fe97;color:#202020;border-radius:30px;padding:14px 24px;transform:rotate(-7deg)}.art-card{position:absolute;right:0;top:65px;background:#acffc5;color:#202020;padding:24px;border-radius:20px;transform:rotate(5deg);font-size:14px;line-height:1.8}.art-card strong{font-size:21px}.art-spark{font:100px/1 serif;color:#ff4c00;position:absolute;left:10px;top:95px}
.account-form{max-width:420px;width:100%;align-self:center;justify-self:center;padding:32px}.account-form h2{font-size:32px;margin:18px 0}.account-form .step{color:var(--accent)}.account-form .subtitle{margin-bottom:30px;line-height:1.7}.account-form input{border-color:#ddd;border-radius:10px}.account-form .primary{background:#ff4c00;border-radius:12px;margin-top:24px}.account-claim{display:flex;align-items:flex-start;gap:10px;font-weight:400;line-height:1.6;color:#656565}.account-claim input{width:16px;height:16px;flex:none;margin-top:3px;accent-color:#ff4c00}.account-switch{margin:22px 0;border:0;background:none;color:#292929;font-family:inherit;font-size:12px;font-weight:500;cursor:pointer;text-decoration:underline;text-underline-offset:4px}.account-note{font-size:11px;color:#888;line-height:1.7}.account-form [role=status]{margin-top:18px;padding:12px;border-radius:10px;background:#fff0e8;font-size:12px}
body.dashboard{padding-left:190px}.dashboard>header{max-width:none;padding:20px 30px;margin:0;height:86px;background:#fff;border-bottom:1px solid #eee}.dashboard>header>.brand,.dashboard>header>.teodora-nav{display:none}.dashboard .header-actions-wrap{margin-left:auto}.dashboard>footer{max-width:none;margin:0 30px;padding:18px 0}.app-sidebar{position:fixed;left:0;top:0;bottom:0;width:190px;padding:27px 18px;background:#fff;border-right:1px solid #ededed;z-index:25;display:flex;flex-direction:column}.app-sidebar .brand{font-size:24px;margin-bottom:48px}.app-sidebar .brand-mark{background:#ff4c00;width:34px;height:34px;font-size:26px;border-radius:10px}.app-sidebar small{font-size:9px;letter-spacing:1.5px;color:#aaa;margin:0 12px 12px}.app-sidebar a:not(.brand),.app-sidebar button{display:flex;gap:10px;align-items:center;padding:12px;border-radius:10px;color:#696969;font-size:12px;text-decoration:none;border:0;background:none;text-align:left;font-family:inherit;cursor:pointer}.app-sidebar a.active{background:#fff0e9;color:#cb4000;font-weight:600}.app-sidebar a:hover,.app-sidebar button:hover{background:#f7f7f7}.app-sidebar .sidebar-end{margin-top:auto;display:flex;flex-direction:column;gap:8px}.sidebar-note{font-size:10px;color:#999;padding:12px;line-height:1.7}.dashboard #workspace-page{max-width:none;margin:0;padding:28px 30px 20px}.dashboard .work-heading{background:none;color:#202020;border:0;border-radius:0;padding:0;margin-bottom:24px;align-items:flex-start}.dashboard .work-heading h1{color:#202020;font-size:29px;letter-spacing:-1px;margin:8px 0}.dashboard .work-heading .eyebrow{color:#8a8a8a}.dashboard .work-subtitle{color:#888;max-width:640px;font-size:12px}.dashboard .work-session{display:flex;flex-wrap:wrap;gap:6px;max-width:330px}.dashboard .work-session .quiet-button,.dashboard .connection-chip{color:#666;background:#fff;border:1px solid #e8e8e8}.dashboard .sync-progress{color:#888;font-size:10px}.dashboard .portfolio-overview{gap:14px;margin-bottom:24px}.dashboard .overview-stat{border-radius:18px;min-height:116px;padding:18px 22px;box-shadow:none}.dashboard .overview-stat strong{font-size:34px;line-height:1.3}.dashboard .overview-stat.orange{background:#ffdccb;color:#672b0f}.dashboard .overview-stat.lime{background:#f3fe97;color:#333a12}.dashboard .overview-stat.mint{background:#acffc5;color:#193724}.dashboard .overview-stat.dark{background:#242424;color:white}.dashboard .portfolio-toolbar{margin-bottom:12px}.dashboard .portfolio-layout{grid-template-columns:minmax(0,1fr) 185px;gap:16px}.dashboard .portfolio-views{border-radius:14px;background:#fff;border:1px solid #eee;padding:14px;align-self:start}.dashboard .view-button{font-size:11px;padding:8px 9px;border-radius:7px}.dashboard .view-button[aria-pressed=true]{background:#fff0e9;color:#d34300}.dashboard .table-wrap{border:1px solid #e7e7e7;border-radius:12px;background:#fff}.dashboard .portfolio-table th{background:#fdfdfd;color:#888;font-weight:500;font-size:10px}.dashboard .portfolio-table tr:hover td{background:#fffaf6}.dashboard .portfolio-table{min-width:1290px}.dashboard .portfolio-table td{padding:5px 7px}.dashboard .work-notice{font-size:11px;border-radius:10px}.dashboard .perito-user-chip{box-shadow:none;border:0}.dashboard .btn-open-sync{background:#ff4c00;box-shadow:none;font-weight:500}.dashboard .work-footnote{font-size:10px;color:#999}.dashboard #connection-page{margin:0;max-width:none}.dashboard .work-heading .work-session button{font-size:10px}.dashboard .with-pdf{padding-right:16px}
@media(max-width:1100px){body.dashboard{padding-left:156px}.app-sidebar{width:156px;padding:25px 12px}.dashboard #workspace-page{padding:22px 18px}.dashboard .portfolio-layout{grid-template-columns:minmax(0,1fr) 160px}.dashboard>header{padding:16px 18px}.dashboard .perito-user-chip{max-width:160px}.perito-user-chip>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
@media(max-width:760px){.account-layout{grid-template-columns:1fr;padding:12px}.account-story{padding:28px;min-height:250px}.account-story .brand{margin-bottom:30px}.account-story h1{font-size:38px}.account-art{display:none}.account-story>small{margin-top:25px}.account-form{padding:35px 16px}body.dashboard{padding-left:0}.app-sidebar{position:static;width:100%;height:auto;flex-direction:row;align-items:center;gap:8px;padding:14px;flex-wrap:wrap;border-bottom:1px solid #eee}.app-sidebar .brand{margin:0 auto 0 0}.app-sidebar small,.sidebar-note{display:none}.app-sidebar .sidebar-end{margin:0;display:contents}.app-sidebar a:not(.brand),.app-sidebar button{padding:8px;font-size:10px}.dashboard>header{height:auto;padding:12px 16px}.dashboard .header-actions-wrap{gap:6px;width:100%;justify-content:space-between}.dashboard .perito-user-chip{display:none}.dashboard .portfolio-layout{grid-template-columns:1fr}.dashboard .portfolio-views{grid-row:1;display:flex;flex-wrap:wrap;gap:4px}.dashboard .portfolio-views h2,.dashboard .views-note{display:none}.dashboard .view-button{width:auto}.dashboard .portfolio-overview{grid-template-columns:1fr 1fr}.dashboard .work-heading{flex-direction:column}.dashboard .work-session{max-width:none}.dashboard .pje-status-badge{font-size:10px}}
.dashboard::before,.account-page::before{display:none!important}.dashboard .work-subtitle,.dashboard .sync-progress{color:#858585}.dashboard .work-heading{min-height:85px}.account-page main.account-layout{max-width:1400px;min-height:100vh;padding:22px;margin:auto;gap:0;grid-template-columns:1.12fr 1fr;align-items:stretch}.account-story .brand{background:none;box-shadow:none;padding:0;align-self:flex-start}.dashboard .overview-stat{flex-direction:column;align-items:flex-start;justify-content:space-between}.dashboard .overview-stat strong{align-self:flex-end}
@media(max-width:760px){.account-page main.account-layout{grid-template-columns:1fr;padding:12px}}
.overview-action{padding:0;background:none;border:0;font-family:inherit;font-size:11px;cursor:pointer;color:inherit}.changes-inbox{background:#fffdf0;border:1px solid #e7e7d0;padding:20px;border-radius:16px;margin:18px 0}.changes-inbox h2{font-size:18px}.changes-inbox>p{font-size:12px;color:#787868}.change-item{padding:14px 0;border-top:1px solid #e7e7d0;margin-top:12px}.change-item strong{font-size:13px}.change-item p{font-size:11px;color:#777;margin:8px 0}.change-item button{font-size:11px;margin-right:8px}

/* Entrada editorial: marca e mensagem do perito, sem cartões promocionais. */
.account-story .brand{margin-bottom:72px}.account-intro{margin:auto 0}.account-story h1{font-family:inherit;font-weight:500;font-size:clamp(40px,4.4vw,65px);line-height:1.08;letter-spacing:-2px;margin:24px 0 28px}.account-story h1 span{color:#ff7540}.account-intro>p{max-width:410px;font-size:15px;line-height:1.85;color:#c3c1bf;margin-bottom:60px}.account-story .eyebrow{font-size:10px;letter-spacing:2px;color:#b4b0ab}.account-signature{border-top:1px solid #45413d;padding-top:24px;margin-top:30px;display:flex;flex-direction:column;gap:9px}.account-signature>span{font-size:14px}.account-signature>small{font-size:11px;color:#aaa6a1}.account-resend{display:block;background:none;border:0;padding:0;color:#626262;font:inherit;font-size:12px;text-decoration:underline;text-underline-offset:4px;cursor:pointer;margin-bottom:22px}.account-form .account-switch{display:block;margin-bottom:16px}.account-resend:disabled{opacity:.5;cursor:wait}
@media(max-width:760px){.account-story .brand{margin-bottom:35px}.account-story h1{font-size:42px}.account-intro>p{margin-bottom:18px}.account-signature{margin-top:20px;padding-top:18px}}

.medical-options{border:1px solid #e4e4e4;border-radius:12px;padding:16px;margin:16px 0}.medical-options legend{font-size:13px;padding:0 6px}.medical-options label{font-size:12px}.medical-options input,.medical-options select{font-size:12px;max-width:100%}.medical-options>a{font-size:10px;color:#777}.medical-choices{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:16px 0}.medical-choices label{display:flex;align-items:center;gap:8px;font-weight:400}.medical-choices input{width:16px;height:16px;margin:0;flex:none}.medical-options[hidden]{display:none}@media(max-width:650px){.medical-choices{grid-template-columns:1fr}}

/* Carteira orientada à rotina: visões na navegação esquerda, área de trabalho ampla. */
body.dashboard{padding-left:242px}.app-sidebar{width:242px;padding:24px 16px}.app-sidebar .brand{margin-bottom:25px}.app-sidebar .sidebar-note{display:none}#portfolio-navigation{flex:1;min-height:0;overflow-y:auto;margin-top:15px}.dashboard .portfolio-layout{grid-template-columns:minmax(0,1fr)}.dashboard .portfolio-views{border:0;padding:0;background:transparent}.portfolio-views>h2,.portfolio-views .views-note{display:none}.view-group{font-size:9px;letter-spacing:1.3px;text-transform:uppercase;color:#9a9794;margin:22px 10px 8px}.app-sidebar .view-button{width:100%;justify-content:space-between;padding:8px 10px;font-size:11px;gap:6px}.app-sidebar .view-button[aria-pressed=true]{background:#fff0e9;color:#c43d00}.app-sidebar .view-count{font-size:10px;min-width:23px;text-align:right;color:#a19a96;font-variant-numeric:tabular-nums}.view-description{font-size:11px;line-height:1.6;color:#888;margin:8px 0 4px}.dashboard .portfolio-overview{margin-bottom:17px}.dashboard .overview-stat{min-height:96px;padding:14px 20px}.dashboard .overview-stat strong{font-size:28px}.process-actions{display:flex;gap:8px;align-items:center;margin:8px 0 20px}.process-actions .primary{width:auto;margin-left:auto;padding:10px 18px;font-size:12px}.process-parties{font-size:15px;font-weight:500;color:#393633;margin:20px 0}.process-tabs{display:flex;gap:22px;border-bottom:1px solid #e4e2df;margin:24px 0}.process-tab{background:none;border:0;border-bottom:2px solid transparent;padding:14px 2px;color:#8a8580;font-family:inherit;font-size:12px;font-weight:500;cursor:pointer}.process-tab[aria-pressed=true]{border-color:#ff4c00;color:#202020}.process-overview-pane[hidden],.process-autos-pane[hidden],.process-history-pane[hidden]{display:none}.dashboard .process-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0}.dashboard .process-summary>div{background:#fff;border:1px solid #eae7e3;border-radius:13px;padding:18px;min-height:85px}.dashboard .process-summary span{color:#928a82;font-size:10px;display:block;margin-bottom:8px}.dashboard .process-summary strong{font-size:14px;color:#393633;font-weight:500}.dashboard .classification-grid{gap:14px}.dashboard .classification-grid>section{background:#fff;border:1px solid #ebe8e3;border-radius:14px;padding:20px}.dashboard .classification-grid h3{font-size:12px;color:#8a8077;margin-top:0}.dashboard .classification-grid p{font-size:13px;line-height:1.6}.dashboard .classification-grid details{font-size:10px;color:#999;margin-bottom:14px}.dashboard .event-list{border:1px solid #eae6e1;border-radius:14px;background:#fff;overflow:hidden}.dashboard .event-list>.work-count{padding:12px 16px;margin:0;background:#fcfbf9;color:#948c84;font-size:10px}.dashboard .event{border:0;border-top:1px solid #f0ece7;border-radius:0;margin:0;padding:9px 14px;box-shadow:none}.dashboard .event.attachment{background:#faf9f6;margin-left:14px}.dashboard .event-row h3{font-size:12px;line-height:1.5}.dashboard .event-row time{font-size:10px;color:#999}.dashboard .event-info{font-size:9px;color:#aaa;margin:4px 0 0 24px}.dashboard .document-actions button{border:1px solid #ece8e3;border-radius:6px;padding:4px 7px;font-size:10px;background:white}.dashboard .process-autos-pane .events-title{font-size:18px;margin:22px 0 16px}.dashboard .process-history-pane{padding:15px;background:#fff;border:1px solid #eee;border-radius:12px}.dashboard .work-heading h1{font-size:26px}.dashboard .process-autos-pane .work-toolbar{gap:8px}.dashboard .document-report:empty{display:none}
@media(max-width:760px){body.dashboard{padding-left:0}.app-sidebar{width:100%;padding:14px}.app-sidebar .brand{margin:0 auto 0 0}#portfolio-navigation{flex-basis:100%;max-height:160px;overflow:auto;margin-top:4px}.dashboard .portfolio-views{display:flex;gap:4px;flex-wrap:wrap}.view-group{display:none}.app-sidebar .view-button{width:auto;padding:8px}.process-tabs{gap:15px;overflow-x:auto}.process-tab{white-space:nowrap}.dashboard .process-summary{grid-template-columns:1fr 1fr}.process-actions{flex-wrap:wrap}.process-actions .primary{margin-left:0}.dashboard .classification-grid{grid-template-columns:1fr}}

/* Teodora UI v2 — camada única de tokens e componentes (Admin Dashboard Vol.3 + identidade Habitline).
   Último CSS do painel e da entrada. Não alcança cadastro-perito nem os diálogos .document-dialog (documentos e perfil
   profissional, D50): as regras genéricas excluem esse diálogo e ele mantém a tipografia e as cores do main.
   Guarda: qa/dialogos_estilos.js precisa dar zero diferença entre main e ramo. */
:root{
  /* superfícies e linhas (zinc, como no Habitline) */
  --bg:#f7f7f7; --surface:#fff; --surface-2:#fafafa; --surface-3:#f4f4f5;
  --line:#e4e4e7; --line-soft:#f0f0f2; --line-strong:#d4d4d8;
  /* texto */
  --text:#18181b; --text-2:#3f3f46; --text-muted:#52525b; --text-subtle:#71717a;
  /* marca: laranja/preto + secundárias Habitline */
  --accent:#ff4c00; --accent-strong:#c63700; --accent-soft:#fff3ec; --accent-tint:#ffe5d6;
  --ink:#18181b; --lime:#f3fe97; --mint:#acffc5;
  /* estados (todas as combinações >= 4,5:1) */
  --ok-bg:#e0f6e8; --ok-fg:#1f6b43; --warn-bg:#fff0d0; --warn-fg:#7a5212;
  --neutral-bg:#f1f1f3; --neutral-fg:#5f5f66; --danger-bg:#fdecec; --danger-fg:#9b2c2c;
  /* tipografia, raios, sombras, medidas */
  --font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --r-sm:6px; --r-md:10px; --r-lg:16px; --r-xl:20px; --r-pill:999px;
  --sh-1:0 1px 2px rgb(0 0 0/.04); --sh-2:0 8px 24px rgb(0 0 0/.08); --sh-3:0 24px 64px rgb(0 0 0/.18);
  --sidebar-w:232px; --topbar-h:60px; --pdf-w:clamp(420px,40vw,760px);
  /* apelidos dos nomes legados (evitam quebrar workspace.css/style.css) */
  --paper:var(--bg); --border:var(--line); --muted:var(--text-subtle); --teal:var(--accent-strong); --warm:var(--accent);
}

/* ---------- base ---------- */
body.dashboard,body.account-page{font-family:var(--font);font-size:14px;line-height:1.45;color:var(--text);letter-spacing:0}
/* D50: o diálogo de documentos e o perfil profissional herdam a tipografia e os apelidos de cor do main. */
.document-dialog{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:15px;line-height:1.5;letter-spacing:-.15px;--ink:#202020;--muted:#757575}
:is(button,input,select,textarea):where(:not(.document-dialog *)){font:inherit}
/* Campo dentro de rótulo não herda o negrito do rótulo. */
label :is(input,select,textarea):where(:not(.document-dialog *)){font-weight:400}
.dashboard :is(h1,h2,h3):where(:not(.document-dialog *)){letter-spacing:-.01em}
:is(button,a,summary,input,select):where(:not(.document-dialog *)):focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.dashboard input[type=checkbox]:where(:not(.document-dialog *)),.account-page input[type=checkbox]{accent-color:var(--accent-strong)}
html:has(>body.dashboard){scroll-padding-top:calc(var(--topbar-h) + 8px)}
.ico{width:18px;height:18px;flex:none;stroke:currentColor;fill:none;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}

/* ---------- botões ---------- */
.primary:where(:not(.document-dialog *)){border-radius:var(--r-pill);background:var(--ink);color:#fff;font-weight:600;font-size:13px;min-height:40px}
.primary:where(:not(.document-dialog *)):hover{background:#2c2c31}
.quiet-button:where(:not(.document-dialog *)){display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:var(--r-pill);background:var(--surface);color:var(--text-2);font:500 12px/1.2 var(--font);padding:6px 12px}
.quiet-button:where(:not(.document-dialog *)):hover{background:var(--surface-3)}
.dashboard .process-link{line-height:1.4}

/* ---------- menu lateral (organização Admin Vol.3, identidade Habitline) ---------- */
body.dashboard{padding-left:var(--sidebar-w)}
.app-sidebar{width:var(--sidebar-w);padding:14px 12px;border-right:1px solid var(--line);background:var(--surface)}
.app-sidebar .brand{background:none;box-shadow:none;border-radius:0;padding:4px 8px 14px;margin:0 0 6px;border-bottom:1px solid var(--line);font-size:20px;font-weight:700;letter-spacing:-.02em;gap:10px}
.app-sidebar .brand-mark{width:32px;height:32px;border-radius:10px;background:var(--accent);color:var(--ink);font:700 20px/1 var(--font)}
.app-sidebar small{font-size:11px;font-weight:600;letter-spacing:.08em;color:var(--text-subtle);margin:14px 10px 6px}
.app-sidebar a:not(.brand),.app-sidebar #account-logout{min-height:36px;padding:8px 10px;border-radius:var(--r-md);color:var(--text-2);font-size:13px;font-weight:500;gap:10px}
.app-sidebar a.active{background:var(--accent-soft);color:var(--accent-strong);font-weight:600}
.app-sidebar a:not(.brand):not(.active):hover,.app-sidebar #account-logout:hover{background:var(--surface-3)}
#portfolio-navigation{margin-top:8px}
.view-group{font-size:11px;font-weight:600;letter-spacing:.08em;color:var(--text-subtle);margin:16px 10px 6px}
.app-sidebar .view-button{min-height:32px;padding:6px 8px 6px 10px;border-radius:var(--r-md);font-size:13px;color:var(--text-2);line-height:1.3;align-items:center}
.app-sidebar .view-button:hover{background:var(--surface-3)}
.app-sidebar .view-count{font-size:11px;min-width:24px;padding:2px 6px;border-radius:var(--r-pill);background:var(--surface-3);color:var(--text-muted);text-align:center;opacity:1}
.app-sidebar .view-button[aria-pressed=true]{background:var(--ink);color:#fff;font-weight:600}
.app-sidebar .view-button[aria-pressed=true] .view-count{background:var(--lime);color:var(--ink)}

/* ---------- barra superior ---------- */
.dashboard>header{height:var(--topbar-h);padding:0 24px;background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30}
.dashboard .header-actions-wrap{gap:8px}
.pje-status-badge{height:32px;padding:0 12px;border-radius:var(--r-pill);font-size:12px;font-weight:600;background:var(--surface);border:1px solid var(--line);color:var(--text-muted);box-shadow:none}
.pje-status-badge.connected{background:var(--ok-bg);border-color:#bfe5cd;color:var(--ok-fg)}
.pje-status-badge.connected i{background:#1f9d55}
.btn-open-sync,.dashboard .btn-open-sync{height:36px;padding:0 16px;border-radius:var(--r-pill);border:0;background:var(--accent);color:var(--ink);font-size:13px;font-weight:600;box-shadow:none;gap:8px}
.dashboard .btn-open-sync:hover{background:#ff6a26;transform:none;box-shadow:none}
.dashboard .perito-user-chip{height:36px;padding:0 12px 0 4px;border-radius:var(--r-pill);border:1px solid var(--line);font-size:13px}
.perito-user-chip .avatar-mini{width:28px;height:28px;font-size:12px}

/* ---------- cabeçalho da página ---------- */
.dashboard #workspace-page{padding:20px 24px 24px}
.dashboard .work-heading{min-height:0;margin:0 0 16px;gap:16px;align-items:flex-end}
.dashboard .work-heading .eyebrow{display:none}
.dashboard .work-heading h1{font:600 24px/1.25 var(--font);letter-spacing:-.02em;margin:0 0 4px;color:var(--text)}
.dashboard .work-subtitle{font-size:13px;color:var(--text-muted);max-width:none}
.dashboard .work-session{gap:6px;max-width:560px;align-items:center;justify-content:flex-end}
.dashboard .work-heading .work-session button,.dashboard .work-session .quiet-button,.dashboard .connection-chip{height:30px;padding:0 12px;border-radius:var(--r-pill);font-size:12px;font-weight:500;color:var(--text-2);background:var(--surface);border:1px solid var(--line)}
.dashboard .sync-progress{flex-basis:100%;text-align:right;font-size:12px;color:var(--text-muted)}
.dashboard .with-pdf .work-heading{align-items:flex-start}
.dashboard .with-pdf .work-session{justify-content:flex-start}
.dashboard .with-pdf .sync-progress{text-align:left}

/* ---------- cartões de resumo (Overview Card) ---------- */
.dashboard .portfolio-overview{gap:12px;margin:0 0 16px}
.dashboard .overview-stat{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;min-height:92px;padding:14px 18px;border-radius:var(--r-lg)}
.dashboard .overview-stat span{font-size:12px;font-weight:500;line-height:1.3}
.dashboard .overview-stat strong{align-self:flex-start;font-size:28px;font-weight:700;line-height:1.1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.dashboard .overview-stat.orange{background:var(--accent-tint);color:#5c2208}
.dashboard .overview-stat.lime{background:var(--lime);color:#2f3510}
.dashboard .overview-stat.mint{background:var(--mint);color:#173822}
.dashboard .overview-stat.dark{background:var(--ink);color:#fff}
.overview-action{position:absolute;right:12px;top:10px;font:600 12px/1 var(--font);padding:6px 10px;border-radius:var(--r-pill);background:rgb(255 255 255/.55);color:inherit}
.overview-action:hover{background:#fff}

/* ---------- avisos ---------- */
/* Neutro para informação; âmbar para cobertura parcial, dados da última consulta e avisos dos editores; vermelho para erro. */
.dashboard .work-notice:where(:not(.document-dialog *)){padding:10px 14px;border-radius:var(--r-md);font-size:13px;line-height:1.45;background:var(--surface);border:1px solid var(--line);color:var(--text-2);margin:0 0 12px}
.dashboard .work-notice.warning:where(:not(.document-dialog *)){background:var(--warn-bg);border-color:#f1dca8;color:var(--warn-fg)}
.dashboard .work-notice.error:where(:not(.document-dialog *)){background:var(--danger-bg);border-color:#f3c9c9;color:var(--danger-fg)}

/* ---------- busca, filtros ---------- */
.dashboard .portfolio-toolbar{background:none;border:0;padding:0;margin:0 0 10px;gap:8px}
.dashboard .work-search{height:36px;max-width:420px;border-radius:var(--r-pill);padding:0 14px 0 36px;font-size:13px;border:1px solid var(--line-strong);background:var(--surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2371717a' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") no-repeat 13px center/16px}
.dashboard .work-select:where(:not(.document-dialog *)){height:36px;border-radius:var(--r-pill);padding:0 12px;font-size:13px;border:1px solid var(--line-strong)}
.dashboard .portfolio-toolbar .quiet-button{height:36px;padding:0 16px;font-size:13px}
.portfolio-filters{gap:6px;margin:0 0 12px;align-items:center}
.column-filter>summary{list-style:none;height:30px;display:inline-flex;align-items:center;gap:8px;padding:0 12px;border-radius:var(--r-pill);border:1px solid var(--line);background:var(--surface);font-size:12px;font-weight:500;color:var(--text-2)}
.column-filter>summary::-webkit-details-marker{display:none}
.column-filter>summary::after{content:"";width:5px;height:5px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg)}
.column-filter[open]>summary{border-color:var(--ink);background:var(--ink);color:#fff}
.filter-options{top:36px;border-radius:var(--r-lg);border:1px solid var(--line);box-shadow:var(--sh-2)}
.filter-options small{font-size:11px;color:var(--text-muted)}
.portfolio-filters>.quiet-button{height:30px;border:0;background:none;color:var(--text-muted);font-size:12px;text-decoration:underline;text-underline-offset:3px}

/* ---------- grade de 9 colunas (densa, cabe em 1440px com menu de 232px) ---------- */
.dashboard .view-description{font-size:12px;color:var(--text-muted);margin:0 0 2px}
.dashboard .work-count{font-size:13px;font-weight:600;color:var(--text);margin:0 0 8px}
.dashboard .table-wrap{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--sh-1)}
/* As 9 colunas cabem a partir de 1440px com o menu de 232px. O número do processo cabe inteiro; data limite e data
   com hora (em duas linhas) cabem sem corte; o resto das partes, vara, situação, local e nexo vai para o cartão. */
.dashboard .portfolio-table{min-width:1154px}
.portfolio-table th:nth-child(1){width:192px}.portfolio-table th:nth-child(2){width:132px}.portfolio-table th:nth-child(3){width:148px}
.portfolio-table th:nth-child(4){width:136px}.portfolio-table th:nth-child(5){width:180px}.portfolio-table th:nth-child(6){width:96px}
.portfolio-table th:nth-child(7){width:96px}.portfolio-table th:nth-child(8){width:94px}.portfolio-table th:nth-child(9){width:80px}
.dashboard .portfolio-table th{background:var(--surface-2);color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.02em;padding:8px;border-bottom:1px solid var(--line);white-space:normal;line-height:1.25;vertical-align:bottom}
.dashboard .portfolio-table td,.compact-table td{padding:6px 8px;font-size:12px;border-top:1px solid var(--line-soft);vertical-align:middle}
.portfolio-table th:first-child,.portfolio-table td:first-child{position:sticky;left:0;z-index:1;background:var(--surface)}
.portfolio-table th:first-child{background:var(--surface-2);z-index:2}
.dashboard .portfolio-table tr:hover td{background:#fffaf6}
.portfolio-table tr:focus-within td{background:var(--accent-soft)}
.portfolio-table th:first-child,.portfolio-table td:first-child{box-shadow:inset -1px 0 0 var(--line)}
.portfolio-table tr:focus-within td:first-child{box-shadow:inset 3px 0 0 var(--accent),inset -1px 0 0 var(--line)}
.compact-table .process-link{font-size:12px;font-weight:600;color:var(--text);font-variant-numeric:tabular-nums}
.compact-table .process-link:hover{color:var(--accent-strong)}
.process-cell{position:relative}
.cell-pencil{position:absolute;right:6px;bottom:6px;padding:2px;border-radius:6px;color:var(--text-muted);opacity:0}
.portfolio-table tr:hover .cell-pencil,.cell-pencil:focus-visible{opacity:1}
.cell-pencil:hover{background:var(--surface-3);color:var(--accent-strong)}
.compact-table .row-meta{font-size:11px;color:var(--text-subtle);margin-top:2px}
/* Altura padrão de duas linhas em todas as linhas (pedido do titular). Nada fica escondido em "+N": o que não
   couber termina em "…" e abre um cartão com o texto completo ao passar o mouse ou focar a célula. */
.portfolio-table td{position:relative}
.portfolio-table tbody tr{height:56px}
.portfolio-table .cell-edit{min-height:38px;align-items:center}
.portfolio-table .portfolio-deadline .cell-edit{min-height:0}
.portfolio-table .cell-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;max-height:38px;line-height:19px;overflow-wrap:anywhere}
.portfolio-table .cell-text .record-tag{display:inline;max-width:none;white-space:normal;overflow:visible;text-overflow:clip;margin-right:3px;-webkit-box-decoration-break:clone;box-decoration-break:clone}
/* Nexo: "Concausalidade" não cabe na coluna e quebra com hífen (pt-BR), não no meio da palavra. */
.portfolio-table .nexus-cell .cell-text{-webkit-hyphens:auto;hyphens:auto}
.portfolio-table .nexus-cell .record-tag{padding:2px 4px}
/* Datas: uma por linha, a hora pode ir para a linha de baixo, nunca cortada no meio. */
.portfolio-table :is(.portfolio-date,.portfolio-deadline) .cell-text{overflow-wrap:normal}
.portfolio-table .cell-text .cell-copy{display:block;max-width:none;overflow:visible;white-space:normal;text-overflow:clip}
/* Situação: etiquetas inteiras, uma por fileira; rótulo longo termina em "…" e, se sobrar etiqueta além das duas fileiras,
   a célula mostra "…" no fim da segunda (has-more, marcado por markClamped). */
.portfolio-table .portfolio-status .cell-text{position:relative;display:flex;flex-wrap:wrap;align-content:flex-start;gap:2px;max-height:38px}
.portfolio-table .portfolio-status .state-chip{height:18px}
.state-chip>.chip-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.portfolio-table .portfolio-status .state-chip.before-more{max-width:calc(100% - 22px)}
.portfolio-table .portfolio-status .cell-text.has-more::after{content:"…";position:absolute;right:0;bottom:0;height:18px;padding:0 5px;border-radius:var(--r-pill);background:var(--neutral-bg);color:var(--neutral-fg);font:600 11px/18px var(--font)}
/* Cartão com o texto completo: ao passar o mouse (telas com mouse) ou ao focar a célula pelo teclado. Não captura o clique,
   que vai para a célula de baixo; abre para cima nas duas últimas linhas e para a esquerda nas colunas da direita. */
@media (hover:hover){
  .portfolio-table .cell-edit:hover>.cell-text.is-clamped{position:absolute;z-index:6;top:3px;left:3px;width:max-content;min-width:calc(100% - 6px);max-width:320px;max-height:none;-webkit-line-clamp:none;overflow:visible;padding:6px 8px;background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-md);box-shadow:var(--sh-2);pointer-events:none}
  .portfolio-table .cell-edit:hover>.cell-text.is-clamped :is(.state-chip,.chip-label){max-width:none;overflow:visible}
  .portfolio-table .cell-edit:hover>.cell-text.is-clamped::after{display:none}
  .portfolio-table tbody tr:nth-last-child(-n+2):not(:first-child) .cell-edit:hover>.cell-text.is-clamped{top:auto;bottom:3px}
  .portfolio-table td:nth-child(n+6) .cell-edit:hover>.cell-text.is-clamped{left:auto;right:3px}
}
.portfolio-table .cell-edit:focus-visible>.cell-text.is-clamped{position:absolute;z-index:6;top:3px;left:3px;width:max-content;min-width:calc(100% - 6px);max-width:320px;max-height:none;-webkit-line-clamp:none;overflow:visible;padding:6px 8px;background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-md);box-shadow:var(--sh-2);pointer-events:none}
.portfolio-table .cell-edit:focus-visible>.cell-text.is-clamped :is(.state-chip,.chip-label){max-width:none;overflow:visible}
.portfolio-table .cell-edit:focus-visible>.cell-text.is-clamped::after{display:none}
.portfolio-table tbody tr:nth-last-child(-n+2):not(:first-child) .cell-edit:focus-visible>.cell-text.is-clamped{top:auto;bottom:3px}
.portfolio-table td:nth-child(n+6) .cell-edit:focus-visible>.cell-text.is-clamped{left:auto;right:3px}
/* D3: medido por placeCard (portfolio-view.js), o cartão sai da área de rolagem da grade, que o cortava, e fica fixo na tela
   onde cabe inteiro. Sem a medida, vale a posição acima. Vence as regras acima pela especificidade (0,7,3).
   Com a célula fora da parte visível da grade (sob a barra do topo, fora da tela ou da grade), o cartão some (.card-away). */
@media (hover:hover){
  .dashboard .portfolio-table tbody tr td .cell-edit:hover>.cell-text.is-clamped.card-placed{position:fixed;top:var(--card-top);left:var(--card-left);right:auto;bottom:auto;min-width:var(--card-min)}
  .dashboard .portfolio-table tbody tr td .cell-edit:hover>.cell-text.is-clamped.card-placed.card-away{visibility:hidden}
}
.dashboard .portfolio-table tbody tr td .cell-edit:focus-visible>.cell-text.is-clamped.card-placed{position:fixed;top:var(--card-top);left:var(--card-left);right:auto;bottom:auto;min-width:var(--card-min)}
.dashboard .portfolio-table tbody tr td .cell-edit:focus-visible>.cell-text.is-clamped.card-placed.card-away{visibility:hidden}
/* Busca ou filtro com uma ou duas linhas: altura mínima para o cartão alto não ser cortado pela grade. */
.dashboard .table-wrap:has(tbody>tr:first-child:nth-last-child(-n+2)>td:not(.empty-row)){min-height:240px}
.record-tag,.party-cell:nth-child(3) .record-tag{font-size:11px;font-weight:500;padding:2px 7px;border-radius:var(--r-sm);background:var(--surface-3);color:var(--text-2)}
.cell-edit{min-height:28px;border-radius:8px}
.cell-edit:hover,.cell-edit:focus-visible{background:var(--surface);border-color:var(--line-strong);box-shadow:var(--sh-1)}
.cell-empty{color:var(--text-subtle)}
.cell-more{font-size:11px;color:var(--text-muted)}
.state-chip,.portfolio-status .state-chip{display:inline-flex;align-items:center;gap:5px;max-width:100%;height:20px;padding:0 8px;border-radius:var(--r-pill);font-size:11px;font-weight:600;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.state-chip::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}
/* Cores das etiquetas de situação: seção "paleta" no fim deste arquivo (docs/39). */
.status-chips{gap:4px}
.dashboard .work-footnote{font-size:12px;color:var(--text-subtle)}
.dashboard .row-meta{font-size:11px;color:var(--text-muted)}
.dashboard>footer{font-size:12px;color:var(--text-subtle)}

/* ---------- processo ---------- */
.process-actions{margin:0 0 10px;gap:8px}
.process-actions .quiet-button{height:34px;padding:0 14px;font-size:13px}
.process-actions .primary{min-height:36px;padding:0 18px;font-size:13px}
.dashboard .process-parties{font-size:16px;font-weight:600;color:var(--text);margin:4px 0 14px;line-height:1.4}
/* Abas quebram em duas linhas quando o PDF estreita o processo, em vez de rolar sem indicação. */
.process-tabs{display:inline-flex;flex-wrap:wrap;gap:4px;padding:4px;margin:0 0 16px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);max-width:100%;overflow:visible}
.process-tab{font:500 13px/1 var(--font);color:var(--text-muted);padding:9px 14px;border:0;border-radius:12px;white-space:nowrap}
.process-tab:hover{background:var(--surface-3);color:var(--text)}
.process-tab[aria-pressed=true]{background:var(--ink);color:#fff}
.dashboard .process-overview-pane>label{font-size:12px;font-weight:500;color:var(--text-muted);margin:0 0 6px}
.dashboard .process-overview-pane>.work-select{height:36px;max-width:100%}
.dashboard .process-summary{background:none;border:0;padding:0;margin:12px 0 16px;grid-template-columns:repeat(auto-fill,minmax(176px,1fr));gap:10px}
.dashboard .process-summary>div{border-radius:var(--r-lg);border:1px solid var(--line);padding:12px 14px;min-height:0;background:var(--surface)}
.dashboard .process-summary span{font-size:12px;color:var(--text-muted);margin-bottom:4px}
.dashboard .process-summary strong{font-size:14px;font-weight:600;color:var(--text)}
.dashboard .classification-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin:0 0 8px}
.dashboard .classification-grid>section{border-radius:var(--r-lg);border:1px solid var(--line);padding:14px 16px;background:var(--surface)}
.dashboard .classification-grid h3{font-size:12px;font-weight:600;color:var(--text-muted);margin:0 0 6px}
.dashboard .classification-grid details{font-size:12px;color:var(--text-muted)}
.classification-grid .payment-origin{border-radius:var(--r-md);border-color:#bfe5cd;background:var(--ok-bg);color:var(--ok-fg);font-size:12px}
.changes-inbox{background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:var(--r-lg);padding:16px 18px}
.changes-inbox h2{font-size:16px;margin:0 0 4px}
.changes-inbox>p,.change-item p{color:var(--text-muted);font-size:13px}
.change-item{border-top:1px solid var(--line-soft)}
.dashboard .process-autos-pane .events-title{font-size:16px;font-weight:600;margin:4px 0 12px}
.dashboard .event-list{border-radius:var(--r-lg);border-color:var(--line)}
.dashboard .event-list>.work-count{font-size:12px;color:var(--text-muted);background:var(--surface-2);font-weight:500}
.dashboard .event{padding:8px 14px;border-top:1px solid var(--line-soft)}
.dashboard .event-row h3{font-size:13px;font-weight:500}
.dashboard .event-row h3 .process-link{font-size:13px;color:var(--text)}
.dashboard .event-row time{font-size:12px;color:var(--text-subtle);font-variant-numeric:tabular-nums}
.dashboard .event-info{font-size:11px;color:var(--text-subtle)}
.author-badge{display:inline-flex;align-items:center;margin-left:8px;padding:1px 8px;border-radius:var(--r-pill);font-size:11px;font-weight:600;line-height:18px;vertical-align:middle}
.author-badge.titular{background:var(--accent-soft);color:var(--accent-strong)}
.author-badge.outro_perito{background:var(--warn-bg);color:var(--warn-fg)}
.event .quiet-button,.attachment-toggle,.dashboard .document-actions button{color:var(--text-2);border:1px solid var(--line);border-radius:var(--r-pill);font-size:11px;padding:3px 10px;background:var(--surface)}
.analysis-panel{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-lg);padding:16px}
.analysis-card{border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.analysis-card blockquote{border-left:3px solid var(--accent);color:var(--text-2);font-size:13px}
.proposal-value{color:var(--ok-fg)}
.proposal-previous{font-size:12px;color:var(--text-muted);background:var(--surface-2);padding:6px 10px;border-radius:8px}
.observation-note{color:var(--warn-fg);background:var(--warn-bg)}
.analysis-panel .primary{width:auto;display:inline-flex;margin:8px 0 0 4px;padding:0 16px;min-height:34px}
/* restos da paleta verde-acinzentada original -> neutros */
.attachment-list{border-left-color:var(--line-strong)}
.fact-item{border-left-color:var(--line-strong)}
.reviewed-facts{color:var(--text-2)}
.transcription{border-color:var(--line)}
.raw-details pre{background:var(--surface-2);color:var(--text-2);border:1px solid var(--line);border-radius:8px}

/* ---------- PDF lateral: não cobre a barra superior e deixa mais espaço ao processo ---------- */
@media(min-width:801px){.pdf-pane{top:calc(var(--topbar-h) + 8px);right:12px;bottom:12px;width:var(--pdf-w)}.dashboard #workspace-page.with-pdf{max-width:none;margin-left:0;margin-right:calc(var(--pdf-w) + 24px);padding-right:0}}
.pdf-pane{border-radius:var(--r-lg);border:1px solid var(--line);box-shadow:var(--sh-2);background:#ececef}
.pdf-pane .pdf-heading{border-radius:var(--r-lg) var(--r-lg) 0 0;border-bottom:1px solid var(--line);gap:6px}
.pdf-title{font-size:13px;font-weight:600}
.pdf-heading>span{font-size:12px;color:var(--text-muted)}
.pdf-pages{background:#ececef}
.pdf-page-number{font-size:11px;color:var(--text-muted)}

/* ---------- diálogos e modal PJe ---------- */
.record-dialog:where(:not(.document-dialog)){border-radius:var(--r-xl);border:1px solid var(--line);box-shadow:var(--sh-3)}
.record-dialog:where(:not(.document-dialog))::backdrop{background:rgb(24 24 27/.45);backdrop-filter:none}
.record-heading h2:where(:not(.document-dialog *)){font-size:20px;font-weight:600}
/* O editor rápido diz qual processo está sendo editado. */
.record-target{margin:-4px 0 8px;font-size:13px;font-weight:600;color:var(--text);font-variant-numeric:tabular-nums}
.record-fields fieldset:where(:not(.document-dialog *)){border-radius:var(--r-lg);border-color:var(--line)}
.record-field label:where(:not(.document-dialog *)){font-size:12px;font-weight:500;color:var(--text-muted)}
.record-field :is(input,select,textarea):where(:not(.document-dialog *)){min-height:38px;border-radius:var(--r-md);border-color:var(--line-strong);font-size:13px}
#connection-page.pje-modal-container{background:rgb(24 24 27/.5);backdrop-filter:none}
#connection-page.pje-modal-container .card{border-radius:var(--r-xl);border-color:var(--line);box-shadow:var(--sh-3)}
.modal-close-btn{background:var(--surface-3);border-color:var(--line);color:var(--text-muted)}
.modal-close-btn:hover{background:var(--ink);color:#fff}

/* ---------- entrada ---------- */
.account-form .primary{background:var(--accent);color:var(--ink);border-radius:var(--r-pill)}
.account-form .primary:hover{background:#ff6a26}
.account-form .step{color:var(--accent-strong)}
.account-switch{font:500 13px/1.4 var(--font);padding:0;margin:20px 0 12px;color:var(--text)}
.account-resend{font-size:13px;color:var(--text-muted)}
.account-note{color:var(--text-subtle);font-size:12px}

/* Textos pequenos fora da carteira (entrada, modal do PJe, editor rápido): mínimo de 11px. */
.account-page .step,#connection-page .step,.account-story .eyebrow,.privacy,.connection-copy,.cell-editor .hint,.restricted-badge{font-size:11px}
.record-field .quiet-button:where(:not(.document-dialog *)){font-size:11px}
.dashboard .pje-status-badge{font-size:12px}

@media(max-width:1100px){body.dashboard{padding-left:216px}.app-sidebar{width:216px}}
/* O botão do cartão não cobre o rótulo. */
.dashboard .overview-stat:has(.overview-action)>span{padding-right:84px}
@media(max-width:760px){body.dashboard{padding-left:0}.app-sidebar{width:100%}.dashboard>header{position:static;height:auto;padding:10px 16px}.pdf-pane{top:auto}
  .dashboard .overview-stat:has(.overview-action)>span{padding-right:0}.overview-action{position:static;order:3;margin-top:8px}
  html:has(>body.dashboard){scroll-padding-top:0}
  /* Faixa do menu no celular: marca, Dashboard e Meu cadastro na mesma linha, sem a divisória parcial da marca. */
  .app-sidebar .brand{font-size:18px;padding:2px 4px;margin:0 auto 0 0;border-bottom:0}.app-sidebar .brand-mark{width:28px;height:28px;font-size:18px}
  .app-sidebar a:not(.brand){min-height:32px;padding:6px 8px;font-size:12px}}

/* ---------- paleta de situações e varas (docs/39) ----------
   Método: família da etapa = matiz (pré-laudo azul, laudo entregue verde-água, fase judicial violeta, honorários verde);
   posição na sequência = passo de luminosidade (mais escuro = mais avançado); urgência = preenchimento (ação do perito
   sólido, espera em tom claro, encerrado neutro); status reservado (âmbar esclarecimentos, vermelho ausente, cinza
   cancelada/arquivado). Texto sempre presente e >= 4,5:1. Hex só neste :root; o JS envia família/passo/urgência. */
:root{
  --sit-sobre-claro:#18181b; --sit-sobre-escuro:#ffffff;
  --sit-prelaudo-texto:#104a97;
  --sit-prelaudo-1:#7fb3ff; --sit-prelaudo-2:#5795f0; --sit-prelaudo-3:#3571c9; --sit-prelaudo-4:#1856ab;
  --sit-prelaudo-tom-1:#e9f2ff; --sit-prelaudo-tom-2:#deebff; --sit-prelaudo-tom-3:#d6e4f9; --sit-prelaudo-tom-4:#d0def2;
  --sit-laudo-texto:#005957;
  --sit-laudo-1:#06aeab; --sit-laudo-2:#028380;
  --sit-laudo-tom-1:#d7f9f7; --sit-laudo-tom-2:#d1f2f0;
  --sit-judicial-texto:#5f3389;
  --sit-judicial-1:#ca9bff; --sit-judicial-2:#b181e5; --sit-judicial-3:#9d6dcf; --sit-judicial-4:#8050b0; --sit-judicial-5:#693996;
  --sit-judicial-tom-1:#f5edff; --sit-judicial-tom-2:#efe5fc; --sit-judicial-tom-3:#e8def5; --sit-judicial-tom-4:#e1d7ee; --sit-judicial-tom-5:#dad1e7;
  --sit-honorarios-texto:#1d5b2b;
  --sit-honorarios-1:#5cc16f; --sit-honorarios-2:#329b4b; --sit-honorarios-3:#02752c;
  --sit-honorarios-tom-1:#e0f9e2; --sit-honorarios-tom-2:#d9f2db; --sit-honorarios-tom-3:#d2ebd5;
  --sit-aviso:#fbc044; --sit-alerta:#8e0026;
  --sit-neutro-fundo:#f1f1f3; --sit-neutro-texto:#3f3f46; --sit-cinza-texto:#52525b; --sit-cinza-marca:#71717a;
  --sit-sinal-fundo:#ffffff; --sit-sinal-linha:#d4d4d8;
  --vara-1:#458bff; --vara-2:#10a49e; --vara-3:#5c6c14; --vara-4:#5449d0; --vara-5:#a39001; --vara-6:#864a81; --vara-outras:#71717a;
}
/* passo de cada família: cor da marca (ponto ou preenchimento), tom claro e texto sobre o preenchimento */
.state-chip[data-familia=prelaudo]{--chip-texto:var(--sit-prelaudo-texto)}
.state-chip[data-familia=prelaudo][data-passo="1"]{--chip-marca:var(--sit-prelaudo-1);--chip-tom:var(--sit-prelaudo-tom-1);--chip-sobre:var(--sit-sobre-claro)}
.state-chip[data-familia=prelaudo][data-passo="2"]{--chip-marca:var(--sit-prelaudo-2);--chip-tom:var(--sit-prelaudo-tom-2);--chip-sobre:var(--sit-sobre-claro)}
.state-chip[data-familia=prelaudo][data-passo="3"]{--chip-marca:var(--sit-prelaudo-3);--chip-tom:var(--sit-prelaudo-tom-3);--chip-sobre:var(--sit-sobre-escuro)}
.state-chip[data-familia=prelaudo][data-passo="4"]{--chip-marca:var(--sit-prelaudo-4);--chip-tom:var(--sit-prelaudo-tom-4);--chip-sobre:var(--sit-sobre-escuro)}
.state-chip[data-familia=laudo]{--chip-texto:var(--sit-laudo-texto)}
.state-chip[data-familia=laudo][data-passo="1"]{--chip-marca:var(--sit-laudo-1);--chip-tom:var(--sit-laudo-tom-1);--chip-sobre:var(--sit-sobre-claro)}
.state-chip[data-familia=laudo][data-passo="2"]{--chip-marca:var(--sit-laudo-2);--chip-tom:var(--sit-laudo-tom-2);--chip-sobre:var(--sit-sobre-escuro)}
.state-chip[data-familia=judicial]{--chip-texto:var(--sit-judicial-texto)}
.state-chip[data-familia=judicial][data-passo="1"]{--chip-marca:var(--sit-judicial-1);--chip-tom:var(--sit-judicial-tom-1);--chip-sobre:var(--sit-sobre-claro)}
.state-chip[data-familia=judicial][data-passo="2"]{--chip-marca:var(--sit-judicial-2);--chip-tom:var(--sit-judicial-tom-2);--chip-sobre:var(--sit-sobre-claro)}
.state-chip[data-familia=judicial][data-passo="3"]{--chip-marca:var(--sit-judicial-3);--chip-tom:var(--sit-judicial-tom-3);--chip-sobre:var(--sit-sobre-claro)}
.state-chip[data-familia=judicial][data-passo="4"]{--chip-marca:var(--sit-judicial-4);--chip-tom:var(--sit-judicial-tom-4);--chip-sobre:var(--sit-sobre-escuro)}
.state-chip[data-familia=judicial][data-passo="5"]{--chip-marca:var(--sit-judicial-5);--chip-tom:var(--sit-judicial-tom-5);--chip-sobre:var(--sit-sobre-escuro)}
.state-chip[data-familia=honorarios]{--chip-texto:var(--sit-honorarios-texto)}
.state-chip[data-familia=honorarios][data-passo="1"]{--chip-marca:var(--sit-honorarios-1);--chip-tom:var(--sit-honorarios-tom-1);--chip-sobre:var(--sit-sobre-claro)}
.state-chip[data-familia=honorarios][data-passo="2"]{--chip-marca:var(--sit-honorarios-2);--chip-tom:var(--sit-honorarios-tom-2);--chip-sobre:var(--sit-sobre-claro)}
.state-chip[data-familia=honorarios][data-passo="3"]{--chip-marca:var(--sit-honorarios-3);--chip-tom:var(--sit-honorarios-tom-3);--chip-sobre:var(--sit-sobre-escuro)}
.state-chip[data-familia=aviso]{--chip-marca:var(--sit-aviso);--chip-sobre:var(--sit-sobre-claro)}
.state-chip[data-familia=alerta]{--chip-marca:var(--sit-alerta);--chip-sobre:var(--sit-sobre-escuro)}
/* ação pendente do perito: preenchimento sólido */
.state-chip[data-urgencia=acao]{--chip-fundo:var(--chip-marca);--chip-cor:var(--chip-sobre)}
.state-chip[data-urgencia=acao]::before{background:currentColor}
/* espera: tom claro do passo, texto escuro da família, ponto na cor do passo */
.state-chip[data-urgencia=espera]{--chip-fundo:var(--chip-tom);--chip-cor:var(--chip-texto)}
.state-chip[data-urgencia=espera]::before{background:var(--chip-marca)}
/* encerrado: fundo neutro, ponto na cor da família */
.state-chip[data-urgencia=encerrado]{--chip-fundo:var(--sit-neutro-fundo);--chip-cor:var(--sit-neutro-texto)}
.state-chip[data-urgencia=encerrado]::before{background:var(--chip-marca)}
/* status cinza (cancelada, arquivado): neutro com anel vazado */
.state-chip[data-familia=cinza]{--chip-cor:var(--sit-cinza-texto)}
.state-chip[data-familia=cinza]::before{background:transparent;box-shadow:inset 0 0 0 1.5px var(--sit-cinza-marca)}
/* sinal complementar: contorno, sem ponto; situação desconhecida: neutro com o texto, sem ponto */
.state-chip[data-familia=sinal]{--chip-fundo:var(--sit-sinal-fundo);--chip-cor:var(--sit-neutro-texto);box-shadow:inset 0 0 0 1px var(--sit-sinal-linha)}
.state-chip[data-familia=neutro]{--chip-fundo:var(--sit-neutro-fundo);--chip-cor:var(--sit-neutro-texto)}
.state-chip:is([data-familia=sinal],[data-familia=neutro])::before{display:none}
/* Uma regra aplica o par fundo/texto de qualquer etiqueta da paleta. */
.state-chip[data-familia]{background:var(--chip-fundo);color:var(--chip-cor)}
/* Alto contraste do sistema remove os fundos: a borda mantém a etiqueta e a ação ganha borda mais grossa. */
@media (forced-colors:active){.state-chip{border:1px solid CanvasText}.state-chip[data-urgencia=acao]{border-width:2px}}
/* Processo: etiqueta um pouco maior no resumo e nas fases e, como o texto de antes, quebra a linha em vez de cortar o
   rótulo (ex.: "Impugnação / Esclarecimentos" no cartão estreito do resumo). Uma linha: pílula de 22px como na grade. */
.dashboard :is(.process-summary,.classification-grid) .state-chip{height:auto;min-height:22px;padding:3px 8px;border-radius:11px;font-size:12px;line-height:16px;max-width:100%;align-items:flex-start;white-space:normal;overflow:visible}
.dashboard :is(.process-summary,.classification-grid) .state-chip::before{margin-top:5px}
.dashboard :is(.process-summary,.classification-grid) .state-chip>.chip-label{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:break-word}
/* O resumo estiliza todo span como rótulo; dentro da etiqueta valem a cor e a disposição da paleta. */
.dashboard .process-summary .state-chip[data-familia]{display:inline-flex;margin:0;color:var(--chip-cor)}
.dashboard .process-summary .state-chip>.chip-label{display:inline;margin:0;font-size:inherit;color:inherit}
.dashboard .classification-grid .situation-line{margin:0 0 6px}
/* Marcador de vara: 6 cores × 3 formas (quadrado, losango, contorno); o nome da vara continua ao lado. */
.vara-marker{display:inline-block;width:8px;height:8px;margin:0 5px 1px 1px;border-radius:2px;background:var(--vara-cor);vertical-align:middle}
.vara-marker[data-forma=losango]{transform:rotate(45deg) scale(.82)}
.vara-marker[data-forma=contorno]{background:transparent;box-shadow:inset 0 0 0 2px var(--vara-cor)}
.vara-marker[data-cor="1"]{--vara-cor:var(--vara-1)}.vara-marker[data-cor="2"]{--vara-cor:var(--vara-2)}.vara-marker[data-cor="3"]{--vara-cor:var(--vara-3)}
.vara-marker[data-cor="4"]{--vara-cor:var(--vara-4)}.vara-marker[data-cor="5"]{--vara-cor:var(--vara-5)}.vara-marker[data-cor="6"]{--vara-cor:var(--vara-6)}
.vara-marker[data-cor=outras]{--vara-cor:var(--vara-outras)}
.work-subtitle .vara-marker{margin-right:7px}
/* Carteira: o marcador fica fora da etiqueta, no recuo à esquerda da célula, fora do fluxo do texto. A largura do nome
   é a mesma de antes do marcador (o recuo sai do td e volta no botão), então o nome quebra nos mesmos pontos.
   Com o cartão do texto completo aberto, o marcador volta ao fluxo, antes do nome. Segunda vara na mesma célula: no fluxo. */
.dashboard .portfolio-table td.court-cell{padding-left:2px;padding-right:3px}
.portfolio-table .court-cell .cell-edit{padding-left:14px}
.portfolio-table .court-cell .cell-text>.vara-marker:first-child{position:absolute;margin:6px 0 0 -11px}
@media (hover:hover){.portfolio-table .court-cell .cell-edit:hover>.cell-text.is-clamped>.vara-marker:first-child{position:static;margin:0 5px 1px 1px}}
.portfolio-table .court-cell .cell-edit:focus-visible>.cell-text.is-clamped>.vara-marker:first-child{position:static;margin:0 5px 1px 1px}
/* ---------- fim da paleta (docs/39) ---------- */
/* Cobertura parcial dos autos (docs/41): mesmo âmbar dos avisos de dados da última consulta. */
/* Selo do item preservado: contorno tracejado, distinto do selo preenchido "Outro perito". */
.author-badge.preservado{background:transparent;border:1px dashed currentColor;color:var(--warn-fg);line-height:16px}
.row-meta .coverage-partial{color:var(--warn-fg);font-weight:600}
/* Acesso recusado (403): estado próprio e neutro, sem o âmbar da cobertura parcial. */
.row-meta .access-denied{color:var(--neutral-fg);font-weight:600}
.work-notice .notice-action{margin-left:4px;padding:2px 10px;border:1px solid currentColor;border-radius:var(--r-pill);background:transparent;color:inherit;font:inherit;font-weight:600;cursor:pointer}

/* ---------- Documentos do perito (docs/43, E2): regras restritas à quinta aba, à faixa de contexto e ao painel "Usar em peça…" ---------- */
.process-perito-pane[hidden],.context-strip[hidden],.pdf-tools[hidden]{display:none}
.context-strip{position:sticky;top:calc(var(--topbar-h) + 6px);z-index:15;display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:0 0 14px;padding:8px 12px;background:var(--accent-soft);border:1px solid var(--accent-tint);border-radius:var(--r-lg);font-size:13px;color:var(--text);box-shadow:var(--sh-1)}
.context-strip-label{font-size:11px;font-weight:600;letter-spacing:.4px;text-transform:uppercase;color:var(--accent-strong)}
.context-strip strong{overflow-wrap:anywhere}
.process-perito-pane{display:flex;flex-direction:column;gap:12px;min-width:0}
.perito-head h2.perito-title{font-size:16px;font-weight:600;margin:4px 0 4px}
.perito-hint{font-size:13px;color:var(--text-muted);margin:0;max-width:760px}
.perito-focus{font-size:12px;font-weight:500;color:var(--text-muted);margin:0}
.process-perito-pane>.work-select{height:36px;max-width:100%}
.perito-context{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.perito-blocks{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:12px;align-items:start}
.perito-block{min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:14px 16px}
.perito-block.dossie{grid-column:1/-1}
.perito-block>h3{font-size:14px;font-weight:600;margin:0 0 6px;color:var(--text)}
.perito-block .row-meta{overflow-wrap:anywhere}
.perito-empty{font-size:13px;color:var(--text-subtle);margin:6px 0}
.perito-list{list-style:none;margin:6px 0 0;padding:0}
.perito-row{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;padding:8px 0;border-top:1px solid var(--line-soft);font-size:13px;min-width:0}
.perito-row>strong{flex:1 1 220px;min-width:0;font-weight:500;overflow-wrap:anywhere}
.perito-row>.use-host{flex-basis:100%;min-width:0}
.perito-actions{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:6px 0}
.perito-status{font-size:12px;color:var(--text-muted);margin:6px 0}
.perito-status.error{color:#a3271a}
.dossie-source{border:1px solid var(--line);border-radius:var(--r-md);padding:10px 12px;margin:10px 0;background:var(--surface-2);min-width:0}
.dossie-source-head{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px}
.dossie-source-head>strong{flex:1 1 240px;min-width:0;font-size:13px;overflow-wrap:anywhere}
.dossie-excerpt{border-top:1px solid var(--line-soft);padding:8px 0 4px;margin-top:6px;min-width:0}
.dossie-excerpt.revoked .dossie-text{opacity:.7;border-left-color:var(--line-strong)}
.dossie-text{margin:0 0 4px;padding:4px 0 4px 10px;border-left:3px solid var(--accent);font-size:13px;line-height:1.55;color:var(--text-2);white-space:pre-wrap;overflow-wrap:anywhere;max-height:220px;overflow:auto}
.dossie-page{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;font-size:12px;line-height:1.55;max-height:240px;overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:8px;margin:6px 0}
.dossie-located{font-size:12px;font-weight:500;margin:6px 0}
.dossie-located.ok{color:var(--ok-fg)}
.dossie-located.warn{color:var(--warn-fg)}
.dossie-history{font-size:12px;color:var(--text-muted);margin:4px 0}
.dossie-history>summary,.dossie-revoked>summary,.perito-removed>summary,.dossie-typed>summary{cursor:pointer;font-size:12px;font-weight:500;color:var(--text-2)}
.dossie-history p{margin:2px 0;overflow-wrap:anywhere}
.dossie-typed{margin-top:12px;border-top:1px solid var(--line-soft);padding-top:10px}
.dossie-typed label,.use-area label,.pdf-tools label{display:block;font-size:12px;font-weight:500;color:var(--text-muted);margin:8px 0 0}
.dossie-typed .work-select,.perito-page,.perito-textarea,.use-destination .work-select{display:block;width:100%;max-width:100%;margin-top:4px;box-sizing:border-box;font:inherit;font-size:13px}
.perito-page{max-width:120px;height:34px;min-height:0;padding:0 8px;border:1px solid var(--line-strong);border-radius:var(--r-md)}
.perito-textarea{min-height:96px;padding:8px;border:1px solid var(--line-strong);border-radius:var(--r-md);resize:vertical}
.perito-confirm{display:flex;gap:8px;align-items:flex-start;font-size:12px;margin:8px 0}
.perito-confirm input{width:16px;height:16px;flex:none;margin:2px 0 0}
.dossie-typed .primary,.use-area .primary,.pdf-tools .primary{width:auto;display:inline-flex;margin-top:8px;padding:0 16px;min-height:34px}
.two-step{display:inline-flex;flex-wrap:wrap;gap:6px;align-items:center}
.perito-reason{height:30px;max-width:220px;font-size:12px;padding:0 8px;border:1px solid var(--line-strong);border-radius:var(--r-md)}
.use-panel{margin:8px 0;padding:10px 12px;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-md);min-width:0}
.use-panel-head{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px}
.use-destination{display:block;font-size:12px;font-weight:500;color:var(--text-muted);margin:6px 0}
.use-destination-fixed{font-size:12px;font-weight:500;color:var(--text-2);margin:6px 0;overflow-wrap:anywhere}
.use-choice{border-top:1px solid var(--line-soft);padding:8px 0;min-width:0}
.use-pending{margin:6px 0;padding:8px;border:1px dashed var(--line-strong);border-radius:8px}
.analysis-panel .use-button,.use-choice .use-button{margin:4px 0;color:var(--accent-strong);border-color:var(--accent-tint);background:var(--accent-soft)}
.pdf-tools{flex:none;max-height:45%;overflow:auto;padding:10px 12px;background:var(--surface);border-bottom:1px solid var(--line);font-size:12px}
.pdf-tools .perito-textarea{min-height:120px;resize:vertical}
/* No celular a faixa não fica presa ao topo: ocupava 127 px de 844 enquanto o perito rolava (revisão E2: M5). */
@media(max-width:760px){.context-strip{position:static;padding:6px 10px;margin-bottom:10px}.perito-block{padding:12px}.perito-row>strong{flex-basis:100%}}

/* ---------- Peças do perito (docs/43, E3): editor por seção dentro da quinta aba. Só classes novas; o diálogo de documentos e o perfil não mudam (D50). ---------- */
.perito-block.pecas{grid-column:1/-1}
.peca-row>.perito-actions{flex-basis:100%;margin:2px 0}
.peca-chip{display:inline-flex;align-items:center;font-size:11px;font-weight:500;padding:2px 8px;border-radius:20px;background:var(--surface-2);border:1px solid var(--line);color:var(--text-2)}
.peca-chip.pending,.peca-chip.proposto{background:#fff6e5;border-color:#f0d9a8;color:var(--warn-fg)}
.peca-chip.confirmado{background:var(--accent-soft);border-color:var(--accent-tint);color:var(--accent-strong)}
.peca-create .peca-suggestion{border-top:1px solid var(--line-soft);padding:6px 0;display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px}
.peca-create .peca-suggestion .perito-confirm{flex:1 1 280px;margin:4px 0}
.peca-create .primary,.peca-import .primary,.peca-editor .primary{width:auto;display:inline-flex;padding:0 16px;min-height:34px}
.peca-inline{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:var(--text-muted)}
.peca-inline .work-select,.peca-inline input{height:32px;font-size:12px;padding:0 8px;border:1px solid var(--line-strong);border-radius:var(--r-md);background:var(--surface)}
.peca-editor{display:flex;flex-direction:column;gap:10px;min-width:0}
.peca-top{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px}
.peca-top .peca-title{font-size:15px;font-weight:600;margin:0;flex:1 1 260px;min-width:0;overflow-wrap:anywhere}
.peca-saved{flex-basis:100%}
.peca-changes{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0}
.peca-grid{display:grid;grid-template-columns:minmax(180px,230px) minmax(0,1fr);gap:12px;align-items:start}
.peca-index{display:flex;flex-direction:column;gap:4px;position:sticky;top:calc(var(--topbar-h) + 64px)}
.peca-nav{display:flex;flex-direction:column;align-items:flex-start;gap:1px;width:100%;text-align:left;font:inherit;padding:7px 10px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);cursor:pointer;color:var(--text)}
.peca-nav:hover{background:var(--surface-2)}
.peca-nav.active{border-color:var(--accent);box-shadow:inset 3px 0 0 var(--accent);background:var(--accent-soft)}
.peca-nav-title{font-size:13px;font-weight:500}
.peca-nav-meta{font-size:11px;color:var(--text-muted)}
.peca-nav.conferida .peca-nav-meta{color:var(--ok-fg)}
.peca-active{min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:14px 16px}
.peca-section-title{font-size:14px;font-weight:600;margin:0 0 2px}
.peca-mode{font-size:12px;color:var(--text-muted);margin:0 0 10px}
.peca-label{display:block;font-size:12px;font-weight:600;color:var(--text-2);margin:12px 0 4px}
.peca-field{margin:8px 0}
.peca-textarea{min-height:120px;line-height:1.55;font-weight:400;color:var(--text)}
.peca-confer span,.peca-choice span,.peca-create .perito-confirm span,.peca-import .perito-confirm span{font-weight:400}
.peca-fixed{white-space:pre-wrap;overflow-wrap:anywhere;font:15px/1.6 Georgia,serif;color:var(--text);background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-md);padding:12px 14px;margin:0 0 8px}
.peca-confer-box{border-top:1px solid var(--line-soft);margin-top:12px;padding-top:6px}
.peca-issues .peca-issue{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:12px;margin:4px 0}
.peca-ponto{border:1px solid var(--line);border-radius:var(--r-md);padding:10px 12px;margin:10px 0;background:var(--surface);min-width:0}
.peca-ponto.proposto{border-style:dashed;border-color:#e5c98f;background:#fffbf3}
.peca-ponto-head{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
.peca-ponto-head>strong{font-size:13px}
.peca-merge{height:30px;font-size:12px;max-width:170px}
.peca-excerpts{margin:6px 0}
.peca-cite{margin:6px 0;font-size:12px}
.peca-cite>summary{cursor:pointer;font-weight:500;color:var(--accent-strong)}
.peca-cite-row{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;border-top:1px solid var(--line-soft);padding:6px 0}
.peca-cite-text{flex:1 1 260px;min-width:0;overflow-wrap:anywhere;color:var(--text-2)}
.peca-search{max-width:100%;width:320px;margin:4px 0}
.peca-source{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;border-top:1px solid var(--line-soft);padding:8px 0;font-size:13px;min-width:0}
.peca-source>strong,.peca-source>span:first-child{flex:1 1 240px;min-width:0;overflow-wrap:anywhere}
.peca-source .work-select{height:32px;font-size:12px;max-width:100%}
.peca-old-point{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:12px;padding:4px 0}
.peca-choice{display:flex;flex-direction:column;gap:2px;margin:6px 0}
.peca-blocks{margin:4px 0 10px;padding-left:18px;font-size:13px}
.peca-blocks li{margin:4px 0}
.peca-blocks li .quiet-button{margin-left:8px}
.peca-previa{background:#fff;border:1px solid var(--line);border-radius:var(--r-md);padding:20px 22px;margin:10px 0;max-height:640px;overflow:auto;box-shadow:var(--sh-1)}
.peca-previa-title{text-align:center;font:600 15px/1.4 Georgia,serif;margin:0 0 12px;color:#1f1f24}
.peca-previa-text{white-space:pre-wrap;overflow-wrap:anywhere;font:15px/1.6 Georgia,serif;color:#1f1f24}
.peca-proposal{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;border-top:1px solid var(--line-soft);padding:8px 0;font-size:13px}
.peca-proposal>strong{flex:1 1 260px;min-width:0}
.peca-destination{color:var(--accent-strong)}
@media(max-width:900px){.peca-grid{grid-template-columns:1fr}.peca-index{position:static;flex-direction:row;flex-wrap:wrap}.peca-nav{width:auto;flex:1 1 150px}}
@media(max-width:760px){.peca-active{padding:12px}.peca-previa{padding:14px}}
.peca-editor label.perito-confirm,.peca-editor .perito-confirm span{font-weight:400}

/* Acesso lembrado (D59) no modal de sincronização; não alcança os diálogos (D50). */
#connection-page .remembered-box{margin:14px 0 4px;padding:12px 14px;border:1px solid #e4e4e7;border-radius:14px;background:#fafafa}
#connection-page .remembered-box .primary{margin-top:10px}