/* Совместимость темы Old-Games v6 с компонентами DataLife Engine.
   Здесь только служебные элементы: формы, поиск, комментарии-обёртки,
   таблицы, редактор и страницы Default. Оформление каталога — в style.css. */

body { font-size: 15px; }
p { margin: 0 0 12px; }
h1, h2, h3, h4 { line-height: 1.2; }
hr { border: 0; border-top: 1px solid var(--border); margin: 18px 0; }

/* Таблицы служебных страниц (ЛС, профиль, статистика, админ-формы) */
.table { width: 100%; border-collapse: collapse; }
.table th, .table td { padding: 10px 12px; border-bottom: 1px solid var(--border); text-align: left; font-size: 13px; vertical-align: top; }
.table th { color: var(--muted); font-weight: 800; }
.table tr:last-child td { border-bottom: 0; }
.table-striped tbody tr:nth-child(odd) { background: var(--surface-2); }

.heading, .h4 { font-size: 18px; letter-spacing: -.4px; margin: 0 0 14px; }
.hnum { font-size: 12px; font-weight: 700; }
.grey, .small { color: var(--muted); font-size: 12px; }

/* Стандартные кнопки и поля DLE */
.btn-border { display: inline-flex; align-items: center; gap: 6px; border: 1px solid var(--border); border-radius: 8px; background: var(--surface); color: var(--text); padding: 9px 12px; font-size: 13px; font-weight: 700; }
.btn-border:hover { border-color: var(--accent); color: var(--accent-text); }
.plus_icon { display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; border-radius: 50%; background: var(--accent); color: var(--accent-ink); font-weight: 800; font-size: 14px; }
.plus_icon.circle { border-radius: 50%; }
.form-sep { border-top: 1px solid var(--border); padding-top: 12px; margin-top: 12px; }
.field.wide, .wide { width: 100%; }
.checkbox, .form-check-input { accent-color: var(--accent); }
.form-check-label { display: inline-flex; align-items: center; gap: 8px; }

