/*
 * Claude-auth admin view stylesheet (.cau-* prefix).
 *
 * Spec: .claude/specs/admin-tools-redesign/ OQ-02 + Phase 2 sweep
 * (2026-05-02). Extracted from inline style="…" attrs in
 * pwa/views/claude-auth.js (21 sites → 0).
 */

.cau-root {
  padding: var(--space-gutter);
  max-width: 720px;
  margin: 0 auto;
}

.cau-heading {
  margin: 0 0 16px;
}

.cau-status-host {
  margin-bottom: var(--space-gutter);
}

.cau-loading {
  color: var(--color-on-surface-variant);
  padding: var(--space-gutter);
}

.cau-section-h3 {
  margin: 0 0 12px;
}

.cau-card {
  background: var(--color-surface);
  border: 1px solid var(--color-outline-variant);
  border-radius: var(--radius-default);
  padding: var(--space-gutter);
}

.cau-help {
  margin: 0 0 12px;
  color: var(--color-on-surface-variant);
}

.cau-btn {
  background: var(--color-primary);
  color: var(--color-on-primary);
  border: none;
  padding: 10px 20px;
  border-radius: var(--radius-tight);
  font-weight: 600;
  cursor: pointer;
  font-size: 14px;
  font-family: inherit;
}

.cau-btn:disabled { opacity: 0.6; cursor: default; }

.cau-flow-area {
  margin-top: var(--space-gutter);
}

.cau-flow-line {
  margin: 0 0 12px;
}

.cau-link {
  color: var(--color-primary);
  word-break: break-all;
}

.cau-code-input {
  width: 100%;
  padding: var(--space-snug);
  border: 1px solid var(--color-outline-variant);
  border-radius: var(--radius-tight);
  margin: 12px 0;
  font-family: 'SF Mono', Menlo, monospace;
  background: var(--color-surface-container);
  color: var(--color-on-surface);
}

.cau-submit-result {
  margin-top: var(--space-sm);
}

.cau-error {
  color: var(--color-error);
}

.cau-success {
  color: var(--color-success);
}