/*
 * NR Control - folha de estilo do painel administrativo.
 *
 * Substitui o antigo `css/app.css`, que era um build do Tailwind herdado do
 * scaffold inicial do Laravel. Aquele arquivo carregava o preflight e as
 * utilitárias do Tailwind por cima do Bootstrap 5 / CoreUI do Backpack, o que
 * quebrava componentes inteiros do painel:
 *
 *   - `menu, ol, ul { list-style: none }` do preflight apagava os marcadores de
 *     todas as listas (daí as gambiarras de `list-style` espalhadas por views);
 *   - `.collapse { visibility: collapse }` (utilitária do Tailwind) colidia com
 *     o componente `.collapse` do Bootstrap: accordions abriam com a altura
 *     certa e conteúdo invisível;
 *   - `.mb-3`, `.p-3`, `.gap-2`, `.rounded`, `.border`, `.text-sm` e dezenas de
 *     outras utilitárias sobrescreviam as homônimas do Bootstrap com valores
 *     diferentes, deixando o espaçamento do painel inteiro fora do padrão;
 *   - `h1..h6 { font-size: inherit; font-weight: inherit }` zerava a hierarquia
 *     tipográfica.
 *
 * Aqui só existe o que o painel realmente precisa e que o Bootstrap não
 * oferece. Nada de utilitárias genéricas: elas voltam a ser as do Bootstrap.
 */

/* ============================ CORES DA MARCA ============================ */
:root {
    --nr-teal: #51d2cc;
    --nr-blue: #2e9ce9;
    --nr-muted: #6394b4;
    --nr-dark: #112b4a;
    --nr-deep: #0c1e35;
}

.text-brand {
    color: var(--nr-blue);
}

.text-brand-dark {
    color: var(--nr-dark);
}

.bg-brand {
    background-color: var(--nr-blue);
}

.bg-brand-teal {
    background-color: var(--nr-teal);
}

/* ============================== MODAIS ================================= */
/*
 * O empilhamento não é resolvido aqui de propósito. A modal é renderizada no
 * nível do `body` (stack `modals` do layout + `app-modal.js`), então o
 * z-index padrão do Bootstrap já funciona. Aumentar z-index não resolveria:
 * o problema original era contexto de empilhamento, não valor de z-index.
 */
.modal-content {
    border-radius: 0.5rem;
    box-shadow: 0 20px 40px rgba(16, 24, 40, 0.2);
}

/* Modal longa rola por dentro, sem esticar a página. */
.modal-body {
    max-height: 70vh;
    overflow-y: auto;
}

/* ======================= LISTAS EM TEXTO CORRIDO ======================= */
/*
 * O tema do painel zera marcadores em vários contextos. Páginas de
 * documentação (agente biométrico, docs de webhook) precisam deles de volta,
 * mas apenas nas listas de conteúdo: `.nav`, `.list-group`, `.pagination`,
 * `.dropdown-menu` e afins são componentes e continuam sem marcador.
 */
.nr-prose ol,
.nr-prose ul {
    padding-left: 1.35rem;
}

.nr-prose ol {
    list-style: decimal outside;
}

.nr-prose ul {
    list-style: disc outside;
}

.nr-prose .nav,
.nr-prose .list-group,
.nr-prose .list-unstyled,
.nr-prose .pagination,
.nr-prose .dropdown-menu,
.nr-prose .accordion,
.nr-prose .breadcrumb {
    list-style: none;
    padding-left: 0;
}

/* ============================ EMPTY STATES ============================= */
.nr-empty {
    text-align: center;
    padding: 2.5rem 1rem;
    color: #6c757d;
}

.nr-empty .nr-empty-icon {
    font-size: 2.75rem;
    line-height: 1;
    color: #adb5bd;
    margin-bottom: 0.5rem;
}

.nr-empty .nr-empty-title {
    font-weight: 600;
    color: #495057;
    margin-bottom: 0.25rem;
}

.nr-empty .nr-empty-text {
    max-width: 460px;
    margin: 0 auto 1rem;
    font-size: 0.9rem;
}

/* ======================== FORMULÁRIOS COMPACTOS ======================== */
.form-control.form-control-sm {
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
}