/* Aba Esteira do monitor: o painel da cobrança como no "Painel Financeiro RNP" do Maike (medidas, cores, fontes e
   componentes portados dele em 14/10/2026), com as ações da fase 2 (registrar, agendar, mover, alçada, observação) e a
   mensagem pronta. Tudo confinado à aba (.esteira), à gaveta e aos diálogos (#est-drawer, #est-dialogo, #est-status,
   #est-agenda). As fontes (Poppins, IBM Plex) vêm do Google Fonts, liberado na CSP só para isso. */
.esteira, #est-drawer, #est-dialogo, #est-status, #est-agenda {
  --bg: #EEF1F4; --surface: #FFFFFF; --surface-2: #F5F7F9; --surface-3: #E5EAEF;
  --line: #D4DBE2; --line-strong: #B4BFC9;
  --text: #12242E; --text-2: #54626E; --text-3: #82909D;
  --brand: #12242E; --accent: #12242E; --accent-soft: #E0E7EC; --accent-line: #A9B6C1; --accent-texto: #FFFFFF;
  --brass: #BB561D; --brass-2: #BB561D; --brass-soft: #F6E5DA;
  --ok: #2C7449; --ok-soft: #DCEFE3;
  --warn: #A9711A; --warn-soft: #F7EAD2;
  --crit: #9E2229; --crit-soft: #F6DCDD;
  --jud: #4C4177; --jud-soft: #E3E0F0;
  --azul: #12242E; --azul-soft: #E0E7EC;
  --shadow: 0 1px 2px rgba(21, 32, 43, .06), 0 5px 14px rgba(21, 32, 43, .06);
  --shadow-2: 0 2px 6px rgba(21, 32, 43, .08), 0 14px 34px rgba(21, 32, 43, .12);
  --radius: 8px; --shape: #12242E;
  color: var(--text); font-family: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif; font-size: 14px; line-height: 1.45; -webkit-font-smoothing: antialiased;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .esteira, :root:not([data-theme="light"]) #est-drawer, :root:not([data-theme="light"]) #est-dialogo, :root:not([data-theme="light"]) #est-status, :root:not([data-theme="light"]) #est-agenda {
    --bg: #0A1219; --surface: #12202A; --surface-2: #182733; --surface-3: #20313E;
    --line: #263541; --line-strong: #3A4E5D;
    --text: #E1E8EE; --text-2: #95A5B2; --text-3: #6F8090;
    --brand: #E4EBF1; --accent: #8FB4C6; --accent-soft: #15252F; --accent-line: #33505E; --accent-texto: #08171A;
    --brass: #E0915F; --brass-2: #E0915F; --brass-soft: #36241A;
    --ok: #61B888; --ok-soft: #122E1F;
    --warn: #D6A05A; --warn-soft: #352815;
    --crit: #DE7B80; --crit-soft: #37191B;
    --jud: #A79BD6; --jud-soft: #221D33;
    --azul: #8FB4C6; --azul-soft: #15252F; --shape: #1F3847;
    --shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 6px 18px rgba(0, 0, 0, .3);
    --shadow-2: 0 2px 6px rgba(0, 0, 0, .45), 0 14px 34px rgba(0, 0, 0, .5);
  }
}
:root[data-theme="dark"] .esteira, :root[data-theme="dark"] #est-drawer, :root[data-theme="dark"] #est-dialogo, :root[data-theme="dark"] #est-status, :root[data-theme="dark"] #est-agenda {
  --bg: #0A1219; --surface: #12202A; --surface-2: #182733; --surface-3: #20313E; --line: #263541; --line-strong: #3A4E5D;
  --text: #E1E8EE; --text-2: #95A5B2; --text-3: #6F8090; --brand: #E4EBF1; --accent: #8FB4C6; --accent-soft: #15252F; --accent-line: #33505E; --accent-texto: #08171A;
  --brass: #E0915F; --brass-2: #E0915F; --brass-soft: #36241A; --ok: #61B888; --ok-soft: #122E1F; --warn: #D6A05A; --warn-soft: #352815; --crit: #DE7B80; --crit-soft: #37191B; --jud: #A79BD6; --jud-soft: #221D33;
  --azul: #8FB4C6; --azul-soft: #15252F; --shape: #1F3847;
  --shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 6px 18px rgba(0, 0, 0, .3); --shadow-2: 0 2px 6px rgba(0, 0, 0, .45), 0 14px 34px rgba(0, 0, 0, .5);
}

.esteira h2, .esteira h3, #est-drawer h2, #est-drawer h3, #est-dialogo h3 { font-family: "Poppins", "IBM Plex Sans", system-ui, sans-serif; font-weight: 600; letter-spacing: -.01em; margin: 0; text-wrap: balance; text-transform: none; color: inherit; }
.esteira .num, #est-drawer .num, #est-dialogo .num { font-family: "IBM Plex Mono", ui-monospace, monospace; font-variant-numeric: tabular-nums; }
.esteira button, #est-drawer button, #est-dialogo button { font: inherit; color: inherit; cursor: pointer; background: none; border: 0; padding: 0; border-radius: 0; font-weight: inherit; }
.esteira .oculto, #est-drawer .oculto, #est-dialogo .oculto { display: none !important; }
.esteira svg.ico, #est-drawer svg.ico, #est-dialogo svg.ico, #est-status svg.ico { width: 14px; height: 14px; flex: none; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }
.esteira :focus-visible, #est-drawer :focus-visible, #est-dialogo :focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.esteira .avatar, #est-drawer .avatar, #est-dialogo .avatar { display: none; }

/* ---- o painel inteiro: no modo painel ocupa a janela, como o .app do modelo ---- */
.esteira { display: flex; flex-direction: column; background: var(--bg); }
body.painel .esteira { min-height: 100vh; }

