/* Colori dei pulsanti delle operazioni sull'ordine di produzione. */
.btn.btn-gestione-magazzino {
    --colore-pulsante: #663300;
}

.btn.btn-gestione-bilancia {
    --colore-pulsante: #006666;
}

.btn.btn-gestione-stampe {
    --colore-pulsante: #6f42c1;
}

.btn.btn-bilancia-peso-netto {
    --colore-pulsante: #198754;
}

.btn.btn-bilancia-peso-lordo {
    --colore-pulsante: #0d6efd;
}

.btn.btn-bilancia-colorweight {
    --colore-pulsante: #b45309;
}

.menu-gestione-chevron {
    top: 50%;
    transform: translateY(-50%);
    transition: transform .2s;
}

.btn.btn-prelievo-uds {
    --colore-pulsante: #11498e;
}

.btn.btn-prelievo-materiale {
    --colore-pulsante: #006600;
}

.btn.btn-spostamento-articolo {
    --colore-pulsante: #7c3aed;
}

.btn.btn-stampa-etichetta {
    --colore-pulsante: #0000cc;
}

.btn.btn-stampa-ordine {
    --colore-pulsante: #990099;
}

.btn.btn-invia-programma-plc {
    --colore-pulsante: #cc5f00;
}

.btn.btn-aggiungi-operatore {
    --colore-pulsante: #1c7924;
}

.btn.btn-avviamento-setup,
.badge-avviamento-setup {
    --colore-pulsante: #35b8e0;
}

.btn.btn-fermo-macchina,
.badge-fermo-macchina {
    --colore-pulsante: #f97251;
}

/* Le conferme condividono il colore con il pulsante della relativa operazione. */
.badge-avviamento-setup,
.badge-fermo-macchina {
    color: #fff;
    background-color: var(--colore-pulsante);
}

/* Il tema Hyper usa il prefisso --ct- per le variabili Bootstrap. */
.btn.btn-gestione-magazzino,
.btn.btn-gestione-bilancia,
.btn.btn-gestione-stampe,
.btn.btn-bilancia-peso-netto,
.btn.btn-bilancia-peso-lordo,
.btn.btn-bilancia-colorweight,
.btn.btn-prelievo-uds,
.btn.btn-prelievo-materiale,
.btn.btn-spostamento-articolo,
.btn.btn-stampa-etichetta,
.btn.btn-stampa-ordine,
.btn.btn-invia-programma-plc,
.btn.btn-avviamento-setup,
.btn.btn-fermo-macchina,
.btn.btn-aggiungi-operatore {
    --ct-btn-color: #fff;
    --ct-btn-bg: var(--colore-pulsante);
    --ct-btn-border-color: var(--colore-pulsante);
    --ct-btn-hover-color: #fff;
    --ct-btn-hover-bg: var(--colore-pulsante);
    --ct-btn-hover-border-color: var(--colore-pulsante);
    --ct-btn-active-color: #fff;
    --ct-btn-active-bg: var(--colore-pulsante);
    --ct-btn-active-border-color: var(--colore-pulsante);
    --ct-btn-disabled-color: #fff;
    --ct-btn-disabled-bg: var(--colore-pulsante);
    --ct-btn-disabled-border-color: var(--colore-pulsante);
}

/* Stesse dimensioni dei controlli testuali usati nei moduli di prelievo. */
.form-pesata-bilancia input[type="number"],
.form-pesata-bilancia button[type="button"] {
    font-size: 120%;
}

/* Nasconde i selettori del peso mantenendo il campo numerico e la precisione. */
.form-pesata-bilancia input[type="number"] {
    -moz-appearance: textfield;
    appearance: textfield;
}

.form-pesata-bilancia input[type="number"]::-webkit-inner-spin-button,
.form-pesata-bilancia input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Gli errori dei moduli Cassa seguono la dimensione del testo del terminale. */
.form-cassa .invalid-feedback {
    font-size: 100%;
    line-height: 1.3;
}

/* Pulsanti delle conferme Cassa leggibili e uniformi sui terminali touch. */
.form-cassa [data-bs-toggle="modal"],
.modal-conferma-cassa .btn {
    font-size: 120%;
}

/* Setup: colori ereditati dal tema e controlli adatti ai terminali touch. */
.modal-setup .modal-title {
    font-size: clamp(2rem, 4vw, 3rem);
    white-space: normal;
}

.modal-setup .setup-timer {
    font-size: clamp(3.5rem, 8vw, 6rem);
    font-variant-numeric: tabular-nums;
    line-height: 1.2;
    margin-bottom: 1rem;
}

.modal-setup .btn {
    margin-top: 1rem;
}