/* B-37: sign-in and account pages. Reuses style.css tokens; no inline styles (CSP style-src 'self'). */
.auth-shell { min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: 24px 16px; }
.auth-card { width: 100%; max-width: 420px; padding: 28px; border-radius: 14px; }
.auth-card h1 { font-size: 1.25rem; margin: 0 0 4px 0; }
.auth-card .sub { color: var(--text-muted); font-size: 0.85rem; margin: 0 0 20px 0; }
.auth-card label { display: block; font-size: 0.8rem; color: var(--text-muted); margin: 12px 0 4px; }
.auth-card input, .acct input, .acct select { width: 100%; box-sizing: border-box; padding: 9px 11px; border-radius: 8px;
  border: 1px solid var(--border-glass-bright); background: var(--bg-input); color: var(--text-main); font: inherit; }
.auth-card button.btn { width: 100%; margin-top: 18px; }
.auth-msg { margin-top: 14px; font-size: 0.85rem; min-height: 1.2em; }
.auth-msg.err { color: #f87171; }
.auth-msg.ok { color: #4ade80; }
.auth-links { margin-top: 16px; font-size: 0.8rem; display: flex; justify-content: space-between; }
.auth-links a { color: var(--primary); cursor: pointer; text-decoration: none; }
.hidden { display: none !important; }
.acct { max-width: 980px; margin: 0 auto; padding: 24px 16px 48px; }
.acct header { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; margin-bottom: 18px; }
.acct section { padding: 18px 20px; border-radius: 12px; margin-bottom: 16px; }
.acct h2 { font-size: 1rem; margin: 0 0 12px 0; }
.acct .row { display: flex; gap: 10px; flex-wrap: wrap; align-items: flex-end; }
.acct .row > div { flex: 1 1 180px; }
.acct .row label { display: block; font-size: 0.75rem; color: var(--text-muted); margin-bottom: 4px; }
.acct table { width: 100%; border-collapse: collapse; font-size: 0.82rem; }
.acct th, .acct td { text-align: left; padding: 7px 8px; border-bottom: 1px solid var(--border-glass); vertical-align: top; }
.acct td .btn { margin: 0 4px 4px 0; }
.acct .muted { color: var(--text-muted); font-size: 0.8rem; }
.acct .linkbox { word-break: break-all; font-family: "Fira Code", monospace; font-size: 0.78rem; padding: 8px; border-radius: 6px;
  background: var(--bg-input); border: 1px solid var(--border-glass-bright); margin-top: 8px; }
.table-wrap { overflow-x: auto; }
.user-chip { display: inline-flex; gap: 8px; align-items: center; font-size: 0.8rem; }
.user-chip a { color: var(--primary); text-decoration: none; }
/* B-36: Pega to Pega inputs card */
.pega-in-title { margin: 0 0 4px 0; }
.pega-in-note { margin: 0 0 10px 0; font-size: 0.8rem; }
.pega-in-grid { display: grid; grid-template-columns: 1fr; gap: 8px; font-size: 0.85rem; }
.pega-in-pick { margin-left: 8px; cursor: pointer; }