/* КПК Мир: стандартная тема MyBB в цветах форума. Подключается после стилей темы Default. */
:root { --main: #2c4a6e; --dark: #1f3550; --light: #e6edf5; --accent: #b4532f; --bg: #eef1f4; --row1: #ffffff; --row2: #f5f7fa; --line: #d3dbe4; --text: #1f2a36; --link: #2c4a6e; --tcat: #dfe6ee; }
body { background: var(--bg); color: var(--text); font-family: Tahoma, "Segoe UI", Arial, sans-serif; }
#container, table, input.textbox, textarea, select, button, input.button { font-family: Tahoma, "Segoe UI", Arial, sans-serif; color: var(--text); }
a:link, a:visited { color: var(--link); }
a:hover, a:active { color: var(--dark); }
#content { background: #fff; border-left: 1px solid var(--line); border-right: 1px solid var(--line); }
#logo { border-bottom: 0; }
#panel .upper { background: var(--dark); border-top: 1px solid rgba(255,255,255,.08); border-bottom: 1px solid rgba(0,0,0,.35); }
#panel .lower { background: var(--row2); border-bottom: 1px solid var(--line); color: #6d6560; }
#search input.textbox { border-color: rgba(0,0,0,.35); }
#search input.button { background: var(--accent); border-color: rgba(0,0,0,.35); color: #fff; }
.tborder { border-color: var(--line); }
.thead { background: var(--main); color: #fff; border-bottom: 1px solid var(--dark); }
.tcat { background: var(--tcat); color: var(--dark); border-top: 1px solid #fff; border-bottom: 1px solid var(--line); }
.tcat a:link, .tcat a:visited, .tcat a:hover, .tcat a:active { color: var(--dark); }
.trow1 { background: var(--row1); border-color: #fff var(--line) var(--line) #fff; }
.trow2 { background: var(--row2); border-color: #fff var(--line) var(--line) #fff; }
.trow_sep { background: var(--tcat); color: var(--dark); border-bottom-color: var(--line); }
.tfoot { background: var(--tcat); color: var(--dark); }
.tfoot a:link, .tfoot a:visited { color: var(--dark); }
.navigation, .navigation .active { color: var(--text); }
button, input.button { background: var(--main); color: #fff; border: 1px solid var(--dark); border-radius: 2px; }
button:hover, input.button:hover { background: var(--dark); border-color: var(--dark); }
a.button:link, a.button:hover, a.button:visited, a.button:active { background: var(--main); border-color: var(--dark); color: #fff; }
.pagination a { background: #fff; border-color: var(--line); }
.pagination a:hover { background: var(--main); border-color: var(--dark); color: #fff; }
.pagination .pagination_current { color: var(--dark); }
.pagination_breadcrumb { outline-color: var(--line); background: var(--row2); }
blockquote, .codeblock { border-color: var(--line); background: var(--row1); }
blockquote cite, .codeblock .title { border-bottom-color: var(--line); color: var(--dark); }
.post .post_author { background: var(--row2); border-bottom-color: var(--line); border-top-color: var(--main); }
.post.classic .post_author { border-color: var(--line); }
.post .post_author div.author_avatar img { border-color: var(--line); }
.post .post_head { border-bottom-color: var(--line); }
.post_controls { background: var(--row2); border-bottom-color: var(--line); }
.postbit_buttons > a:link, .postbit_buttons > a:hover, .postbit_button { background: #fff; border-color: var(--line); color: var(--dark); }
.post_content .signature { border-top-color: var(--line); }
fieldset { border-color: var(--line); }
hr { background-color: var(--line); color: var(--line); }
#footer .upper { background: var(--dark); border-top: 0; border-bottom: 0; }
#footer .upper a:link, #footer .upper a:visited, #footer .upper a:hover { color: #fff; }
#footer .lower { color: #6d6560; font-size: 12px; }
#footer .lower #copyright { display: block; }

/* шапка кооператива: светлая полоса, круглая эмблема-печать, сланцевая панель */
#logo { background: #fff; padding: 14px 0; border-top: 4px solid var(--main); border-bottom: 1px solid var(--line); }
.km-brand { display: inline-flex; align-items: center; gap: 12px; text-decoration: none !important; }
.km-emblem { display: inline-grid; place-items: center; width: 50px; height: 50px; border-radius: 50%; background: var(--main); box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 5px var(--accent); }
.km-emblem span { color: #fff; font: 700 12px/1 Tahoma, "Segoe UI", Arial, sans-serif; letter-spacing: .5px; }
.km-name { color: var(--dark); font: 700 25px/1.1 Tahoma, "Segoe UI", Arial, sans-serif; }
.km-name small { display: block; margin-top: 3px; color: #5d6b7a; font: 13px/1.3 Tahoma, "Segoe UI", Arial, sans-serif; }
#logo ul.top_links { margin-top: 16px; }
#logo ul.top_links a.km-rules { background: none; padding-left: 0; }
.thead { background: var(--main); }
.tcat { text-transform: none; }
/* ссылки в сообщениях: ровная подложка без линии и скругления */
.post_body a.mycode_url, .post_body a.mycode_url:link, .post_body a.mycode_url:visited, .signature a.mycode_url { color: var(--dark); text-decoration: none; background: rgba(44, 74, 110, .10); padding: 0 3px; }
.post_body a.mycode_url:hover, .post_body a.mycode_url:focus-visible, .signature a.mycode_url:hover { color: var(--accent); background: rgba(180, 83, 47, .14); }
@media (max-width: 900px) { .km-name { font-size: 20px; } .km-emblem { width: 42px; height: 42px; } }

/* телефон и планшет: та же классика, без горизонтальной прокрутки страницы */
@media (max-width: 900px) {
	#container { min-width: 0; }
	.wrapper { width: auto !important; min-width: 0 !important; max-width: none; margin: 0 12px; }
	#content { padding: 14px 12px; border: 0; }
	#panel .upper #search { float: none; margin: 0 0 8px; display: flex; gap: 6px; }
	#panel .upper #search input.textbox { flex: 1; min-width: 0; }
	.tborder td[align="center"], .tborder td.tcat[align="center"], .tborder td.thead[align="center"] { display: none; }
	.tborder td .smalltext, .tborder td { overflow-wrap: anywhere; }
	.post.classic .post_author { float: none; width: auto; margin: 0 0 10px; border-left: 1px solid var(--line); padding: 8px; }
	.post.classic .post_content { float: none; width: auto; padding: 0 2px; }
	.post .post_author div.author_statistics { float: none; padding: 6px 0 0; }
	.post_body img { max-width: 100%; height: auto; }
	#footer .upper ul.bottom_links { float: none; }
	#footer .upper ul.bottom_links li { margin: 0 12px 6px 0; }
	ul.menu.top_links { float: none; margin: 8px 0 0; padding: 0; }
}

/* заголовки h1 в классическом виде */
.km-intro { margin: 0 0 14px; padding: 0 2px; }
.km-h1 { margin: 0 0 4px; font-size: 20px; line-height: 1.25; color: var(--dark); }}
.km-intro p { margin: 0; max-width: 880px; color: #5f5752; }
.km-th1 { display: inline; margin: 0; font-size: inherit; line-height: inherit; font-weight: bold; color: inherit; }
.km-ph1 { display: inline; margin: 0; font-weight: bold; }
.thread_start_datetime, .post .post_head span.post_date, .post .post_meta, .smalltext { color: #5f5a56; }
.offline { color: #7d838a; }

/* значки тем: thread_status.css движок подключает только к forumdisplay.php, а с ЧПУ страницы идут через seo.php */
.thread_status {
	display: inline-block;
	width: 16px;
	height: 16px;
	background-image: url(../../images/folders_sprite.png);
	background-repeat: no-repeat;
}

.thread_status.dot_folder {
	background-position: 0 0;
}

.thread_status.dot_hotfolder {
	background-position: 0 -20px;
}

.thread_status.dot_hotclosefolder {
	background-position: 0 -40px;
}

.thread_status.dot_closefolder {
	background-position: 0 -60px;
}

.thread_status.dot_newfolder {
	background-position: 0 -80px;
}

.thread_status.dot_newhotfolder {
	background-position: 0 -100px;
}

.thread_status.dot_newhotclosefolder {
	background-position: 0 -120px;
}

.thread_status.dot_newclosefolder {
	background-position: 0 -140px;
}

.thread_status.folder {
	background-position: 0 -160px;
}

.thread_status.hotfolder {
	background-position: 0 -180px;
}

.thread_status.hotclosefolder {
	background-position: 0 -200px;
}

.thread_status.closefolder {
	background-position: 0 -220px;
}

.thread_status.movefolder {
	background-position: 0 -240px;
}

.thread_status.newfolder {
	background-position: 0 -260px;
}

.thread_status.newhotfolder {
	background-position: 0 -280px;
}

.thread_status.newhotclosefolder {
	background-position: 0 -300px;
}

.thread_status.newclosefolder {
	background-position: 0 -320px;
}