/* Transcrições (30/09/2026): lista por envio, painel lateral e leitor.
   Reaproveita .pz-* (prazos_djen.css) e .cxd-* (caixa_docs.css); aqui só o que é da página. */
.trx .trx-oculto { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none }
.trx [hidden] { display: none !important }
.trx .trx-n-erro { background: #fee2e2; color: #b91c1c }

/* ── lista ── */
.trx .trx-lista { background: #fff; border: 1px solid #e2e8f0; border-radius: 12px; overflow: hidden }
.trx .trx-grp { border-bottom: 1px solid #e2e8f0 }
.trx .trx-lista > :last-child { border-bottom: 0 }
.trx .trx-gh { display: flex; align-items: center; gap: 12px; padding: 12px 16px }
.trx .trx-gi { width: 34px; height: 34px; border-radius: 9px; display: grid; place-items: center; font-size: 18px; flex-shrink: 0; background: #f1f5f9; color: #334155 }
.trx .trx-gt { min-width: 0; flex: 1 }
.trx .trx-gt b { font-size: 14px; color: #0f172a }
.trx .trx-sub { font-size: 12px; color: #64748b; margin-top: 2px; display: flex; gap: 8px; align-items: center; flex-wrap: wrap }
.trx .trx-barra { width: 120px; height: 6px; border-radius: 4px; background: #e2e8f0; overflow: hidden; display: inline-block; vertical-align: middle }
.trx .trx-barra > i { display: block; height: 100%; width: 0; background: #0f172a; border-radius: 4px; transition: width .3s }
.trx .trx-barra.fina { display: block; width: 100%; height: 4px; margin-top: 5px }
.trx .trx-barra.larga { display: block; width: 100%; height: 8px; margin: 6px 0 }
.trx .trx-vin { display: inline-flex; align-items: center; gap: 4px; font-size: 11.5px; font-weight: 600; color: #334155; background: #f1f5f9; border-radius: 20px; padding: 2px 8px; max-width: 260px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.trx .trx-err { color: #b91c1c }

.trx .trx-lin { display: grid; grid-template-columns: 24px minmax(0,1fr) 170px 130px 240px; gap: 12px; align-items: center; padding: 10px 16px 10px 62px; border-top: 1px solid #f1f5f9; font-size: 13px }
.trx .trx-lin.solo { padding-left: 16px; border-top: 0; border-bottom: 1px solid #e2e8f0 }
.trx .trx-lista > .trx-lin.solo:last-child { border-bottom: 0 }
.trx .trx-lin.err { background: #fffafa }
.trx .trx-fi { font-size: 18px; color: #64748b }
.trx .trx-lin.wa .trx-fi { color: #047857 }
.trx .trx-t { min-width: 0 }
.trx .trx-nome { display: block; max-width: 100%; font: inherit; font-weight: 600; color: #0f172a; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border: 0; background: none; padding: 0; text-align: left }
.trx button.trx-nome { cursor: pointer }
.trx button.trx-nome:hover { text-decoration: underline }
.trx .trx-t small { display: block; color: #64748b; font-size: 11.5px; margin-top: 1px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
.trx .trx-t small.trx-err { color: #b91c1c; white-space: normal }
.trx .trx-t .trx-sub { margin-top: 3px }
.trx mark { background: #fef08a; color: inherit; border-radius: 2px; padding: 0 1px }
.trx .trx-dt { font-size: 12px; color: #475569; display: flex; flex-direction: column; gap: 2px }
.trx .trx-bx { display: inline-flex; align-items: center; gap: 4px; font-size: 11px; color: #047857; font-weight: 600 }
.trx .trx-acts { display: flex; gap: 6px; justify-content: flex-end; align-items: center }
.trx .trx-mais { padding: 12px; text-align: center }

.trx .trx-pill { display: inline-flex; align-items: center; gap: 5px; font-size: 12px; font-weight: 600; border-radius: 20px; padding: 3px 9px; white-space: nowrap }
.trx .trx-pill.ok { background: #ecfdf5; color: #047857 }
.trx .trx-pill.proc { background: #eff6ff; color: #1d4ed8 }
.trx .trx-pill.fila { background: #f1f5f9; color: #475569 }
.trx .trx-pill.erro { background: #fef2f2; color: #b91c1c }
.trx .trx-pill.wa { background: #ecfdf5; color: #047857 }
.trx .trx-gira { animation: trx-gira 1.2s linear infinite }
@keyframes trx-gira { to { transform: rotate(360deg) } }

/* ── juntar várias num Markdown ── */
.trx .trx-jbar { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; padding: 10px 14px; margin-bottom: 10px; background: #0f172a; color: #fff; border-radius: 12px; position: sticky; top: 0; z-index: 3 }
.trx .trx-jbar > span { flex: 1; min-width: 180px; font-size: 13px }
.trx .trx-jbar small { display: block; font-size: 11.5px; color: #cbd5e1; margin-top: 1px }
.trx .trx-jbar .btn-p, .trx .trx-jbar .btn-p:hover { background: #fff !important; color: #0f172a !important; border-color: #fff !important; box-shadow: none }
.trx .trx-jbar .btn-o { background: transparent; color: #fff; border-color: #475569 }
.trx .trx-jbar button:disabled { opacity: .5; cursor: not-allowed }
@media (max-width: 760px) {
  .trx .trx-jbar { position: static }
}
@media (max-width: 420px) {
  .trx .trx-jbar > span { min-width: 0; flex-basis: 100% }
  .trx .trx-jbar button { flex: 1 1 auto; justify-content: center }
  .trx .trx-gh { flex-wrap: wrap; row-gap: 8px }
  .trx .trx-gh .cxd-acts { flex-basis: 100%; justify-content: flex-end }
}
.trx .trx-ckb { width: 18px; height: 18px; margin: 0; accent-color: #0f172a; cursor: pointer; flex-shrink: 0 }

/* ── menu Baixar ▾ / ⋮ (fica no body, fora do .trx) ── */
.trx-menu { position: fixed; z-index: 10050; background: #fff; border: 1px solid #e2e8f0; border-radius: 12px; box-shadow: 0 16px 40px rgb(15 23 42 / .18); padding: 6px; width: 340px; max-width: calc(100vw - 16px) }
.trx-menu button { display: flex; gap: 10px; width: 100%; padding: 9px 10px; border: 0; background: none; border-radius: 8px; align-items: flex-start; text-align: left; font: inherit; color: #0f172a; cursor: pointer }
.trx-menu button:hover, .trx-menu button:focus-visible { background: #f1f5f9; outline: none }
.trx-menu button > i { font-size: 18px; color: #334155; margin-top: 1px }
.trx-menu button b { font-size: 13px; display: block }
.trx-menu button small { font-size: 11.5px; color: #64748b; display: block; margin-top: 1px }
.trx-menu button em { margin-left: auto; color: #047857; font-size: 11px; font-weight: 600; font-style: normal; white-space: nowrap }
.trx-menu button.perigo, .trx-menu button.perigo > i { color: #b91c1c }
.trx-menu hr { border: 0; height: 1px; background: #eef2f6; margin: 4px 6px }
.trx-menu .trx-mtempo { display: flex; align-items: center; gap: 8px; padding: 8px 10px; font-size: 12.5px; color: #334155; cursor: pointer }
.trx-menu code { font-size: 11px; color: #64748b }

/* ── painel lateral ── */
.trx .cxd-painel { gap: 12px }
.trx .trx-drop { width: 100%; border: 1.5px dashed #94a3b8; border-radius: 10px; padding: 14px 16px; display: flex; align-items: center; gap: 12px; background: #f8fafc; color: #475569; font: inherit; font-size: 12.5px; text-align: left; cursor: pointer }
.trx .trx-drop:hover, .trx .trx-drop.over { border-color: #0f172a; background: #f1f5f9 }
.trx .trx-drop > i { font-size: 26px; color: #0f172a }
.trx .trx-drop b { display: block; color: #0f172a; font-size: 13px }
.trx .trx-drop small { display: block; margin-top: 2px; color: #64748b }
.trx .trx-arq { display: flex; align-items: center; gap: 10px; padding: 8px 10px; border: 1px solid #e2e8f0; border-radius: 8px; margin-top: 6px; font-size: 12.5px }
.trx .trx-arq > i { font-size: 18px; color: #475569 }
.trx .trx-arq .p { flex: 1; min-width: 0 }
.trx .trx-arq .p b { display: block; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
.trx .trx-arq-st { color: #64748b; font-size: 11px }
.trx .trx-arq-st.ok { color: #047857; font-weight: 600 }
.trx .trx-arq-st.erro { color: #b91c1c }
.trx .trx-arq + .cxd-nota, .trx #tr-sel-lista .cxd-nota { margin-top: 8px }

.trx .trx-seg { display: flex; gap: 2px; padding: 3px; background: #f1f5f9; border-radius: 9px }
.trx .trx-seg button { flex: 1; display: inline-flex; align-items: center; justify-content: center; gap: 6px; height: 30px; border: 0; border-radius: 7px; background: none; font: inherit; font-weight: 600; font-size: 12.5px; color: #475569; cursor: pointer }
.trx .trx-seg button.on { background: #fff; color: #0f172a; box-shadow: 0 1px 2px rgb(15 23 42 / .08) }
.trx .trx-vbusca { margin-top: 8px; display: flex; flex-direction: column; gap: 6px }
.trx .trx-ops { border: 1px solid #e2e8f0; border-radius: 8px; overflow: hidden }
.trx .trx-ops button { display: flex; gap: 8px; align-items: flex-start; width: 100%; padding: 8px 10px; border: 0; border-top: 1px solid #f1f5f9; background: #fff; font: inherit; font-size: 12.5px; text-align: left; cursor: pointer; color: #0f172a }
.trx .trx-ops button:first-child { border-top: 0 }
.trx .trx-ops button:hover { background: #f8fafc }
.trx .trx-ops button > i { color: #64748b; font-size: 16px; margin-top: 1px }
.trx .trx-ops small, .trx .trx-sel small { display: block; color: #64748b; font-size: 11.5px }
.trx .trx-ops-vazio { padding: 8px 10px; font-size: 12px; color: #64748b }
.trx .trx-sel { display: flex; align-items: center; gap: 8px; padding: 8px 10px; border: 1px solid #cbd5e1; background: #f8fafc; border-radius: 8px; font-size: 12.5px }
.trx .trx-sel > i { font-size: 16px; color: #0f172a }
.trx .trx-sel > span { flex: 1; min-width: 0 }
.trx .trx-sel button, .trx .trx-link { border: 0; background: none; padding: 0; font: inherit; font-size: 12px; font-weight: 600; color: #1e40af; cursor: pointer; display: inline-flex; align-items: center; gap: 4px }
.trx .trx-vbusca .trx-link { align-self: flex-start }
.trx .trx-dica { font-size: 11.5px; color: #64748b; margin-top: 5px; line-height: 1.45 }

.trx .trx-opc { border: 1px solid #e2e8f0; border-radius: 10px }
.trx .trx-opc summary { display: flex; align-items: center; gap: 8px; padding: 10px 12px; font-size: 12.5px; color: #334155; cursor: pointer; list-style: none }
.trx .trx-opc summary::-webkit-details-marker { display: none }
.trx .trx-opc summary > i:first-child { font-size: 17px; color: #475569 }
.trx .trx-opc .trx-ch { margin-left: auto; color: #64748b; transition: transform .15s }
.trx .trx-opc[open] .trx-ch { transform: rotate(180deg) }
.trx .trx-opc-corpo { padding: 4px 12px 12px; display: flex; flex-direction: column; gap: 10px; border-top: 1px solid #f1f5f9 }
.trx .trx-campo { display: flex; flex-direction: column; gap: 5px; font-size: 12px; font-weight: 600; color: #334155; margin-top: 6px }
.trx .trx-ck { display: flex; align-items: center; gap: 8px; font-size: 12.5px; color: #334155; cursor: pointer }
.trx .trx-ck:has(input:disabled) { color: #94a3b8; cursor: default }

.trx .trx-consent { border: 1px solid #fde68a; background: #fffbeb; border-radius: 10px; padding: 10px 12px; display: flex; gap: 10px; align-items: flex-start; font-size: 12.5px; color: #78350f; cursor: pointer }
.trx .trx-consent input { margin-top: 2px; width: 16px; height: 16px; accent-color: #0f172a }
.trx .trx-msg { margin-right: auto; font-size: 12px; color: #b91c1c; align-self: center }
.trx .trx-prog { border: 1px solid #e2e8f0; border-radius: 10px; padding: 10px 12px }
.trx .trx-prog-l { display: flex; justify-content: space-between; font-size: 12.5px; font-weight: 600; color: #0f172a }
.trx .trx-wa-ok { display: flex; gap: 8px; align-items: center; flex-wrap: wrap }
.trx .trx-wa-ok > span { font-size: 13px; font-weight: 600; color: #047857; margin-right: auto; display: inline-flex; gap: 5px; align-items: center }
.trx .trx-wa-prev:not(:empty) { max-height: 320px; overflow: auto; border: 1px solid #e2e8f0; border-radius: 10px; padding: 10px; font-size: 12.5px }

/* ── leitor ── */
.trx .trx-leitor { display: grid; grid-template-columns: minmax(0,1fr) 330px; gap: 14px; align-items: start }
.trx .trx-doc { background: #fff; border: 1px solid #e2e8f0; border-radius: 12px; overflow: hidden; min-width: 0 }
.trx .trx-dh { padding: 14px 18px; border-bottom: 1px solid #eef2f6 }
.trx .trx-voltar { border: 0; background: none; padding: 0; font: inherit; font-size: 12.5px; font-weight: 600; color: #1e40af; cursor: pointer; display: inline-flex; align-items: center; gap: 5px; margin-bottom: 6px }
.trx .trx-dh h2 { font-size: 18px; letter-spacing: -.01em; margin: 0; color: #0f172a }
.trx .trx-meta { display: flex; gap: 10px; align-items: center; margin-top: 6px; font-size: 12px; color: #64748b; flex-wrap: wrap }
.trx .trx-meta > span { display: inline-flex; align-items: center; gap: 4px }
.trx .trx-dbar { display: flex; gap: 8px; align-items: center; padding: 10px 18px; border-bottom: 1px solid #eef2f6; background: #fcfdfe; flex-wrap: wrap; position: sticky; top: 0; z-index: 2 }
.trx .trx-tog { display: inline-flex; align-items: center; gap: 7px; font-size: 12.5px; color: #334155; font-weight: 600; cursor: pointer; margin-left: 4px }
.trx .trx-tog input { position: absolute; opacity: 0; width: 1px; height: 1px }
.trx .trx-tog .sw { width: 30px; height: 18px; border-radius: 10px; background: #cbd5e1; position: relative; transition: background .15s }
.trx .trx-tog .sw::after { content: ''; position: absolute; left: 2px; top: 2px; width: 14px; height: 14px; border-radius: 50%; background: #fff; transition: left .15s }
.trx .trx-tog input:checked + .sw { background: #0f172a }
.trx .trx-tog input:checked + .sw::after { left: 14px }
.trx .trx-tog input:focus-visible + .sw { outline: 2px solid #1e40af; outline-offset: 2px }
.trx .trx-procura { margin-left: auto; display: flex; align-items: center; gap: 6px; color: #64748b }
.trx .trx-procura .inp { height: 32px; width: 200px }
.trx .trx-procura small { font-size: 11.5px; min-width: 40px }
.trx .trx-texto { padding: 14px 18px; font-size: 13.5px; line-height: 1.65; color: #0f172a }
.trx .trx-sg { display: grid; grid-template-columns: 62px 130px minmax(0,1fr); gap: 10px; padding: 5px 0 }
.trx .trx-sg .tm { font-family: ui-monospace, Menlo, monospace; font-size: 12px; color: #64748b; padding-top: 2px }
.trx .trx-sg .who { font-weight: 700; font-size: 12.5px; display: flex; align-items: flex-start; gap: 6px; padding-top: 1px; overflow-wrap: anywhere }
.trx .trx-sg .who .dot { margin-top: 5px }
.trx .trx-texto.sem-tempo .trx-sg { grid-template-columns: 130px minmax(0,1fr) }
.trx .trx-texto.sem-tempo .trx-sg .tm { display: none }
.trx .trx-texto.sem-voz .trx-sg { grid-template-columns: 62px minmax(0,1fr) }
.trx .trx-texto.sem-voz .trx-sg .who { display: none }
.trx .trx-texto.sem-voz.sem-tempo .trx-sg { grid-template-columns: minmax(0,1fr) }
.trx .trx-corrido { white-space: pre-wrap }
.trx .dot { width: 9px; height: 9px; border-radius: 50%; flex-shrink: 0; display: inline-block }
.trx .trx-pag { display: flex; align-items: center; justify-content: space-between; gap: 8px; font-size: 12px; color: #64748b; padding: 6px 0 }
.trx .trx-lado { display: flex; flex-direction: column; gap: 14px; position: sticky; top: 12px }
.trx .trx-box { background: #fff; border: 1px solid #e2e8f0; border-radius: 12px; padding: 14px 16px }
.trx .trx-box h4 { font-size: 13.5px; display: flex; align-items: center; gap: 7px; margin: 0 0 4px; color: #0f172a }
.trx .trx-box h4 i { font-size: 17px; color: #475569 }
.trx .trx-box p { font-size: 12px; color: #64748b; line-height: 1.5; margin: 0 }
.trx .trx-loc { display: flex; align-items: center; gap: 8px; margin-top: 9px }
.trx .trx-loc .inp { flex: 1; min-width: 0; height: 32px }
.trx .cxd-mini.ok { background: #ecfdf5; border-color: #a7f3d0; color: #047857 }
.trx .trx-hash { font-family: ui-monospace, Menlo, monospace; font-size: 11.5px; background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 8px; padding: 6px 6px 6px 10px; margin-top: 8px; display: flex; align-items: center; gap: 8px; color: #334155 }
.trx .trx-hash code { flex: 1 }
.trx .trx-lnk { font-size: 12px; font-weight: 600; color: #1e40af; display: inline-flex; gap: 5px; align-items: center; margin-top: 8px; text-decoration: none }
.trx .trx-irma { display: flex; align-items: center; gap: 8px; width: 100%; padding: 7px 0; border: 0; border-top: 1px solid #f1f5f9; background: none; font: inherit; font-size: 12.5px; color: #0f172a; text-align: left; cursor: pointer }
.trx .trx-irma:first-of-type { border-top: 0 }
.trx .trx-irma span:first-child { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.trx .trx-irma:disabled { cursor: default; color: #64748b }
.trx .trx-irma .trx-pill { font-size: 11px; padding: 2px 7px }

/* leitor aberto de dentro do processo */
.trx-ov { position: fixed; inset: 0; z-index: 10000; background: rgb(15 23 42 / .55); display: flex; justify-content: center; padding: 24px; overflow: auto }
.trx-ov .trx-ov-caixa { width: min(1240px, 100%); height: max-content; background: #f1f5f9; border-radius: 14px; padding: 14px }

/* ── painel aberto: a lista fica mais estreita ── */
.trx .cxd-split.aberto .trx-lin { grid-template-columns: 24px minmax(0,1fr) 150px 190px; padding-left: 16px }
.trx .cxd-split.aberto .trx-dt { display: none }
.trx .cxd-split.aberto .trx-gh .trx-barra { display: none }

body.dark-mode .trx .trx-lista, body.dark-mode .trx .trx-doc, body.dark-mode .trx .trx-box, body.dark-mode .trx-menu { background: #1e293b; border-color: #334155 }
body.dark-mode .trx .trx-dbar { background: #1e293b }
body.dark-mode .trx .trx-nome, body.dark-mode .trx .trx-gt b, body.dark-mode .trx .trx-dh h2, body.dark-mode .trx .trx-texto, body.dark-mode .trx-menu button { color: #e2e8f0 }
body.dark-mode .trx-ov .trx-ov-caixa { background: #0f172a }
body.dark-mode .trx .pz-chip.on { background: #f9fafb; border-color: #f9fafb; color: #0f172a }
body.dark-mode .trx .trx-jbar { background: #0b1220; border: 1px solid #334155 }

@media (max-width: 1100px) {
  .trx .trx-lin { grid-template-columns: 24px minmax(0,1fr) 150px 220px; padding-left: 16px }
  .trx .trx-dt { display: none }
  .trx .trx-leitor { grid-template-columns: minmax(0,1fr) }
  .trx .trx-lado { position: static }
}
@media (max-width: 700px) {
  .trx .trx-lin { grid-template-columns: 24px minmax(0,1fr); }
  .trx .trx-st { grid-column: 2 }
  .trx .trx-acts { grid-column: 1 / -1; justify-content: flex-start }
  .trx .trx-procura { margin-left: 0; width: 100% }
  .trx .trx-procura .inp { flex: 1; width: auto }
  .trx .trx-sg { grid-template-columns: 56px minmax(0,1fr) }
  .trx .trx-sg .who { grid-column: 2 }
  .trx .trx-sg .tx { grid-column: 2 }
  .trx-ov { padding: 0 }
}

/* Envio do computador em andamento: fica na página mesmo depois de ir a outra tela e voltar */
.trx #tr-envios:not(:empty) { margin-bottom: 12px; display: grid; gap: 10px }
.trx .trx-env { background: #fff; border: 1px solid #bfdbfe; border-radius: 12px; overflow: hidden }
.trx .trx-env .trx-gi { background: #dbeafe; color: #1d4ed8 }
.trx .trx-env-arqs { padding: 0 16px 12px }
.trx .trx-env-arqs .trx-arq:first-child { margin-top: 0 }
@media (max-width: 700px) { .trx .trx-env .trx-gh { flex-wrap: wrap } .trx .trx-env .cxd-acts { flex-basis: 100%; justify-content: flex-end } }
body.dark-mode .trx .trx-env { background: #1e293b; border-color: #1e3a8a }
body.dark-mode .trx .trx-env .trx-gi { background: #172554; color: #93c5fd }
body.dark-mode .trx .trx-env .trx-arq { border-color: #334155 }
body.dark-mode .trx .trx-env .trx-arq > i, body.dark-mode .trx .trx-env .trx-arq-st { color: #94a3b8 }
body.dark-mode .trx .trx-env .trx-arq-st.ok { color: #6ee7b7 }
body.dark-mode .trx .trx-env .trx-arq-st.erro { color: #fca5a5 }
body.dark-mode .trx .trx-env .trx-barra { background: #334155 }
body.dark-mode .trx .trx-env .trx-barra > i { background: #93c5fd }
body.dark-mode .trx .trx-env .trx-arq .p b { color: #e2e8f0 }
body.dark-mode .trx .trx-env .btn-o { background: #1e293b !important; border-color: #334155 !important; color: #e2e8f0 !important }

/* modo escuro: abas, filtros, selos, botões das linhas, painel "Nova transcrição" e leitor sem fundo branco */
body.dark-mode .trx .btn-o, body.dark-mode .trx .pz-chip, body.dark-mode .trx .cxd-mini, body.dark-mode .trx-menu .btn-o { background: #1e293b !important; border-color: #334155 !important; color: #e2e8f0 !important }
body.dark-mode .trx .btn-o:hover, body.dark-mode .trx .pz-chip:hover, body.dark-mode .trx .cxd-mini:hover { border-color: #64748b !important }
body.dark-mode .trx .pz-abas .btn-p, body.dark-mode .trx .pz-chip.on { background: #f8fafc !important; border-color: #f8fafc !important; color: #0f172a !important }
body.dark-mode .trx .pz-abas .btn-p .pz-n { background: #0f172a; color: #fff }
body.dark-mode .trx .pz-n { background: #334155; color: #e2e8f0 }
body.dark-mode .trx .trx-n-erro { background: #450a0a; color: #fecaca }
body.dark-mode .trx .trx-gi { background: #334155; color: #e2e8f0 }
body.dark-mode .trx .trx-vin { background: #0f172a; color: #cbd5e1 }
body.dark-mode .trx .trx-sub, body.dark-mode .trx .trx-dt, body.dark-mode .trx .trx-t small, body.dark-mode .trx .trx-fi, body.dark-mode .trx .trx-meta, body.dark-mode .trx .trx-pag, body.dark-mode .trx .trx-dica, body.dark-mode .trx .trx-box p, body.dark-mode .trx-menu code { color: #94a3b8 }
body.dark-mode .trx .trx-err, body.dark-mode .trx .trx-t small.trx-err { color: #fca5a5 }
body.dark-mode .trx .trx-lin { border-color: #334155 }
body.dark-mode .trx .trx-lin.err { background: #2a1215 }
body.dark-mode .trx .trx-lin.err .trx-nome { color: #fecaca }
body.dark-mode .trx .trx-pill.ok, body.dark-mode .trx .trx-pill.wa { background: #052e16; color: #a7f3d0 }
body.dark-mode .trx .trx-pill.proc { background: #172554; color: #bfdbfe }
body.dark-mode .trx .trx-pill.fila { background: #0f172a; color: #cbd5e1 }
body.dark-mode .trx .trx-pill.erro { background: #450a0a; color: #fecaca }
body.dark-mode .trx .trx-barra { background: #334155 }
body.dark-mode .trx .trx-barra > i { background: #93c5fd }
body.dark-mode .trx .trx-ckb, body.dark-mode .trx .trx-consent input { accent-color: #93c5fd }
/* painel lateral */
body.dark-mode .trx .cxd-painel .cxd-lbl, body.dark-mode .trx .cxd-painel h3, body.dark-mode .trx .cxd-cab, body.dark-mode .trx .trx-campo, body.dark-mode .trx .trx-ck, body.dark-mode .trx .trx-opc summary, body.dark-mode .trx .trx-prog-l { color: #e2e8f0 }
body.dark-mode .trx .cxd-cab .cxd-num { background: #e2e8f0; color: #0f172a }
body.dark-mode .trx .trx-drop { background: #0f172a; border-color: #475569; color: #cbd5e1 }
body.dark-mode .trx .trx-drop:hover, body.dark-mode .trx .trx-drop.over { background: #172033; border-color: #94a3b8 }
body.dark-mode .trx .trx-drop > i, body.dark-mode .trx .trx-drop b { color: #f8fafc }
body.dark-mode .trx .trx-drop small, body.dark-mode .trx .trx-opc summary > i, body.dark-mode .trx .trx-opc .trx-ch { color: #94a3b8 }
body.dark-mode .trx .trx-seg { background: #0f172a; border-color: #334155 }
body.dark-mode .trx .trx-seg button { color: #cbd5e1; background: transparent }
body.dark-mode .trx .trx-seg button.on { background: #334155; color: #fff; box-shadow: none }
body.dark-mode .trx .trx-opc, body.dark-mode .trx .trx-opc-corpo, body.dark-mode .trx .trx-ops, body.dark-mode .trx .trx-ops button, body.dark-mode .trx .trx-wa-prev:not(:empty) { border-color: #334155 }
body.dark-mode .trx .trx-ops, body.dark-mode .trx .trx-sel, body.dark-mode .trx .trx-hash, body.dark-mode .trx .trx-prog { background: #0f172a; border-color: #334155; color: #e2e8f0 }
body.dark-mode .trx .trx-ops button { background: transparent; color: #e2e8f0 }
body.dark-mode .trx .trx-ops button:hover { background: #1e293b }
body.dark-mode .trx .trx-sel > i { color: #e2e8f0 }
body.dark-mode .trx .trx-sel button, body.dark-mode .trx .trx-link, body.dark-mode .trx .trx-voltar, body.dark-mode .trx .trx-lnk { color: #93c5fd }
body.dark-mode .trx .trx-consent { background: #422006; border-color: #854d0e; color: #fde68a }
body.dark-mode .trx .cxd-nota { background: #0f172a; border-color: #334155; color: #cbd5e1 }
body.dark-mode .trx .trx-arq { border-color: #334155 }
body.dark-mode .trx .trx-arq .p b { color: #e2e8f0 }
body.dark-mode .trx .trx-arq > i, body.dark-mode .trx .trx-arq-st { color: #94a3b8 }
body.dark-mode .trx .trx-arq-st.ok, body.dark-mode .trx .trx-wa-ok span { color: #6ee7b7 }
body.dark-mode .trx .trx-arq-st.erro { color: #fca5a5 }
/* leitor */
body.dark-mode .trx .trx-dh, body.dark-mode .trx .trx-dbar, body.dark-mode .trx .trx-irma { border-color: #334155 }
body.dark-mode .trx .trx-tog, body.dark-mode .trx .trx-box h4, body.dark-mode .trx .trx-irma, body.dark-mode .trx-menu .trx-mtempo { color: #e2e8f0 }
body.dark-mode .trx .trx-box h4 i { color: #94a3b8 }
body.dark-mode .trx .trx-irma:disabled { color: #94a3b8 }
body.dark-mode .trx .trx-tog .sw { background: #475569 }
body.dark-mode .trx .trx-tog input:checked + .sw { background: #93c5fd }
body.dark-mode .trx .trx-sg .who { color: #e2e8f0 }
body.dark-mode .trx .cxd-cab label { color: inherit }
body.dark-mode .trx-menu button small { color: #94a3b8 }
body.dark-mode .trx-menu button.perigo, body.dark-mode .trx-menu button.perigo > i { color: #fca5a5 }
body.dark-mode .trx-menu button:hover { background: #334155 }