/* ── Баннер технических работ ────────────────────────────────────────────── Появляется в самом верху страницы (position:fixed), плавно сдвигает контент вниз через padding-top на . Скрыт на лендинге (body.web-login-mode). ─────────────────────────────────────────────────────────────────────────── */ /* Высота баннера — меняй в обоих местах (здесь и в maintenance.js BANNER_H) */ :root { --maint-banner-h: 44px; } /* ── Сам баннер ──────────────────────────────────────────────────────────── */ .maint-banner { position: fixed; top: 0; left: 0; right: 0; z-index: 99999; height: var(--maint-banner-h); background: #c0392b; color: #fff; display: flex; align-items: center; justify-content: center; gap: 8px; font-family: 'Manrope', system-ui, sans-serif; font-size: 0.84rem; font-weight: 600; line-height: 1.3; padding: 0 16px; box-shadow: 0 2px 14px rgba(0, 0, 0, 0.45); /* изначально скрыт (сдвинут вверх за пределы экрана) */ transform: translateY(-100%); opacity: 0; pointer-events: none; transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1); } /* ── Включённое состояние ────────────────────────────────────────────────── */ body.has-maint-banner .maint-banner { transform: translateY(0); opacity: 1; pointer-events: auto; } /* ── Сдвиг контента вниз ─────────────────────────────────────────────────── */ body { transition: padding-top 0.3s cubic-bezier(0.4, 0, 0.2, 1); } body.has-maint-banner { padding-top: var(--maint-banner-h); } /* Компенсация для position:fixed шапки сайдбара (десктоп web-mode) */ body.has-maint-banner.web-mode .admin-sidebar, body.has-maint-banner.web-mode .sidebar { top: var(--maint-banner-h); } /* ── Не на лендинге (web-login-mode = страница входа / маркетинговый лендос) */ body.web-login-mode .maint-banner { display: none !important; } body.web-login-mode.has-maint-banner { padding-top: 0 !important; }