/* Design v2 on the Add record screen (scan buttons, type-it-in list). Components come from
   vault-tokens.css; page layout only. Used with body.ds-canvas. */

.ds-canvas .vault-form-error { margin: 0 0 var(--ds-s4); font: 600 18px/24px var(--ds-font); color: var(--ds-danger); }

.scan-actions { display: flex; flex-direction: column; gap: var(--ds-s3); margin-top: var(--ds-s3); }
.scan-form { margin: 0; }
.scan-form .ds-btn:focus-within { outline: 2px solid transparent; box-shadow: var(--ds-focus); }
.scan-note { margin-top: var(--ds-s3); }

.ds-canvas .vault-synthetic-banner {
  margin: 0 0 var(--ds-s3);
  padding: var(--ds-s3) var(--ds-s4);
  background: var(--ds-soft);
  border: 0;
  border-radius: var(--ds-radius);
  font: 500 16px/24px var(--ds-font);
  color: var(--ds-muted);
}

.soon-card { display: flex; align-items: flex-start; gap: var(--ds-s4); }
.soon-card .ds-tile__icon { flex: none; }
.soon-card-txt h3 { margin: 0 0 var(--ds-s2); }
.soon-card-txt a { color: var(--ds-deep); font-weight: 600; }

.ds-row__chev-wrap { flex: none; display: flex; color: var(--ds-deep); }
.ds-row__chev-wrap .ic { stroke-width: 2; }