/* FLIN RP forum style (31.10, the owner: «в стиле основного сайта», «не мелко, не перегружено, аккуратно и по делу»):
   flin-rp.online's own tokens - the dark #121212 header with the FLIN / ROLE PLAY brand, the light #f7f7f5 page, white cards with
   #e4e4e0 rims, Arial Black headings, the #ffd329 -> #ff9815 buttons; a bigger type, more air, the clutter (icons, the clock) hidden. */
@import url("../../prosilver/theme/stylesheet.css?v=3.3");

:root { --bg: #f7f7f5; --ink: #141414; --muted: #6b6b68; --line: #e4e4e0; --dark: #121212; --y: #ffd329; --o: #ff9815; --acc: #ff8310; }
*, *:before, *:after { box-sizing: border-box; }
html { font-size: 11px; }
html, body { background: var(--bg) !important; color: var(--ink); overflow-x: hidden; }
body { font-family: Arial, Helvetica, sans-serif; font-size: 15px; line-height: 1.5; }
#wrap { background: transparent; border: 0; max-width: 1100px; padding: 0 20px 40px; min-width: 0; }
a { color: #c25a00; }
a:hover { color: var(--acc); text-decoration: none; }

/* the header: the site's dark bar, the brand */
.headerbar { background: var(--dark) !important; border: 0 !important; border-radius: 0 0 16px 16px; margin: 0 -20px; padding: 18px 28px !important; }
.site_logo { background-image: url("images/flin_logo.png") !important; background-size: contain !important; background-repeat: no-repeat; width: 68px !important; height: 48px !important; }
.site-description h1 { font-family: 'Arial Black', Arial, sans-serif; font-weight: 900; letter-spacing: -1px; color: #fff !important; font-size: 28px; margin: 4px 0 0; }
.site-description p { color: #858585 !important; letter-spacing: 3px; text-transform: uppercase; font-size: 11px; font-weight: 600; }
.headerbar .search-header { background: #242424; border: 1px solid #3c3c3c; border-radius: 8px; box-shadow: none; margin-top: 14px; }
.headerbar .search-header .inputbox { background: transparent !important; color: #fff !important; border: 0 !important; font-size: 14px; }
.headerbar .search-header .button { background: transparent !important; color: #fff !important; }
.navbar { background: #fff !important; border: 1px solid var(--line); border-radius: 12px; margin-top: 16px; padding: 8px 16px; }
.navbar a, ul.linklist > li > a, .dropdown-trigger { color: var(--ink) !important; font-weight: 700; font-size: 14px; }
.navbar a:hover { color: var(--acc) !important; }
ul.navlinks { border-top-color: var(--line) !important; }

/* the clutter out: the clock line, the read / unread round icons, the «subforums» word */
.action-bar.bar-top + p.right, p.right.responsive-center.time, .navbar .rightside.responsive-search + .time, #page-body > p.right { display: none !important; }
dl.row-item { background-image: none !important; }
ul.topiclist li.row dl.row-item dt .list-inner, ul.topiclist li.header dt .list-inner { padding-left: 22px !important; }
dl.row-item dt, dl.row-item dt .list-inner { background-image: none !important; }

/* the sections: one white card each, a big title with the site's gradient bar */
.forabg, .forumbg { background: #fff !important; border: 1px solid var(--line) !important; border-radius: 16px; padding: 0 !important; overflow: hidden; margin: 22px 0; box-shadow: none; }
ul.topiclist li.header { background: #fff !important; border-bottom: 3px solid transparent; border-image: linear-gradient(115deg, var(--y), var(--o)) 1; padding: 16px 0 12px; }
ul.topiclist li.header dt .list-inner, ul.topiclist li.header dt a { font-family: 'Arial Black', Arial, sans-serif !important; font-size: 21px !important; letter-spacing: -.6px; text-transform: none !important; color: var(--ink) !important; }
ul.topiclist li.header dd { visibility: hidden; }	/* (the «ТЕМЫ / СООБЩЕНИЯ» captions: the numbers speak) */
ul.forums, ul.topics { background: #fff !important; }
ul.topiclist li.row, li.row, .bg1, .bg2 { background: #fff !important; border-color: var(--line) !important; }
ul.topiclist li.row { border-top: 1px solid var(--line) !important; border-bottom: 0 !important; }
ul.topiclist li.row:first-child { border-top: 0 !important; }
li.row:hover { background: #fffaf0 !important; }
ul.topiclist li.row dl { padding: 14px 0; }
ul.topiclist dd { border-left: 0 !important; color: var(--muted); font-size: 14px; }
dd.posts, dd.topics, dd.views { color: var(--ink) !important; font-weight: 700; font-size: 16px; }
dd.lastpost { font-size: 13px; }
.forumtitle, .topictitle { color: var(--ink) !important; font-weight: 800; font-size: 17px; }
.forumtitle:hover, .topictitle:hover { color: var(--acc) !important; }
.list-inner { color: var(--muted); font-size: 14px; }
.subforum { color: #c25a00 !important; font-size: 14px; }
.list-inner > br + strong { display: none; }

/* the posts, the panels */
.post, .panel, .cp-main .panel { background: #fff !important; border: 1px solid var(--line) !important; border-radius: 16px; color: var(--ink); }
.content { font-size: 15px; line-height: 1.6; }
.postprofile { border-left-color: var(--line) !important; color: var(--muted); }
.post h3, .postbody h3 a, h2.topic-title a, h2.forum-title a { color: var(--ink) !important; }
h2, h3 { font-family: 'Arial Black', Arial, sans-serif; letter-spacing: -.5px; color: var(--ink); }
h2.forum-title, h2.topic-title { font-size: 28px; }
blockquote { background: #faf8f3 !important; border: 1px solid var(--line) !important; border-left: 4px solid var(--o) !important; border-radius: 8px; }
.codebox, code { background: #f2f0ea !important; border-color: var(--line) !important; }
hr, .divider { border-color: var(--line) !important; }

/* the buttons: the site's gradient */
.button, input.button1, a.button1 { background: linear-gradient(115deg, var(--y), var(--o)) !important; color: #171717 !important; border: 0 !important; border-radius: 8px !important; box-shadow: none !important; font-weight: 750; font-size: 14px; padding: 6px 14px; }
.button:hover, input.button1:hover { box-shadow: 0 6px 16px rgba(255, 152, 21, .35) !important; color: #171717 !important; }
.button .icon { color: #171717 !important; }
input.button2, a.button2, .button-secondary { background: #fff !important; color: var(--ink) !important; border: 1px solid var(--line) !important; border-radius: 8px !important; }
input.inputbox, textarea.inputbox, .inputbox, select, textarea, input[type="text"], input[type="password"], input[type="email"] { background: #fff !important; color: var(--ink) !important; border: 1px solid #d9d6cf !important; border-radius: 8px !important; font-size: 14px; }
input.inputbox:focus, textarea:focus { border-color: var(--o) !important; box-shadow: 0 0 0 3px rgba(255, 152, 21, .2); }

.dropdown .dropdown-contents { background: #fff !important; border-color: var(--line) !important; border-radius: 10px; }
.successbox { background: #eefaf2 !important; color: #145c33 !important; border-color: #5ed18a !important; }
.errorbox, .warning { background: #fff1ef !important; color: #8d1d12 !important; border-color: #ff6b5e !important; }

/* the footer: dark, as the site's; the «who is online» block quieter */
.page-footer .navbar { background: var(--dark) !important; border: 0; }
.page-footer .navbar a, .page-footer .navbar .icon { color: #fff !important; }
.stat-block { color: var(--muted); font-size: 13px; }
.stat-block h3 { font-size: 16px; }
.copyright { color: #8a8a87 !important; }

@media (max-width: 700px) {
	#wrap { padding: 0 10px 24px; }
	.headerbar { margin: 0 -10px; padding: 14px 16px !important; border-radius: 0 0 12px 12px; }
	.site-description h1 { font-size: 21px; }
	ul.topiclist li.header dt .list-inner, ul.topiclist li.header dt a { font-size: 18px !important; }
	ul.topiclist li.row dl.row-item dt .list-inner, ul.topiclist li.header dt .list-inner { padding-left: 14px !important; }
	.forumtitle { font-size: 16px; }
}

/* the second pass: the header in line with the cards, lower section titles, the bare counters out (the last post says enough) */
.headerbar { margin: 0 !important; border-radius: 16px !important; margin-top: 16px !important; }
ul.topiclist li.header { padding: 12px 0 10px !important; }
ul.topiclist li.header dl { min-height: 0 !important; }
.forabg dd.topics, .forabg dd.posts, .forabg li.header dd.topics, .forabg li.header dd.posts { display: none !important; }
.forabg ul.topiclist dt, .forabg ul.topiclist li.header dt { width: 74% !important; margin-right: 0 !important; }
.forabg ul.topiclist dt .list-inner { margin-right: 0 !important; }
.forabg li.header dt { width: 100% !important; }
.forabg dd.lastpost { width: 26% !important; padding-right: 16px; }
@media (max-width: 700px) { .headerbar { margin-top: 10px !important; } .forabg ul.topiclist dt { width: 100% !important; margin-right: 0; } .forabg ul.topiclist dt .list-inner { margin-right: 0; } }

#wrap { margin: 0 auto !important; }

/* the third pass (the owner 31.10: «не сплошной белый - боль для глаз»): warm soft surfaces, no #fff anywhere, a softer ink */
:root { --bg: #e9e7e1; --card: #f5f3ee; --card2: #efece5; --line: #dad6cc; --ink: #24231f; --muted: #6d6a62; }
html, body { background: var(--bg) !important; color: var(--ink) !important; }
.navbar, .forabg, .forumbg, ul.forums, ul.topics, ul.topiclist li.header, ul.topiclist li.row, li.row, .bg1, .bg2, .post, .panel, .cp-main .panel,
.dropdown .dropdown-contents, input.button2, a.button2, .button-secondary { background: var(--card) !important; border-color: var(--line) !important; }
.bg2 { background: var(--card2) !important; }
li.row:hover, ul.topiclist li.row:hover { background: #ebe6da !important; }
input.inputbox, textarea.inputbox, .inputbox, select, textarea, input[type="text"], input[type="password"], input[type="email"] { background: #faf8f4 !important; border-color: var(--line) !important; }
.forumtitle, .topictitle, ul.topiclist li.header dt .list-inner, ul.topiclist li.header dt a, .navbar a, ul.linklist > li > a { color: var(--ink) !important; }
.list-inner, dd.lastpost { color: var(--muted) !important; }
blockquote { background: #ece8de !important; }
@media (max-width: 700px) { ul.topiclist li.header dt, ul.topiclist li.header dt .list-inner { text-align: left !important; } }

/* the fourth pass (the owner 31.10: «вместо белого - цвета как фон в лаунчере»): the launcher's near black with the warm glow and the
   diagonal stripes; dark cards, a soft light-grey ink (no pure white text), the site's headings / gradient / buttons kept */
:root { --bg: #111111; --card: #1b1b1e; --card2: #202024; --line: #2e2e33; --ink: #e2e0da; --muted: #9a9aa0; }
html { background: #111 !important; }
body { background: radial-gradient(900px 520px at -10% -10%, #40301a 0, transparent 60%), repeating-linear-gradient(135deg, #111 0 32px, #151515 32px 46px) fixed !important; color: var(--ink) !important; }
.headerbar { background: #0c0c0c !important; border: 1px solid #262626 !important; }
.navbar, .forabg, .forumbg, ul.forums, ul.topics, ul.topiclist li.header, ul.topiclist li.row, li.row, .bg1, .bg2, .post, .panel, .cp-main .panel,
.dropdown .dropdown-contents, input.button2, a.button2, .button-secondary { background: var(--card) !important; border-color: var(--line) !important; }
.bg2 { background: var(--card2) !important; }
li.row:hover, ul.topiclist li.row:hover { background: #26252a !important; }
input.inputbox, textarea.inputbox, .inputbox, select, textarea, input[type="text"], input[type="password"], input[type="email"] { background: #141416 !important; color: var(--ink) !important; border-color: var(--line) !important; }
.forumtitle, .topictitle, ul.topiclist li.header dt .list-inner, ul.topiclist li.header dt a, .navbar a, ul.linklist > li > a, h2, h3,
.post h3, .postbody h3 a, h2.topic-title a, h2.forum-title a, .content, .postbody { color: var(--ink) !important; }
.forumtitle:hover, .topictitle:hover, .navbar a:hover { color: #ffb53d !important; }
.list-inner, dd.lastpost, .postprofile, .stat-block, .copyright { color: var(--muted) !important; }
a, .subforum { color: #ffa51f !important; }
blockquote { background: #18181b !important; }
.codebox, code { background: #141416 !important; color: #ffd08a; }
.page-footer .navbar { background: #0c0c0c !important; }
.successbox { background: #15241b !important; color: #cdf3da !important; }
.errorbox, .warning { background: #2a1715 !important; color: #ffd2cd !important; }

/* the fifth pass (the owner 31.10 on the phone): the logo on the phone too, a visible yellow-orange glow, a white search box */
.logo, .site_logo { display: inline-block !important; }
@media (max-width: 700px) {
	.headerbar .inner { display: flex !important; align-items: center; justify-content: center; gap: 12px; }
	.headerbar .logo { float: none !important; padding: 0 !important; margin: 0 !important; }
	.site_logo { width: 52px !important; height: 38px !important; }
	.site-description { display: flex !important; align-items: center; gap: 12px; float: none !important; }
	.site-description h1 { margin: 0 !important; }
	.site-description p { display: none !important; }
}
body { background:
	radial-gradient(70vmax 55vmax at 0% 0%, rgba(255, 190, 40, .30) 0, rgba(255, 150, 20, .12) 40%, transparent 70%),
	radial-gradient(60vmax 50vmax at 100% 100%, rgba(255, 120, 20, .22) 0, transparent 65%),
	repeating-linear-gradient(135deg, #111 0 32px, #161616 32px 46px) !important;
	background-attachment: fixed, fixed, fixed !important; }
@media (max-width: 700px) { body { background-attachment: scroll, scroll, scroll !important; } }
.headerbar .search-header, .search-header { background: #fff !important; border: 0 !important; border-radius: 8px !important; }
.headerbar .search-header .inputbox, .search-header .inputbox, #search_keywords, .search-box .inputbox { background: #fff !important; color: #1a1a1a !important; }
.search-header .inputbox::placeholder { color: #8a8a87 !important; }
.headerbar .search-header .button, .search-header .button { background: #fff !important; color: #1a1a1a !important; }
.search-header .button .icon { color: #1a1a1a !important; }
.dropdown .search-header, .dropdown-contents .inputbox { background: #fff !important; color: #1a1a1a !important; }

/* the sixth pass (the owner 31.10: «много текста, сложно разобраться; меню скучное»): a calm navbar - the menu icon, the login as the
   site's button, the registration as an outlined one; the FAQ link and the lone «Список форумов» crumb on the index out */
.navbar a[rel="help"] { display: none !important; }
.section-index #nav-breadcrumbs, .section-index ul.navlinks { display: none !important; }
.navbar { padding: 10px 14px !important; }
ul.nav-main { display: flex; align-items: center; flex-wrap: nowrap; }
ul.nav-main > li.rightside { margin-left: 8px !important; }
.navbar a[accesskey="x"] { background: linear-gradient(115deg, #ffd329, #ff9815); color: #171717 !important; border-radius: 9px; padding: 8px 16px !important; font-weight: 800; }
.navbar a[accesskey="x"] .icon { display: none; }
.navbar a[href*="mode=register"] { border: 1px solid #ff9815; color: #ffb53d !important; border-radius: 9px; padding: 7px 14px !important; font-weight: 700; }
.navbar a[href*="mode=register"] .icon { display: none; }
#quick-links > a.dropdown-trigger { font-size: 0 !important; padding: 6px 8px !important; border-radius: 9px; background: #26252a; }
#quick-links > a.dropdown-trigger .icon { font-size: 18px; color: #ffb53d !important; }

/* the dropdowns: a card with roomy rows, orange icons, no dotted lines */
.dropdown .dropdown-contents { background: #1f1f23 !important; border: 1px solid #34343a !important; border-radius: 14px !important; padding: 8px !important; box-shadow: 0 14px 34px rgba(0, 0, 0, .45) !important; min-width: 240px; }
.dropdown li { border: 0 !important; margin: 0 !important; }
.dropdown li.separator { border-top: 1px solid #2e2e33 !important; margin: 6px 4px !important; }
.dropdown-contents a { display: flex !important; align-items: center; gap: 12px; padding: 11px 12px !important; border-radius: 10px; color: #e2e0da !important; font-size: 15px; font-weight: 700; }
.dropdown-contents a:hover { background: #2a2930; color: #ffb53d !important; }
.dropdown-contents a .icon { color: #ffa51f !important; font-size: 17px; width: 20px; text-align: center; }
.dropdown .pointer, .dropdown .pointer-inner { border-color: #34343a transparent !important; }
@media (max-width: 700px) {
	.navbar a[accesskey="x"] { padding: 7px 13px !important; }
	.navbar a[href*="mode=register"] { padding: 6px 11px !important; }
}

/* the seventh pass (31.10): the menu button a square with the icon centred; the login page (template/login_body.html) */
#quick-links { display: flex !important; align-items: center; }
#quick-links > a.dropdown-trigger { display: flex !important; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0 !important; box-sizing: border-box; }
#quick-links > a.dropdown-trigger .icon { line-height: 1; margin: 0; }
ul.nav-main > li { align-self: center; }

.flin-login .flin-card { max-width: 460px; margin: 0 auto 16px; }
.flin-login .flin-card .content { padding: 22px 20px !important; }
.flin-login h2.login-title { font-size: 26px !important; font-weight: 800; color: #f2efe8 !important; border: 0 !important; margin: 0 0 6px !important; padding: 0 !important; }
.flin-hint { color: #9a978f !important; font-size: 14px !important; margin: 0 0 18px !important; line-height: 1.45; }
.flin-label { display: block; color: #c9c6bd !important; font-size: 14px; font-weight: 700; margin: 14px 0 6px; }
.flin-input { display: block; width: 100% !important; box-sizing: border-box; height: 48px; font-size: 16px !important; padding: 0 14px !important; border-radius: 11px !important; background: #141417 !important; border: 1px solid #36363d !important; color: #f2efe8 !important; }
.flin-input:focus { border-color: #ff9815 !important; box-shadow: 0 0 0 3px rgba(255, 152, 21, .2) !important; outline: none; }
.flin-row { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 14px 0 18px; flex-wrap: wrap; }
.flin-check { color: #c9c6bd !important; font-size: 14px; display: flex; align-items: center; gap: 8px; }
.flin-check input { accent-color: #ff9815; width: 18px; height: 18px; margin: 0; }
.flin-forgot { font-size: 14px; font-weight: 700; }
.flin-login input.flin-submit { display: block; width: 100% !important; height: 50px; font-size: 17px !important; border-radius: 12px !important; }
.flin-small { color: #8a877f !important; font-size: 13px !important; margin: 14px 0 0 !important; line-height: 1.5; text-align: center; }
.flin-small a { font-weight: 600; }
.flin-reg .content { text-align: center; }
.flin-reg-title { color: #e2e0da !important; font-size: 16px !important; font-weight: 700; margin: 0 0 12px !important; }
.flin-reg-btn { display: block; height: 48px; line-height: 46px; border: 1px solid #ff9815; border-radius: 12px; color: #ffb53d !important; font-size: 16px; font-weight: 800; text-decoration: none !important; box-sizing: border-box; }
.flin-reg-btn:hover { background: rgba(255, 152, 21, .1); }
.flin-points { list-style: none; margin: 4px 0 6px !important; padding: 0 !important; }
.flin-points li { display: flex; gap: 10px; align-items: flex-start; color: #e2e0da !important; font-size: 15px; line-height: 1.45; padding: 9px 0; border-bottom: 1px solid #2c2c31; }
.flin-points li:last-child { border-bottom: 0; }
.flin-points .icon { color: #ffa51f !important; margin-top: 3px; }
.flin-left { text-align: left !important; margin: 8px 0 18px !important; }
.flin-link-btn { display: block; width: 100%; margin-top: 10px; background: none !important; border: 0 !important; box-shadow: none !important; color: #8a877f !important; font-size: 15px !important; cursor: pointer; padding: 8px !important; }
.flin-link-btn:hover { color: #e2e0da !important; }
/* the long agreement/terms pages: calmer text */
.agreement { color: #c9c6bd !important; font-size: 15px !important; line-height: 1.65 !important; }
.agreement p, .agreement { margin-bottom: 14px; }
/* the footer: the timezone line out */
#page-footer .navbar li.rightside:not(:has(a)) { display: none !important; }
.flin-field-hint { color: #8a877f !important; font-size: 13px !important; margin: 6px 0 0 !important; }
.flin-captcha-box { margin: 20px 0 18px; padding-top: 16px; border-top: 1px solid #2c2c31; }
.flin-captcha-img { display: block; max-width: 100%; height: auto; border-radius: 10px; margin-bottom: 10px; }
.flin-captcha-row { display: flex; gap: 10px; }
.flin-captcha-row .flin-input { flex: 1; }
.flin-refresh { width: 48px; height: 48px; flex: none; border-radius: 11px; border: 1px solid #36363d; background: #26252a; color: #ffa51f; font-size: 18px; cursor: pointer; }
.flin-login .flin-submit { margin-top: 6px; }

/* the eighth pass (31.10, «обнови всё остальное в старом стиле»): every prosilver form (search, profile, posting, UCP) in the login look */
label, fieldset dl dt label, dl.details dt { color: #c9c6bd !important; }
fieldset dl { margin-bottom: 14px !important; }
fieldset dl dt label { font-size: 15px !important; font-weight: 700; }
fieldset dl dt span, fieldset dl dd.explain, .explain { color: #8a877f !important; font-size: 13px !important; line-height: 1.45; }
fieldset dl dd label { color: #e2e0da !important; font-size: 15px !important; font-weight: 500; display: inline-flex; align-items: center; gap: 8px; margin: 4px 14px 4px 0; white-space: normal !important; }
input[type="radio"], input[type="checkbox"] { accent-color: #ff9815; width: 18px; height: 18px; margin: 0 !important; }
input.inputbox, input[type="text"], input[type="search"], input[type="email"], input[type="password"], input[type="number"], select, textarea {
	background: #141417 !important; border: 1px solid #36363d !important; color: #f2efe8 !important; border-radius: 10px !important; font-size: 16px !important; box-sizing: border-box; }
input.inputbox, select { min-height: 44px; padding: 0 12px !important; }
textarea { padding: 10px 12px !important; }
input.inputbox:focus, select:focus, textarea:focus { border-color: #ff9815 !important; box-shadow: 0 0 0 3px rgba(255, 152, 21, .2) !important; outline: none; }
input.inputbox.tiny, input.inputbox.narrow { width: 90px !important; }
select[multiple] { padding: 6px !important; min-height: 160px; }
.panel h3, .content h3, .panel h2:not(.login-title) { text-transform: none !important; font-size: 19px !important; font-weight: 800 !important; color: #f2efe8 !important; border-bottom: 1px solid #2c2c31 !important; padding-bottom: 10px !important; margin-bottom: 14px !important; letter-spacing: 0 !important; font-family: inherit !important; }
#page-body > h2, h2.searchresults-title, h2.forum-title, h2.topic-title, .page-title { font-size: 28px !important; font-weight: 800 !important; color: #f2efe8 !important; margin: 6px 4px 14px !important; }
hr, hr.dashed { border: 0 !important; border-top: 1px solid #2c2c31 !important; background: none !important; height: 0; margin: 16px 0 !important; }
fieldset.submit-buttons { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; }
fieldset.submit-buttons input.button1, fieldset.submit-buttons input.button2 { min-height: 46px; padding: 0 26px !important; border-radius: 12px !important; font-size: 16px !important; }
input.button2, a.button2 { background: transparent !important; border: 1px solid #ff9815 !important; color: #ffb53d !important; border-radius: 12px !important; }
/* the search page: the long help texts out (the fields speak for themselves) */
.section-search fieldset dl dt br, .section-search fieldset dl dt span { display: none !important; }
@media (max-width: 700px) {
	fieldset dl dt, fieldset dl dd { width: auto !important; float: none !important; margin-left: 0 !important; }
	input.inputbox:not(.tiny):not(.narrow), select:not([multiple]) { width: 100% !important; max-width: 100% !important; }
	select[multiple] { width: 100% !important; }
}

/* the ninth pass (31.10): the FAQ list, the section page's action bar, the clutter under the lists */
#faqlinks .column1, #faqlinks .column2 { width: 100% !important; float: none !important; }
dl.faq { margin: 0 0 18px !important; }
dl.faq dt, dl.faq dt strong { color: #ffb53d !important; font-size: 16px !important; font-weight: 800 !important; margin: 4px 0 8px !important; }
dl.faq dd { margin: 0 !important; border-bottom: 1px solid #26262b; }
dl.faq dd a { display: block; padding: 9px 2px; color: #e2e0da !important; font-size: 15px; }
dl.faq dd a:hover { color: #ffb53d !important; }
.faq h3 { color: #ffb53d !important; }
.faq dd, .faq .content { color: #c9c6bd !important; }
.action-bar .search-box { display: none !important; }
.action-bar .button { min-height: 42px; border-radius: 11px !important; }
.action-bar .pagination { color: #8a877f !important; }
.stat-block.permissions, .jumpbox, .action-bar .dropdown-container-left:has(.jumpbox) { display: none !important; }
.stat-block h3 { text-transform: none !important; border: 0 !important; font-size: 17px !important; color: #f2efe8 !important; }
.stat-block { color: #9a978f !important; padding: 0 6px; }
.panel > .inner > strong, .panel strong:only-child { color: #c9c6bd !important; font-weight: 600; }
.action-bar .button { display: inline-flex !important; align-items: center; gap: 8px; padding: 0 16px !important; }
html, body { min-height: 100vh; }

/* ===== the tenth pass (31.10): own navbar (template/navbar_header.html), UCP, posting, tables ===== */
.flin-bar-row { display: flex; align-items: center; gap: 10px; }
.flin-bar-right { margin-left: auto; display: flex; align-items: center; gap: 8px; min-width: 0; }
.flin-ico { position: relative; display: inline-flex !important; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 11px; background: #26252a; color: #ffb53d !important; text-decoration: none !important; flex: none; }
.flin-ico .icon { font-size: 18px !important; color: #ffb53d !important; margin: 0 !important; }
.flin-ico .badge { position: absolute; top: -4px; right: -4px; min-width: 18px; height: 18px; line-height: 18px; padding: 0 5px; border-radius: 9px; background: #ff5a3c !important; color: #fff !important; font-size: 11px; font-weight: 800; box-sizing: border-box; text-align: center; }
.flin-ico .badge.hidden { display: none; }
.flin-user-btn { display: inline-flex !important; align-items: center; gap: 8px; height: 44px; padding: 0 10px 0 5px; border-radius: 11px; background: #26252a; color: #f2efe8 !important; text-decoration: none !important; min-width: 0; }
.flin-ava { width: 34px; height: 34px; flex: none; border-radius: 9px; background: linear-gradient(115deg, #ffd329, #ff9815); color: #171717; font-weight: 800; font-size: 16px; display: flex; align-items: center; justify-content: center; text-transform: uppercase; }
.flin-uname { font-weight: 700; font-size: 15px; max-width: 130px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.flin-user-btn .icon { color: #8a877f !important; }
.flin-btn-login { background: linear-gradient(115deg, #ffd329, #ff9815); color: #171717 !important; border-radius: 11px; height: 44px; padding: 0 18px; display: inline-flex; align-items: center; font-weight: 800; text-decoration: none !important; }
.flin-btn-reg { border: 1px solid #ff9815; color: #ffb53d !important; border-radius: 11px; height: 44px; padding: 0 16px; display: inline-flex; align-items: center; font-weight: 700; text-decoration: none !important; box-sizing: border-box; }
.navbar .dropdown a[accesskey="x"] { background: none !important; color: #ff8a6a !important; padding: 11px 12px !important; border-radius: 10px; font-weight: 700; }
.navbar .dropdown a[accesskey="x"] .icon { display: inline-block !important; color: #ff8a6a !important; }
.flin-bar-right .dropdown { left: auto !important; right: 0 !important; }
.flin-bar-right .dropdown .pointer { left: auto !important; right: 16px !important; }
.flin-bar #nav-breadcrumbs { margin-top: 10px !important; padding-top: 10px; border-top: 1px solid #2c2c31; }
.flin-bar .crumb { white-space: nowrap; }
.flin-bar .breadcrumbs { overflow: hidden; text-overflow: ellipsis; }
#notification_list { width: min(340px, calc(100vw - 32px)) !important; }
p.time, a.mark-read { display: none !important; }
@media (max-width: 420px) { .flin-uname { max-width: 80px; } .flin-btn-login, .flin-btn-reg { padding: 0 12px; } }

/* the search forum list: a picked forum in orange, not the browser teal */
select[multiple] option { padding: 6px 8px; border-radius: 6px; }
select[multiple] option:checked { background: linear-gradient(#5a3a10, #5a3a10) !important; color: #ffd28a !important; }

/* tabs (UCP, posting options): dark pills instead of the blue-grey prosilver tabs */
.tabs { margin: 0 0 10px !important; padding: 0 !important; }
.tabs ul, ul.tabs { display: flex; flex-wrap: wrap; gap: 6px; }
.tabs .tab, .tabs li { margin: 0 !important; float: none !important; }
.tabs .tab > a, .tabs li a { background: #26252a !important; border: 1px solid #34343a !important; border-radius: 10px !important; color: #c9c6bd !important; padding: 9px 14px !important; font-size: 15px; font-weight: 700; box-shadow: none !important; display: block; }
.tabs .activetab > a, .tabs li.activetab a, .tabs .tab > a:hover { background: linear-gradient(115deg, #ffd329, #ff9815) !important; color: #171717 !important; border-color: transparent !important; }
.tabs .responsive-tab { display: none !important; }
.tabs .tab.hidden, .tabs li.hidden { display: block !important; }
/* the UCP side menu: chips instead of the blue-grey blocks */
#navigation { float: none !important; width: auto !important; margin: 0 0 14px !important; }
#navigation ul { display: flex; flex-wrap: wrap; gap: 6px; padding: 0 !important; }
#navigation li { margin: 0 !important; }
#navigation a, #navigation li a { background: #26252a !important; border: 1px solid #34343a !important; border-radius: 9px !important; color: #c9c6bd !important; padding: 7px 12px !important; font-size: 14px !important; font-weight: 700; display: block; text-decoration: none !important; }
#navigation #active-subsection a, #navigation a:hover { background: #3a2a12 !important; color: #ffb53d !important; border-color: #ff9815 !important; }
.cp-main { float: none !important; width: auto !important; }
dl.details dt { color: #8a877f !important; font-weight: 600; float: none !important; width: auto !important; text-align: left !important; }
dl.details dd { color: #e2e0da !important; margin: 2px 0 10px !important; padding: 0 !important; }

/* tables (team, members, UCP lists) */
table.table1 { width: 100%; border-collapse: separate !important; border-spacing: 0; }
table.table1 thead th { background: #26252a !important; color: #ffb53d !important; text-transform: none !important; font-size: 14px !important; font-weight: 800; padding: 10px 12px !important; border: 0 !important; }
table.table1 tbody td { border: 0 !important; border-top: 1px solid #2c2c31 !important; padding: 10px 12px !important; color: #e2e0da !important; background: #1d1d21 !important; }
table.table1 td::before, table.table1 .info { color: #8a877f !important; font-style: normal !important; }
table.table1 tbody td[colspan] { color: #8a877f !important; font-weight: 600; text-align: center; }
.forumbg-table, .forumbg-table > .inner { border-radius: 14px; overflow: hidden; padding: 0 !important; }

/* posting: compact dark toolbar, no 1999 smilies, a calm option list */
#format-buttons { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 8px !important; }
#format-buttons .button { min-width: 38px !important; height: 38px !important; padding: 0 !important; border-radius: 9px !important; background: #26252a !important; border: 1px solid #34343a !important; color: #e2e0da !important; box-shadow: none !important; margin: 0 !important; }
#format-buttons .button .icon { color: #e2e0da !important; font-size: 15px !important; }
#format-buttons .button:hover { border-color: #ff9815 !important; }
#format-buttons .button:hover .icon { color: #ffb53d !important; }
#format-buttons select { height: 38px; min-height: 38px !important; width: auto !important; font-size: 14px !important; }
#smiley-box { display: none !important; }
#message-box { width: 100% !important; }
#message-box textarea, textarea#message { min-height: 260px; width: 100% !important; }
#options-panel label { display: flex !important; gap: 10px; align-items: center; color: #c9c6bd !important; font-size: 15px !important; margin: 8px 0 !important; }
fieldset.submit-buttons input[name="preview"] { background: transparent !important; border: 1px solid #ff9815 !important; color: #ffb53d !important; }
fieldset.submit-buttons input[name="save"] { background: none !important; border: 0 !important; color: #8a877f !important; }
@media (max-width: 700px) {
	fieldset.submit-buttons input { flex: 1 1 100%; }
}

/* posting buttons: «Отправить» first, no stray gaps */
fieldset.submit-buttons { gap: 8px !important; }
fieldset.submit-buttons input { margin: 0 !important; }
fieldset.submit-buttons input[name="post"] { order: -2; }
fieldset.submit-buttons input[name="preview"] { order: -1; }
#postform fieldset.submit-buttons br, fieldset.submit-buttons > br { display: none; }
#options-panel dd, #options-panel .explain, #options-panel dl + p { font-size: 13px !important; color: #8a877f !important; }

/* the eleventh pass (31.10): the avatar in the navbar; profile/member lists without italics and brackets */
.flin-ava-img { background: none; overflow: hidden; }
.flin-ava-img img { width: 34px !important; height: 34px !important; object-fit: cover; border-radius: 9px; }
table.table1 dfn, table.table1 .responsive-show, table.table1 td span[style*="italic"] { font-style: normal !important; color: #8a877f !important; }
table.table1 td em { font-style: normal; color: #8a877f; }
.memberlist-title, .linklist.bulletin, #memberlist .action-bar { color: #c9c6bd; }
.panel .column1 dd, .panel .column2 dd { color: #e2e0da !important; }
#viewprofile .avatar img, #viewprofile dl.left-box img { border-radius: 14px; }
#viewprofile select + input.button2 { margin-top: 8px; }