/* ── Audiências: agenda por dia, faixa de atenção, painel lateral e celular (02/10/2026) ──
 * Mesmo visual de Prazos, Caixa de documentos e Transcrições (marinho #0f172a + slate).
 * Reaproveita .pz-barra, .pz-abas, .pz-n, .pz-chip e .pz-busca; o resto fica sob `.aud`.
 *
 * Responsividade em duas camadas:
 *  - a LINHA da agenda se ajusta à largura da própria lista (container query), então
 *    ela se reorganiza igual com ou sem o painel aberto, em qualquer monitor;
 *  - o PAINEL depende da tela: ao lado da lista (≥1100px), gaveta sobre a lista
 *    (768–1099px) ou folha que sobe de baixo (celular). */

/* legendas_audiencia.css (carregado depois) impõe 38–40px a todo botão, campo e rótulo
   de .caixa-dash-scope; aqui só se desfaz a altura, a fonte e o rótulo em grade.
   As regras abaixo continuam decidindo tamanho, cor e borda de cada peça. */
.caixa-dash-scope.aud button, .caixa-dash-scope.aud .inp { min-height: 0; font-family: inherit; line-height: 1.25 }
.caixa-dash-scope.aud label { display: block; font-weight: inherit; color: inherit; font-size: inherit }

/* faixa "Precisa da sua atenção" */
.aud .au-aten { display: flex; align-items: center; gap: 8px 10px; flex-wrap: wrap; background: #fff; border: 1px solid #e2e8f0;
  border-radius: 12px; padding: 10px 14px }
