/* Paleta de Cores da Empresa - Sistema TI CDI */

:root {
    /* Cores principais da empresa */
    --cor-principal: #ce202f;      /* Vermelho principal */
    --cor-preta: #000000;          /* Preto */
    --cor-cinza: #6e7176;          /* Cinza */
    --cor-branca: #ffffff;          /* Branco */
    --cor-azul: #233689;           /* Azul para toques */
    
    /* Variações para diferentes usos */
    --cor-principal-hover: #b01d2a;
    --cor-principal-light: #f5d5d8;
    --cor-cinza-light: #f8f9fa;
    --cor-cinza-dark: #495057;
    --cor-azul-light: #e8ebf5;
}

/* ===== CORES DE FUNDO ===== */
.bg-primary {
    background-color: var(--cor-principal) !important;
}

.bg-secondary {
    background-color: var(--cor-cinza) !important;
}

.bg-dark {
    background-color: var(--cor-preta) !important;
}

.bg-light {
    background-color: var(--cor-cinza-light) !important;
}

.bg-info {
    background-color: var(--cor-azul) !important;
}

/* ===== CORES DE TEXTO ===== */
.text-primary {
    color: var(--cor-principal) !important;
}

.text-secondary {
    color: var(--cor-cinza) !important;
}

.text-dark {
    color: var(--cor-preta) !important;
}

.text-light {
    color: var(--cor-cinza-light) !important;
}

.text-info {
    color: var(--cor-azul) !important;
}

/* ===== BOTÕES ===== */
.btn-primary {
    background-color: var(--cor-principal);
    border-color: var(--cor-principal);
    color: var(--cor-branca);
}

.btn-primary:hover {
    background-color: var(--cor-principal-hover);
    border-color: var(--cor-principal-hover);
    color: var(--cor-branca);
}

.btn-secondary {
    background-color: var(--cor-cinza);
    border-color: var(--cor-cinza);
    color: var(--cor-branca);
}

.btn-secondary:hover {
    background-color: var(--cor-cinza-dark);
    border-color: var(--cor-cinza-dark);
    color: var(--cor-branca);
}

.btn-info {
    background-color: var(--cor-azul);
    border-color: var(--cor-azul);
    color: var(--cor-branca);
}

.btn-info:hover {
    background-color: #1e2d73;
    border-color: #1e2d73;
    color: var(--cor-branca);
}

.btn-outline-primary {
    color: var(--cor-principal);
    border-color: var(--cor-principal);
}

.btn-outline-primary:hover {
    background-color: var(--cor-principal);
    border-color: var(--cor-principal);
    color: var(--cor-branca);
}

.btn-outline-secondary {
    color: var(--cor-cinza);
    border-color: var(--cor-cinza);
}

.btn-outline-secondary:hover {
    background-color: var(--cor-cinza);
    border-color: var(--cor-cinza);
    color: var(--cor-branca);
}

/* ===== BADGES ===== */
.badge-primary {
    background-color: var(--cor-principal);
    color: var(--cor-branca);
}

.badge-secondary {
    background-color: var(--cor-cinza);
    color: var(--cor-branca);
}

.badge-info {
    background-color: var(--cor-azul);
    color: var(--cor-branca);
}

/* ===== ALERTAS ===== */
.alert-primary {
    background-color: var(--cor-principal-light);
    border-color: var(--cor-principal);
    color: var(--cor-principal);
}

.alert-secondary {
    background-color: var(--cor-cinza-light);
    border-color: var(--cor-cinza);
    color: var(--cor-cinza-dark);
}

.alert-info {
    background-color: var(--cor-azul-light);
    border-color: var(--cor-azul);
    color: var(--cor-azul);
}

/* ===== NAVEGAÇÃO ===== */
.navbar-brand {
    color: var(--cor-principal) !important;
    font-weight: bold;
}

.nav-link {
    color: var(--cor-cinza-dark) !important;
}

.nav-link:hover {
    color: var(--cor-principal) !important;
}

.nav-link.active {
    color: var(--cor-principal) !important;
    font-weight: bold;
}

/* ===== CARDS ===== */
.card {
    border-color: var(--cor-cinza-light);
}

.card-header {
    background-color: var(--cor-cinza-light);
    border-bottom-color: var(--cor-cinza);
}

.card-primary {
    border-color: var(--cor-principal);
}

.card-primary .card-header {
    background-color: var(--cor-principal);
    color: var(--cor-branca);
}

/* ===== TABELAS ===== */
.table-primary {
    background-color: var(--cor-principal-light);
}

.table-secondary {
    background-color: var(--cor-cinza-light);
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: var(--cor-cinza-light);
}

/* ===== FORMULÁRIOS ===== */
.form-control:focus {
    border-color: var(--cor-principal);
    box-shadow: 0 0 0 0.2rem rgba(206, 32, 47, 0.25);
}

.form-select:focus {
    border-color: var(--cor-principal);
    box-shadow: 0 0 0 0.2rem rgba(206, 32, 47, 0.25);
}

.form-check-input:checked {
    background-color: var(--cor-principal);
    border-color: var(--cor-principal);
}

/* ===== MODAIS ===== */
.modal-header.bg-primary {
    background-color: var(--cor-principal) !important;
}

