/* Bank identity for the QR step added to the existing IBAN issuance flow. */
.iban-issue-request {
  --iban-issue-dark: #123b70;
  --iban-issue-ink: #152f51;
  --iban-issue-muted: #455b76;
}
.iban-issue-request .terminal {
  background: var(--iban-issue-dark);
  --primary: var(--iban-issue-dark);
  --primary-deep: var(--iban-issue-dark);
  --muted: var(--iban-issue-muted);
}
.iban-issue-request .term-screen { background: #cadcf5; padding-bottom: 30px; }
.iban-issue-request .term-screen > .ph-app { background: var(--iban-issue-dark); color: #fff; }
.iban-issue-request .ph-h { margin: 22px 0 18px; color: var(--iban-issue-ink); font-size: 37px; }
.iban-issue-request-summary { padding: 20px 26px; border: 1px solid #b5c9e1; border-radius: 20px; background: #fff; color: var(--iban-issue-ink); }
.iban-issue-request-summary > strong { display: block; font-size: 30px; line-height: 1.25; }
.iban-issue-request-summary > p { margin: 7px 0 0; font-size: 24px; line-height: 1.3; }
.iban-issue-request-summary > span { display: block; margin-top: 7px; color: var(--iban-issue-muted); font-size: 21px; line-height: 1.3; }
.iban-issue-request .ph-note { color: var(--iban-issue-muted); }
.iban-issue-request .qr-request-cancel { margin-top: 24px; border-color: var(--iban-issue-dark); color: var(--iban-issue-dark); }
.iban-issue-request button:focus-visible { outline: 5px solid var(--iban-issue-dark); outline-offset: 5px; }