.aud .au-aten[hidden] { display: none }
.aud .au-aten .au-at { font-weight: 650; font-size: 13px; display: flex; align-items: center; gap: 6px; margin-right: 4px; color: #0f172a }
.aud .au-aten .au-at i { font-size: 18px; color: #b45309 }
.aud .au-ac { display: inline-flex; align-items: center; gap: 7px; height: 30px; padding: 0 12px; border-radius: 16px; border: 1px solid #e2e8f0;
  background: #f8fafc; font: inherit; font-size: 12.5px; font-weight: 600; color: #334155; cursor: pointer; white-space: nowrap }
.aud .au-ac:hover { border-color: #cbd5e1 }
.aud .au-ac i { font-size: 15px }
.aud .au-ac b { display: inline-grid; place-items: center; min-width: 20px; height: 18px; padding: 0 6px; border-radius: 10px; font-size: 11px;
  background: #0f172a; color: #fff }
.aud .au-ac.am { background: #fffbeb; border-color: #fde68a; color: #92400e }
.aud .au-ac.am b { background: #b45309 }
.aud .au-ac.rd { background: #fef2f2; border-color: #fecaca; color: #991b1b }
.aud .au-ac.rd b { background: #b91c1c }
.aud .pz-n.am { background: #fef3c7; color: #92400e }
.aud .btn-p .pz-n.am { background: #fbbf24; color: #0f172a }

/* agenda */
/* as abas dividem a barra com filtro e busca: sem a linha de baixo do padrão .tabs */
.caixa-dash-scope.aud .pz-abas { border-bottom: 0; padding-bottom: 0; margin-bottom: 0 }
.aud .pz-barra { margin-bottom: 14px }
.aud .au-split { display: grid; grid-template-columns: minmax(0,1fr); gap: 14px; align-items: start }
.aud .au-lista { container: aul / inline-size; min-width: 0 }
.aud .au-box { background: #fff; border: 1px solid #e2e8f0; border-radius: 12px; overflow: hidden }
.aud .au-box + .au-box { margin-top: 14px }
.aud .au-dia { display: flex; align-items: center; gap: 8px; padding: 9px 16px; font-size: 11px; font-weight: 700; letter-spacing: .06em;
  text-transform: uppercase; color: #64748b; background: #f8fafc; border-bottom: 1px solid #eef2f6 }
.aud .au-dia em { font-style: normal; color: #0f172a }
.aud .au-dia span { margin-left: auto; text-transform: none; letter-spacing: 0; font-weight: 600 }
.aud .au-row { display: grid; grid-template-columns: 78px minmax(0,1fr) minmax(170px,.55fr) 150px auto; gap: 14px; align-items: center;
  padding: 12px 16px; border-bottom: 1px solid #eef2f6; cursor: pointer }
.aud .au-box > .au-row:last-child { border-bottom: 0 }
.aud .au-row:hover { background: #fbfcfd }
.aud .au-row:focus-visible { outline: 2px solid var(--jd-foco, #2563eb); outline-offset: -2px }
.aud .au-row.sel { background: #f8fafc; box-shadow: inset 3px 0 0 #0f172a }
.aud .au-row.passou { background: #fffdf5 }
.aud .au-qd { border: 1px solid #e2e8f0; border-radius: 10px; text-align: center; padding: 6px 2px; background: #fff; line-height: 1.15 }
.aud .au-qd b { display: block; font-size: 17px; letter-spacing: -.02em; color: #0f172a }
.aud .au-qd small { display: block; font-size: 10.5px; font-weight: 700; text-transform: uppercase; color: #64748b; letter-spacing: .04em;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
.aud .au-qd.hj { background: #0f172a; border-color: #0f172a }
.aud .au-qd.hj b { color: #fff }
.aud .au-qd.hj small { color: #cbd5e1 }
.aud .au-tt { min-width: 0 }
.aud .au-tt > b { font-size: 13.5px; font-weight: 650; color: #0f172a; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.aud .au-sub { display: flex; align-items: center; gap: 4px 8px; margin-top: 4px; font-size: 12px; color: #64748b; flex-wrap: wrap; min-width: 0 }
.aud .au-sub > span { display: inline-flex; align-items: center; gap: 4px; min-width: 0 }
.aud .au-sub i { font-size: 14px }
.aud .au-sub .au-sloc, .aud .au-sub .au-sst { display: none }
.aud .au-pill { display: inline-flex; align-items: center; gap: 4px; font-size: 11px; font-weight: 650; padding: 2px 8px; border-radius: 20px;
  white-space: nowrap; max-width: 100% }
.aud .au-pill i { font-size: 13px }
.aud .au-pill.r { background: #fef2f2; color: #991b1b }
.aud .au-pill.a { background: #fffbeb; color: #92400e }
.aud .au-pill.g { background: #ecfdf5; color: #065f46 }
.aud .au-pill.b { background: #eff6ff; color: #1e40af }
.aud .au-pill.s { background: #f1f5f9; color: #475569 }
.aud .au-mono { font-family: ui-monospace, 'JetBrains Mono', Menlo, monospace; font-size: 11.5px }
.aud .au-proc { border: 0; background: #f1f5f9; color: #475569; cursor: pointer; font-family: ui-monospace, 'JetBrains Mono', Menlo, monospace }
.aud .au-proc:hover { background: #e2e8f0; color: #0f172a }
.aud .au-loc { font-size: 12px; color: #475569; display: flex; gap: 6px; align-items: flex-start; line-height: 1.35; min-width: 0 }
.aud .au-loc i { font-size: 15px; color: #64748b; margin-top: 1px; flex-shrink: 0 }
.aud .au-loc > div { min-width: 0; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical }
.aud .au-loc small { display: block; color: #94a3b8; font-size: 11px }
.aud .au-st { display: flex; flex-direction: column; gap: 4px; align-items: flex-start; min-width: 0 }
.aud .au-acts { display: flex; gap: 6px; justify-content: flex-end; align-items: center }
.aud .au-acts .btn { height: 30px; min-height: 30px; padding: 0 10px; font-size: 12px; display: inline-flex; align-items: center; gap: 5px; white-space: nowrap }
.aud .au-acts .btn i { font-size: 15px }
.aud .au-acts .btn.au-ok { background: #ecfdf5; border-color: #a7f3d0; color: #065f46 }
.aud .au-tag { font-size: 10.5px; font-weight: 700; color: #64748b; white-space: nowrap }
.aud .au-ic { width: 30px; min-width: 30px; height: 30px; padding: 0; justify-content: center; display: inline-flex; align-items: center }
.aud .au-vazio { padding: 36px 16px; text-align: center; color: #64748b; display: flex; flex-direction: column; align-items: center; gap: 8px; font-size: 13px }
.aud .au-vazio > i { font-size: 30px; color: #94a3b8 }
.aud .au-vazio b { color: #0f172a; font-size: 14px }
.aud .au-mais { display: block; width: 100%; padding: 12px; border: 0; border-top: 1px solid #eef2f6; background: #f8fafc; color: #334155;
  font: inherit; font-weight: 600; font-size: 12.5px; cursor: pointer }

/* a lista se reorganiza pela própria largura, com ou sem painel aberto */
@container aul (max-width: 1000px) {
  .aud .au-row { grid-template-columns: 74px minmax(0,1fr) 140px auto }
  .aud .au-row > .au-loc { display: none }
  .aud .au-sub .au-sloc { display: inline-flex }
}
@container aul (max-width: 760px) {
  .aud .au-row { grid-template-columns: 70px minmax(0,1fr) auto }
  .aud .au-row > .au-st { display: none }
  .aud .au-sub .au-sst { display: inline-flex }
  .aud .au-acts .au-rot { display: none }
  .aud .au-acts .btn { width: 30px; padding: 0; justify-content: center }
  .aud .au-acts .au-tag { display: none }
}
@container aul (max-width: 560px) {
  .aud .au-row { grid-template-columns: 62px minmax(0,1fr) 34px; gap: 10px; padding: 11px 12px }
  .aud .au-acts > :not(.au-menu) { display: none }
  .aud .au-qd b { font-size: 15px }
  /* "SEX 02/10" e "JÁ PASSOU" quebram em duas linhas em vez de cortar */
  .aud .au-qd small { white-space: normal; overflow: visible; font-size: 10px; letter-spacing: .02em; padding: 0 2px }
  .aud .au-tt > b { font-size: 13px; white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical }
  .aud .au-sub { font-size: 11.5px; gap: 3px 6px }
  .aud .au-dia { padding: 8px 12px }
}

/* aba "Para conferir" */
.aud .au-sec { font-size: 11px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: #64748b; margin: 4px 2px 8px;
  display: flex; align-items: center; gap: 6px }
.aud .au-sec:not(:first-child) { margin-top: 18px }
.aud .au-cf { background: #fff; border: 1px solid #e2e8f0; border-radius: 12px; overflow: hidden; container: aucf / inline-size }
.aud .au-cf + .au-cf { margin-top: 12px }
.aud .au-cf.foco { border-color: #0f172a; box-shadow: 0 0 0 1px #0f172a }
.aud .au-cfh { display: flex; align-items: center; gap: 8px 10px; padding: 12px 16px; border-bottom: 1px solid #eef2f6; flex-wrap: wrap }
.aud .au-cfh b { font-size: 14px; color: #0f172a }
.aud .au-cfh .au-dir { margin-left: auto; font-size: 11.5px; color: #64748b }
.aud .au-cfb { display: grid; grid-template-columns: minmax(0,1fr) minmax(320px,430px) }
.aud .au-pub { padding: 14px 16px; border-right: 1px solid #eef2f6; font-size: 12.5px; line-height: 1.65; color: #334155; min-width: 0 }
.aud .au-pub p { margin: 6px 0 0; white-space: pre-wrap; overflow-wrap: anywhere }
.aud .au-pub mark { background: #fef08a; border-radius: 3px; padding: 0 2px; color: #0f172a; font-weight: 600 }
.aud .au-cfc { padding: 14px 16px; display: flex; flex-direction: column; gap: 10px; min-width: 0 }
.aud .au-cfc .au-rod { flex-wrap: wrap }
@container aucf (max-width: 760px) {
  .aud .au-cfb { grid-template-columns: minmax(0,1fr) }
  .aud .au-pub { border-right: 0; border-bottom: 1px solid #eef2f6 }
}
.aud .au-kl, .aud label.au-kl { display: flex; gap: 9px; align-items: flex-start; padding: 8px 10px; border: 1px solid #e2e8f0; border-radius: 8px; margin-top: 6px;
  font-size: 12.5px; cursor: pointer; color: #0f172a }
.aud .au-kl:has(input:checked) { border-color: #0f172a; background: #f8fafc }
.aud .au-kl input { margin-top: 2px; accent-color: #0f172a }
.aud .au-kl small { display: block; color: #64748b; font-size: 11.5px }

/* aba "Fora da comarca" */
.aud .au-fr { display: grid; grid-template-columns: minmax(0,1fr) 150px auto; gap: 12px; align-items: center; padding: 12px 16px;
  border-bottom: 1px solid #eef2f6 }
.aud .au-box > .au-fr:last-child { border-bottom: 0 }
.aud .au-fr .au-acts { flex-wrap: wrap }
.aud .au-fr select { height: 30px; padding: 0 8px; font-size: 12px }
.aud .au-topo { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; margin-bottom: 10px; font-size: 12.5px; color: #64748b }
.aud .au-topo > div { display: flex; gap: 6px; flex-wrap: wrap }
.aud .au-topo > span { flex: 1 1 320px }
@container aul (max-width: 700px) {
  .aud .au-fr { grid-template-columns: minmax(0,1fr) }
  .aud .au-fr .au-acts { justify-content: flex-start }
}

/* painel (nova, editar, redesignar, detalhe) */
.aud .au-painel { background: #fff; border: 1px solid #e2e8f0; border-radius: 12px; padding: 18px; display: flex; flex-direction: column;
  gap: 14px; min-width: 0 }
.aud .au-painel[hidden], .au-veu[hidden] { display: none }
.aud .au-lbl { font-size: 11px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: #64748b }
.aud .au-pt { display: flex; justify-content: space-between; align-items: flex-start; gap: 10px }
.aud .au-pt h3 { font-size: 17px; letter-spacing: -.01em; margin: 3px 0 0; color: #0f172a; line-height: 1.3 }
.aud .au-pt .au-x { border: 0; background: none; font-size: 20px; color: #64748b; cursor: pointer; width: 32px; height: 32px; border-radius: 8px;
  display: grid; place-items: center; flex-shrink: 0 }
.aud .au-pt .au-x:hover { background: #f1f5f9 }
.aud .au-bloco { border: 1px solid #e2e8f0; border-radius: 10px; padding: 12px; display: flex; flex-direction: column; gap: 8px }
.aud .au-cab { display: flex; align-items: center; gap: 8px; font-weight: 650; font-size: 13px; color: #0f172a }
.aud .au-num { width: 20px; height: 20px; border-radius: 50%; background: #0f172a; color: #fff; font-size: 11px; display: grid; place-items: center; flex-shrink: 0 }
.aud .au-g2 { display: grid; grid-template-columns: 1fr 1fr; gap: 8px }
.aud .au-f, .aud label.au-f { display: flex; flex-direction: column; gap: 4px; min-width: 0; position: relative }
.aud .au-f > span { font-size: 11.5px; font-weight: 600; color: #475569 }
.aud .au-f .inp, .aud .au-f select { width: 100%; height: 36px; box-sizing: border-box }
.aud .au-f textarea.inp { height: auto; min-height: 60px; resize: vertical }
.aud .au-sg { display: flex; gap: 2px; padding: 3px; background: #f1f5f9; border-radius: 9px }
.aud .au-sg button { flex: 1; display: flex; align-items: center; justify-content: center; gap: 6px; height: 30px; border-radius: 7px; border: 0;
  background: none; font: inherit; font-weight: 600; font-size: 12.5px; color: #475569; cursor: pointer; white-space: nowrap }
.aud .au-sg button.on { background: #fff; color: #0f172a; box-shadow: 0 1px 2px rgb(15 23 42 / .12) }
.aud .au-sg button i { font-size: 15px }
.aud .au-esc { display: flex; align-items: center; gap: 10px; padding: 9px 10px; border-radius: 8px; border: 1px solid #0f172a; background: #f8fafc;
  font-size: 12.5px; color: #0f172a; min-width: 0 }
.aud .au-esc > i { font-size: 17px; color: #475569 }
.aud .au-esc > div { min-width: 0; flex: 1 }
.aud .au-esc b { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.aud .au-esc small { display: block; color: #64748b; font-size: 11.5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.aud .au-esc button { border: 0; background: none; color: #64748b; font-size: 15px; cursor: pointer; padding: 4px }
.aud .au-dd { position: absolute; left: 0; right: 0; top: 100%; margin-top: 2px; z-index: 60; background: #fff; border: 1px solid #e2e8f0;
  border-radius: 10px; box-shadow: 0 12px 30px rgb(15 23 42 / .16); padding: 4px; max-height: 240px; overflow: auto }
.aud .au-dd[hidden] { display: none }
.aud .au-dd button { display: block; width: 100%; text-align: left; padding: 8px 10px; border: 0; border-radius: 7px; background: none;
  font: inherit; font-size: 12.5px; color: #0f172a; cursor: pointer }
.aud .au-dd button:hover, .aud .au-dd button:focus { background: #f1f5f9 }
.aud .au-dd small { display: block; color: #64748b; font-size: 11.5px }
.aud .au-dd .au-dd-nada { padding: 10px; font-size: 12px; color: #64748b }
.aud .au-ck, .aud label.au-ck { display: flex; gap: 9px; align-items: flex-start; font-size: 12.5px; color: #334155; line-height: 1.4; cursor: pointer }
.aud .au-ck input { margin-top: 2px; width: 16px; height: 16px; accent-color: #0f172a; flex-shrink: 0 }
.aud .au-ck small { display: block; color: #64748b; font-size: 11.5px }
.aud .au-nota { font-size: 12px; color: #475569; background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 8px; padding: 9px 11px;
  display: flex; gap: 7px; line-height: 1.45 }
.aud .au-nota[hidden] { display: none }
.aud .au-nota i { font-size: 16px; color: #64748b; flex-shrink: 0 }
.aud .au-nota.am { background: #fffbeb; border-color: #fde68a; color: #92400e }
.aud .au-nota.am i { color: #b45309 }
.aud .au-nota.rd { background: #fef2f2; border-color: #fecaca; color: #991b1b }
.aud .au-nota.rd i { color: #b91c1c }
.aud .au-rod { display: flex; gap: 8px; justify-content: flex-end }
.aud .au-painel .au-rod { position: sticky; bottom: -18px; background: #fff; margin: 0 -18px -18px; padding: 12px 18px;
  border-top: 1px solid #eef2f6; border-radius: 0 0 12px 12px }
.aud .au-linha { display: flex; align-items: flex-start; gap: 8px; font-size: 12.5px; color: #334155; padding: 7px 0; border-bottom: 1px solid #f1f5f9 }
.aud .au-linha:last-child { border-bottom: 0 }
.aud .au-linha > i { font-size: 16px; color: #64748b; flex-shrink: 0; margin-top: 1px }
.aud .au-linha > span { min-width: 0; overflow-wrap: anywhere }
.aud .au-linha small { display: block; color: #64748b; font-size: 11.5px }
.aud .au-sa { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 8px }
.aud .au-sa button { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; min-height: 62px; padding: 8px 4px;
  border: 1px solid #e2e8f0; border-radius: 10px; background: #fff; font: inherit; font-size: 11.5px; font-weight: 600; color: #0f172a;
  cursor: pointer; text-align: center; line-height: 1.2 }
.aud .au-sa button:hover { border-color: #cbd5e1; background: #f8fafc }
.aud .au-sa button i { font-size: 19px; color: #475569 }
.aud .au-sa button.ok i { color: #047857 }
.aud .au-sa button.wa i { color: #047857 }
.aud .au-alca { display: none }
.aud .au-fab { display: none }
.au-veu { position: fixed; inset: 0; background: rgb(15 23 42 / .38); z-index: 10001 }

/* telas largas: painel ao lado, acompanhando a rolagem */
@media (min-width: 1100px) {
  .aud .au-split.aberto { grid-template-columns: minmax(0,1fr) clamp(360px, 30vw, 460px) }
  .aud .au-split .au-painel { position: sticky; top: 12px; max-height: calc(100vh - 100px); overflow: auto }
  .aud .au-split + .au-veu { display: none }
}
/* telas médias (notebook pequeno, tablet em pé): gaveta por cima da lista */
@media (max-width: 1099px) {
  .aud .au-painel { position: fixed; top: 0; right: 0; bottom: 0; width: min(440px, 92vw); border-radius: 14px 0 0 14px; z-index: 10002;
    overflow: auto; box-shadow: -12px 0 32px rgb(15 23 42 / .2); border: 0 }
}
/* aberto fora da página (de dentro do processo): sempre gaveta */
.aud.au-solto .au-painel { position: fixed; top: 0; right: 0; bottom: 0; width: min(440px, 92vw); border-radius: 14px 0 0 14px; z-index: 10002;
  overflow: auto; box-shadow: -12px 0 32px rgb(15 23 42 / .2); border: 0; max-height: none }

/* celular: abas cheias, chips que rolam de lado, botão flutuante e folha de baixo */
@media (max-width: 767px) {
  .aud .au-aten { flex-wrap: nowrap; overflow-x: auto; padding: 8px 10px; scrollbar-width: none }
  .aud .au-aten .au-at { display: none }
  .aud .au-ac { flex-shrink: 0 }
  #content .aud .pz-abas .btn { flex: 1 1 calc(50% - 3px); justify-content: center }
  .aud .pz-chips { flex: 1 1 auto }
  .aud .pz-busca { flex: 1 1 100%; margin-left: 0; min-width: 0 }
  .aud .au-painel, .aud.au-solto .au-painel { top: auto; left: 0; right: 0; bottom: 0; width: 100%; max-height: 88vh; border-radius: 16px 16px 0 0;
    box-shadow: 0 -10px 30px rgb(15 23 42 / .2); padding: 10px 16px 18px }
  .aud .au-painel .au-rod { margin: 0 -16px -18px; padding: 12px 16px calc(12px + env(safe-area-inset-bottom)); border-radius: 0 }
  .aud .au-painel .au-rod .btn { flex: 1; justify-content: center; min-height: 42px }
  .aud .au-alca { display: block; width: 40px; height: 4px; border-radius: 2px; background: #cbd5e1; margin: 0 auto 2px; flex-shrink: 0 }
  .aud .au-fab { display: inline-flex; position: fixed; right: 16px; bottom: calc(18px + env(safe-area-inset-bottom)); height: 48px; padding: 0 18px;
    border-radius: 24px; background: #0f172a; color: #fff; border: 0; align-items: center; gap: 7px; font: inherit; font-weight: 650;
    font-size: 13.5px; box-shadow: 0 8px 20px rgb(15 23 42 / .3); z-index: 900; cursor: pointer }
  .aud .au-fab i { font-size: 19px }
  .aud .au-lista { padding-bottom: 72px }
  .aud .au-g2.au-g2-m { grid-template-columns: 1fr }
  .aud .au-f .inp, .aud .au-f select { height: 42px; font-size: 16px }
  #tacoes #aud-nova-top { display: none }
}

/* modo escuro */
body.dark-mode .aud .au-aten, body.dark-mode .aud .au-box, body.dark-mode .aud .au-painel, body.dark-mode .aud .au-cf,
body.dark-mode .aud .au-dd, body.dark-mode .aud .au-sa button, body.dark-mode .aud .au-painel .au-rod { background: #1e293b; border-color: #334155 }
body.dark-mode .aud .au-dia, body.dark-mode .aud .au-mais, body.dark-mode .aud .au-esc, body.dark-mode .aud .au-nota { background: #0f172a; border-color: #334155 }
body.dark-mode .aud .au-row, body.dark-mode .aud .au-fr, body.dark-mode .aud .au-cfh, body.dark-mode .aud .au-pub { border-color: #334155 }
body.dark-mode .aud .au-row:hover, body.dark-mode .aud .au-row.sel { background: #243247 }
body.dark-mode .aud .au-row.passou { background: #2a2a22 }
body.dark-mode .aud .au-qd { background: #0f172a; border-color: #334155 }
body.dark-mode .aud .au-qd.hj { background: #e2e8f0; border-color: #e2e8f0 }
body.dark-mode .aud .au-qd.hj b { color: #0f172a }
body.dark-mode .aud .au-qd.hj small { color: #475569 }
body.dark-mode .aud .au-tt > b, body.dark-mode .aud .au-qd b, body.dark-mode .aud .au-pt h3, body.dark-mode .aud .au-cab,
body.dark-mode .aud .au-cfh b, body.dark-mode .aud .au-dia em, body.dark-mode .aud .au-esc, body.dark-mode .aud .au-sa button,
body.dark-mode .aud .au-dd button, body.dark-mode .aud .au-aten .au-at { color: #e2e8f0 }
body.dark-mode .aud .au-pub, body.dark-mode .aud .au-loc, body.dark-mode .aud .au-linha, body.dark-mode .aud .au-ck { color: #cbd5e1 }
body.dark-mode .aud .au-sg { background: #0f172a }
body.dark-mode .aud .au-sg button.on { background: #334155; color: #fff }
body.dark-mode .aud .au-ac { background: #0f172a; border-color: #334155; color: #cbd5e1 }
/* modo escuro: abas, filtro, botões das linhas e selos sem fundo branco */
body.dark-mode .aud .btn-o, body.dark-mode .aud .pz-chip { background: #1e293b !important; border-color: #334155 !important; color: #e2e8f0 !important }
body.dark-mode .aud .btn-o:hover, body.dark-mode .aud .pz-chip:hover { border-color: #64748b !important }
body.dark-mode .aud .pz-abas .btn-p, body.dark-mode .aud .pz-chip.on { background: #f8fafc !important; border-color: #f8fafc !important; color: #0f172a !important }
body.dark-mode .aud .pz-abas .btn-p .pz-n { background: #0f172a; color: #fff }
body.dark-mode .aud .pz-n { background: #334155; color: #e2e8f0 }
body.dark-mode .aud .pz-n.am { background: #fbbf24; color: #0f172a }
body.dark-mode .aud .au-acts .btn.au-ok { background: #064e3b !important; border-color: #047857 !important; color: #a7f3d0 !important }
body.dark-mode .aud .au-pill.r { background: #450a0a; color: #fecaca }
body.dark-mode .aud .au-pill.a { background: #422006; color: #fde68a }
body.dark-mode .aud .au-pill.g { background: #052e16; color: #a7f3d0 }
body.dark-mode .aud .au-pill.b { background: #172554; color: #bfdbfe }
body.dark-mode .aud .au-pill.s, body.dark-mode .aud .au-pill.au-proc { background: #0f172a; color: #cbd5e1; border-color: #334155 }