/* Legibilidade (pente fino 30/09/2026): nenhum texto abaixo de 11 px na tela de Conversas; o principal em 12–13 px.
   Antes, cerca de 40% do texto ficava entre 8 e 10 px (subtítulo e horário do card, atendente, filtros). Computador.
   Tamanho escolhido por pessoa no botão "Aa" do topo (app/fonte.js): pequena = como era antes; média = padrão; grande = média + zoom. */
@media (min-width: 761px) {
  body:not(.tz-fonte-pequena) .card .name { font-size: 14px !important; }
  body:not(.tz-fonte-pequena) .card .sub, body:not(.tz-fonte-pequena) .card .time { font-size: 12px !important; }
  body:not(.tz-fonte-pequena) .card .preview { font-size: 13.5px !important; }
  body:not(.tz-fonte-pequena) .card .owner, body:not(.tz-fonte-pequena) .card .owner strong { font-size: 12px !important; }
  body:not(.tz-fonte-pequena) .card .person-dot { font-size: 11px !important; }
  body:not(.tz-fonte-pequena) .card .unread { min-width: 22px !important; height: 22px !important; font-size: 11.5px !important; }
  body:not(.tz-fonte-pequena) .card .chip { font-size: 11px !important; }
  body:not(.tz-fonte-pequena) .card .avatar { font-size: 12px !important; }
  body:not(.tz-fonte-pequena) .team-filter, body:not(.tz-fonte-pequena) .team-filter small { font-size: 12px; }
  body:not(.tz-fonte-pequena) .team-label, body:not(.tz-fonte-pequena) .legend-title { font-size: 11px; }
  body:not(.tz-fonte-pequena) .switch button, body:not(.tz-fonte-pequena) .density button, body:not(.tz-fonte-pequena) .density span, body:not(.tz-fonte-pequena) .themes span, body:not(.tz-fonte-pequena) .theme-choice { font-size: 12px; }
  body:not(.tz-fonte-pequena) .stat, body:not(.tz-fonte-pequena) .stat strong { font-size: 12.5px; }
  body:not(.tz-fonte-pequena) .waiting-time, body:not(.tz-fonte-pequena) .tzc-window { font-size: 12px; }
  body:not(.tz-fonte-pequena) .drawer .sub, body:not(.tz-fonte-pequena) .drawer .bubble time { font-size: 12px; }
  body:not(.tz-fonte-pequena) .drawer .bubble { font-size: 14px; }
  body:not(.tz-fonte-pequena) .drawer-tool { font-size: 12px; }
}

