/* Слой подложки под формой входа.
   Сам снимок ставит backdrop.js: адрес меняется на каждом открытии.

   🔴 Целей ДВЕ, и это не перестраховка. На сервере живут две установки
   Roundcube: у Ильи — larry/litecube-f, где страница входа это
   body.login-page с формой в .box-inner (там #layout нет вовсе), а на
   соседней — elastic с #layout. Первая редакция целилась только в #layout
   и поэтому не показывала ничего у того, для кого делалась. */

html body.login-page {
	background-size: cover !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
	background-attachment: fixed !important;
	/* пока снимок не подставлен — тёмное полотно, а не белое мигание */
	background-color: #0a101a !important;
}

html body.task-login #layout-content,
html body.task-logout #layout-content {
	background-color: transparent !important;
}

html body.task-login #layout,
html body.task-logout #layout {
	background-color: #0a101a !important;
	background-size: cover !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
	background-attachment: fixed !important;
}

/* Декоративное небо скина убирается его же режимом (класс вешает
   backdrop.js). Здесь — только страховка на случай, если скин обновят и
   класс перестанет действовать: снимок под формой важнее рисунка. */
html body.login-page #login-form {
	background-image: none !important;
}

/* Надпись с названием почты внизу слева убрана по слову Владимира
   (19.08.2026). Прячем только на СТРАНИЦЕ ВХОДА: в самой почте этот
   элемент не участвует, а метку автора скина снимает его же настройка
   remove_vendor_branding — не стилем, чтобы она уходила из разметки. */
html body.login-page #bottomline {
	display: none !important;
}

/* У второй установки (elastic) подпись под формой остаётся, но на снимке
   серый текст пропадал — там подсвечиваем. */
html body.task-login #login-footer,
html body.task-logout #login-footer {
	color: #fff !important;
	text-shadow: 0 1px 3px rgba(0, 0, 0, .75) !important;
}

/* --- карточка входа: по центру и стеклянная (решение Владимира 19.08.2026) --- */

/* Скин прижимает форму к верху отступом 155px, который держал его
   декоративное небо. Неба больше нет — ставим форму по центру экрана.
   Меняется РАСКЛАДКА КОНТЕЙНЕРА; поля, кнопка и подписи не трогаются. */
html body.login-page #login-form {
	padding-top: 0 !important;
	min-height: 100vh !important;
	display: flex !important;
	flex-direction: column !important;
	justify-content: center !important;
	align-items: center !important;
}

/* 🔑 Прозрачность стекла 0.62 посчитана, а не подобрана: по всем 30 снимкам
   взята средняя яркость центра кадра, наложены притенение 0.32 и стекло, и
   посчитан контраст подписей формы (#333). Худший снимок даёт 5.65:1 при
   пороге 4.5:1. При 0.45 было бы 3.60:1 — то есть нечитаемо. */
html body.login-page #login-form .box-inner {
	background: rgba(255, 255, 255, .62) !important;
	-webkit-backdrop-filter: blur(22px) saturate(185%) !important;
	backdrop-filter: blur(22px) saturate(185%) !important;
	border: 1px solid rgba(255, 255, 255, .6) !important;
	border-radius: 12px !important;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .10), 0 10px 34px rgba(0, 0, 0, .28) !important;
}

/* подвал карточки — часть той же плашки, отдельного фона ему не нужно */
html body.login-page #login-form .box-bottom {
	background: transparent !important;
}

/* --- пустой логотип на входе ---
   Скин выводит <img id="logo">, а адрес логотипа в настройках не задан:
   в разметке получается src="static.php/" — путь в никуда, и браузер
   рисует значок битой картинки в углу карточки.

   🔑 Прячем НЕ логотип вообще, а именно эту заглушку — по признаку
   пустого адреса. Зададут настоящий логотип (skin_logo в конфиге) —
   он появится, и правку не придётся вспоминать и снимать. */
html body.login-page img#logo[src$="static.php/"],
html body.task-login img#logo[src$="static.php/"] {
	display: none !important;
}