/*
  Pagina delle tabelle di base (marchi, elettrodomestici, fasce orarie,
  canali richiesta).

  Caricato DOPO app.css in head.ejs: a parita' di specificita' vince questo,
  che e' quello che serve per sovrascrivere il tema.
*/

.tabella-base .tb-form-aggiungi {
    background: #f7f8fa;
    border: 1px solid #e4e7ec;
    border-radius: 4px;
    padding: 12px 12px 4px 12px;
    margin-bottom: 16px;
}

.tabella-base .tb-form-aggiungi .btn {
    white-space: nowrap;
}

.tabella-base .tb-form-aggiungi .btn .material-icons {
    vertical-align: text-bottom;
}

/* messaggio di esito/errore sotto l'aggiunta rapida */
.tabella-base .tb-messaggio {
    display: none;
    font-size: 13px;
    padding: 4px 0 8px 0;
}

.tabella-base .tb-messaggio.tb-errore {
    display: block;
    color: #c9302c;
}

.tabella-base .tb-messaggio.tb-ok {
    display: block;
    color: #2b8a3e;
}

.tabella-base .tb-barra-filtro {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
}

.tabella-base .tb-barra-filtro .tb-filtro {
    max-width: 320px;
}

.tabella-base .tb-conteggio {
    font-size: 13px;
}

.tabella-base .tb-tabella td,
.tabella-base .tb-tabella th {
    vertical-align: middle;
}

.tabella-base .tb-codice {
    font-family: Menlo, Consolas, monospace;
    font-size: 11px;
}

.tabella-base .tb-utilizzo .badge {
    font-size: 12px;
}

/* azioni di riga: discrete, si accendono al passaggio del mouse */
.tabella-base .tb-azione {
    color: #9aa0a6;
    padding: 2px 4px;
    text-decoration: none;
}

.tabella-base .tb-azione:hover {
    color: #333;
}

.tabella-base .tb-elimina:hover {
    color: #c9302c;
}

.tabella-base .tb-azione.tb-disabilitata,
.tabella-base .tb-azione.tb-disabilitata:hover {
    color: #dadce0;
    cursor: not-allowed;
}

.tabella-base .tb-riga.tb-nascosta {
    display: none;
}

.tabella-base .tb-riga.tb-evidenziata td {
    background: #fff8e1;
}

.tabella-base .tb-nessun-risultato {
    display: none;
    padding: 12px 0;
}

/* form dentro #confirmModal (modifica / unisci) */
#confirmModal .tb-campo-sola-lettura {
    background: #f1f3f5;
}

#confirmModal .tb-nota {
    font-size: 12px;
    color: #6c757d;
}

#confirmModal .tb-errore-modal {
    display: none;
    color: #c9302c;
    font-size: 13px;
    padding-top: 8px;
}

/* telefono: l'aggiunta rapida a tutta larghezza, azioni piu' grandi da toccare */
@media (max-width: 767px) {
    .tabella-base .tb-barra-filtro .tb-filtro {
        max-width: none;
    }

    .tabella-base .tb-azione {
        padding: 6px 6px;
    }
}