.totp-qr {
  display: block;
  width: 220px;
  max-width: 100%;
  height: auto;
  border: 8px solid #fff;
  margin: 14px 0;
}
.login-help {
  margin: -2px 0 2px;
  padding: 10px 12px;
  border-left: 4px solid var(--gold);
  background: #f8f3e9;
  color: #5c4c40;
  font-size: 13px;
}
.collector-summary { display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.collector-summary h2 { margin-bottom: 4px; }
.collector-summary p { margin: 3px 0; }
.collector-error { color: var(--bad); font-weight: 700; }
.pairing-panel { border-left: 5px solid var(--gold); }
.pairing-code { display: block; width: fit-content; max-width: 100%; margin: 14px 0; padding: 12px; background: #f4efe7; font-size: 18px; word-break: break-all; }
.recovery-panel { border-left: 5px solid var(--gold); }
.recovery-codes {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 9px;
  margin: 16px 0;
}
.recovery-codes code {
  background: #f4efe7;
  padding: 9px;
  text-align: center;
  font-size: 16px;
}
@media print {
  .sidebar, .page-head, .panel:not(.recovery-panel), .flash { display: none !important; }
  .content { margin: 0; }
  .recovery-panel { border: 0; }
}