/* ── Sistema POS SaaS – Estilos globales ─────────────────────────────── */

:root {
    --pos-primary:  #0d6efd;
    --pos-success:  #198754;
    --pos-danger:   #dc3545;
    --pos-bg:       #f8f9fa;
}

body {
    background-color: var(--pos-bg);
    font-size: .9rem;
}

/* Tarjetas de productos en el POS */
.producto-btn {
    cursor: pointer;
    transition: transform .12s ease, box-shadow .12s ease;
}

.producto-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,.15) !important;
}

/* Tabla de carrito */
#tablaCarrito tbody tr td {
    vertical-align: middle;
}

/* Badges de estado de mesas */
.badge {
    font-size: .75rem;
}

/* Formularios compactos */
.form-control-sm,
.form-select-sm {
    font-size: .82rem;
}

/* Scrollable en tablas grandes */
.table-responsive {
    overflow-x: auto;
}

/* Separador de secciones */
hr {
    border-color: #dee2e6;
    opacity: 1;
}