/* Under > E-mail.
   Toda classe nova comeca com .une- para nao bater com as dos outros segmentos.
   Reaproveita o que ja existe: .as-card, .as-top, .fi-name, .as-sub, .as-sub2, .as-st (chips), .un-pills, .un-sec, .un-sec-h,
   .un-row, .un-tl, .un-muted, .un-acts, .btn.ghost.sm.un-btn, .un-ct / .un-ctb, .un-k / .un-v.
   Tema: variaveis (--v-strong, --v-muted, --v-card, --v-cardbd, --v-gray-bg, --v-blue) com o valor do tema antigo de reserva.
   Alvo de toque: 40 px no minimo. Nada aqui cria rolagem lateral da pagina em 360, 375, 390 e 430 px. */

/* topo: dois blocos com os numeros gerais, que tambem trocam a visao (Inscritos | Campanhas) */
.une-tabs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin-bottom: 10px; }
.une-tab { -webkit-appearance: none; appearance: none; display: block; width: 100%; min-width: 0; min-height: 58px; margin: 0; padding: 10px 12px 9px; text-align: left; font: inherit; color: inherit; cursor: pointer;
  background: var(--v-card, var(--card)); border: 1px solid var(--v-cardbd, var(--line)); border-radius: 14px; }
.une-tab .un-k, .une-tab .un-v { display: block; }
.une-tab.on { --une-on: var(--v-blue, var(--dv-blue)); border-color: var(--une-on); box-shadow: inset 0 0 0 1px var(--une-on); }
.une-tab.on .un-k { color: var(--une-on); }
.une-tab:focus-visible { outline: 2px solid var(--v-blue, var(--dv-blue)); outline-offset: 2px; }
html.v2[data-theme="dark"] .une-tab.on { --une-on: #8fb0ff; }

/* linha miuda sob o topo (resultados da busca, hora do indice) e contagem por status */
.une-foot { font-family: var(--v-mono, 'Space Mono', monospace); font-size: 10.5px; color: var(--v-muted, var(--muted)); margin: 0 2px 10px; overflow-wrap: anywhere; }
.une-counts { margin: 0 2px 10px; }

/* cartoes: nome, assunto e destinatario longos quebram dentro do cartao */
.une-sub .as-top, .une-camp .as-top { align-items: flex-start; }
.une-sub .fi-name, .une-camp .fi-name { min-width: 0; overflow-wrap: anywhere; }
.une-sub .as-top .as-st { flex-shrink: 0; max-width: 46%; overflow: hidden; text-overflow: ellipsis; }
.une-cst { margin-top: 6px; }
.une-cst .as-st { max-width: 100%; overflow: hidden; text-overflow: ellipsis; }
.une-camp .as-sub, .une-camp .as-sub2 { overflow-wrap: anywhere; }
.une-err { text-align: center; }
.une-err .un-acts { justify-content: center; }
.une-err .btn.sm.un-btn { flex: 0 0 auto; }

/* folha de detalhe */
.une-top { margin-top: 4px; }
.une-h { font-size: 16px; font-weight: 600; line-height: 1.3; color: var(--v-strong, var(--text)); overflow-wrap: anywhere; }
.une-pre { margin-top: 4px; overflow-wrap: anywhere; }
.une-top .un-pills { margin-top: 8px; }
.une-top .un-pills .as-st { max-width: 100%; overflow: hidden; text-overflow: ellipsis; }
.une-row span { flex-shrink: 0; }
.une-row b { min-width: 0; text-align: right; overflow-wrap: anywhere; }
.une-tl { overflow-wrap: anywhere; }

/* previa do e-mail: troca Visual | Texto, quadro isolado (sempre papel branco, como numa caixa de entrada) e o texto puro */
.une-sw { margin-top: 0; margin-bottom: 8px; }
.une-sw .btn.sm.un-btn, .une-copy .btn.sm.un-btn { flex: 0 1 auto; }
.btn.sm.un-btn.une-m.on { --une-on: var(--v-blue, var(--dv-blue)); color: var(--une-on); border-color: var(--une-on); }
html.v2[data-theme="dark"] .btn.sm.un-btn.une-m.on { --une-on: #8fb0ff; }
html.v2 .btn.ghost.sm.un-btn.une-m.on:not(:disabled):hover { color: var(--une-on); border-color: var(--une-on); }
.une-frame { display: block; width: 100%; height: min(56vh, 440px); border: 1px solid var(--v-cardbd, var(--line)); border-radius: 12px; background: #fff; }
.une-text { margin: 0; max-height: min(56vh, 440px); overflow: auto; padding: 10px 12px; border-radius: 12px; white-space: pre-wrap; overflow-wrap: anywhere;
  font-family: var(--v-sans, inherit); font-size: 13px; line-height: 1.5; background: var(--v-gray-bg, rgba(255,255,255,.06)); color: var(--v-strong, var(--text)); }
.une-note { margin-top: 6px; }