.overlayGray .fiwork-two-factor-modal { max-width: 480px; }
.fiwork-two-factor-modal__description { margin: 4px 0 24px; color: #697688; font-size: 14px; line-height: 1.5; }
.fiwork-two-factor-modal__digits { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 8px; margin: 0 0 18px; }
.overlayGray .fiwork-two-factor-modal__digit { width: 100%; min-width: 0; height: 58px; border: 1px solid #d9e1ea; border-radius: 14px; background: #f7f9fc; color: #172234; text-align: center; font: 600 27px/1 var(--font-family, Inter, sans-serif); outline: none; }
.overlayGray .fiwork-two-factor-modal__digit:focus { border-color: #1688ed; box-shadow: 0 0 0 3px rgba(22, 136, 237, .12); background: #fff; }
.fiwork-two-factor-modal__error { margin: -4px 0 14px; color: #c93737; font-size: 13px; line-height: 1.4; }
.fiwork-two-factor-modal__help { margin: 18px 0 0; color: #7a8694; font-size: 13px; text-align: center; line-height: 1.45; }
.fiwork-two-factor-modal__help a { color: #1688ed; text-decoration: none; }
.fiwork-two-factor-modal__help a:hover { text-decoration: underline; }
html[data-theme="dark"] .overlayGray .fiwork-two-factor-modal { background: #1d2939; color: #f4f7fb; }
html[data-theme="dark"] .fiwork-two-factor-modal .modal__form-title { color: #f4f7fb; }
html[data-theme="dark"] .fiwork-two-factor-modal__description,
html[data-theme="dark"] .fiwork-two-factor-modal__help { color: #aebbd0; }
html[data-theme="dark"] .overlayGray .fiwork-two-factor-modal__digit { border-color: #3e4d64; background: #263448; color: #f4f7fb; }
html[data-theme="dark"] .overlayGray .fiwork-two-factor-modal__digit:focus { border-color: #59aaff; background: #2e3d51; }
@media (max-width: 480px) { .overlayGray .fiwork-two-factor-modal .modal__box { padding: 30px 22px; } .fiwork-two-factor-modal__digits { gap: 5px; } .overlayGray .fiwork-two-factor-modal__digit { height: 50px; border-radius: 12px; font-size: 24px; } }