/* --- FUENTE GLOBAL --- */
body {
    font-family: 'Inter', sans-serif;
}

/* --- ESTILOS DE ESTADO (Tickets) --- */
/* Borde izquierdo para tarjetas de dashboard */
.dashboard-card.status-Abierto, .dashboard-card.status-Programado { border-left: 5px solid #f97316; }
.dashboard-card.status-En-Taller { border-left: 5px solid #fb923c; }
.dashboard-card.status-Esperando-Refacciones { border-left: 5px solid #ef4444; }
.dashboard-card.status-Partes-en-Almacén { border-left: 5px solid #3b82f6; }
.dashboard-card.status-Reparado, .dashboard-card.status-Entregado { border-left: 5px solid #22c55e; }
.dashboard-card.status-Cerrado { border-left: 5px solid #6b7280; }

/* Color de fondo para filas de historial de ventas */
#sales-ticket-history .status-Abierto,
#sales-ticket-history .status-Programado { background-color: #fff7ed; } /* bg-orange-50 */
#sales-ticket-history .status-En-Taller { background-color: #ffedd5; } /* bg-orange-100 */
#sales-ticket-history .status-Esperando-Refacciones { background-color: #fee2e2; } /* bg-red-100 */
#sales-ticket-history .status-Partes-en-Almacén { background-color: #dbeafe; } /* bg-blue-100 */
#sales-ticket-history .status-Reparado,
#sales-ticket-history .status-Entregado { background-color: #dcfce7; } /* bg-green-100 */
#sales-ticket-history .status-Cerrado { background-color: #f3f4f6; } /* bg-gray-100 */
#sales-ticket-history tr:hover { background-color: #e5e7eb; } /* bg-gray-200 */

/* --- ESTILOS PARA MODALES --- */
.modal-close-button {
    height: 32px;
    width: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9999px; /* fully rounded */
    background-color: #e5e7eb; /* bg-gray-200 */
    color: #4b5563; /* text-gray-600 */
    font-size: 1.25rem; /* text-xl */
    line-height: 1;
    transition: background-color 0.2s, color 0.2s;
}

.modal-close-button:hover {
    background-color: #ef4444; /* bg-red-500 */
    color: white;
}


/* --- ANIMACIONES --- */
.blinking {
    animation: blinker 1.5s linear infinite;
}
@keyframes blinker {
    50% { opacity: 0.5; }
}

.animate-fade-in {
    animation: fadeIn 0.5s ease-in-out;
}
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

.row-updated {
    animation: highlight 1.5s ease-out;
}
@keyframes highlight {
    0% { background-color: rgba(34, 197, 94, 0.3); } /* bg-green-500 con opacidad */
    100% { background-color: transparent; }
}

/* --- UTILIDADES --- */
/* Ocultar elementos por defecto para control con JS */
.view { 
    display: none; 
}