/* ADinBLOG — тёмная тема (редизайн 2026-08-27)
   Подключается последним в htm-header.php, переопределяет default.css / forms.css / balloon.css.
   JS-контрактные классы/ID не переименовывать — здесь только визуал. */

:root {
	--brand-blue: #004073;
	--brand-blue-dark: #001a2e;
	--brand-blue-light: #005a99;
	--brand-orange: #ff6600;
	--brand-orange-light: #ff8800;
	--brand-green: #368c17;
	--bg: #001a2e;
	--surface: #002d52;
	--surface-light: #003a6b;
	--border: #004073;
	--text: #ffffff;
	--text-secondary: #a3c4d8;
	--text-muted: #6b8fa3;
	--danger: #e53935;
	--radius: 12px;
}

/* ===== Уведомления ===== */
div.ui-notifies div.item { background-color: var(--surface-light); border: solid 1px var(--border); color: var(--text); }
div.ui-notifies div.item p.close { color: var(--brand-orange-light); }
div.ui-notifies div.item p.moment { color: var(--text-muted); }

/* ===== Блоки-заметки (топ, ошибки) ===== */
div.page>div.content.content-top div.note,
div.page>div.content.content-error div.note { background-color: var(--surface); border: solid 1px var(--border); border-radius: var(--radius); }
div.page>div.content.content-top div.note a,
div.page>div.content.content-error div.note a { color: var(--brand-orange-light); }

/* ===== Кнопки ===== */
.bt-period { background-color: var(--surface-light); border-radius: 8px; }
.bt-period.active { background-color: var(--brand-blue-light); }
.bt-period:hover { box-shadow: 0px 0px 20px 0px rgba(0, 90, 153, 0.6); }
.bt-period-auto { background-color: var(--surface-light); border-radius: 8px; }
.bt-period-auto.active { background-color: var(--brand-blue-light); }
.bt-period-auto:hover { box-shadow: 0px 0px 20px 0px rgba(0, 90, 153, 0.6); }

button.bm, button.bm.small, a.bm, a.bm.small { background-color: var(--brand-green); border-radius: 8px; font-family: "Inter", sans-serif; }
button.bm.yellow, a.bm.yellow { background-color: var(--brand-orange); }
button.bm:hover, a.bm:hover { box-shadow: 0px 0px 24px 0px rgba(54, 140, 23, 0.6); }
button.bm.yellow:hover, a.bm.yellow:hover { box-shadow: 0px 0px 24px 0px rgba(255, 102, 0, 0.6); }

/* ===== Модальные окна (bm-modal) ===== */
div.bm-overflow { background-color: rgba(0, 10, 20, 0.72); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); }

@keyframes bmModalIn { from { opacity: 0; transform: translateY(-12px); } to { opacity: 1; transform: translateY(0); } }

