/* Оболочка инлайн-модалки подключения на /dashboard.
   ⚠ Стилей ВИЗАРДА здесь больше нет: визард приезжает виджетом connect-widget.js со страницы
   подписки и несёт собственный CSS в shadow root — снаружи он не виден и с site.css не дерётся.
   Здесь остаётся только сама рамка dialog, кнопка закрытия и сообщение об отказе загрузки. */
.connect-modal { border: 0; padding: 0; background: transparent; color: var(--text); max-width: 100vw; }
.connect-modal::backdrop { background: rgba(6, 12, 20, 0.55); backdrop-filter: blur(3px); }
.connect-modal-inner {
  position: relative; width: 29rem; max-width: 94vw; max-height: 90vh; overflow-y: auto;
  background: var(--bg); border: 1px solid var(--line); border-radius: 20px;
  padding: 1.25rem; box-shadow: var(--shadow);
}
.connect-modal[open] .connect-modal-inner { animation: connect-in 0.18s var(--ease); }
.connect-modal::backdrop { animation: connect-bd 0.18s ease; }
@keyframes connect-in { from { opacity: 0; transform: translateY(10px) scale(0.98); } }
@keyframes connect-bd { from { opacity: 0; } }

.connect-modal-close {
  position: absolute; top: 0.75rem; right: 0.75rem; width: 32px; height: 32px; z-index: 2;
  display: inline-grid; place-items: center; border: 1px solid var(--line); border-radius: 50%;
  background: var(--panel-2); color: var(--text-dim); cursor: pointer; font-size: 0.9rem; line-height: 1;
  transition: color 0.15s, border-color 0.15s;
}
.connect-modal-close:hover { color: var(--accent); border-color: var(--accent); }
.connect-modal-close:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }

/* ---- Визард ---- */


/* ① Приложения — иконка + название в строку */

/* ② Установка — селектор ОС (нативный select-пилюля) в шапке шага, справа от заголовка */


/* ③ Подключение */
.connect-copy { background: var(--panel); }


/* Виджет не загрузился — единственный запасной путь, ссылка на страницу подписки. */
.cw-err { margin: 0; font-size: 0.9rem; line-height: 1.5; color: var(--text-dim); }
.cw-err a { color: var(--accent); }