/* API token management (settings/api_tokens) */

@layer components {
  .token-reveal {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    margin-block-start: var(--space-2);
    flex-wrap: wrap;
  }

  .token-reveal-value {
    flex: 1;
    min-inline-size: 0;
    padding: var(--space-2) var(--space-3);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    background-color: var(--color-surface);
    font-family: var(--font-mono);
    font-size: var(--text-sm);
    overflow-wrap: anywhere;
  }

  /* Revoked and expired tokens stay listed for audit, but recede. */
  .table tr.is-revoked {
    opacity: 0.55;
  }
}