/* =========================================================================
   Palette Piper condivisa — pensata per le pagine della CONSOLE OPERATORE
   (asporto, tavoli, chat, variazioni), che hanno un layout proprio e NON
   caricano style.css. Qui stanno solo i colori e gli override dei pulsanti
   Bootstrap: nessuna regola di layout, così i loro stili restano intatti.

   Prima di questo file la console usava rossi propri (#a01a1a, #d13030) e
   il .btn-primary restava BLU Bootstrap, mentre nel sito cliente è rosso.
   ========================================================================= */
:root {
    --piper-red: #c62828;
    --piper-red-dark: #8e1c1c;
    --piper-red-light: #d94a3d;
    --piper-amber: #f4a825;
    --piper-ink: #2b2b2b;
    --piper-muted: #6c757d;
    --piper-price: #1b7a43;
    /* Gradiente delle testate della console: stessa famiglia del rosso Piper. */
    --piper-header: linear-gradient(135deg, var(--piper-red) 0%, var(--piper-red-dark) 100%);
}

/* Pulsanti: stesso significato, stesso colore che nel sito cliente. */
.btn-primary {
    background-color: var(--piper-red) !important;
    border-color: var(--piper-red) !important;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
    background-color: var(--piper-red-dark) !important;
    border-color: var(--piper-red-dark) !important;
}
.btn-outline-primary {
    color: var(--piper-red) !important;
    border-color: var(--piper-red) !important;
}
.btn-outline-primary:hover, .btn-outline-primary:active {
    background-color: var(--piper-red) !important;
    border-color: var(--piper-red) !important;
    color: #fff !important;
}
.btn-danger {
    background-color: var(--piper-red) !important;
    border-color: var(--piper-red) !important;
}
.btn-danger:hover, .btn-danger:focus, .btn-danger:active {
    background-color: var(--piper-red-dark) !important;
    border-color: var(--piper-red-dark) !important;
}
.btn-outline-danger {
    color: var(--piper-red) !important;
    border-color: var(--piper-red) !important;
}
.btn-outline-danger:hover, .btn-outline-danger:active {
    background-color: var(--piper-red) !important;
    border-color: var(--piper-red) !important;
    color: #fff !important;
}
/* Conferme e salvataggi: VERDE. Il rosso resta alle azioni distruttive (elimina, cancella),
   dove comunica "attenzione"; su un pulsante di conferma verrebbe letto come divieto. */
.btn-success {
    background-color: var(--piper-price) !important;
    border-color: var(--piper-price) !important;
}
.btn-success:hover, .btn-success:focus, .btn-success:active {
    background-color: #156336 !important;
    border-color: #156336 !important;
}
.btn-outline-success {
    color: var(--piper-price) !important;
    border-color: var(--piper-price) !important;
}
.btn-outline-success:hover, .btn-outline-success:active {
    background-color: var(--piper-price) !important;
    border-color: var(--piper-price) !important;
    color: #fff !important;
}
.text-danger { color: var(--piper-red) !important; }
.bg-primary { background-color: var(--piper-red) !important; }
.text-primary { color: var(--piper-red) !important; }