/*
  NormaOne — Densidade Compacta (Etapa UI 2.1, refinada na "Padronização Global",
  recalibrada no "Refinamento do Design System — Densidade, Sidebar e Responsividade")

  Sobrescreve as classes do próprio MudBlazor globalmente, sem tocar em nenhuma tela/componente
  de módulo — por isso este arquivo é carregado DEPOIS de MudBlazor.min.css em App.razor (a ordem
  de carregamento decide o empate de especificidade CSS). Nunca abaixo de 11px (piso de
  legibilidade — badges/status).

  Valores desta rodada mirados para 1366×768 como resolução mínima de referência: tabelas com
  linhas de ~48–56px (a rodada anterior tinha ido abaixo disso, para ~34px — compacto demais para
  o objetivo real, que é boa densidade de LEITURA, não o menor pixel possível).
*/

/* Botões */
.mud-button-root {
    min-height: 34px;
    font-size: 13px; /* alinhado a Typography.Button do tema */
    padding: 6px 14px;
}

.mud-icon-button {
    padding: 6px;
}

    .mud-icon-button .mud-icon-root,
    .mud-button-root .mud-icon-root {
        font-size: 18px;
    }

/* Chips / badges — papel "badges/status" da escala: 10–11px */
.mud-chip {
    height: 22px;
    font-size: 11px;
    padding: 0 10px;
}

/* Tabelas — linhas de ~48–56px (padding vertical maior que a rodada anterior, de propósito) */
.mud-table-container .mud-table-cell {
    padding: 14px 12px;
    font-size: 13px; /* tabelas: 12–13px */
}

.mud-table-container .mud-table-head {
    background-color: #FAFBFC; /* cinza muito claro */
}

.mud-table-container .mud-table-head .mud-table-cell {
    font-size: 12px; /* cabeçalho: 12–13px */
    padding: 12px 12px;
}

.mud-table-container .mud-table-cell .mud-icon-button .mud-icon-root {
    font-size: 17px;
}

/* Campos de formulário */
.mud-input-control .mud-input-label {
    font-size: 13px;
}

.mud-input-control .mud-input-helper-text {
    font-size: 12px;
}

.mud-input-root {
    min-height: 38px;
    font-size: 13px; /* alinhado ao "texto normal" da escala */
}

/* Dialogs */
.mud-dialog-title {
    padding: 12px 20px;
}

.mud-dialog-content {
    padding: 12px 20px;
}

.mud-dialog-actions {
    padding: 8px 20px 16px;
}

/* Cabeçalhos de tela — telas que ainda usam Class="mb-4" após o título continuam com essa margem
   (não forçada aqui, para não arriscar quebrar espaçamentos intencionais em telas não revisadas
   visualmente nesta etapa); PageHeader.razor (uso futuro) já nasce com a margem compacta. */

/* Título de página sempre em caixa alta (Etapa UI 2.2) — Typo.h4 é usado só para título de página
   em todo o app hoje, então isto cobre toda tela sem precisar reescrever nenhuma string. */
.mud-typography-h4 {
    text-transform: uppercase;
}