/* Окно переподключения цепи — общее у кабинета и админки (спека 007 §6.7, спека 009 §5.5; план 009, шаг 33, ЛП-31).
   Внешний файл: CSP обеих поверхностей встроенных стилей не допускает.

   ОКНО ПЕРЕПОДКЛЮЧЕНИЯ. Загрузчик Blazor находит элемент #components-reconnect-modal и переставляет на нём классы
   состояний components-reconnect-*. Окно видно в каждом состоянии, кроме исходного и «скрыто»; внутри видна
   строка своего состояния, а там, где цепи больше нет, — ссылка на новую загрузку. */

#components-reconnect-modal,
#components-reconnect-modal.components-reconnect-hide {
    display: none;
}

#components-reconnect-modal.components-reconnect-show,
#components-reconnect-modal.components-reconnect-retrying,
#components-reconnect-modal.components-reconnect-failed,
#components-reconnect-modal.components-reconnect-rejected,
#components-reconnect-modal.components-reconnect-paused,
#components-reconnect-modal.components-reconnect-resume-failed {
    display: flex;
    position: fixed;
    inset: 0;
    z-index: 10000;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.4);
}

.cabinet-reconnect {
    max-width: 24rem;
    margin: 1rem;
    padding: 1.5rem;
    border-radius: 0.5rem;
    background-color: var(--rz-base-background-color);
    color: var(--rz-text-color);
    font-family: var(--rz-text-font-family);
    box-shadow: var(--rz-shadow-3);
    text-align: center;
}

.cabinet-reconnect > * {
    display: none;
    margin: 0;
}

#components-reconnect-modal.components-reconnect-show .cabinet-reconnect-retrying,
#components-reconnect-modal.components-reconnect-retrying .cabinet-reconnect-retrying,
#components-reconnect-modal.components-reconnect-failed .cabinet-reconnect-failed,
#components-reconnect-modal.components-reconnect-rejected .cabinet-reconnect-failed,
#components-reconnect-modal.components-reconnect-resume-failed .cabinet-reconnect-failed,
#components-reconnect-modal.components-reconnect-paused .cabinet-reconnect-paused {
    display: block;
}

#components-reconnect-modal.components-reconnect-failed .cabinet-reconnect-reload,
#components-reconnect-modal.components-reconnect-rejected .cabinet-reconnect-reload,
#components-reconnect-modal.components-reconnect-resume-failed .cabinet-reconnect-reload,
#components-reconnect-modal.components-reconnect-paused .cabinet-reconnect-reload {
    display: inline-block;
    margin-top: 0.75rem;
}