body.auth { min-height: 100vh; display: grid; place-items: center; padding: 16px; }
.auth-card { width: 100%; max-width: 400px; display: flex; flex-direction: column; gap: 10px; }
.auth-card .brand { margin-bottom: 8px; }
.err { color: var(--fail); min-height: 1.2em; margin: 0; font-size: 13px; }
.ok { color: var(--pass); }
.wrap { max-width: 1100px; margin: 0 auto; padding: 18px 16px 60px; }
.copybox { display: flex; gap: 8px; align-items: center; background: var(--surface2); border-radius: 8px; padding: 8px 10px; margin-top: 8px; }
.copybox code { flex: 1; overflow-wrap: anywhere; }
.chips { display: flex; flex-wrap: wrap; gap: 6px; }
.chip { display: inline-flex; gap: 4px; align-items: center; border: 1px solid var(--line); border-radius: 99px; padding: 2px 8px; font-size: 12px; background: var(--surface); }
td input[type=checkbox] { margin-right: 4px; }
