/*
 * Plugin: CajaCreditoPro
 * Archivo: Assets/CSS/cajacreditopro.css - Estilos del plugin
 *
 * @author    Cesar Peralta (MrCesar Computos)
 * @copyright 2026 MrCesar Computos. Todos los derechos reservados.
 * @license   Propiedad de Cesar Peralta. Prohibida su reproduccion sin autorizacion.
 */

/* Indicador de caja abierta */
.ccp-caja-abierta {
    background-color: #d4edda;
    border-left: 4px solid #28a745;
    padding: 10px 15px;
    margin-bottom: 15px;
    border-radius: 4px;
}

.ccp-caja-cerrada {
    background-color: #f8d7da;
    border-left: 4px solid #dc3545;
    padding: 10px 15px;
    margin-bottom: 15px;
    border-radius: 4px;
}

/* Cards de resumen en cierre */
.ccp-summary-card {
    transition: transform 0.2s ease;
    border-radius: 8px;
}

.ccp-summary-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

/* Tabla de movimientos */
.ccp-mov-ingreso { color: #28a745; font-weight: 600; }
.ccp-mov-egreso { color: #dc3545; font-weight: 600; }
.ccp-mov-venta { color: #007bff; font-weight: 600; }

/* Badge de estado */
.ccp-estado-abierta {
    background-color: #28a745;
    color: white;
    padding: 3px 8px;
    border-radius: 4px;
    font-size: 0.85em;
}

.ccp-estado-cerrada {
    background-color: #6c757d;
    color: white;
    padding: 3px 8px;
    border-radius: 4px;
    font-size: 0.85em;
}

/* Credito activo */
.ccp-credito-activo {
    border-left: 3px solid #28a745;
}

.ccp-credito-agotado {
    border-left: 3px solid #6c757d;
    opacity: 0.7;
}

/* Estilos de impresion para ticket */
@media print {
    .ccp-no-print {
        display: none !important;
    }

    .ccp-print-only {
        display: block !important;
    }

    /* Ticket termico 80mm */
    .ccp-ticket-80mm {
        width: 72mm !important;
        max-width: 72mm !important;
        font-size: 10px !important;
        font-family: 'Courier New', monospace !important;
    }

    .ccp-ticket-80mm h3 { font-size: 14px !important; }
    .ccp-ticket-80mm h5 { font-size: 11px !important; }
    .ccp-ticket-80mm table { font-size: 9px !important; }
    .ccp-ticket-80mm .card { border: none !important; box-shadow: none !important; }
}

/* Diferencia de arqueo */
.ccp-diferencia-positiva { color: #28a745; font-weight: bold; }
.ccp-diferencia-negativa { color: #dc3545; font-weight: bold; }
.ccp-diferencia-cero { color: #333; font-weight: bold; }