/* Bottoni colorati per funzione: i colori arrivano dal tema (--b-*). */
.btn{font-weight:500;transition:filter .12s,transform .06s}
.btn:active{transform:translateY(1px)}
.btn:hover{filter:brightness(1.12)}
.btn.btn-nuovo,.btn.btn-nuovo:hover{background:var(--b-nuovo);border-color:var(--b-nuovo);color:var(--b-nuovo-t)}
.btn.btn-salva,.btn.btn-salva:hover{background:var(--b-salva);border-color:var(--b-salva);color:var(--b-salva-t)}
.btn.btn-pericolo,.btn.btn-pericolo:hover{background:var(--b-elimina);border-color:var(--b-elimina);color:var(--b-elimina-t)}
.btn.btn-azione,.btn.btn-azione:hover{background:var(--b-azione);border-color:var(--b-azione);color:var(--b-azione-t)}
.btn.btn-torna,.btn.btn-torna:hover{background:var(--b-neutro);border-color:var(--b-neutro-bordo);color:var(--b-neutro-t)}
.btn.btn-primario,.btn.btn-primario:hover{background:var(--ch1);border-color:var(--ch1);color:var(--ch-attivo-t)}

.btn-ico:has(.ti-check){color:var(--b-salva);border-color:var(--b-salva)}
.btn-ico:has(.ti-check):hover{background:var(--b-salva);color:var(--b-salva-t)}
.btn-ico:has(.ti-trash),.btn-ico:has(.ti-x){color:var(--b-elimina);border-color:var(--b-elimina)}
.btn-ico:has(.ti-trash):hover,.btn-ico:has(.ti-x):hover{background:var(--b-elimina);color:var(--b-elimina-t)}
.btn-ico:has(.ti-plus){color:var(--b-nuovo);border-color:var(--b-nuovo)}
.btn-ico:has(.ti-plus):hover{background:var(--b-nuovo);color:var(--b-nuovo-t)}
.btn-ico:has(.ti-search){color:var(--b-azione);border-color:var(--b-azione)}

/* Tasti canale: ogni sezione ha il suo colore, come le strisce colorate dei canali del mixer */
.canali .canale:nth-child(1){--ch:var(--ch1)}.canali .canale:nth-child(2){--ch:var(--ch2)}
.canali .canale:nth-child(3){--ch:var(--ch3)}.canali .canale:nth-child(4){--ch:var(--ch4)}
.canali .canale:nth-child(5){--ch:var(--ch5)}.canali .canale:nth-child(6){--ch:var(--ch6)}
.canali .canale:nth-child(7){--ch:var(--ch7)}.canali .canale:nth-child(8){--ch:var(--ch8)}
.canali .canale:nth-child(9){--ch:var(--ch9)}.canali .canale:nth-child(10){--ch:var(--ch10)}
.canale{border-top-color:var(--ch)}
.canale i{color:var(--ch)}
.canale.attivo{background:var(--ch);border-top-color:var(--ch);color:var(--ch-attivo-t)}
.canale.attivo i{color:var(--ch-attivo-t)}