/* Funzionalità: solo gli stati che la tavola non mostra (hover, focus). Le misure vengono da board/site.css (importato da site.css). */
.pg-features a, .pg-features button { cursor: pointer; }
.pg-features a:focus-visible, .pg-features button:focus-visible { outline: 3px solid var(--ttm-cacao); outline-offset: 2px; }
.pg-features .s-ba97069:hover { background: var(--ttm-pomodoro-hover) !important; }
.pg-features .s-ba97069:active { background: var(--ttm-pomodoro-press) !important; }
.pg-features .s-be66a46:hover { color: var(--ttm-menu-a) !important; }
.pg-features .ttm-chips a:hover { filter: brightness(.97); }

/* avvisi (flash) */
.toast-container { position: fixed; top: 96px; right: 16px; z-index: 600; display: flex; flex-direction: column; gap: 12px; }
.toast { display: flex; align-items: center; gap: 12px; padding: 14px 18px; background: var(--ttm-bianco); color: var(--ttm-cacao); border-radius: var(--ttm-r-m); box-shadow: var(--ttm-ombra-pop); }
.toast.removing { opacity: 0; transition: opacity .25s ease; }