.financial-refresh-dialog { width: min(440px, calc(100% - 28px)); max-height: calc(100dvh - 28px); margin: auto; padding: 24px; overflow: auto; border: 0; border-radius: 22px; color: #244740; background: #fff; box-shadow: 0 24px 70px color-mix(in srgb, var(--theme-shadow-ink,rgb(20 45 52)) 25.098%, transparent); }
.financial-refresh-dialog::backdrop { background: #10252c80; backdrop-filter: blur(3px); }
.financial-refresh-dialog .connection-form-heading { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.financial-refresh-dialog .connection-form-heading h2 { margin: 0; font-size: 19px; }
.financial-refresh-dialog [data-close] { margin: 0; padding: 8px 10px; border: 0; border-radius: 10px; font: inherit; font-size: 12px; color: #6e8175; background: #f0f5f2; cursor: pointer; }
.financial-refresh-dialog .quick-install-dialog-lead { margin-top: 12px; font-size: 12px; line-height: 1.7; }
.financial-refresh-dialog .quick-card-form { margin-top: 18px; }
.financial-refresh-dialog .quick-card-status, .connection-refresh-panel .quick-card-status { white-space: pre-line; overflow-wrap: anywhere; }
.financial-refresh-automatic { border-radius: 12px; padding: 14px; background: #f3f0fa; }
.financial-refresh-automatic-choice { display: flex; align-items: flex-start; gap: 8px; cursor: pointer; }
.financial-refresh-automatic-choice input { flex: 0 0 18px; width: 18px; height: 18px; min-height: 0; padding: 0; margin: 3px 0 0; accent-color: #716194; }
.financial-refresh-automatic-choice > span { min-width: 0; }
.financial-refresh-automatic-choice strong { display: block; font-size: 12px; color: #655795; }
.financial-refresh-automatic-choice small { display: block; margin-top: 6px; font-size: 11px; color: #817695; line-height: 1.6; }
.financial-refresh-automatic .secondary-button { width: auto; min-height: 36px; margin: 12px 0 0; padding: 8px 12px; font-size: 11px; }
.financial-refresh-error-link { color: #716194; font-size: 12px; text-decoration: none; }
.financial-refresh-dialog [data-reload] { width: auto; margin: 0; padding: 8px 12px; font-size: 12px; }
@container kkaebu (max-width: 599px){ .financial-refresh-dialog { padding: 20px 16px; } .financial-refresh-dialog .bankapi-refresh-account-heading { gap: 8px; } }