/* Identity service pages (sign-in, second step, firm choice, registration, sign-in and security).
   One column with no application shell; every value is an iq-ui token. Works at 320 px (screen 27). */

.id-body { min-height: 100vh; background: var(--bg); }
.id-header {
  display: flex; align-items: center; min-height: var(--topbar-h); padding: var(--space-2) var(--space-4);
  background: var(--surface); border-bottom: var(--border-width) solid var(--line-strong);
}
.id-main { max-width: 40rem; margin: 0 auto; padding: var(--space-5) var(--space-4) var(--space-7); }
.id-main:focus { outline: none; }
.id-section { margin: var(--space-5) 0; padding: var(--space-4); background: var(--surface);
  border: var(--border-width) solid var(--line); border-radius: var(--radius-lg); }
.id-section > :last-child { margin-bottom: 0; }
.id-section > summary { min-height: var(--target-min); cursor: pointer; font-weight: var(--fw-semibold); }
.id-notice { padding: var(--space-3) var(--space-4); border: var(--border-width) solid var(--info);
  border-left-width: 6px; border-radius: var(--radius-md); background: var(--info-bg); }
.id-password { display: flex; gap: var(--space-2); align-items: stretch; }
.id-password .iq-input { flex: 1 1 auto; min-width: 0; }
.id-password .iq-btn { flex: none; }
.id-steps > li { margin-bottom: var(--space-3); }
.id-qr { display: block; width: 200px; height: 200px; margin: var(--space-3) 0; background: #fff;
  border: var(--border-width) solid var(--line); border-radius: var(--radius-sm); }
.id-codes { margin: var(--space-4) 0; padding: var(--space-4); border: var(--border-width) solid var(--warn);
  border-left-width: 6px; border-radius: var(--radius-md); background: var(--warn-bg); }
.id-codes ol { display: grid; grid-template-columns: repeat(auto-fill, minmax(12rem, 1fr)); gap: var(--space-1) var(--space-4);
  font-family: var(--font-mono); }
#totp-key { overflow-wrap: anywhere; }

@media (max-width: 400px) {
  .id-main { padding: var(--space-4) var(--space-3) var(--space-6); }
  .id-section { padding: var(--space-3); }
}