div.bm-modal { background-color: var(--surface); border: solid 1px var(--border); border-radius: var(--radius); opacity: 1; color: var(--text); box-shadow: 0px 24px 80px rgba(0, 0, 0, 0.6); padding: 30px 35px; max-width: 92vw; animation: bmModalIn 0.25s ease; }
div.bm-modal div.bt-close { background-color: var(--brand-blue-dark); border: solid 1px var(--border); color: var(--text-secondary); width: 32px; height: 32px; line-height: 30px; font-size: 18px; transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s, color 0.15s; }
div.bm-modal div.bt-close:hover { background-color: var(--brand-orange); border-color: var(--brand-orange); color: #ffffff; box-shadow: 0px 0px 16px 0px rgba(255, 102, 0, 0.5); }
div.bm-modal div.title { color: var(--text); font-family: "Space Grotesk", "Inter", sans-serif; font-size: 24px; font-weight: 700; line-height: 1.25; }
div.bm-modal div.content { color: var(--text-secondary); font-size: 16px; padding: 18px 0px 0px 0px; }
div.bm-modal div.content div.cb-save-card { color: var(--text-muted); }
div.bm-modal div.content div.pane { background-color: var(--brand-blue-dark); border: solid 1px var(--border); padding: 15px 0px; }
div.bm-modal div.content h2 { color: var(--text); font-size: 18px; font-family: "Space Grotesk", "Inter", sans-serif; }
div.bm-modal div.content a { color: var(--brand-orange-light); }
div.bm-modal div.content a.bm { color: #ffffff; }
div.bm-modal div.content div.bm-tmp.error { background-color: rgba(229, 57, 53, 0.18); border: solid 1px var(--danger); color: #ffb3b3; border-radius: 8px; padding: 5px 15px; margin: 0px 0px 15px 0px; }

div.bm-modal div.content div.bt-panel button { font-family: "Inter", sans-serif; font-size: 16px; font-weight: 600; height: 42px; line-height: 42px; border-radius: 8px; background-color: var(--brand-green); box-shadow: none; transition: box-shadow 0.2s, transform 0.2s; }
div.bm-modal div.content div.bt-panel button:hover { box-shadow: 0px 0px 20px 0px rgba(54, 140, 23, 0.55); transform: translateY(-1px); }
div.bm-modal div.content div.bt-panel button.yellow { background-color: var(--brand-orange); }
div.bm-modal div.content div.bt-panel button.yellow:hover { box-shadow: 0px 0px 20px 0px rgba(255, 102, 0, 0.55); }
div.bm-modal div.content div.bt-panel.bt-multi button { min-width: 140px; }

div.bm-modal p.cost { color: var(--brand-orange-light); font-family: "Space Grotesk", "Inter", sans-serif; }

div.bm-modal div.form-number { color: var(--text); }
div.bm-modal div.form-number span { border: solid 1px var(--border); background-color: var(--brand-blue-dark); transition: background-color 0.15s; }
div.bm-modal div.form-number span:hover { background-color: var(--surface-light); box-shadow: none; }
div.bm-modal div.form-number div { border: solid 1px var(--border); }
div.bm-modal div.form-number div input { color: var(--text); background-color: var(--brand-blue-dark); border: none; text-align: center; height: 34px; }

div.bm-modal div.form-promo { border: var(--border) 1px solid; color: var(--text); border-radius: 8px; }
div.bm-modal div.form-promo input { color: var(--text); background-color: var(--brand-blue-dark); }

div.bm-modal div.content div.bt-panel button:disabled { background-color: var(--surface-light); color: var(--text-muted); }

@media screen and (max-width: 800px) {
	div.bm-modal { width: 80% !important; left: 10% !important; padding: 20px 20px; }
	div.bm-modal div.title { font-size: 20px; }
	div.bm-modal div.content div.bt-panel.bt-multi button { min-width: 0px; }
}

/* ===== Формы (forms.css) ===== */
button.form-element { background-color: var(--brand-green); border: none; color: #ffffff; border-radius: 8px; font-family: "Inter", sans-serif; }
button.form-element[disabled] { background-color: var(--surface-light); color: var(--text-muted); }

table.form-element { background-color: var(--surface); border-radius: var(--radius); }
table.form-element tr.h td { color: var(--text-secondary); }

section.forms div.add-element { background-color: var(--surface-light); color: var(--text); }

section.forms select.form-element,
section.forms input.form-element {
	background-color: var(--brand-blue-dark);
	color: var(--text);
	border: solid 1px var(--border);
	border-radius: 8px;
}
section.forms select.form-element optgroup { color: var(--text); background-color: var(--surface); }
section.forms select.form-element optgroup option { color: var(--text-secondary); background-color: var(--surface); }
section.forms input.form-element:hover { background-color: var(--surface); }
section.forms input.form-element:focus { border-color: var(--brand-orange); outline: none; }

section.forms input.form-element.text::placeholder,
section.forms input.form-element.text::-webkit-input-placeholder,
section.forms input.form-element.text-l::placeholder,
section.forms input.form-element.text-l::-webkit-input-placeholder { color: var(--text-muted); }

.checkmark { background-color: var(--brand-blue-dark); color: var(--text-secondary); border: solid 1px var(--border); border-radius: 8px; }
section.forms label.form-element:hover input ~ .checkmark { background-color: var(--surface); }
section.forms label.form-element input:checked ~ .checkmark { background-color: var(--brand-orange); border-color: var(--brand-orange); color: #ffffff; }

/* ===== Поиск: активная строка ===== */
div.content.content-search tr.active { background-color: rgba(0, 90, 153, 0.35); }

/* ===== Пейджер (main.css #divContentPager) ===== */
#divContentPager a { color: var(--text-secondary); }
#divContentPager a:hover { color: var(--brand-orange-light); }

/* ===== Ссылки-хелперы (balloon.css тултипы) ===== */
.helper { border-bottom-color: var(--text-muted); }