.modal-header.bg-info {
    background-color: var(--cor-azul) !important;
}

/* ===== BORDAS ===== */
.border-primary {
    border-color: var(--cor-principal) !important;
}

.border-secondary {
    border-color: var(--cor-cinza) !important;
}

.border-info {
    border-color: var(--cor-azul) !important;
}

/* ===== PRIORIDADES ESPECÍFICAS ===== */
.prioridade-baixa {
    background-color: #28a745 !important;
    color: var(--cor-branca);
}

.prioridade-media {
    background-color: #ffc107 !important;
    color: var(--cor-preta);
}

.prioridade-alta {
    background-color: var(--cor-principal) !important;
    color: var(--cor-branca);
}

.prioridade-critica {
    background-color: var(--cor-preta) !important;
    color: var(--cor-branca);
}

/* ===== STATUS ESPECÍFICOS ===== */
.status-aberta {
    background-color: var(--cor-principal) !important;
    color: var(--cor-branca);
}

.status-em-andamento {
    background-color: var(--cor-azul) !important;
    color: var(--cor-branca);
}

.status-fechada {
    background-color: var(--cor-cinza) !important;
    color: var(--cor-branca);
}

/* ===== SIDEBAR/NAVEGAÇÃO LATERAL ===== */
.sidebar {
    background-color: var(--cor-preta);
}

.sidebar .nav-link {
    color: var(--cor-branca) !important;
}

.sidebar .nav-link:hover {
    background-color: var(--cor-principal);
    color: var(--cor-branca) !important;
}

.sidebar .nav-link.active {
    background-color: var(--cor-principal);
    color: var(--cor-branca) !important;
}

/* ===== HEADER/NAVBAR ===== */
.navbar-dark {
    background-color: var(--cor-preta) !important;
}

.navbar-dark .navbar-brand {
    color: var(--cor-branca) !important;
}

.navbar-dark .nav-link {
    color: var(--cor-branca) !important;
}

.navbar-dark .nav-link:hover {
    color: var(--cor-principal) !important;
}

/* ===== FOOTER ===== */
.footer {
    background-color: var(--cor-cinza);
    color: var(--cor-branca);
}

/* ===== LINKS ===== */
a {
    color: var(--cor-principal);
}

a:hover {
    color: var(--cor-principal-hover);
}

/* ===== PROGRESS BARS ===== */
.progress-bar {
    background-color: var(--cor-principal);
}

.progress-bar.bg-secondary {
    background-color: var(--cor-cinza) !important;
}

.progress-bar.bg-info {
    background-color: var(--cor-azul) !important;
}

/* ===== PAGINAÇÃO ===== */
.page-link {
    color: var(--cor-principal);
    border-color: var(--cor-cinza-light);
}

.page-link:hover {
    color: var(--cor-principal-hover);
    background-color: var(--cor-principal-light);
    border-color: var(--cor-principal);
}

.page-item.active .page-link {
    background-color: var(--cor-principal);
    border-color: var(--cor-principal);
}

/* ===== DROPDOWN ===== */
.dropdown-menu {
    border-color: var(--cor-cinza-light);
}

.dropdown-item:hover {
    background-color: var(--cor-principal-light);
    color: var(--cor-principal);
}

.dropdown-item.active {
    background-color: var(--cor-principal);
    color: var(--cor-branca);
}

/* ===== TOOLTIPS ===== */
.tooltip .tooltip-inner {
    background-color: var(--cor-preta);
}

.tooltip.bs-tooltip-top .tooltip-arrow::before {
    border-top-color: var(--cor-preta);
}

.tooltip.bs-tooltip-bottom .tooltip-arrow::before {
    border-bottom-color: var(--cor-preta);
}

.tooltip.bs-tooltip-start .tooltip-arrow::before {
    border-left-color: var(--cor-preta);
}

.tooltip.bs-tooltip-end .tooltip-arrow::before {
    border-right-color: var(--cor-preta);
}

/* ===== RESPONSIVIDADE ===== */
@media (max-width: 768px) {
    .navbar-brand {
        font-size: 1.2rem;
    }
    
    .btn {
        font-size: 0.9rem;
    }
}

/* ===== ANIMAÇÕES ===== */
.btn {
    transition: all 0.3s ease;
}

.nav-link {
    transition: all 0.3s ease;
}

.card {
    transition: box-shadow 0.3s ease;
}

.card:hover {
    box-shadow: 0 4px 8px rgba(206, 32, 47, 0.15);
}

/* ===== UTILITÁRIOS ===== */
.text-empresa-primary {
    color: var(--cor-principal) !important;
}

.text-empresa-secondary {
    color: var(--cor-cinza) !important;
}

.text-empresa-info {
    color: var(--cor-azul) !important;
}

.bg-empresa-primary {
    background-color: var(--cor-principal) !important;
}

.bg-empresa-secondary {
    background-color: var(--cor-cinza) !important;
}

.bg-empresa-info {
    background-color: var(--cor-azul) !important;
}

.border-empresa-primary {
    border-color: var(--cor-principal) !important;
}

.border-empresa-secondary {
    border-color: var(--cor-cinza) !important;
}

.border-empresa-info {
    border-color: var(--cor-azul) !important;
}