/* ============================================================
   Richiedi Accesso — Page-specific Styles
   Stili non coperti dai componenti DS.
   Usa esclusivamente Design Token da css/tokens.css.
   ============================================================ */

/* ── Search section spacing ── */
.richiedi-accesso__search {
  margin-bottom: var(--space-4);
}

/* ── Results area ── */
.richiedi-accesso__results {
  margin-bottom: var(--space-4);
}

/* ── Selected org panel ── */
.richiedi-accesso__selected {
  margin-top: var(--space-4);
  padding-top: var(--space-4);
  border-top: 1px solid var(--color-border);
}

.richiedi-accesso__selected-title {
  font-size: var(--font-title-medium);
  font-weight: var(--weight-medium);
  color: var(--color-text-primary);
  margin: 0 0 var(--space-3) 0;
}

.richiedi-accesso__selected-title strong {
  color: var(--color-primary);
}

/* ── Message textarea spacing ── */
.richiedi-accesso__message {
  margin-bottom: var(--space-4);
}

/* ── Submit button wrap ── */
.richiedi-accesso__actions {
  display: flex;
  justify-content: flex-end;
}

/* ── Responsive: mobile full-width button ── */
@media (max-width: 599px) {
  .richiedi-accesso__actions {
    justify-content: stretch;
  }
  .richiedi-accesso__actions .button {
    width: 100%;
  }
}