/*
 * Pulsante di cella: un'azione dentro una cella di griglia o di tabella (DGWGEOWORK-9910).
 *
 * Nelle celle delle griglie alcune azioni erano `<a ng-click>` senza href: scaricare una ricevuta,
 * un avviso di pagamento o un allegato, aprire una notifica. Sono azioni (il clic chiama un metodo,
 * non c'e' un indirizzo da aprire), quindi l'elemento giusto e' `<button type="button">`, e deve
 * vedersi come un pulsante: bordo, angoli arrotondati, sfondo. Un <button> nudo esce col grigio e il
 * bordo in rilievo del browser, diverso in ogni tema e senza stato di hover; `btn btn-link` di
 * Metronic non va bene perche' mette il testo in maiuscolo e cambia corpo e peso del carattere
 * (12px 600 invece dei 14px 400 della cella). Questa classe lo veste una volta per tutti: icona e
 * testo nel blu che le celle avevano quando erano link, dentro un contorno dello stesso colore.
 *
 * Colori e contrasto, misurati l'08/10/2026 sugli sfondi veri delle celle:
 * - testo e icona #2e6da4 su sfondo bianco del pulsante: 5,47:1 (WCAG 1.4.3, testo normale ≥ 4,5:1);
 *   il blu link di Metronic (#337ab7) sulla riga espansa della lista pagamenti (#fbfcfd) faceva
 *   4,44:1 e sullo sfondo della pagina (#f3f5f9) 4,17:1, sotto soglia;
 * - bordo #2e6da4 sulla riga (#fbfcfd) e sulla pagina (#f3f5f9): 5,3:1 e 5,0:1 (WCAG 1.4.11,
 *   contorno di un controllo ≥ 3:1);
 * - al passaggio e al focus il pulsante si inverte: testo bianco su #2e6da4, 5,47:1; lo stato non e'
 *   affidato al solo colore perche' cambia lo sfondo intero.
 *
 * Proprieta' ridefinite (regola T3 di .claude/docs/frontend-accessibility.md §5b: un foglio globale
 * dichiara cosa tocca), solo su `.gw-cell-button`: display, align-items, gap, background, border,
 * border-radius, padding, margin, color, font, line-height, text-transform, text-align,
 * text-decoration, white-space, cursor, vertical-align. Non tocca outline e box-shadow: l'anello di
 * focus resta a focusVisible.css. L'icona dentro il pulsante eredita il colore.
 */

.gw-cell-button {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    background-color: #ffffff;
    border: 1px solid #2e6da4;
    border-radius: 3px;
    padding: 2px 8px;
    margin: 0;
    color: #2e6da4;
    font: inherit;
    line-height: 1.42857;
    text-transform: none;
    text-align: left;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    vertical-align: middle;
}

.gw-cell-button:hover,
.gw-cell-button:focus {
    background-color: #2e6da4;
    color: #ffffff;
    text-decoration: none;
}

/* Disabilitato: grigio e piatto, come i .btn[disabled] di Bootstrap; un controllo disabilitato e'
   fuori dal requisito di contrasto (WCAG 1.4.3, eccezione «inattivo»). */
.gw-cell-button[disabled] {
    background-color: #f5f5f5;
    border-color: #cccccc;
    color: #999999;
    cursor: not-allowed;
}