/* One-off admin and user-management pages whose styles used to live in inline \3c style>
   blocks (#1291). Scoped to each page's root class so nothing leaks. */
@layer components {
  /* Admin > Leads > show */
  .lead-show {
    .submission-details,
    .reply-panel {
      background: var(--color-surface-sunken);
      border-radius: var(--radius-md);
      margin-block: calc(var(--space-12) + var(--space-4));
      margin-inline: 0;
      padding-block: var(--space-12);
      padding-inline: calc(var(--space-12) + var(--space-4));
    }

    .detail-group { margin-block-end: var(--space-12); }

    .label {
      color: var(--color-text);
      display: block;
      font-weight: 600;
      margin-block-end: var(--space-4);
    }

    .value {
      color: var(--color-text-secondary);
      margin: 0;
      overflow-wrap: anywhere;
      white-space: pre-wrap;
    }

    .reply-status {
      color: var(--color-text-secondary);
      margin: 0 0 var(--space-12);
    }

    .reply-body {
      white-space: normal;

      p { margin: 0 0 var(--space-6); }
      :last-child { margin-block-end: 0; }
    }

    .reply-input {
      border: 1px solid var(--color-border);
      border-radius: var(--radius-sm);
      font: inherit;
      inline-size: 100%;
      padding: var(--space-5);
    }
  }

  /* Staff > Users > edit */
  .user-edit {
    fieldset {
      border: 1px solid var(--color-border);
      border-radius: var(--radius-md);
      margin-block-end: var(--space-12);
      padding: var(--space-12);
    }

    legend {
      font-weight: 600;
      padding-block: 0;
      padding-inline: var(--space-4);
    }
  }
}