/* Installation controls only; the business keeps its selected palette and layout. */
.fio-install-trigger { min-height: 44px; }
.fio-install-trigger svg { width: 18px; height: 18px; flex-shrink: 0; }
.fio-install-dialog { width: min(530px, calc(100% - 32px)); max-height: calc(100vh - 32px); max-height: calc(100dvh - 32px); margin: auto; padding: 26px; overflow: auto; overscroll-behavior: contain; border: 1px solid var(--line-strong, #9baab7); border-radius: 22px; background: var(--card, #fff); color: var(--text, #102e48); box-shadow: 0 24px 80px #07172540; font: 400 14px/1.65 Inter, system-ui, sans-serif; }
.fio-install-dialog:not([open]), .fio-install-dialog [hidden] { display: none !important; }
.fio-install-dialog::backdrop { background: #0917238c; backdrop-filter: blur(3px); }
.fio-install-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.fio-install-heading h2 { margin: 2px 0 0; color: inherit; font: 750 24px/1.3 Inter, system-ui, sans-serif; letter-spacing: -.035em; }
.fio-install-close { display: grid; place-items: center; flex: 0 0 40px; width: 40px; min-height: 40px; margin-top: -6px; border: 1px solid var(--line-strong, #9baab7); border-radius: 11px; background: var(--card, #fff); color: var(--text, #102e48); font: 400 27px/1 system-ui, sans-serif; cursor: pointer; }
.fio-install-dialog > p { margin: 17px 0; }
.fio-install-steps { display: grid; gap: 12px; margin: 22px 0; padding-left: 23px; }
.fio-install-steps li { padding-left: 4px; overflow-wrap: anywhere; }
.fio-install-steps li::marker { color: var(--brand-label, #183c55); font-weight: 750; }
.fio-install-status:empty { display: none; }
.fio-install-dialog .fio-install-status { padding: 12px 14px; border: 1px solid var(--line-strong, #9baab7); border-radius: 12px; font-weight: 650; }
.fio-install-dialog .fio-install-note { color: var(--muted, #51677c); font-size: 12px; line-height: 1.6; }
.fio-install-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 23px; }
.fio-install-action { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; max-width: 100%; padding: 11px 16px; border: 1px solid var(--line-strong, #9baab7); border-radius: 12px; background: var(--card, #fff); color: var(--text, #102e48); font: 700 13px/1.5 Inter, system-ui, sans-serif; text-decoration: none; white-space: normal; text-align: center; cursor: pointer; }
.fio-install-dialog .fio-install-primary { background: var(--brand, #183c55); color: var(--on-brand, #fff); border-color: var(--brand, #183c55); }
.fio-install-action:disabled { opacity: .65; cursor: wait; }
.fio-install-trigger:focus-visible, .fio-install-dialog button:focus-visible, .fio-install-dialog a:focus-visible { outline: 3px solid var(--text, #183c55); outline-offset: 3px; }
html[data-admin-design=classic] .fio-install-dialog, html[data-admin-design=classic] .fio-install-action { border-radius: 5px; }
html[data-admin-design=urban] .fio-install-dialog, html[data-admin-design=urban] .fio-install-action { border-radius: 2px; border-width: 2px; }
@media (max-width: 480px) { .fio-install-dialog { padding: 20px; font-size: 13px; }.fio-install-heading h2 { font-size: 22px; }.fio-install-actions { flex-direction: column; }.fio-install-action { width: 100%; } }
@media (forced-colors: active) { .fio-install-dialog, .fio-install-action, .fio-install-close { border: 1px solid CanvasText; } }