/* ---- cabeçalho da esteira (cobhead): chapado, de ponta a ponta ---- */
.esteira .est-topo { background: var(--surface); border-bottom: 1px solid var(--line); padding: 14px 20px 0; display: flex; flex-direction: column; gap: 12px; position: relative; overflow: hidden; }
.esteira .est-topo::before { content:""; position:absolute; top:0; right:0; width:min(320px,45%); height:16px; background:var(--shape); clip-path:polygon(0 0,100% 0,100% 100%,12% 100%); pointer-events:none }
.esteira .est-brandrow { display: flex; align-items: flex-end; gap: 14px; flex-wrap: wrap; }
.esteira .est-marca { display: none; }
.esteira .est-brand h2 { font-size: 17px; }
.esteira .est-brand p { margin: 2px 0 0; color: var(--text-2); font-size: 12px; }
.esteira .spacer { flex: 1; }
.esteira .est-controles { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
.esteira .seg { display: flex; border: 1px solid var(--line-strong); border-radius: 999px; overflow: hidden; background: var(--surface-2); }
.esteira .seg button { border: 0; background: transparent; padding: 5px 13px; font-size: 12px; font-weight: 600; color: var(--text-2); border-radius: 0; }
.esteira .seg button[aria-pressed="true"] { background: var(--accent); color: var(--accent-texto); }
.esteira .seglab { font-size: 10px; text-transform: uppercase; letter-spacing: .09em; color: var(--text-3); font-weight: 700; align-self: center; margin-right: -6px; }
.esteira .est-topo select, .esteira .est-topo input { width: auto; font: inherit; font-size: 13px; color: var(--text); background: var(--surface-2); border: 1px solid var(--line-strong); border-radius: 6px; padding: 6px 8px; }
.esteira .busca { position: relative; display: flex; align-items: center; }
.esteira .busca svg { position: absolute; left: 9px; color: var(--text-3); pointer-events: none; }
.esteira .busca input { padding-left: 29px; min-width: 220px; }
.esteira #est-ordena { padding: 5px 9px; }
.esteira #est-atualizar, .esteira #est-rodar { border: 1px solid var(--line-strong); background: var(--surface-2); color: var(--text); border-radius: 6px; padding: 6px 12px; font-size: 12.5px; font-weight: 600; }
.esteira #est-atualizar:disabled, .esteira #est-rodar:disabled { opacity: .6; cursor: wait; }

/* KPIs em linha, sem caixa, como no modelo */
.esteira .kpis { display: flex; gap: 26px; flex-wrap: wrap; padding-bottom: 2px; align-items: flex-end; }
.esteira .kpi { display: flex; flex-direction: column; gap: 1px; min-width: 100px; }
.esteira .kpi .ic { display: none; }
.esteira .kpi .k { font-size: 10px; text-transform: uppercase; letter-spacing: .09em; color: var(--text-3); font-weight: 600; }
.esteira .kpi .v { font-size: 20px; font-weight: 600; letter-spacing: -.02em; }
.esteira .kpi .s { font-size: 11px; color: var(--text-2); }
.esteira .kpi.crit .v { color: var(--crit); }
.esteira .kpi.ok .v { color: var(--ok); }
.esteira button.kpi { border: 0; background: transparent; padding: 0; text-align: left; font: inherit; color: var(--text); cursor: pointer; border-radius: 5px; }
.esteira button.kpi:hover .k { color: var(--accent); }
.esteira button.kpi:hover .s { color: var(--text); text-decoration: underline; text-underline-offset: 2px; }

/* abas do quadro (cobtabs) */
.esteira .est-tabs { display: flex; gap: 2px; overflow-x: auto; scrollbar-width: none; align-items: center; justify-content: center; position: relative; }
.esteira .est-tabs .tabs-extra { position: absolute; right: 0; top: 50%; transform: translateY(-60%); display: flex; gap: 8px; align-items: center; }
.esteira .est-tabs .busca input { min-width: 170px; padding: 5px 8px 5px 29px; font-size: 12.5px; }
.esteira .est-tabs #est-atualizar, .esteira .est-tabs #est-rodar { padding: 5px 11px; font-size: 12px; }
@media (max-width: 1100px) { .esteira .est-tabs { justify-content: flex-start; flex-wrap: wrap; } .esteira .est-tabs .tabs-extra { position: static; transform: none; margin-left: auto; } }
.esteira .est-tabs::-webkit-scrollbar { display: none; }
.esteira .est-tabs button { flex: none; border: 0; background: transparent; padding: 9px 14px 10px; font-size: 13px; font-weight: 600; color: var(--text-2); border-bottom: 2px solid transparent; border-radius: 6px 6px 0 0; }
.esteira .est-tabs button[aria-selected="true"] { color: var(--text); border-bottom-color: var(--brass); }
.esteira .est-tabs .cnt { display: none; }
.esteira .notice { margin: 0; padding: 9px 20px; background: var(--surface); color: var(--text-2); font-size: 12px; border-bottom: 1px solid var(--line); box-shadow: inset 3px 0 0 var(--brass); }
.esteira .notice svg { display: none; }
.esteira .notice b { font-weight: 600; color: var(--text); }

/* ---- quadro ---- */
.esteira .board { flex: 1; display: flex; gap: 12px; padding: 16px 20px 26px; overflow-x: auto; align-items: flex-start; min-height: 320px; }
.esteira .col { flex: 0 0 252px; background: var(--surface-2); border: 1px solid var(--line); border-top: 2px solid var(--text-3); border-radius: var(--radius); display: flex; flex-direction: column; max-height: calc(100vh - 214px); }
.esteira .col.over { border-color: var(--accent); background: var(--accent-soft); }
.esteira .col.inbox { flex: 0 0 288px; background: var(--surface-3); border-color: var(--line-strong); border-top: 2px solid var(--brass); }
.esteira .col.t-n { border-top-color: var(--text-3); }
.esteira .col.t-w { border-top-color: var(--warn); }
.esteira .col.t-c { border-top-color: var(--crit); }
.esteira .col.t-j { border-top-color: var(--jud); }
.esteira .col.t-a { border-top-color: var(--accent); }
.esteira .col.t-o { border-top-color: var(--ok); }
.esteira .col.inbox { border-top-color: var(--brass); }
.esteira .colhead { padding: 9px 11px 8px; border-bottom: 1px solid var(--line); display: flex; flex-direction: column; gap: 2px; }
.esteira .colhead .stage { font-size: 10px; text-transform: uppercase; letter-spacing: .1em; font-weight: 700; color: var(--text-2); }
.esteira .col.inbox .colhead .stage { color: var(--brass); }
.esteira .colhead .cnt { display: none; }
.esteira .colhead .nm { font-size: 12.5px; font-weight: 600; line-height: 1.25; }
.esteira .colhead .m { font-size: 11px; color: var(--text-2); display: flex; gap: 9px; }
.esteira .colbody { padding: 8px; display: flex; flex-direction: column; gap: 7px; overflow-y: auto; min-height: 56px; }
.esteira .empty { font-size: 11.5px; color: var(--text-3); padding: 8px 4px; font-style: italic; margin: 0; }
.esteira .card { background: var(--surface); border: 1px solid var(--line); border-left: 3px solid var(--line-strong); border-radius: 6px; padding: 8px 9px; box-shadow: var(--shadow); cursor: grab; text-align: left; width: 100%; display: flex; flex-direction: column; gap: 5px; color: var(--text); font-weight: 400; }
.esteira .card:hover { border-color: var(--line-strong); }
.esteira .card.dragging { opacity: .35; }
.esteira .card.urg-w { border-left-color: var(--warn); }
.esteira .card.urg-c { border-left-color: var(--crit); }
.esteira .card.quit { border-left-color: var(--ok); cursor: pointer; }
.esteira .card.local { box-shadow: var(--shadow), 0 0 0 1px var(--brass) inset; }
.esteira .card .topo { display: flex; align-items: center; gap: 8px; }
.esteira .card .cli { font-size: 12.5px; font-weight: 600; line-height: 1.25; letter-spacing: -.005em; }
.esteira .card .doc { font-size: 10.5px; color: var(--text-3); letter-spacing: .02em; }
.esteira .card .row { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; }
.esteira .card .val { font-size: 14px; font-weight: 600; }
.esteira .card .venc { font-size: 10.5px; color: var(--text-2); }
.esteira .card .foot { display: flex; align-items: center; gap: 5px; flex-wrap: wrap; }
.esteira .card .next { font-size: 10.5px; color: var(--text-2); display: flex; gap: 5px; align-items: center; }
.esteira .card .next svg { display: none; }
.esteira .card .next .dot { width: 5px; height: 5px; border-radius: 50%; background: currentColor; flex: none; }
.esteira .card .next.late { color: var(--crit); font-weight: 600; }
.esteira .chip, #est-drawer .chip, #est-dialogo .chip { display: inline-block; font-size: 10.5px; font-weight: 600; padding: 1.5px 6px; border-radius: 4px; letter-spacing: .02em; white-space: nowrap; }
.esteira .chip.n, #est-drawer .chip.n, #est-dialogo .chip.n { background: var(--surface-3); color: var(--text-2); }
.esteira .chip.w, #est-drawer .chip.w, #est-dialogo .chip.w { background: var(--warn-soft); color: var(--warn); }
.esteira .chip.c, #est-drawer .chip.c, #est-dialogo .chip.c { background: var(--crit-soft); color: var(--crit); }
.esteira .chip.j, #est-drawer .chip.j, #est-dialogo .chip.j { background: var(--jud-soft); color: var(--jud); }
.esteira .chip.a, #est-drawer .chip.a, #est-dialogo .chip.a { background: var(--accent-soft); color: var(--accent); }
.esteira .chip.o, #est-drawer .chip.o, #est-dialogo .chip.o { background: var(--ok-soft); color: var(--ok); }
.esteira .chip.b, #est-drawer .chip.b, #est-dialogo .chip.b { background: var(--brass-soft); color: var(--brass); }

/* ---- gaveta e diálogos ---- */
#est-drawer .scrim, #est-dialogo .scrim { position: fixed; inset: 0; background: rgba(10, 16, 22, .42); z-index: 40; }
#est-drawer .drawer { position: fixed; top: 0; right: 0; bottom: 0; width: min(472px, 100%); background: var(--surface); border-left: 1px solid var(--line); z-index: 41; display: flex; flex-direction: column; box-shadow: -14px 0 40px rgba(10, 16, 22, .18); }
@media (prefers-reduced-motion: reduce) { .esteira *, #est-drawer *, #est-dialogo * { transition: none !important; } }
#est-drawer .dhead { padding: 16px 18px 12px; border-bottom: 1px solid var(--line); }
#est-drawer .dhead .top { display: flex; justify-content: space-between; gap: 10px; align-items: flex-start; }
#est-drawer .dhead .quem { display: flex; gap: 12px; align-items: center; }
#est-drawer .dhead h2 { font-size: 17px; letter-spacing: -.01em; }
#est-drawer .dhead .sub { color: var(--text-2); font-size: 12px; margin: 3px 0 0; display: flex; gap: 6px; flex-wrap: wrap; align-items: center; }
#est-drawer .x { border: 1px solid var(--line); background: var(--surface-2); border-radius: 6px; width: 28px; height: 28px; line-height: 1; flex: none; font-size: 16px; color: var(--text-2); padding: 0; }
#est-drawer .dstats { display: flex; gap: 18px; margin-top: 12px; flex-wrap: wrap; }
#est-drawer .dstats div { display: flex; flex-direction: column; }
#est-drawer .dstats .k { font-size: 10px; text-transform: uppercase; letter-spacing: .08em; color: var(--text-3); font-weight: 600; }
#est-drawer .dstats .v { font-size: 15px; font-weight: 600; }
#est-drawer .dstats .v.alerta { color: var(--crit); }
#est-drawer .dbody { flex: 1; overflow-y: auto; padding: 16px 18px 24px; display: flex; flex-direction: column; gap: 18px; }
#est-drawer .sect > h3 { font-size: 11px; text-transform: uppercase; letter-spacing: .09em; color: var(--text-3); font-family: "IBM Plex Sans", sans-serif; font-weight: 700; margin: 0 0 8px; display: flex; align-items: center; gap: 8px; }
#est-drawer .sect > h3 .cnt { display: none; }
#est-drawer .titles { border: 1px solid var(--line); border-radius: 6px; overflow: hidden; }
#est-drawer .titles table { width: 100%; border-collapse: collapse; font-size: 12px; min-width: 0; }
#est-drawer .titles th { text-align: left; font-size: 10px; text-transform: uppercase; letter-spacing: .07em; color: var(--text-3); padding: 6px 9px; background: var(--surface-2); font-weight: 700; border: 0; }
#est-drawer .titles td { padding: 6px 9px; border: 0; border-top: 1px solid var(--line); }
#est-drawer .titles td.r, #est-drawer .titles th.r { text-align: right; }
#est-drawer .titles tr.clickable { cursor: pointer; }
#est-drawer .titles tr.clickable:hover td { background: var(--surface-2); }
#est-drawer .tl { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
#est-drawer .tl li { display: grid; grid-template-columns: 16px 1fr; gap: 10px; padding-bottom: 13px; }
#est-drawer .tl .rail { display: flex; flex-direction: column; align-items: center; }
#est-drawer .tl .bullet { width: 9px; height: 9px; border-radius: 50%; border: 2px solid var(--accent); background: var(--surface); margin-top: 4px; }
#est-drawer .tl .line { flex: 1; width: 1px; background: var(--line); margin-top: 3px; }
#est-drawer .tl li:last-child .line { display: none; }
#est-drawer .tl .when { display: block; font-size: 11px; color: var(--text-3); }
#est-drawer .tl .what { display: block; font-size: 13px; font-weight: 600; margin-top: 1px; }
#est-drawer .tl .note { display: block; font-size: 12.5px; color: var(--text-2); margin-top: 2px; white-space: pre-line; }
#est-drawer .tl .who { display: block; font-size: 11px; color: var(--text-3); margin-top: 3px; }
#est-drawer .alc { border: 1px solid var(--accent-line); background: var(--accent-soft); border-radius: 6px; padding: 10px 11px; font-size: 12.5px; display: flex; flex-direction: column; gap: 8px; }
#est-drawer .alc b { font-weight: 600; }
#est-drawer .alc textarea { min-height: 62px; }
#est-drawer .empty { font-size: 11.5px; color: var(--text-3); font-style: italic; margin: 0; }
#est-drawer .btn, .esteira .btn, #est-dialogo .btn { border: 1px solid transparent; background: var(--accent); color: var(--accent-texto); padding: 8px 14px; border-radius: 6px; font-size: 13px; font-weight: 600; text-decoration: none; display: inline-flex; align-items: center; gap: 7px; }
#est-drawer .btn:disabled, #est-dialogo .btn:disabled { opacity: .55; cursor: wait; }
#est-drawer .btn.ghost, .esteira .btn.ghost, #est-dialogo .btn.ghost { background: var(--surface-2); border-color: var(--line-strong); color: var(--text); }
#est-drawer .btn.ghost:hover, .esteira .btn.ghost:hover, #est-dialogo .btn.ghost:hover { background: var(--surface-3); border-color: var(--text-3); }
#est-drawer .btn.mini, .esteira .btn.mini, #est-dialogo .btn.mini { padding: 2px 9px; font-size: 11.5px; border-radius: 5px; vertical-align: 1px; }
#est-drawer .btn.perigo, #est-dialogo .btn.perigo { background: var(--crit); color: #fff; }
#est-drawer .btnrow, .esteira .btnrow, #est-dialogo .btnrow { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
#est-drawer .pd { border: 1px dashed var(--line-strong); border-radius: 6px; padding: 10px 12px; font-size: 12.5px; color: var(--text-2); display: flex; flex-direction: column; gap: 8px; }
/* formulário de registro */
#est-drawer form.reg, #est-drawer form.alc-form, #est-drawer form.nota-form { display: flex; flex-direction: column; gap: 9px; }
#est-drawer .frow { display: flex; gap: 9px; flex-wrap: wrap; }
#est-drawer .f { display: flex; flex-direction: column; gap: 3px; flex: 1 1 140px; min-width: 0; }
#est-drawer .f.larga { flex-basis: 100%; }
#est-drawer .f label { font-size: 11px; color: var(--text-2); font-weight: 600; }
#est-drawer select, #est-drawer input, #est-drawer textarea { font: inherit; font-size: 13px; color: var(--text); background: var(--surface-2); border: 1px solid var(--line-strong); border-radius: 6px; padding: 6px 8px; width: 100%; }
#est-drawer textarea { resize: vertical; min-height: 54px; }
#est-drawer .canais { display: flex; gap: 6px; flex-wrap: wrap; }
#est-drawer .canais button { border: 1px solid var(--line-strong); background: var(--surface-2); color: var(--text-2); border-radius: 999px; padding: 5px 12px; font-size: 12px; font-weight: 600; display: inline-flex; align-items: center; gap: 6px; }
#est-drawer .canais button[aria-pressed="true"] { background: var(--accent); color: var(--accent-texto); border-color: var(--accent); }
#est-drawer .dica { font-size: 11.5px; color: var(--text-3); margin: 0; }
#est-drawer .dica.alerta { color: var(--crit); }
#est-drawer .link-discreto { background: none; border: 0; color: var(--text-2); font-size: 12px; text-decoration: underline; padding: 0; }
#est-drawer form.reg label.check, #est-drawer .check { display: flex; gap: 7px; align-items: center; font-size: 12.5px; color: var(--text-2); }
#est-drawer form.reg label.check input, #est-drawer .check input { width: auto; }
/* diálogos (askbox): mover, fila de alçadas, agenda, regras */
#est-dialogo .caixa { position: fixed; z-index: 51; left: 50%; top: 50%; transform: translate(-50%, -50%); width: min(400px, calc(100% - 40px)); background: var(--surface); border: 1px solid var(--line-strong); border-radius: 10px; box-shadow: 0 20px 50px rgba(10, 16, 22, .3); padding: 18px 20px 16px; display: flex; flex-direction: column; gap: 12px; }
#est-dialogo .caixa.larga { width: min(480px, calc(100% - 40px)); max-height: 88vh; overflow: auto; }
#est-dialogo .caixa.trava { border-left: 3px solid var(--crit); }
#est-dialogo h3 { font-size: 16px; }
#est-dialogo .caixa.trava h3 { color: var(--crit); }
#est-dialogo p { margin: 0; font-size: 12.5px; color: var(--text-2); }
#est-dialogo p b { color: var(--text); }
#est-dialogo .veredito { border-radius: 6px; padding: 9px 11px; font-size: 12.5px; display: flex; gap: 8px; align-items: flex-start; margin: 0; }
#est-dialogo .veredito.ok { background: var(--ok-soft); color: var(--ok); }
#est-dialogo .veredito.nao { background: var(--crit-soft); color: var(--crit); }
#est-dialogo label { font-size: 11px; color: var(--text-2); font-weight: 600; display: flex; flex-direction: column; gap: 3px; }
#est-dialogo select, #est-dialogo input, #est-dialogo textarea { font: inherit; font-size: 13px; color: var(--text); background: var(--surface-2); border: 1px solid var(--line-strong); border-radius: 6px; padding: 6px 8px; width: 100%; }
#est-dialogo textarea { min-height: 54px; resize: vertical; }
#est-dialogo .aggrupo { font-size: 10px; text-transform: uppercase; letter-spacing: .09em; font-weight: 700; color: var(--text-3); padding: 10px 8px 5px; margin: 0; }
#est-dialogo .aggrupo.crit { color: var(--crit); }
#est-dialogo .aggrupo.warn { color: var(--warn); }
#est-dialogo .aggrupo.brass { color: var(--brass); }
#est-dialogo .agrow { width: 100%; text-align: left; background: transparent; border: 0; border-radius: 6px; padding: 7px 8px; display: flex; gap: 10px; align-items: center; margin: 0; color: var(--text); font-size: 13px; }
#est-dialogo .agrow:hover { background: var(--surface-2); }
#est-dialogo .agrow .d { width: 7px; height: 7px; border-radius: 50%; background: var(--text-3); flex: none; }
#est-dialogo .agrow.late .d { background: var(--crit); }
#est-dialogo .agrow.hoje .d, #est-dialogo .agrow.novo .d { background: var(--warn); }
#est-dialogo .agrow .nm { font-weight: 600; font-size: 13px; display: block; flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#est-dialogo .agrow .sb { font-size: 11.5px; color: var(--text-2); display: block; font-weight: 400; white-space: normal; }
#est-dialogo .agrow .vl { font-family: "IBM Plex Mono", ui-monospace, monospace; font-size: 11.5px; color: var(--text-2); font-weight: 400; white-space: nowrap; }
#est-dialogo .agrow .w { font-family: "IBM Plex Mono", ui-monospace, monospace; font-size: 11px; color: var(--text-3); white-space: nowrap; display: block; text-align: right; min-width: 52px; }
#est-dialogo .agrow.late .w { color: var(--crit); font-weight: 600; }
#est-dialogo table.fila { width: 100%; border-collapse: separate; border-spacing: 0; font-size: 12px; min-width: 0; border: 1px solid var(--line); border-radius: 6px; overflow: hidden; }
#est-dialogo table.fila th { text-align: left; font-size: 10px; text-transform: uppercase; letter-spacing: .07em; color: var(--text-3); padding: 6px 9px; border: 0; background: var(--surface-2); font-weight: 700; }
#est-dialogo table.fila td { padding: 6px 9px; border: 0; border-top: 1px solid var(--line); }
#est-dialogo table.fila tr.clicavel { cursor: pointer; }
#est-dialogo table.fila tr.clicavel:hover td { background: var(--surface-2); }
#est-dialogo table.fila td.r, #est-dialogo table.fila th.r { text-align: right; }
#est-dialogo form.regras { display: flex; flex-direction: column; gap: 10px; }
#est-dialogo .frow { display: flex; gap: 9px; flex-wrap: wrap; }
#est-dialogo .f { display: flex; flex-direction: column; gap: 3px; flex: 1 1 140px; min-width: 0; }
#est-dialogo .f label { font-size: 11px; color: var(--text-2); font-weight: 600; }
#est-dialogo .dica, #est-dialogo .to { font-size: 11.5px; color: var(--text-2); margin: 0; }
#est-dialogo .to b { color: var(--text); }
/* alçada: o pedido como está no negócio */
#est-drawer .pedido { display: block; font-family: "IBM Plex Serif", Georgia, serif; font-size: 13.5px; line-height: 1.45; padding: 8px 12px; border-left: 2px solid var(--accent-line); background: var(--surface); border-radius: 0 4px 4px 0; color: var(--text); }
#est-drawer .pedido .texto { white-space: pre-wrap; display: block; }
#est-drawer .pedido .quem { font-size: 11px; color: var(--text-3); font-family: "IBM Plex Sans", sans-serif; display: block; margin-top: 4px; }
/* a tarefa do robô e a mensagem pronta na gaveta */
#est-drawer .tarefa { display: flex; flex-direction: column; gap: 8px; }
#est-drawer .tarefa .cab { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; font-size: 12.5px; color: var(--text-2); }
#est-drawer .tarefa .cab label { font-size: 11px; color: var(--text-2); font-weight: 600; }
#est-drawer .tarefa .cab select { width: auto; font-size: 12.5px; padding: 5px 8px; }
#est-drawer .tarefa .msg { white-space: pre-wrap; background: var(--surface-2); border: 1px solid var(--line); border-radius: 6px; padding: 9px 11px; font-size: 12.5px; margin: 0; line-height: 1.45; }
#est-drawer .tarefa textarea.msg { width: 100%; min-height: 150px; resize: vertical; font: inherit; font-size: 12.5px; color: var(--text); }
#est-drawer .tarefa .btnrow { margin: 0; }
/* aviso de status (toast) */
#est-status { position: fixed; left: 16px; bottom: 14px; z-index: 60; font-size: 11.5px; color: var(--text-2); background: var(--surface); border: 1px solid var(--line); border-radius: 999px; padding: 5px 11px; box-shadow: var(--shadow); display: flex; align-items: center; gap: 8px; max-width: min(520px, calc(100% - 32px)); }
#est-status svg { display: none; }
#est-status.erro { color: var(--crit); }
/* agenda do dia: a pílula no canto */
#est-agenda { position: fixed; right: 16px; bottom: 14px; z-index: 36; }
#est-agenda .pilula { border: 1px solid transparent; background: var(--accent); color: var(--accent-texto); border-radius: 999px; padding: 8px 14px; font-size: 13px; font-weight: 600; box-shadow: var(--shadow); display: inline-flex; align-items: center; gap: 8px; }
#est-agenda .pilula svg { display: none; }
#est-agenda .pilula.vazia { background: var(--surface-2); color: var(--text); border-color: var(--line-strong); }
#est-agenda .pilula small { opacity: .8; font-weight: 500; font-size: 13px; }

/* ---- ações tomadas ---- */
.esteira .acoes { padding: 16px 20px 30px; display: flex; flex-direction: column; gap: 14px; }
.esteira .summary { display: grid; grid-template-columns: repeat(auto-fit, minmax(158px, 1fr)); gap: 10px; }
.esteira .scard { background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); padding: 11px 13px; display: flex; flex-direction: column; gap: 2px; }
.esteira .scard .k { font-size: 10px; text-transform: uppercase; letter-spacing: .08em; color: var(--text-3); font-weight: 700; }
.esteira .scard .v { font-size: 19px; font-weight: 600; }
.esteira .scard .s { font-size: 11.5px; color: var(--text-2); }
.esteira .filters { display: flex; gap: 10px; flex-wrap: wrap; align-items: flex-end; }
.esteira .f { display: flex; flex-direction: column; gap: 3px; flex: 0 0 168px; }
.esteira .f label { font-size: 11px; color: var(--text-2); font-weight: 600; }
.esteira .f select, .esteira .f input { font: inherit; font-size: 13px; color: var(--text); background: var(--surface-2); border: 1px solid var(--line-strong); border-radius: 6px; padding: 6px 8px; width: 100%; }
.esteira .tablewrap { overflow-x: auto; background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow); }
.esteira table.log { width: 100%; border-collapse: collapse; font-size: 12.5px; min-width: 900px; }
.esteira table.log th { text-align: left; font-size: 10px; text-transform: uppercase; letter-spacing: .07em; color: var(--text-3); padding: 9px 11px; background: var(--surface-2); border-bottom: 1px solid var(--line); font-weight: 700; white-space: nowrap; }
.esteira table.log td { padding: 8px 11px; border-bottom: 1px solid var(--line); vertical-align: top; }
.esteira table.log tr:last-child td { border-bottom: 0; }
.esteira table.log td.r { text-align: right; }
.esteira table.log .cli { display: block; font-weight: 600; }
.esteira table.log .docs { display: block; margin-top: 2px; font-family: "IBM Plex Mono", ui-monospace, monospace; font-size: 10.5px; color: var(--text-3); letter-spacing: -.01em; }
.esteira table.log tbody.grp tr.grphead td { background: var(--surface-3); border-top: 2px solid var(--line-strong); padding: 9px 11px; cursor: pointer; }
.esteira table.log tbody.grp:first-of-type tr.grphead td { border-top: 0; }
.esteira table.log tbody.grp tr.grphead:hover td { background: var(--accent-soft); }
.esteira table.log tbody.grp tr:not(.grphead) td:first-child { padding-left: 22px; }
.esteira table.log .gh { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px; }
.esteira table.log .gh .cli { font-size: 13px; }
.esteira table.log .gm { font-size: 11px; color: var(--text-2); }
.esteira table.log tbody.grp:last-child tr:last-child td { border-bottom: 0; }
.esteira table.log td .texto { display: block; white-space: pre-line; max-width: 520px; }

