/* Intake-only additions; the shared design system owns typography and buttons. */
.bankid-actions { display: flex; flex-wrap: wrap; gap: .75rem; margin: 1rem 0; }
.bankid-screen [hidden] { display: none !important; }
.bankid-qr { display: block; background: #fff; border: 2px solid #0f4b46; padding: 0; border-radius: 8px; max-width: 100%; cursor: zoom-in; }
.bankid-qr canvas { display: block; width: min(18rem, 100%); height: auto; }
.bankid-dialog { max-width: min(95vw, 44rem); max-height: 95dvh; padding: 1rem; border: 2px solid #0f4b46; border-radius: 12px; background: #fff; }
.bankid-dialog::backdrop { background: #000b; }
.bankid-dialog canvas { display: block; width: min(75vmin, 40rem); max-width: 100%; height: auto; margin: .75rem auto 0; }
.bankid-screen :focus-visible, .bankid-reset:focus-visible { outline: 3px solid #0f4b46; outline-offset: 4px; }
.intake-field input[readonly] { background: #f1f5f3; }
@media (max-width: 600px) { .bankid-actions > * { width: 100%; } }
.bankid-header-actions { display: flex; align-items: center; gap: 1rem; }
.bankid-reset { font: inherit; background: none; border: 0; cursor: pointer; }

.intake-intro-compact {
  width: min(600px, 100%);
  padding-top: clamp(48px, 10vh, 88px);
  padding-bottom: 48px;
}
.intake-intro-copy {
  color: var(--muted);
  font-size: var(--fs-body-lg);
  line-height: 1.55;
  letter-spacing: var(--ls-body-lg);
}
.intake-intro-copy p { margin: 0 0 24px; text-wrap: pretty; }
.intake-intro-copy p:first-child { color: var(--ink); font-size: var(--fs-h3); line-height: 1.4; }
.intake-intro-copy p:last-child { margin-bottom: 0; }
.intake-intro-compact .intake-actions {
  position: static;
  margin-top: 32px;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}