/* Stili specifici delle sezioni di questo servizio. Elencato in Styles di ApplicationService.GetUiManifest (embedded) e in index.html (standalone). */

/* ─── Dashboard servizi ─────────────────────────────────────────────────── */
.service-grid { display: grid; grid-template-columns: 1fr; gap: 12px; }
@media (min-width: 640px)  { .service-grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px) { .service-grid { grid-template-columns: repeat(3, 1fr); } }
.service-card__desc { margin: 0 0 12px; overflow-wrap: anywhere; }
.service-card__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.service-card__actions .btn { width: auto; }
.service-card__busy .state-box { padding: 0; min-height: 0; }
.service-grid .card { margin-bottom: 0; }

/* ─── Gestione servizi ──────────────────────────────────────────────────── */
.services-permission { margin-bottom: 16px; }
.services-permission pre { white-space: pre-wrap; overflow-wrap: anywhere; user-select: all; }
.services-permission__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.services-permission__actions .btn { width: auto; }
.services-table__actions { white-space: nowrap; text-align: right; }
.services-table__actions .btn-icon { margin-left: 4px; }
.services-sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.services-form__help { margin: -8px 0 0; font-size: 13px; }