/* Cabinet modal typography and controls, scoped to the scanner guidance. */
.client-scan-guide { min-width: 0; color: #203d63; font-size: 13px; letter-spacing: 0; }
.client-scan-guide [x-cloak] { display: none !important; }
.client-scan-guide__note { margin-top: 4px; color: #5a718f; font-size: 12px; line-height: 1.4; overflow-wrap: anywhere; }
.client-scan-guide__actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.client-scan-guide__button { display: inline-flex; min-height: 44px; max-width: 100%; align-items: center; justify-content: center; gap: 8px; padding: 10px 14px; border: 1px solid #d7e3f2; border-radius: 11px; background: #fff; color: #071d43; font-size: 13px; font-weight: 700; line-height: 1.45; text-align: center; overflow-wrap: anywhere; }
.client-scan-guide__button i { flex: 0 0 auto; }
.client-scan-guide__button span { min-width: 0; }
.client-scan-guide__button:hover:not(:disabled) { background: #f6f9fd; }
.client-scan-guide__button--primary { background: #061947; border-color: #061947; color: #fff; }
.client-scan-guide__button--primary:hover:not(:disabled) { background: #08235f; }
.client-scan-guide__button:disabled { opacity: .5; cursor: not-allowed; }
.client-scan-guide__button:focus-visible, .client-scan-guide__link:focus-visible { outline: 2px solid #2a68b8; outline-offset: 3px; }
.client-scan-guide__help { margin-top: 10px; }
.client-scan-guide__help--early { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 12px; padding: 8px 12px; border: 1px solid #dce7f4; border-radius: 8px; background: #f6f9fd; }
.client-scan-guide__help--early .client-scan-guide__note { margin: 0; flex: 1 1 180px; }
.client-scan-guide__link { min-height: 44px; max-width: 100%; padding: 8px 0; color: #2a68b8; font-size: 12px; font-weight: 700; text-align: left; text-decoration: underline; text-underline-offset: 3px; overflow-wrap: anywhere; }
.client-scan-guide__examples { margin-top: 12px; max-width: 520px; margin-inline: auto; }
.client-scan-guide__image { display: block; width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: contain; border-radius: 8px; }
.client-scan-guide figcaption { margin-top: 8px; line-height: 1.6; overflow-wrap: anywhere; }
.client-scan-guide__pagination { display: flex; align-items: center; justify-content: center; gap: 16px; margin-top: 8px; }
.client-scan-guide__pagination .client-scan-guide__note { margin: 0; }
.client-scan-guide__icon { flex: 0 0 44px; width: 44px; height: 44px; padding: 0; }
.client-scan-guide__review { margin-top: 12px; }
@media (max-width: 479px) {
    .client-scan-guide__actions > .client-scan-guide__button { width: 100%; }
    .client-scan-guide__review { width: 100%; }
}
.client-scan-examples { margin: 0 0 16px; }
.client-scan-sequence { max-width: 880px; margin: 0 auto; }
.client-scan-sequence img { display: block; width: 100%; height: auto; user-select: none; }
.client-scan-guide__heading { margin-top: 8px; font-size: 16px; font-weight: 800; line-height: 1.3; }
.client-scan-guide__capture { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 8px; margin-top: 10px; }
.client-scan-guide__capture > .client-scan-guide__button { width: 100%; padding: 8px 6px; font-size: 12px; min-width: 0; }
.client-scan-guide__limits { font-size: 11px; }
.client-scan-upload__delete-all { color: #b14e4e; }