/* ---- Carteira e Comissão (cobpane) ---- */
.esteira .painel { padding: 18px 24px 36px; display: flex; flex-direction: column; gap: 16px; width: 100%; max-width: 1560px; margin: 0 auto; }
.esteira .pgrid { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(0, 1fr); gap: 16px; align-items: start; }
.esteira .pcol { display: flex; flex-direction: column; gap: 16px; min-width: 0; }
@media (max-width: 1080px) { .esteira .pgrid { grid-template-columns: 1fr; } }
.esteira .hero { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 1px; background: var(--line); border: 1px solid var(--line); border-radius: var(--radius); overflow: hidden; }
.esteira .hero > div { background: var(--surface); padding: 14px 16px; display: flex; flex-direction: column; gap: 2px; }
.esteira .hero .k { font-size: 10px; text-transform: uppercase; letter-spacing: .09em; color: var(--text-3); font-weight: 700; }
.esteira .hero .v { font-size: 26px; font-weight: 600; letter-spacing: -.025em; line-height: 1.1; }
.esteira .hero .s { font-size: 11.5px; color: var(--text-2); }
.esteira .hero .v.crit, .esteira .hero > div.crit .v { color: var(--crit); }
.esteira .hero .v.ok, .esteira .hero > div.ok .v { color: var(--ok); }
.esteira .bloco { background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); padding: 15px 17px 17px; box-shadow: var(--shadow); }
.esteira .bloco > h3 { font-size: 13px; font-family: "IBM Plex Sans", sans-serif; font-weight: 700; letter-spacing: .01em; margin: 0 0 2px; color: var(--text); }
.esteira .bloco > .cap { font-size: 11.5px; color: var(--text-2); margin: 0 0 13px; }
.esteira .bloco.urgente { box-shadow: var(--shadow), inset 3px 0 0 var(--crit); }
.esteira .duo { display: grid; grid-template-columns: repeat(auto-fit, minmax(330px, 1fr)); gap: 14px; }
.esteira .espaco { height: 14px; }
.esteira .bars { display: flex; flex-direction: column; gap: 7px; }
.esteira .barrow { display: grid; grid-template-columns: minmax(150px, 1.35fr) minmax(90px, 3fr) auto; gap: 12px; align-items: center; }
@media (max-width: 520px) { .esteira .barrow { grid-template-columns: minmax(0, 1fr) auto; } .esteira .barrow .bartrack { display: none; } }
.esteira .barrow .bl { font-size: 12px; line-height: 1.25; }
.esteira .barrow .bl small { display: block; color: var(--text-3); font-size: 10.5px; }
.esteira .barrow.atual .bl { font-weight: 600; }
.esteira .bartrack { display: block; height: 14px; background: var(--surface-2); border-radius: 3px; overflow: hidden; }
.esteira .barfill { display: block; height: 100%; background: var(--brand); border-radius: 0 4px 4px 0; min-width: 2px; }
.esteira .barfill.ok { background: var(--ok); }
.esteira .barrow .bv { font-size: 12.5px; font-weight: 600; text-align: right; white-space: nowrap; }
.esteira .barrow .bv small { display: block; font-weight: 400; color: var(--text-3); font-size: 10.5px; }
.esteira .barrow.zero .bv { color: var(--text-3); }
.esteira .sub30 { margin: 6px 0 0 14px; padding-left: 10px; border-left: 2px solid var(--line); display: flex; flex-direction: column; gap: 5px; }
.esteira .regra-atual { display: grid; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); gap: 8px; margin-bottom: 10px; }
.esteira .regra-atual div { background: var(--surface-2); border: 1px solid var(--line); border-radius: 6px; padding: 7px 9px; }
.esteira .regra-atual .k { font-size: 10px; text-transform: uppercase; letter-spacing: .08em; color: var(--text-3); font-weight: 700; display: block; }
.esteira .regra-atual .v { font-size: 14px; font-weight: 600; }
.esteira .premio-box { display: flex; flex-wrap: wrap; gap: 16px; align-items: flex-end; justify-content: space-between; }
.esteira .premio-box .val { font-size: 32px; font-weight: 600; letter-spacing: -.03em; line-height: 1; }
.esteira .premio-box .val.zero { color: var(--crit); }
.esteira .premio-box .motivo { font-size: 11.5px; color: var(--text-2); margin-top: 4px; }
.esteira .degraus { display: flex; gap: 6px; flex-wrap: wrap; }
.esteira .medidor + .degraus { margin-top: 12px; }
.esteira .degrau { border: 1px solid var(--line); border-radius: 6px; padding: 6px 10px; font-size: 11.5px; color: var(--text-2); min-width: 92px; }
.esteira .degrau b { display: block; font-size: 13px; color: var(--text); font-weight: 600; }
.esteira .degrau.on { border-color: var(--brand); background: var(--accent-soft); color: var(--text); }
.esteira .risco { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 10px; }
.esteira .risco > div { border: 1px solid var(--line); border-left: 3px solid var(--line-strong); border-radius: 6px; padding: 9px 11px; }
.esteira .risco .n { font-size: 20px; font-weight: 600; line-height: 1.1; }
.esteira .risco .l { font-size: 11.5px; color: var(--text-2); }
.esteira .risco > div.alerta { border-left-color: var(--crit); }
.esteira .risco > div.alerta .n { color: var(--crit); }
.esteira table.topd { width: 100%; border-collapse: collapse; font-size: 12.5px; min-width: 0; }
.esteira table.topd th { text-align: left; font-size: 10px; text-transform: uppercase; letter-spacing: .07em; color: var(--text-3); font-weight: 700; padding: 0 8px 7px 0; border: 0; }
.esteira table.topd td { padding: 7px 8px 7px 0; border: 0; border-top: 1px solid var(--line); }
.esteira table.topd td.r, .esteira table.topd th.r { text-align: right; }
.esteira .medidor { display: flex; flex-direction: column; gap: 7px; margin-top: 4px; }
.esteira .mtrack { display: block; height: 22px; background: var(--surface-2); border: 1px solid var(--line); border-radius: 4px; position: relative; overflow: hidden; }
.esteira .mfill { display: block; height: 100%; background: var(--brand); border-radius: 0 3px 3px 0; }
.esteira .mfill.ok { background: var(--ok); }
.esteira .mfill.crit { background: var(--crit); }
.esteira .mmark { position: absolute; top: 0; bottom: 0; width: 2px; background: var(--brass); }
.esteira .mlegend { display: flex; justify-content: space-between; font-size: 11px; color: var(--text-2); }
.esteira .veredito { font-size: 13px; font-weight: 600; margin: 8px 0 0; }
.esteira .veredito.ok { color: var(--ok); }
.esteira .veredito.crit { color: var(--crit); }
.esteira table.calc { width: 100%; border-collapse: collapse; font-size: 12.5px; min-width: 0; }
.esteira table.calc td { padding: 7px 0; border: 0; border-top: 1px solid var(--line); }
.esteira table.calc tr:first-child td { border-top: 0; }
.esteira table.calc td.r { text-align: right; font-weight: 600; white-space: nowrap; }
.esteira table.calc td.tot { border-top: 2px solid var(--line-strong); font-weight: 600; font-size: 14px; }
.esteira .regras { font-size: 12.5px; color: var(--text-2); display: flex; flex-direction: column; gap: 8px; }
.esteira .regras b { color: var(--text); }
.esteira .mesbar { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; padding: 12px 16px; background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow); }
.esteira .mesbar label { font-size: 10px; text-transform: uppercase; letter-spacing: .09em; color: var(--text-3); font-weight: 700; }
.esteira .mesbar select { width: auto; font: inherit; padding: 6px 8px; font-size: 13px; color: var(--text); background: var(--surface-2); border: 1px solid var(--line-strong); border-radius: 6px; }
.esteira .mesbar .nota { font-size: 12px; color: var(--text-2); }
.esteira .cheque { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; }
.esteira .cheque .main { padding: 22px 26px 20px; display: flex; flex-direction: column; gap: 5px; border-right: 1px solid var(--line); }
.esteira .cheque .main .k { font-size: 10px; text-transform: uppercase; letter-spacing: .1em; color: var(--text-3); font-weight: 700; }
.esteira .cheque .main .v { font-size: 46px; font-weight: 600; letter-spacing: -.035em; line-height: 1.05; }
.esteira .cheque .main .v.zero { color: var(--text-3); }
.esteira .cheque .main .s { font-size: 12px; color: var(--text-2); margin-top: 2px; }
.esteira .cheque .main .medidor { margin-top: 14px; }
.esteira .cheque .side { padding: 20px 24px; display: flex; flex-direction: column; gap: 14px; justify-content: center; background: var(--surface-2); }
.esteira .parc { display: flex; flex-direction: column; gap: 4px; }
.esteira .parc .top { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; }
.esteira .parc .n { font-size: 12.5px; color: var(--text-2); }
.esteira .parc .val { font-size: 17px; font-weight: 600; white-space: nowrap; }
.esteira .parc.on .val { color: var(--ok); }
.esteira .parc.off .val { color: var(--text-3); }
.esteira .parc .mtrack { height: 6px; border-radius: 3px; }
@media (max-width: 900px) { .esteira .cheque { grid-template-columns: 1fr; } .esteira .cheque .main { border-right: 0; border-bottom: 1px solid var(--line); } }
.esteira details.ref { background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow); }
.esteira details.ref > summary { padding: 13px 17px; cursor: pointer; font-size: 13px; font-weight: 700; list-style: none; display: flex; align-items: center; gap: 8px; }
.esteira details.ref > summary::-webkit-details-marker { display: none; }
.esteira details.ref > summary::before { content: "›"; display: inline-block; transition: transform .15s; color: var(--text-3); font-size: 16px; line-height: 1; }
.esteira details.ref[open] > summary::before { transform: rotate(90deg); }
.esteira details.ref .inner { padding: 0 17px 16px; }

