/* CODE-LIGHT-72-ETIQUETAGEM | Admin | Fase 5.1 — só o que o tema MudBlazor não cobre (skill mudblazor-cl72/tema.md).
   Subconjunto do app.css do App (S16-8): ferramenta interna, sem os alvos de toque de 44 px. */

html, body, .mud-typography, .mud-button, .mud-input, .mud-nav-link, .mud-table {
    font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

body { background: #F5F7FA; color: #31374A; }

h1:focus, h5:focus { outline: none; }

/* o coral SÓ aqui: logo/wordmark e micro-destaque */
.cl72-marca { color: #F5803E; font-weight: 800; letter-spacing: .02em; }

/* casca */
.cl72-topbar { border-bottom: 1px solid #E3E6ED; }
.cl72-sidebar { border-right: 1px solid #E3E6ED; }

/* páginas públicas (login) */
.cl72-publico { min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: 16px; }
.cl72-publico-cartao { width: 100%; max-width: 420px; }

/* tabelas densas: a linha inteira leva ao detalhe */
.cl72-linha-clicavel tbody tr { cursor: pointer; }

/* KPI do Início */
.cl72-kpi-numero { font-size: 2rem; font-weight: 800; line-height: 1.1; letter-spacing: -.01em; }
.cl72-rotulo { font-size: .72rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #6E7891; }

/* 5.3: kanban de leads — 5 colunas de largura igual, rolagem horizontal em tela estreita */
.cl72-kanban { display: flex; gap: 12px; align-items: flex-start; overflow-x: auto; padding-bottom: 8px; }
.cl72-coluna { flex: 1 0 200px; min-height: 320px; background: #EEF1F6; border-radius: 10px; padding: 8px; }
.cl72-coluna .mud-drop-zone { min-height: 240px; }
.cl72-card-lead { cursor: grab; }
.cl72-card-lead.cl72-convertido { cursor: default; opacity: .75; }

/* a senha temporária: mostrada uma vez, precisa ser legível e copiável */
.cl72-senha { font-family: Consolas, "Courier New", monospace; font-size: 1.25rem; letter-spacing: .08em; user-select: all; }

#blazor-error-ui {
    color: #fff; background: #FA3B1D; bottom: 0; box-shadow: 0 -1px 2px rgba(0,0,0,.2);
    display: none; left: 0; padding: .6rem 1.25rem .7rem 1.25rem; position: fixed; width: 100%; z-index: 1000;
}
#blazor-error-ui .dismiss { cursor: pointer; position: absolute; right: .75rem; top: .5rem; }
#blazor-error-ui .reload { color: #fff; text-decoration: underline; margin-left: .5rem; }