/* Módulo SLA */
.sla-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.2rem 0.5rem;
    border-radius: 9999px;
    font-size: 0.7rem;
    font-weight: 600;
    white-space: nowrap;
}

.sla-badge-green {
    background: #dcfce7;
    color: #166534;
    border: 1px solid #bbf7d0;
}

.sla-badge-yellow {
    background: #fef9c3;
    color: #854d0e;
    border: 1px solid #fde047;
}

.sla-badge-red {
    background: #fee2e2;
    color: #991b1b;
    border: 1px solid #fecaca;
}

.sla-badge-unknown {
    background: #f3f4f6;
    color: #4b5563;
    border: 1px solid #e5e7eb;
}

.sla-order-card,
.sla-dashboard-card {
    transition: box-shadow 0.2s ease;
}

.sla-phase-row:hover {
    background: #f9fafb;
}

.sla-kpi:hover {
    transform: translateY(-1px);
}

@media (max-width: 640px) {
    .sla-dashboard-header {
        flex-direction: column;
        align-items: flex-start !important;
    }
}