/* Формы DLE: комментарии, профиль, регистрация, обратная связь */
.ui-form { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
.ui-form .form-group { display: flex; flex-direction: column; gap: 6px; }
.ui-form label { font-size: 13px; font-weight: 700; color: var(--text-2); }
.form-group.combo { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.combo_field { min-width: 0; }
.combo_field input { width: 100%; }
.form_submit { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-top: 16px; }
.c-captcha { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.c-captcha img { border-radius: 8px; }
.addcomment .box_in { display: flex; flex-direction: column; gap: 8px; }
.addcomment .title { font-size: 20px; letter-spacing: -.3px; margin: 0 0 4px; }
.comments-image-uploader-area { margin-top: 8px; font-size: 13px; }
.comments-image-uploader-area a { color: var(--link); }
#comment-editor .bb-editor { margin-top: 0; }

/* Редактор DLE */
.bb-editor, .wysiwygeditor { width: 100%; min-height: 160px; border-radius: 8px; }
.bb-panel, .bb-editor-panel, .editor-toolbar { display: flex; flex-wrap: wrap; gap: 2px; padding: 4px; border: 1px solid var(--border); border-bottom: 0; border-radius: 8px 8px 0 0; background: var(--surface-2); }
.bb-panel + textarea, .bb-panel + .bb-editor { border-radius: 0 0 8px 8px; }
.bbcodes { border: 0; background: transparent; color: var(--muted); border-radius: 5px; padding: 5px 6px; font-size: 12px; }
.bbcodes:hover { background: var(--surface); color: var(--accent-text); }
.editor, .editor textarea { width: 100%; }

/* Комментарии: обёртки движка */
#dle-comments-list, #dle-ajax-comments { display: block; }
#dle-comments-list > .comment:first-child { border-top: 0; }
.com_list .comment:first-child { border-top: 0; padding-top: 0; }
.mass-action { display: inline-flex; }
.complaint, .edit_btn, .del { color: var(--muted); font-size: 11px; }
.complaint:hover, .edit_btn:hover, .del:hover { color: var(--accent-text); }

/* Вложения и файлы */
.attachment, .attachments { margin-top: 12px; }
.attachment a, .attachments a { color: var(--accent-text); font-weight: 700; }

/* Просмотр ЛС / профиля */
.userinfo_top, .dark_top { background: var(--surface-2); }
.avatar .cover { display: grid; place-items: center; width: 64px; height: 64px; border-radius: 50%; background: color-mix(in srgb, var(--accent) 18%, var(--surface)); background-size: cover; color: var(--accent-text); font-weight: 800; }
.addform, .addpm { display: grid; gap: 10px; }
.user_tab { display: flex; flex-wrap: wrap; gap: 6px; list-style: none; margin: 0 0 14px; padding: 0; }
.user_tab li a { display: inline-flex; padding: 8px 12px; border-radius: 8px; font-size: 13px; font-weight: 700; color: var(--text-2); }
.user_tab li.active a, .user_tab li a:hover { background: var(--surface-3); color: var(--accent-text); }
.usinf { display: grid; gap: 4px; list-style: none; margin: 0 0 16px; padding: 0; }
.usinf li { display: flex; gap: 10px; padding: 6px 0; border-bottom: 1px solid var(--border); font-size: 13px; }
.ui-c1 { min-width: 180px; color: var(--muted); }

/* Информеры, голосования, статистика */
.poll, .vote, .informer { font-size: 13px; }
.vote .vote-item { padding: 6px 0; }

/* Спидбар и служебные сообщения */
.speedbar { font-size: 12px; color: var(--muted); }
.berrors { background: color-mix(in srgb, var(--accent) 8%, var(--surface)); }
.info-message { padding: 12px 14px; border-radius: 8px; background: var(--surface-2); color: var(--text); margin-bottom: 14px; font-size: 13px; }
.search_result_num { margin-top: 14px; font-size: 13px; }

/* Поиск */
.searchtable { display: flex; flex-direction: column; gap: 14px; }
.search-simple, .search-extended { display: flex; flex-direction: column; gap: 14px; }
.search-extended { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; align-items: start; }
.search-col { display: flex; flex-direction: column; gap: 10px; min-width: 0; }
.search-actions { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 8px; }
.searchtable input[type="text"], .searchtable select { width: 100%; }
.searchtable .search-simple .search-actions { justify-content: flex-start; }
.searchtable fieldset { margin: 0; }

/* Статистика */
.stats_head { background: var(--surface-2); border-radius: 10px; padding: 16px; margin-bottom: 16px; }
.stats_head ul { list-style: none; margin: 0; padding: 0; }
.stats_head li { padding: 6px 0; font-size: 13px; }
.statistics { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.stat_group h5 { margin: 0 0 8px; font-size: 13px; color: var(--accent-text); }
.stat_group ul { list-style: none; margin: 0; padding: 0; }
.stat_group li { display: flex; justify-content: space-between; gap: 12px; border-top: 1px solid var(--border); padding: 8px 0; font-size: 13px; }

/* Регистрация, восстановление пароля, обратная связь */
.page-shell > form { display: block; }
.page_form__inner { max-width: 780px; margin: 0 auto; background: var(--surface); border: 1px solid var(--border); border-radius: 14px; padding: 26px; }
.page_form__form { display: grid; gap: 12px; }
.page_form__inner .title, .h1 { font-size: 26px; letter-spacing: -.8px; margin: 0 0 14px; }
.regtext { color: var(--muted); line-height: 1.7; margin-bottom: 16px; font-size: 13px; }
.login_check { display: flex; gap: 8px; align-items: stretch; }
.login_check input { flex: 1; min-width: 0; }
.login_check .btn { flex: none; }

/* ЛС */
.pm-box { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 14px; }
#pm-menu { display: flex; flex-wrap: wrap; gap: 8px; }
.pm_status { font-size: 13px; color: var(--muted); }
.pmlist { display: flex; flex-direction: column; }
.pmlist .comment { display: flex; gap: 12px; padding: 14px 0; border-top: 1px solid var(--border); }

/* Отзывчивость таблиц служебных страниц */
@media (max-width: 760px) {
	.table { display: block; overflow-x: auto; white-space: nowrap; }
	.box { padding: 16px; }
	.search-extended { grid-template-columns: 1fr; }
	.statistics { grid-template-columns: 1fr; }
	.page_form__inner { padding: 18px; }
	.form-group.combo { grid-template-columns: 1fr; }
	.ui-c1 { min-width: 130px; }
}