:root{ --brand:#0d6efd; }
body { background: #f6f7fb; }
.navbar-brand span { font-weight: 700; }
.card-product:hover{ transform: translateY(-2px); box-shadow: 0 1rem 2rem rgba(0,0,0,.08); transition: .2s ease; }
.badge-stock{ background: #e9f5ff; color:#0b65d3; }
.table thead th{ background:#f0f3f8; }
.money{ font-variant-numeric: tabular-nums; }
.pointer{ cursor: pointer; }
.footer{ color:#6c757d; }
.toast-container{ z-index:1080; }
.form-range::-webkit-slider-thumb { background: var(--brand); }

/* Estilos para la factura PDF */
.invoice-header {
    background: linear-gradient(135deg, #0d6efd 0%, #0a58ca 100%);
    color: white;
    padding: 1rem;
    border-radius: 8px;
    margin-bottom: 1rem;
}

.invoice-details {
    background: #f8f9fa;
    padding: 1rem;
    border-radius: 8px;
    margin-bottom: 1rem;
}

.invoice-totals {
    background: #e9f5ff;
    padding: 1rem;
    border-radius: 8px;
    margin-top: 1rem;
}

/* Mejoras para el modal de factura */
#facContent {
    font-size: 0.9rem;
}

#facContent table {
    font-size: 0.85rem;
}

/* Estilos para productos agotados */
.producto-agotado {
    opacity: 0.7;
    filter: grayscale(0.3);
}

.producto-agotado .btn {
    cursor: not-allowed;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .navbar-brand {
        font-size: 1rem;
    }
    
    .input-group {
        width: 200px !important;
    }
    
    .card-body {
        padding: 1rem;
    }
    
    .modal-dialog {
        margin: 0.5rem;
    }
}

/* Botón de descarga PDF */
.btn-download-pdf {
    background: linear-gradient(135deg, #0d6efd 0%, #0a58ca 100%);
    border: none;
    transition: all 0.3s ease;
}

.btn-download-pdf:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.15);
}

/* Modal de PDF */
#pdfViewerModal .modal-dialog {
    max-width: 90%;
    height: 90vh;
}

#pdfViewerModal .modal-body {
    padding: 0;
    height: calc(90vh - 120px);
}

#pdfViewerModal iframe {
    width: 100%;
    height: 100%;
    border: none;
}