/* Grande: tudo um pouco maior (conteúdo e gaveta da conversa). */
body.tz-fonte-grande .main, body.tz-fonte-grande .drawer { zoom: 1.12; }
.tzf-btn { display: grid; place-items: center; }
.tzf-pop { position: fixed; z-index: 1700; padding: 12px; border: 1px solid var(--tz-outline-container); border-radius: var(--tz-r-md); background: var(--surface); color: var(--ink); box-shadow: 0 12px 30px #0f172a2e; }
.tzf-pop > b { display: block; font-size: 12.5px; margin-bottom: 8px; }
.tzf-size { display: flex; gap: 6px; }
.tzf-size button { display: flex; flex-direction: column; align-items: center; justify-content: flex-end; gap: 2px; width: 64px; height: 58px; border: 1px solid var(--tz-outline-control); border-radius: var(--tz-r-sm); background: var(--surface); color: var(--ink); cursor: pointer; }
.tzf-size button span { font-weight: 800; line-height: 1; }
.tzf-size button small { font-size: 11px; color: var(--muted); }
.tzf-size button.on { border-color: var(--blue); background: var(--blue2); color: var(--blue); }

/* Telas antigas (Tarefas, Agenda, Contatos, Kanban, Pesquisar, cadastros): mesmo piso de letra das telas novas. */
@media (min-width: 761px) {
  body:not(.tz-fonte-pequena) #moduleView :is(.kanban-card small, .kanban-tag-card-head small, .search-breakdown-item span, .search-field label, .contact-crud-field label, .search-result-contact span, .contact-card-main span, .crud-list-main span, .crud-list-row .crud-list-meta, .agenda-month-head div, .agenda-event small, .search-breakdown-card h4, h3 small) { font-size: 12px !important; }
  body:not(.tz-fonte-pequena) #moduleView :is(.crud-list-head span, .contacts-list-head span, tr th, .contact-card-history span) { font-size: 12px !important; }
  body:not(.tz-fonte-pequena) #moduleView :is(.crud-status, .contact-status, .search-status, .search-open-button, .crud-toggle-button, .crud-edit-button, .contact-card-avatar) { font-size: 12px !important; }
  body:not(.tz-fonte-pequena) #moduleView :is(.kanban-card strong, .kanban-tag-card-head strong, .agenda-event strong, .search-result-contact strong, .agenda-day-head strong, tr td, .module-action, .contact-card-routing .contact-queue) { font-size: 12.5px !important; }
}
/* Componentes unificados: no tamanho normal ou grande, a leitura não cai abaixo de 12px.
   Não definir essas medidas para tz-fonte-pequena: essa opção conserva o tamanho compacto original. */
body:not(.tz-fonte-pequena) #moduleView :is(.module-action, .crud-list-head, .crud-list-meta, .crud-list-main span, .crud-status, .crud-new-button, .crud-edit-button, .crud-toggle-button, .module-list-item small, .module-table th) { font-size: 12px; }
body:not(.tz-fonte-pequena) #moduleView .crud-list-main strong { font-size: 14px; }
body:not(.tz-fonte-pequena) #moduleView .module-table td { font-size: 13px; }
body:not(.tz-fonte-pequena) #moduleView .module-form :is(input, select, textarea) { font-size: 14px; }
/* Tela vazia com cara de boas-vindas (moduleEmpty das telas antigas) */
#moduleView .empty-module, #moduleView .module-empty { padding: 34px 20px !important; border: 1.5px dashed var(--line) !important; border-radius: var(--tz-r-md) !important; background: var(--surface) !important; text-align: center; color: var(--muted); font-size: 14px !important; }
#moduleView .empty-module::before { content: ''; display: block; width: 44px; height: 44px; margin: 0 auto 10px; border-radius: 12px; background: var(--blue2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230b6bff' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M4 13h4l2 3h4l2-3h4'/%3E%3Cpath d='M5 13l2-7h10l2 7v5a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2z'/%3E%3C/svg%3E") center / 24px no-repeat; }

/* Piso de 11 px nas outras telas também (medição de 30/09: selos de contato/Kanban em 9 px, horas da agenda,
   legendas de tabela e relatórios em 10 px). Vale para a letra média e a grande; a pequena fica como era. */
@media (min-width: 761px) {
  body:not(.tz-fonte-pequena) #moduleView :is(small, .contact-card-tag, .kanban-tag-chip, .tzc-chip, .md-tag, .tzq-type, .contact-results, .tzp-chip, .tag),
  body:not(.tz-fonte-pequena) #moduleView :is(.tzd-col, .agenda-time-axis, .agenda-timeline-day-head, .tzpl-cal .h, .tzpl-weekbtn) :is(span, b),
  body:not(.tz-fonte-pequena) #moduleView :is(.tzpl-cal .h, .tzpl-weekbtn),
  body:not(.tz-fonte-pequena) .card .tzc-chip { font-size: 11px !important; }
}

/* Datas de referência e situações no histórico do cliente precisam ser lidas sem competir com o conteúdo principal. */
@media (min-width: 761px) {
  body:not(.tz-fonte-pequena) #moduleView :is(.tzcl-day, .tzcl-badges .b) { font-size: 12px !important; }
}