/**
 * Estilos do sistema
 * Sistema de Gestão de Contatos - Prefeituras
 *
 * O visual (cores, formas, tipografia, cabeçalho, cartões, tabelas) vem do
 * tema em assets/css/azia.css, carregado antes deste arquivo. Aqui ficam só
 * as peças próprias do sistema, que o tema não tem como conhecer.
 */

/* ========== Campo obrigatório ========== */
/* Asterisco vermelho depois do rótulo. */
.required::after {
    content: " *";
    color: var(--az-danger, #dc3545);
}

/* ========== Botão dentro de tabela ========== */
.btn-action {
    padding: 0.25rem 0.5rem;
    font-size: 0.8125rem;
    min-height: inherit;
}

/* ========== Tela de espera (usada pelo main.js) ========== */
.spinner-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(33, 37, 41, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}

/* ========== Barra de rolagem ========== */
::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    background: var(--az-gray-100, #f8f9fa);
}

::-webkit-scrollbar-thumb {
    background: var(--az-gray-400, #ced4da);
}

::-webkit-scrollbar-thumb:hover {
    background: var(--az-gray-500, #adb5bd);
}