/* ============================================================
   GesTask — Azioni rapide
   La famiglia di pulsanti nata nel dettaglio task.
   ============================================================

   Le trecento righe che questo foglio conteneva prima erano riscritture
   delle varianti `.btn-*` di Bootstrap. Ora stanno in prime/bootstrap-bridge.css,
   dove convivono con le altre traduzioni verso i token Prime invece di
   competere con esse da due fogli diversi.

   Qui resta la sola famiglia che Bootstrap non ha: il pulsante di azione
   rapida, usato dove l'elemento cliccabile è un collegamento o un elemento
   di lista e non un `<button>`. Ha la forma del pulsante Prime con variante
   `outlined` — cornice neutra a riposo, colore proprio al passaggio — e la
   stessa ragione: una barra di dieci azioni con dieci cornici colorate
   compete con sé stessa invece di guidare l'occhio.

   `.task-action-button` è l'alias storico: il dettaglio task ne usa le
   varianti per nome in una cinquantina di punti. */

.gt-action-btn,
.task-action-button {
    align-items: center;
    background: transparent;
    border: 1px solid var(--p-content-border-color);
    border-radius: var(--p-border-radius-lg);
    color: var(--p-text-muted-color);
    cursor: pointer;
    display: inline-flex;
    font-size: var(--p-font-size-sm);
    font-weight: 600;
    gap: .4375rem;
    justify-content: center;
    line-height: 1.25;
    min-height: 2.25rem;
    min-width: 2.25rem;
    padding: .4375rem .6875rem;
    text-decoration: none;
    transition:
        background-color var(--p-transition-duration),
        border-color var(--p-transition-duration),
        color var(--p-transition-duration),
        opacity var(--p-transition-duration);
}

.gt-action-btn:focus-visible,
.task-action-button:focus-visible {
    outline: var(--p-focus-ring-width) var(--p-focus-ring-style) var(--p-focus-ring-color);
    outline-offset: var(--p-focus-ring-offset);
}

/* In attesa di una risposta il pulsante resta visibile e smette di
   accettare clic: la stessa azione non deve poter partire due volte. */
.gt-action-btn.is-pending,
.task-action-button.is-pending {
    opacity: .6;
    pointer-events: none;
}

.gt-action-btn i,
.task-action-button i { line-height: 1; }

.gt-action-btn-sm,
.task-action-button-sm {
    font-size: var(--p-font-size-xs);
    min-height: 1.875rem;
    min-width: 1.875rem;
    padding: .3125rem .5rem;
}

/* ── Varianti ───────────────────────────────────────────────────── */

/* Ognuna imposta le tre proprietà dello stato acceso e nient'altro; la
   forma arriva dalla dichiarazione unica sopra. */

.gt-action-btn--primary:hover,
.gt-action-btn--primary:focus-visible,
.gt-action-btn--primary.is-active {
    background: var(--p-primary-subtle-color);
    border-color: var(--p-primary-color);
    color: var(--p-primary-emphasis-color);
}

.gt-action-btn--warning:hover,
.gt-action-btn--warning:focus-visible,
.gt-action-btn--warning.is-active {
    background: var(--p-warn-subtle-color);
    border-color: var(--p-warn-color);
    color: var(--p-warn-emphasis-color);
}

.gt-action-btn--info:hover,
.gt-action-btn--info:focus-visible,
.gt-action-btn--info.is-active,
.task-action-button--subscription:hover,
.task-action-button--subscription:focus-visible,
.task-action-button--subscription.is-active {
    background: var(--p-info-subtle-color);
    border-color: var(--p-info-color);
    color: var(--p-info-emphasis-color);
}

.gt-action-btn--success:hover,
.gt-action-btn--success:focus-visible,
.gt-action-btn--success.is-active {
    background: var(--p-success-subtle-color);
    border-color: var(--p-success-color);
    color: var(--p-success-emphasis-color);
}

.gt-action-btn--danger:hover,
.gt-action-btn--danger:focus-visible,
.gt-action-btn--danger.is-active {
    background: var(--p-danger-subtle-color);
    border-color: var(--p-danger-color);
    color: var(--p-danger-emphasis-color);
}

/* Il conteggio accanto all'icona non deve spostare il testo quando passa da
   una cifra a due: `min-width` gli riserva lo spazio di un carattere. */
.gt-action-count,
.task-action-count {
    min-width: 1ch;
    text-align: left;
}