/* ---- classes novas da paridade com o painel da RNP (14/10/2026): só acréscimos ---- */
/* cliente já trabalhado que recebeu título novo: anel e borda cobre, como o .card.novo do modelo */
.esteira .card.novo { border-left-color: var(--brass); box-shadow: var(--shadow), 0 0 0 1px var(--brass) inset; }
/* agenda do dia: texto da linha, observação entre aspas, coluna da direita, lista vazia e rodapé */
#est-dialogo .agrow .agtxt { flex: 1; min-width: 0; }
#est-dialogo .agrow .nt { display: block; font-size: 11.5px; color: var(--text-3); margin-top: 1px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#est-dialogo .agrow .agdir { display: flex; flex-direction: column; align-items: flex-end; gap: 2px; flex: none; }
#est-dialogo .agvazio { font-size: 12.5px; color: var(--text-3); padding: 10px 8px; }
#est-dialogo .calfoot { font-size: 11.5px; color: var(--text-2); padding-top: 9px; border-top: 1px solid var(--line); }
/* diálogo de mover: data obrigatória em falta e a caixa da tarefa do robô */
#est-dialogo input.falta { border-color: var(--crit); }
#est-dialogo label.check { flex-direction: row; align-items: center; gap: 7px; font-size: 12.5px; font-weight: 400; }
#est-dialogo label.check input { width: auto; }
/* formulário de registro: o escopo ao lado do botão */
#est-drawer .escopo { font-size: 11.5px; color: var(--text-3); }
/* carteira e comissão: barra em vermelho (30+ no mês fechado), linha do mês escolhido e o título "Vigências" */
.esteira .barfill.crit { background: var(--crit); }
.esteira table.topd tr.atual td { font-weight: 600; }
.esteira .bloco > h3.vig { margin-top: 16px; }
/* campos do bloco de alçada (span.f dentro do .alc em coluna): sem a base de 140px do .f dos formulários */
#est-drawer .alc .f { flex: 0 0 auto; }

