/* style.css - Modernizador de Layout (Compatível BS4 e BS5) */

:root {
    /* Cores Modernas */
    --primary-color: #4f46e5;
    --primary-hover: #4338ca;
    --secondary-color: #64748b;
    --dark-color: #111827;
    
    /* Status */
    --success-bg: #d1fae5; --success-text: #065f46;
    --warning-bg: #fef3c7; --warning-text: #92400e;
    --danger-bg: #fee2e2;  --danger-text: #991b1b;
    --info-bg: #e0e7ff;    --info-text: #3730a3;

    /* UI */
    --bg-body: #f3f4f6;
    --bg-card: #ffffff;
    --border-radius: 10px;
    --shadow-sm: 0 1px 3px rgba(0,0,0,0.1);
}

/* 1. Forçar Fundo e Fonte */
body {
    background-color: var(--bg-body) !important;
    font-family: 'Segoe UI', system-ui, sans-serif !important;
    color: var(--dark-color) !important;
}

/* 2. Modernizar Cards e Tabelas Antigas */
.card, .table-responsive, .box-white {
    background-color: var(--bg-card) !important;
    border: 1px solid #e5e7eb !important;
    border-radius: var(--border-radius) !important;
    box-shadow: var(--shadow-sm) !important;
    margin-bottom: 20px !important;
}

.card-header {
    background-color: transparent !important;
    border-bottom: 1px solid #f3f4f6 !important;
    padding: 1.2rem 1.5rem !important;
    font-weight: 700 !important;
}

/* 3. Modernizar Botões (Acabando com o quadrado do BS4) */
.btn {
    border-radius: 6px !important;
    font-weight: 600 !important;
    padding: 0.5rem 1rem !important;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05);
    border: none !important;
    transition: all 0.2s;
}
.btn:hover { transform: translateY(-2px); }

/* Cores dos Botões */
.btn-primary { background-color: var(--primary-color) !important; color: #fff !important; }
.btn-success { background-color: #10b981 !important; color: #fff !important; }
.btn-danger  { background-color: #ef4444 !important; color: #fff !important; }
.btn-warning { background-color: #f59e0b !important; color: #fff !important; }
.btn-info    { background-color: #3b82f6 !important; color: #fff !important; }

/* Botões pequenos (Ações da tabela) */
.btn-sm { 
    padding: 0.25rem 0.5rem !important; 
    font-size: 0.8rem !important; 
    border-radius: 4px !important;
}

/* 4. Modernizar Inputs */
.form-control, .select2-container--bootstrap4 .select2-selection {
    border-radius: 6px !important;
    border: 1px solid #d1d5db !important;
    background-color: #f9fafb !important;
    height: calc(1.5em + 1rem + 2px) !important; /* Fix altura BS4 */
    padding: 0.5rem 1rem !important;
}
.form-control:focus {
    background-color: #fff !important;
    border-color: var(--primary-color) !important;
    box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.1) !important;
}

/* 5. Navbar (Se tiver) */
.navbar {
    background-color: #fff !important;
    box-shadow: var(--shadow-sm) !important;
    border-bottom: 1px solid #eee !important;
}
.navbar-brand, .nav-link { color: #333 !important; }

/* 6. Badges (Status) - Estilo Pílula */
.badge {
    padding: 0.5em 0.8em !important;
    border-radius: 50px !important;
    font-weight: 600 !important;
}
.badge-success { background-color: var(--success-bg) !important; color: var(--success-text) !important; }
.badge-warning { background-color: var(--warning-bg) !important; color: var(--warning-text) !important; }
.badge-danger  { background-color: var(--danger-bg) !important;  color: var(--danger-text) !important; }