/* Resets e Configurações Globais */
body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; }

/* Cores Corporativas */
.bg-corporativo { background-color: #509236 !important; color: white !important; }
.bg-corporativo:hover { background-color: #A6CE39 !important; }
.text-corporativo { color: #509236 !important; }
.menu-bg { background-color: #152b68 !important; color: white !important; }

/* Botão de Envio Padrão TI */
.btn-salvar-ti { background-color: #152b68 !important; color: white !important; border: none; transition: 0.3s; }
.btn-salvar-ti:hover { background-color: #0d1e4b !important; }

/* ======================================================= */
/* Cores de Status, Tipos e Urgências (Chamados e Projetos) */
/* ======================================================= */

/* AZUL */
.btn-aberto { background-color: #0d6efd !important; color: white !important; }

/* VERDE */
.btn-resolvido, .btn-requisicao, .btn-baixa, .btn-concluido, .btn-leve, .btn-preventivo { background-color: #07AE06 !important; color: white !important; }

/* LARANJA / AMARELO */
.btn-progresso, .btn-media, .btn-andamento, .btn-moderado, .btn-programado { background-color: #FF6400 !important; color: white !important; }

/* VERMELHO */
.btn-parado, .btn-incidente, .btn-alta, .btn-critico, .btn-corretivo { background-color: #ff0000 !important; color: white !important; }

/* ======================================================= */
/* SPA Display */
/* ======================================================= */
.content-section { display: none; }
.active-section { display: block; animation: fadeIn 0.3s ease-in-out; }


/* \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */


/* Resets e Configurações Globais */
body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; }

/* Cores Corporativas */
.bg-corporativo { background-color: #509236 !important; color: white !important; }
.bg-corporativo:hover { background-color: #A6CE39 !important; }
.text-corporativo { color: #509236 !important; }
.menu-bg { background-color: #152b68 !important; color: white !important; }

/* Cores de Status e Tipos */
.btn-resolvido, .btn-requisicao, .btn-baixa { background-color: #07AE06 !important; color: white !important; }
.btn-progresso, .btn-media { background-color: #FF6400 !important; color: white !important; }
.btn-parado, .btn-incidente, .btn-alta { background-color: #ff0000 !important; color: white !important; }

/* SPA Display */
.content-section { display: none; }
.active-section { display: block; animation: fadeIn 0.3s ease-in-out; }

@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }

/* Sidebar e Links */
.sidebar-link { border-left: 4px solid transparent; transition: 0.3s; }
.sidebar-link:hover { border-left: 4px solid #A6CE39; background-color: rgba(255,255,255,0.1); }

/* Modal Edição */
.modal-overlay {
    display: none; position: fixed; inset: 0; background: rgba(0,0,0,0.5);
    z-index: 50; justify-content: center; align-items: center;
}
.modal-content {
    background: white; padding: 2rem; border-radius: 8px; width: 90%; max-width: 800px; max-height: 90vh; overflow-y: auto;
}

/* Loader Circular */
#loader-container {
    display: none; position: fixed; inset: 0; background: rgba(255,255,255,0.9);
    z-index: 9999; justify-content: center; align-items: center;
}
.loader-circular {
    border: 8px solid #f3f3f3;
    border-top: 8px solid #152b68; /* Cor solicitada */
    border-radius: 50%;
    width: 60px; height: 60px;
    animation: spin 1s linear infinite;
}
@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }





.stat-card {
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    padding: 20px;
}

.stat-icon {
    font-size: 40px;
    color: #152b68;
    /* Example color - change as needed */
}

.stat-value {
    font-size: 24px;
    font-weight: bold;
}