/* admin/css/mapa-procesos.css */

/* Override specific band backgrounds for dark mode compatibility */
#sg-sistema .card-body.bg-light {
    background-color: var(--isos-secondary) !important;
}

#sg-sistema .text-dark {
    color: var(--text-main) !important;
}

#sg-sistema .text-muted {
    color: var(--text-muted) !important;
}

/* Process Cards */
.process-card {
    background-color: var(--card-bg);
    border: 1px solid var(--border-color);
    transition: transform 0.2s;
}

.process-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.3);
}

.process-card .card-title {
    color: var(--text-main) !important;
}

/* Band Header Colors - Forced for bands */
#sg-sistema .bg-primary {
    background-color: #4e73df !important; /* Blue for Strategic */
}

#sg-sistema .bg-success {
    background-color: #1cc88a !important; /* Green for Operational */
}

#sg-sistema .bg-warning {
    background-color: #f6c23e !important; /* Yellow for Support */
    color: #000 !important;
}

/* Border Left utilities */
.border-left-primary {
    border-left: 0.25rem solid #4e73df !important;
}

.border-left-success {
    border-left: 0.25rem solid #1cc88a !important;
}

.border-left-warning {
    border-left: 0.25rem solid #f6c23e !important;
}

.border-left-info {
    border-left: 0.25rem solid #36b9cc !important;
}

/* Empty State */
.empty-state {
    border: 2px dashed var(--border-color);
    border-radius: 10px;
    background-color: rgba(255, 255, 255, 0.05);
    color: var(--text-muted);
}

/* Modal Dark Theme Overrides */
.modal-content {
    background-color: var(--card-bg);
    border: 1px solid var(--border-color);
    color: var(--text-main);
}

.modal-header {
    border-bottom: 1px solid var(--border-color);
}

.modal-footer {
    border-top: 1px solid var(--border-color);
    background-color: var(--isos-secondary) !important;
}

.modal-body .bg-light {
    background-color: var(--isos-secondary) !important;
    border-color: var(--border-color) !important;
}

.form-control:read-only {
    background-color: var(--isos-navy);
    color: var(--text-secondary);
}

/* Buttons in header */
#sg-sistema .btn-light {
    background-color: rgba(255, 255, 255, 0.9);
    border: none;
}