/* Заглушка закрытого на обновление модуля.
   Прячет содержимое своей страницы, не трогая остальное приложение. */

.page.module-locked > *:not(.module-stub) {
    display: none !important;
}

.module-stub {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-height: 60vh;
    padding: 2rem 1.5rem;
    gap: 0.5rem;
}

.module-stub__icon {
    font-size: 3.5rem;
    margin-bottom: 0.5rem;
}

.module-stub__title {
    font-size: 1.25rem;
    font-weight: 600;
    color: #ffffff;
    margin: 0;
}

.module-stub__text {
    font-size: 0.9375rem;
    line-height: 1.5;
    color: rgba(255, 255, 255, 0.65);
    margin: 0;
    max-width: 20rem;
}

/* Раздел, разметка которого ещё едет: нажатие уводит сюда сразу, и без этого
   признака экран читался бы как пустой. На отказе кружок убираем — крутиться,
   когда уже ничего не грузится, значит врать. */
.module-stub--lazy:not(.module-stub--failed)::before {
    content: '';
    width: 1.75rem;
    height: 1.75rem;
    margin-bottom: 0.75rem;
    border: 0.125rem solid rgba(255, 255, 255, 0.18);
    border-top-color: rgba(255, 255, 255, 0.75);
    border-radius: 50%;
    animation: module-stub-spin 0.8s linear infinite;
}

@keyframes module-stub-spin {
    to { transform: rotate(360deg); }
}

@media (prefers-reduced-motion: reduce) {
    .module-stub--lazy::before {
        animation-duration: 2.4s;
    }
}

.module-stub__until {
    font-size: 0.875rem;
    color: rgba(255, 255, 255, 0.45);
    margin: 0.25rem 0 0;
}