/* ---- 10/11/2026: Histórico de desfechos, dia a dia em Ações tomadas e editor dos textos de cobrança ---- */
.esteira #est-hist { border: 1px solid var(--line-strong); background: var(--surface-2); color: var(--text); border-radius: 6px; padding: 5px 11px; font-size: 12px; font-weight: 600; }
.esteira #est-hist:hover { background: var(--surface-3); }
.esteira .colnota { font-size: 10.5px; color: var(--text-3); padding: 2px 10px 4px; }
.esteira .filters .f input[type="date"] { font: inherit; font-size: 12.5px; color: var(--text); background: var(--surface); border: 1px solid var(--line-strong); border-radius: 6px; padding: 5px 8px; }
.esteira .filters .seg { align-self: flex-end; margin-bottom: 1px; }
.esteira .rodape { font-size: 11.5px; color: var(--text-3); margin: 0; }
.esteira .diaWrap { display: flex; flex-direction: column; gap: 12px; }
.esteira .diaP { border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); overflow: hidden; }
.esteira .diaP > header { display: flex; gap: 12px; align-items: baseline; flex-wrap: wrap; padding: 11px 14px; background: var(--surface-2); border-bottom: 1px solid var(--line); }
.esteira .diaP > header b { font-size: 14px; }
.esteira .diaP > header span { font-size: 12px; color: var(--text-2); }
.esteira .diaL { list-style: none; margin: 0; padding: 0; }
.esteira .diaL li { display: grid; grid-template-columns: 52px minmax(0, 1fr); gap: 12px; padding: 10px 14px; border-top: 1px solid var(--line); }
.esteira .diaL li:first-child { border-top: 0; }
.esteira .diaL .h { font-family: "IBM Plex Mono", ui-monospace, monospace; font-size: 12px; color: var(--text-2); padding-top: 1px; }
.esteira .diaL .c { font-weight: 600; cursor: pointer; }
.esteira .diaL .c:hover { text-decoration: underline; text-underline-offset: 2px; }
.esteira .diaL .m { display: flex; gap: 6px; flex-wrap: wrap; align-items: center; margin-top: 3px; font-size: 12px; color: var(--text-2); }
.esteira .diaL .n { margin-top: 5px; font-size: 13px; padding: 6px 9px; border-left: 2px solid var(--brass, #8A6D33); background: var(--brass-soft, #F2EADB); border-radius: 0 5px 5px 0; white-space: pre-wrap; }
.esteira .diaL .semn { margin-top: 4px; font-size: 12px; color: var(--text-3); font-style: italic; }
@media (max-width: 600px) { .esteira .diaL li { grid-template-columns: 1fr; gap: 3px; } }
#est-dialogo .caixa.hist { width: min(760px, calc(100% - 40px)); display: flex; flex-direction: column; gap: 10px; }
#est-dialogo .caixa.hist h4 { margin: 6px 0 0; font-size: 13px; }
#est-dialogo .caixa.hist .tablewrap { overflow-x: auto; border: 1px solid var(--line); border-radius: 6px; }
#est-dialogo .caixa.hist table.log { width: 100%; border-collapse: collapse; font-size: 12.5px; }
#est-dialogo .caixa.hist table.log th { text-align: left; font-size: 10px; text-transform: uppercase; letter-spacing: .07em; color: var(--text-3); padding: 7px 10px; background: var(--surface-2); border-bottom: 1px solid var(--line); }
#est-dialogo .caixa.hist table.log td { padding: 7px 10px; border-bottom: 1px solid var(--line); }
#est-dialogo .caixa.hist table.log tr:last-child td { border-bottom: 0; }
#est-dialogo .caixa.hist table.log .r { text-align: right; }
#est-dialogo .caixa.hist table.log tr.clicavel { cursor: pointer; }
#est-dialogo .caixa.hist table.log tr.clicavel:hover td { background: var(--surface-2); }
#est-drawer .tarefa details.modelo { border: 1px dashed var(--line-strong); border-radius: 6px; padding: 8px 10px; display: flex; flex-direction: column; gap: 8px; }
#est-drawer .tarefa details.modelo summary { cursor: pointer; font-size: 12px; font-weight: 600; color: var(--text-2); }
#est-drawer .tarefa details.modelo[open] summary { margin-bottom: 8px; }
#est-drawer .tarefa details.modelo textarea.msg { min-height: 170px; margin-bottom: 6px; }
#est-drawer .tarefa details.modelo .btnrow { margin-top: 6px; }