body {
	background: #fff;
	color: #333;
	text-align: center;
	line-height: 1.4;
	margin: 0;
	font-family: Tahoma, Verdana, Arial, Sans-Serif;
	font-size: 13px;
	overflow-y: scroll;
}

a:link {
	color: #0072BC;
	text-decoration: none;
}

a:visited {
	color: #0072BC;
	text-decoration: none;
}

a:hover,
a:active {
	color: #0072BC;
	text-decoration: underline;
}

#container {
	color: #333;
	text-align: left;
	line-height: 1.4;
	margin: 0;
	font-family: Tahoma, Verdana, Arial, Sans-Serif;
	font-size: 13px;
	min-width: 990px;
}

.wrapper {
	width: 85%;
	min-width: 970px;
	max-width: 1500px;
	margin: auto auto;
}

#logo {
	background: #fff;
	padding: 10px 0;
	border-bottom: 1px solid #263c30;
}

#content {
	background: #fff;
	width: auto !important;
	padding: 20px 10px;
	overflow: hidden;
}

#header ul.menu {
	margin: 0;
	padding: 0;
	list-style: none;
}

#header ul.menu li {
	margin: 0 7px;
	display: inline;
}

#header ul.menu li a {
	padding-left: 20px;
	background-image: url(../../../images/headerlinks_sprite.png);
	background-repeat: no-repeat;
	display: inline-block;
	line-height: 16px;
}

#logo ul.top_links {
	font-weight: bold;
	text-align: right;
	margin: -10px 5px 0 0;
}

#logo ul.top_links a.search {
	background-position: 0 0;
}

#logo ul.top_links a.memberlist {
	background-position: 0 -20px;
}

#logo ul.top_links a.calendar {
	background-position: 0 -40px;
}

#logo ul.top_links a.help {
	background-position: 0 -60px;
}

#logo ul.top_links a.portal {
	background-position: 0 -180px;
}

#panel .upper a.logout {
	font-weight: bold;
	background: url(../../../images/headerlinks_sprite.png) right -80px no-repeat;
	padding-right: 20px;
	margin-left: 10px;
}

#panel .upper a.login,
#panel .upper a.lost_password {
	background: url(../../../images/headerlinks_sprite.png) 0 -100px no-repeat;
	padding-left: 20px;
	margin-left: 10px;
	font-weight: bold;
}

#panel .upper a.register {
	background: url(../../../images/headerlinks_sprite.png) right -80px no-repeat;
	padding-right: 20px;
	margin-left: 10px;
	font-weight: bold;
}

#panel .lower ul.panel_links {
	float: left;
}

#panel .lower ul.panel_links a.usercp {
	background-position: 0 -120px;
}

#panel .lower ul.panel_links a.modcp {
	background-position: 0 -140px;
}

#panel .lower ul.panel_links a.admincp {
	background-position: 0 -160px;
}

#panel .lower ul.user_links {
	float: right;
}

#panel .lower ul.user_links li a {
	padding: 0;
	background-image: none;
}

#panel .upper {
	background: #0f0f0f url(../../../images/tcat.png) repeat-x;
	color: #fff;
	border-top: 1px solid #444;
	border-bottom: 1px solid #000;
	padding: 7px;
	clear: both;
}

#panel .upper a:link,
#panel .upper a:visited,
#panel .upper a:hover,
#panel .upper a:active {
	color: #fff;
}

#panel .lower {
	background: #efefef;
	color: #999;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #ccc;
	padding: 5px;
}

#panel .lower a:link,
#panel .lower a:visited,
#panel .lower a:hover,
#panel .lower a:active {
	color: #666;
}

#search {
	border: 0;
	padding: 0;
	margin: 0;
	float: right;
	vertical-align: middle;
}

#search input.button,
#search input.textbox {
	border-color: #000;
}

#search input.button {
	background: #0066a2 url(../../../images/thead.png) top left repeat-x;
	color: #fff;
}

#search input {
	margin: -3px 0;
}

#quick_login .remember_me input {
	vertical-align: middle;
	margin: -3px 0 0 5px;
}

#footer {
	clear: both;
}

#footer ul.menu {
	margin: 0;
	padding: 0;
	list-style: none;
}

#footer ul.menu li {
	margin: 0 5px;
	display: inline;
}

#footer .upper {
	background: #efefef;
	border-top: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	padding: 6px;
	font-size: 12px;
	overflow: hidden;
}

#footer a:link,
#footer a:visited,
#footer a:hover,
#footer a:active {
	color: #777;
}

#footer .upper .language {
	float: right;
	margin: -1px;
	margin-left: 15px;
}

#footer .upper .language select {
	border-color: #ccc;
}

#footer .upper .theme {
	float: right;
	margin: -1px;
	margin-left: 15px;
}

#footer .upper .theme select {
	border-color: #ccc;
}

#footer .upper ul.bottom_links {
	float: left;
	margin: 4px 0 0 0;
}

#footer .lower {
	color: #666;
	padding: 6px 6px 12px 6px;
	overflow: hidden;
	font-size: 11px;
}

#footer .lower a:link,
#footer .lower a:visited {
	color: #444;
	font-weight: bold;
}

#footer .lower a:hover,
#footer .lower a:active {
	color: #333;
	text-decoration: underline;
	font-weight: bold;
}

#footer .lower #current_time {
	float: right;
	color: #888;
}

#debug {
	float: right;
	text-align: right;
	margin-top: 20px;
	font-size: 11px;
}

.scaleimages img {
	max-width: 100%;
}

.forum_status {
	height: 30px;
	width: 30px;
	background: url(../../../images/forum_icon_sprite.png) no-repeat 0 0;
	display: inline-block;
}

.forum_on {
	background-position: 0 0;
}

.forum_off {
	background-position: 0 -30px;
}

.forum_offclose {
	background-position: 0 -60px;
}

.forum_offlink {
	background-position: 0 -90px;
}

.subforumicon {
	height: 10px;
	width: 10px;
	display: inline-block;
	margin: 0 5px;
	background: url(../../../images/mini_status_sprite.png) no-repeat 0 0;
}

.subforum_minion {
	background-position: 0 0;
}

.subforum_minioff {
	background-position: 0 -10px;
}

.subforum_minioffclose {
	background-position: 0 -20px;
}

.subforum_miniofflink {
	background-position: 0 -30px;
}

table {
	color: #333;
	font-size: 13px;
}

.tborder {
	background: #fff;
	width: 100%;
	margin: auto auto;
	border: 1px solid #ccc;
	padding: 1px;
}

.tfixed {
	table-layout: fixed;
	word-wrap: break-word;
}

.thead {
	background: #0066a2 url(../../../images/thead.png) top left repeat-x;
	color: #ffffff;
	border-bottom: 1px solid #263c30;
	padding: 8px;
}

.thead a:link {
	color: #ffffff;
	text-decoration: none;
}

.thead a:visited {
	color: #ffffff;
	text-decoration: none;
}

.thead a:hover,
.thead a:active {
	color: #ffffff;
	text-decoration: underline;
}

.tcat {
	background: #0f0f0f url(../../../images/tcat.png) repeat-x;
	color: #fff;
	border-top: 1px solid #444;
	border-bottom: 1px solid #000;
	padding: 6px;
	font-size: 12px;
}

.tcat a:link {
	color: #fff;
}

.tcat a:visited {
	color: #fff;
}

.tcat a:hover,
.tcat a:active {
	color: #fff;
}

.trow1 {
	background: #f5f5f5;
	border: 1px solid;
	border-color: #fff #ddd #ddd #fff;
}

.trow2 {
	background: #efefef;
	border: 1px solid;
	border-color: #fff #ddd #ddd #fff;
}

.trow_shaded {
	background: #ffdde0;
	border: 1px solid;
	border-color: #fff #ffb8be #ffb8be #fff;
}

.no_bottom_border {
	border-bottom: 0;
}

.post.unapproved_post {
	background: #ffdde0;
}

.thread_start_datetime {
	color: #999;
}

.post.unapproved_post .post_author {
	border-bottom-color: #ffb8be;
}

.post.classic.unapproved_post .post_author {
	border-color: #ffb8be;
}

.post.unapproved_post .post_controls {
	border-top-color: #ffb8be;
}

.trow_deleted,
.post.deleted_post {
	background: #E8DEFF;
}

.trow_selected,
tr.trow_selected td {
	background: #FFFBD9;
	color: #333;
	border-right-color: #F7E86A;
	border-bottom-color: #F7E86A;
}

.trow_selected a:link,
.trow_selected a:visited,
.trow_selected a:hover,
.trow_selected a:active {
	color: #333;
}

.trow_sep {
	background: #ddd;
	color: #333;
	border-bottom: 1px solid #c5c5c5;
	padding: 6px;
	font-size: 12px;
	font-weight: bold;
}

.tfoot {
	border-top: 1px solid #fff;
	padding: 6px;
	background: #ddd;
	color: #666;
}

.tfoot a:link {
	color: #444;
	text-decoration: none;
}

.tfoot a:visited {
	color: #444;
	text-decoration: none;
}

.tfoot a:hover,
.tfoot a:active {
	color: #444;
	text-decoration: underline;
}

.thead input.textbox,
.thead select {
	border: 1px solid #263c30;
}

.bottommenu {
	background: #efefef;
	color: #333;
	border: 1px solid #4874a3;
	padding: 10px;
}

.navigation {
	color: #333;
	font-size: 12px;
}

.navigation a:link {
	text-decoration: none;
}

.navigation a:visited {
	text-decoration: none;
}

.navigation a:hover,
.navigation a:active {
	text-decoration: underline;
}

.navigation .active {
	color: #333;
	font-size: small;
	font-weight: bold;
}

.smalltext {
	font-size: 11px;
}

.largetext {
	font-size: 16px;
	font-weight: bold;
}

fieldset {
	padding: 12px;
	border: 1px solid #ddd;
	margin: 0;
}

fieldset.trow1,
fieldset.trow2 {
	border-color: #bbb;
}

fieldset.align_right {
	text-align: right;
}

input.textbox {
	background: #ffffff;
	color: #333;
	border: 1px solid #ccc;
	padding: 3px;
	outline: 0;
	font-size: 13px;
	font-family: Tahoma, Verdana, Arial, Sans-Serif;
}

input.textbox.portal_search {
    width: 68%;
}

textarea {
	background: #ffffff;
	color: #333;
	border: 1px solid #ccc;
	padding: 2px;
	line-height: 1.4;
	outline: 0;
	font-family: Tahoma, Verdana, Arial, Sans-Serif;
	font-size: 13px;
}

select {
	background: #ffffff;
	padding: 3px;
	border: 1px solid #ccc;
	outline: 0;
	font-family: Tahoma, Verdana, Arial, Sans-Serif;
	font-size: 13px;
}

button,
input.button {
	padding: 3px 8px;
	cursor: pointer;
	font-family: Tahoma, Verdana, Arial, Sans-Serif;
	font-size: 13px;
	background: #eee url(../../../images/buttons_bg.png) repeat-x;
	border: 1px solid #bbb;
	color: #333;
	outline: 0;
}

button:hover,
input.button:hover {
	border-color: #aaa;
}

form {
	margin: 0;
	padding: 0;
}

input.error, textarea.error, select.error {
	border: 1px solid #f30;
	color: #f30;
}

input.valid, textarea.valid, select.valid {
	border: 1px solid #0c0;
}

label.error {
	color: #f30;
	margin: 5px;
	padding: 0px;
	display: block;
	font-weight: bold;
	font-size: 11px;
}

form #message {
	width: 500px;
}

.editor {
	background: #f1f1f1;
	border: 1px solid #ccc;
}

.editor_control_bar {
	background: #fff;
	border: 1px solid #ccc;
}

.post .editor_control_bar {
	background: #f5f5f5;
}

.popup_menu {
	background: #fff;
	border: 1px solid #ccc;
}

.popup_menu .popup_item {
	background: #efefef;
	color: #333;
}

.popup_menu .popup_item:hover {
	background: #0072BC;
	color: #fff;
}

.trow_reputation_positive {
	background: #ccffcc;
}

.trow_reputation_negative {
	background: #ffcccc;
}

.reputation_positive {
	color: green;
}

.reputation_neutral {
	color: #444;
}

.reputation_negative {
	color: red;
}

.repbox {
	font-size:16px;
	font-weight: bold;
	padding:5px 7px 5px 7px;
}

._neutral {
	background-color:#FAFAFA;
	color: #999999;
	border:1px solid #CCCCCC;
}

._minus {
	background-color: #FDD2D1;
	color: #CB0200;
	border:1px solid #980201;
}

._plus {
	background-color:#E8FCDC;
	color: #008800;
	border:1px solid #008800;
}

img {
	border: none;
}

img.attachment {
	border: 1px solid #E9E5D7;
	padding: 2px;
}

hr {
	background-color: #000000;
	color: #000000;
	height: 1px;
	border: 0px;
}

.clear {
	clear: both;
}

.float_left {
	float: left;
}

.float_right {
	float: right;
}

.hidden {
	display: none;
	float: none;
	width: 1%;
}

.hiddenrow {
	display: none;
}

.selectall {
	background: #FFFBD9;
	border-bottom: 1px solid #F7E86A;
	color: #333;
	text-align: center;
}

.expcolimage {
	float: right;
	width: auto;
	vertical-align: middle;
	margin-top: 3px;
}

.tcat_menu > .expcolimage {
	margin-top: 0;
}

blockquote {
	border: 1px solid #ccc;
	margin: 0;
	background: #fff;
	padding: 10px;
}

blockquote cite {
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	font-style: normal;
	display: block;
	padding-bottom: 3px;
	margin: 0 0 10px 0;
}

blockquote cite > span {
	float: right;
	font-weight: normal;
	font-size: 12px;
	color: #666;
}

blockquote cite span.highlight {
	float: none;
	font-weight: bold;
	padding-bottom: 0;
}

.codeblock {
	background: #fff;
	border: 1px solid #ccc;
	padding: 10px;
}

.codeblock .title {
	border-bottom: 1px solid #ccc;
	font-weight: bold;
	padding-bottom: 3px;
	margin: 0 0 10px 0;
}

.codeblock code {
	overflow: auto;
	height: auto;
	max-height: 200px;
	display: block;
	font-family: Monaco, Consolas, Courier, monospace;
	font-size: 13px;
}

.smilie {
	vertical-align: middle;
}

.smilie_pointer {
	cursor: pointer;
}

.separator {
	margin: 5px;
	padding: 0;
	height: 0px;
	font-size: 1px;
	list-style-type: none;
}

.popup_menu .popup_item_container {
	margin: 1px;
	text-align: left;
}

.popup_menu .popup_item {
	display: block;
	padding: 4px;
	white-space: nowrap;
	text-decoration: none;
}

.popup_menu a.popup_item:hover {
	text-decoration: none;
}

.subject_new {
	font-weight: bold;
}

.highlight {
	background: #FFFFCC;
	padding-top: 3px;
	padding-bottom: 3px;
}

.pm_alert {
	background: #FFF6BF;
	border: 1px solid #FFD324;
	text-align: center;
	padding: 5px 20px;
	margin-bottom: 15px;
	font-size: 11px;
}

.red_alert {
	background: #FBE3E4;
	border: 1px solid #A5161A;
	color: #A5161A;
	text-align: center;
	padding: 5px 20px;
	margin-bottom: 15px;
	font-size: 11px;
	word-wrap: break-word;
}

.red_alert a:link,
.red_alert a:visited,
.red_alert a:hover,
.red_alert a:active {
	color: #A5161A;
}

.high_warning {
	color: #CC0000;
}

.moderate_warning {
	color: #F3611B;
}

.low_warning {
	color: #AE5700;
}

.imminent_banned {
	color: #880000;
}

.high_banned {
	color: #FF0000;
}

.moderate_banned {
	color: #FF6600;
}

.low_banned {
	color: #008000;
}

.online {
	color: #15A018;
}

.offline {
	color: #C7C7C7;
}

div.error {
	padding: 5px 10px;
	border: 2px solid #FFD324;
	background: #FFF6BF;
	font-size: 12px;
}

div.error p {
	margin: 0;
	color: #333;
	font-weight: normal;
}

div.error p em {
	font-style: normal;
	font-weight: bold;
	padding-left: 24px;
	display: block;
	color: #C00;
	background: url(../../../images/error.png) no-repeat 0;
}

div.error ul {
	margin-left: 24px;
}

.pagination {
	font-size: 11px;
	padding-top: 10px;
	margin-bottom: 5px;
}

.tfoot .pagination,
.tcat .pagination {
	padding-top: 0;
}

.pagination .pages {
	font-weight: bold;
}

.pagination .pagination_current,
.pagination a {
	padding: 3px 6px;
	margin-bottom: 3px;
}

.pagination a {
	background: #f5f5f5;
	border: 1px solid #ccc;
}

.pagination .pagination_current {
	background: none;
	color: #333;
	border: none;
	font-weight: bold;
}

.pagination a:hover {
	background: #0072BC;
	color: #fff;
	border-color: #263c30;
	text-decoration: none;
}

.pagination .go_page img {
	margin-bottom: -4px;
}

.drop_go_page {
	background: #f5f5f5;
	padding: 4px;
}

.pagination_breadcrumb {
	background-color: #efefef;
	border: 1px solid #fff;
	outline: 1px solid #ccc;
	padding: 5px;
	margin-top: 5px;
	font-weight: normal;
}

.pagination_breadcrumb_link {
	vertical-align: middle;
	cursor: pointer;
}

.thread_legend,
.thread_legend dd {
	margin: 0;
	padding: 0;
}

.thread_legend dd {
	padding-bottom: 4px;
	margin-right: 15px;
}

.thread_legend img {
	margin-right: 4px;
	vertical-align: bottom;
}

.forum_legend,
.forum_legend dt,
.forum_legend dd {
	margin: 0;
	padding: 0;
}

.forum_legend dd {
	float: left;
	margin-right: 10px;
	margin-top: 7px;
}

.forum_legend dt {
	margin-right: 10px;
	float: left;
}

.success_message {
	color: #00b200;
	font-weight: bold;
	font-size: 10px;
	margin-bottom: 10px;
}

.error_message {
	color: #C00;
	font-weight: bold;
	font-size: 10px;
	margin-bottom: 10px;
}

#posts_container {
	padding: 0;
}

.ignored_post {
	border-top: 3px solid #333;
	padding: 15px;
}

.ignored_post .show_ignored_post {
	margin-top: -15px;
}

.ignored_post .show_ignored_post a.button span {
	background-position: 0 -400px;
}

.deleted_post_hidden {
	border-top: 2px solid #ccc;
	padding: 15px;
}

.deleted_post_collapsed {
	border-top: 3px solid #333;
	padding: 15px;
}

.deleted_post_collapsed .show_deleted_post {
	margin-top: -15px;
}

.deleted_post_collapsed .show_deleted_post a.button span {
	background-position: 0 -400px;
}

.post {
	overflow: hidden;
}

.post.classic {
	padding-top: 15px;
}

.post .post_author {
	border-bottom: 1px solid #ccc;
	border-top: 2px solid #ccc;
	background: #f5f5f5;
	padding: 5px;
	overflow: hidden;
}

.post.classic .post_author {
	border: 1px solid #ddd;
	float: left;
	width: 15%;
	margin: 0 1% 15px 0;
	border-left: 0;
	padding: 5px 1%;
}

.post .post_author .buddy_status {
	vertical-align: middle;
	margin-top: -4px;
}

.post .post_author div.author_avatar {
	float: left;
	margin-right: 3px;
}

.post.classic .post_author div.author_avatar {
	float: none;
	text-align: center;
	margin-bottom: 8px;
}

.post .post_author div.author_avatar img {
	padding: 5px;
	border: 1px solid #ddd;
	background: #fff;
}

.post .post_author div.author_information {
	float: left;
	padding: 6px 8px;
}

.post.classic .post_author div.author_information {
	float: none;
	padding: 0;
	text-align: center;
}

.post .post_author div.author_statistics {
	float: right;
	font-size: 11px;
	padding: 3px 10px 3px 5px;
	color: #666;
	line-height: 1.3;
}

.post.classic .post_author div.author_statistics {
	border-top: 1px dotted #ccc;
	margin: 6px 0 0 0;
	padding: 6px 6px 3px 6px;
	float: none;
}

.post .post_head {
	font-size: 11px;
	padding-bottom: 4px;
	border-bottom: 1px dotted #ddd;
	margin-bottom: 4px;
}

.post .post_head span.post_date {
	color: #666;
}

.post .post_head span.edited_post {
	font-size: 10px;
	color: #999;
}

.post .post_head span.edited_post a {
	color: #666;
}

.post_body {
	font-size: 14px;
	padding: 12px 0;
}

.post.classic .post_content {
	float: left;
	width: 79%;
	padding: 0 1% 5px 1%;
}

.post_content {
	padding: 9px 10px 5px 10px;
}

.post_content .signature {
	margin-top: 5px;
	border-top: 1px dotted #ddd;
	padding: 10px 0 4px 0;
}

.post .post_meta {
	margin: 4px 0;
	font-size: 11px;
	color: #999;
}

.post .post_meta a:link,
.post .post_meta a:visited {
	color: #777;
}

.post .post_meta a:hover,
.post .post_meta a:active {
	color: #777;
}

.post_controls {
	clear: both;
	background: #f5f5f5;
	border-bottom: 1px solid #ccc;
	padding: 5px;
	overflow: hidden;
}

.postbit_buttons > a:link,
.postbit_buttons > a:hover,
.postbit_buttons > a:visited,
.postbit_buttons > a:active {
	display: inline-block;
	padding: 2px 5px;
	margin: 2px;
	font-size: 11px;
	background: #eee url(../../../images/buttons_bg.png) repeat-x;
	border: 1px solid #ccc;
	color: #555;
}

.postbit_buttons > a:hover {
	border-color: #bbb;
}

.postbit_buttons a span {
	padding-left: 20px;
	display: inline-block;
	height: 16px;
	background-image: url(../../../images/buttons_sprite.png);
	background-repeat: no-repeat;
}

.postbit_buttons a.postbit_find span {
	background-position: 0 0;
}

.postbit_buttons a.postbit_reputation_add span {
	background-position: 0 -20px;
}

.postbit_buttons a.postbit_email span {
	background-position: 0 -40px;
}

.postbit_buttons a.postbit_website span {
	background-position: 0 -60px;
}

.postbit_buttons a.postbit_pm span {
	background-position: 0 -80px;
}

.postbit_buttons a.postbit_quote span {
	background-position: 0 -100px;
}

.postbit_buttons a.postbit_multiquote span {
	background-position: 0 -120px;
}

.postbit_buttons a.postbit_multiquote_on span {
	background-position: 0 -140px;
}

.postbit_buttons a.postbit_edit span {
	background-position: 0 -160px;
}

.postbit_buttons a.postbit_qdelete span {
	background-position: 0 -180px;
}

.postbit_buttons a.postbit_qrestore span {
	background-position: 0 -200px;
}

.postbit_buttons a.postbit_report span {
	background-position: 0 -220px;
}

.postbit_buttons a.postbit_warn span {
	background-position: 0 -240px;
}

.postbit_buttons a.postbit_purgespammer span {
	background-position: 0 -540px;
}

.postbit_buttons a.postbit_reply_pm span {
	background-position: 0 -260px;
}

.postbit_buttons a.postbit_reply_all span {
	background-position: 0 -280px;
}

.postbit_buttons a.postbit_forward_pm span {
	background-position: 0 -300px;
}

.postbit_buttons a.postbit_delete_pm span {
	background-position: 0 -320px;
}

.post:not(.deleted_post) .postbit_qrestore,
.post:not(.deleted_post) .status_type,
.post.deleted_post .postbit_mirage {
    display: none;
}

a.button:link,
a.button:hover,
a.button:visited,
a.button:active {
	background: #0f0f0f url(../../../images/tcat.png) repeat-x;
	color: #fff;
	display: inline-block;
	padding: 4px 8px;
	margin: 2px 2px 6px 2px;
	border: 1px solid #000;
	font-size: 14px;
}

a.button.small_button {
	font-size: 13px;
	margin: 0;
	padding: 3px 6px;
}

a.button span {
	padding-left: 20px;
	display: inline-block;
	background-image: url(../../../images/buttons_sprite.png);
	background-repeat: no-repeat;
}

a.button.new_thread_button span {
	background-position: 0 -340px;
}

a.button.new_reply_button span {
	background-position: 0 -360px;
}

a.button.closed_button span {
	background-position: 0 -380px;
}

a.button.rate_user_button span {
	background-position: 0 -400px;
}

a.button.add_buddy_button span {
	background-position: 0 -440px;
}

a.button.remove_buddy_button span {
	background-position: 0 -480px;
}

a.button.add_ignore_button span {
	background-position: 0 -460px;
}

a.button.remove_ignore_button span {
	background-position: 0 -500px;
}

a.button.report_user_button span {
	background-position: 0 -520px;
}

.quick_jump {
	background: url(../../../images/jump.png) no-repeat 0;
	width: 13px;
	height: 13px;
	padding-left: 13px; /* amount of padding needed for image to fully show */
	margin-top: -3px;
	border: none;
}

.pollbar {
	background: url(../../../images/pollbar.png) top left repeat-x;
	border: 1px solid #3f3f3f;
	height: 10px;
}

.pollbar .percent {
	display: none;
}

.poll_votedfor {
	background: #efefef;
	border: 1px solid;
	border-color: #fff #ddd #ddd #fff;
}

.posticons_label {
	white-space: nowrap;
}

/** jGrowl Start **/

/** Special IE6 Style Positioning **/
.ie6 {
	position: absolute;
}

.ie6.top-right {
	right: auto;
	bottom: auto;
	left: expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

.ie6.top-left {
	left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

.ie6.bottom-right {
	left: expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

.ie6.bottom-left {
	left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

.ie6.center {
	left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
	width: 100%;
}

/** jGrowl Styling **/
.jGrowl {
	z-index: 9999;
	color: #ffffff;
	font-size: 12px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	position: fixed;
}
.jGrowl.top-left {
	left: 0px;
	top: 0px;
}
.jGrowl.top-right {
	right: 0px;
	top: 0px;
}
.jGrowl.bottom-left {
	left: 0px;
	bottom: 0px;
}
.jGrowl.bottom-right {
	right: 0px;
	bottom: 0px;
}
.jGrowl.center {
	top: 0px;
	width: 50%;
	left: 25%;
}

/** Cross Browser Styling **/

.jGrowl.center .jGrowl-notification,
.jGrowl.center .jGrowl-closer {
	margin-left: auto;
	margin-right: auto;
}
.jGrowl-notification {
	background-color: transparent;
	opacity: 0.9;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100));
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100));
	transform: scale(1);
	width: 250px;
	padding: 10px;
	margin: 10px;
	text-align: left;
	display: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	word-break: break-all;
}
.jGrowl .jGrowl-notification {
	min-height: 40px;
}
.jGrowl-notification .ui-state-highlight,
.jGrowl-notification .ui-widget-content .ui-state-highlight,
.jGrowl-notification .ui-widget-header .ui-state-highlight {
	border: 1px solid #000;
	background: #000;
	color: #fff;
}
.jGrowl-notification .jGrowl-header {
	font-weight: bold;
	font-size: .85em;
}
.jGrowl-notification .jGrowl-close {
	background-color: transparent;
	color: inherit;
	border: none;
	z-index: 99;
	float: right;
	font-weight: bold;
	font-size: 1em;
	cursor: pointer;
}
.jGrowl-closer {
	background-color: #000000;
	opacity: 0.9;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100));
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100));
	transform: scale(1);
	width: 250px;
	padding: 10px;
	margin: 10px;
	text-align: left;
	display: none;
	border-radius: 5px;
	word-break: break-all;
	padding-top: 4px;
	padding-bottom: 4px;
	cursor: pointer;
	font-size: .9em;
	font-weight: bold;
	text-align: center;
}
.jGrowl-closer .ui-state-highlight,
.jGrowl-closer .ui-widget-content .ui-state-highlight,
.jGrowl-closer .ui-widget-header .ui-state-highlight {
	border: 1px solid #000;
	background: #000;
	color: #fff;
}

.jGrowl .jGrowl-notification.jgrowl_success {
    background: lightgreen;
    border: 1px solid lightgreen;
    color: #333;
}

.jGrowl .jGrowl-notification.jgrowl_error {
    background: red;
    border: 1px solid red;
    color: #333;
}

.jGrowl .jGrowl-notification.jgrowl_process, .jGrowl .jGrowl-closer {
    background: yellow;
    border: 1px solid yellow;
	color: #333;
}

/** Hide jGrowl when printing **/
@media print {
	.jGrowl {
		display: none;
	}
}

/** jGrowl End **/

/** Modal Start **/

.blocker {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	z-index: 9999;
	padding: 20px;
	box-sizing: border-box;
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0,0.75);
	text-align: center;
}

.blocker:before{
	content: "";
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-right: -0.05em;
}

.blocker.behind {
	background-color: transparent;
}

.modal {
	width: 400px;
	text-align: left;
	background: #fff;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	z-index: 2;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-o-border-radius: 8px;
	-ms-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 0 0 10px #000;
	-moz-box-shadow: 0 0 10px #000;
	-o-box-shadow: 0 0 10px #000;
	-ms-box-shadow: 0 0 10px #000;
	box-shadow: 0 0 10px #000;
}

.modal a.close-modal {
	position: absolute;
	top: -12.5px;
	right: -12.5px;
	display: block;
	width: 30px;
	height: 30px;
	text-indent: -9999px;
	background: url(../../../images/close.png) no-repeat 0 0;
	z-index: 2;
}

.modal-spinner {
	display: none;
	width: 64px;
	height: 64px;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-right: -32px;
	margin-top: -32px;
	background: url(../../../images/spinner_big.gif) no-repeat center center;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-o-border-radius: 8px;
	-ms-border-radius: 8px;
	border-radius: 8px;
}

/** Modal End **/

/** Impromptu Start **/

/*! jQuery-Impromptu - v6.2.3 - 2016-04-23
* http://trentrichardson.com/Impromptu
* Copyright (c) 2016 Trent Richardson; Licensed MIT */

.jqifade{
	position: absolute;
	background-color: #777777;
}
iframe.jqifade{
	display:block;
	z-index:-1;
}
div.jqi{
	width: 400px;
	max-width:90%;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	position: absolute;
	background-color: #ffffff;
	font-size: 11px;
	text-align: left;
	border: solid 1px #eeeeee;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	padding: 7px;
}
div.jqi .jqicontainer{
}
div.jqi .jqiclose{
	position: absolute;
	top: 4px; right: -2px;
	width: 18px;
	cursor: default;
	color: #bbbbbb;
	font-weight: bold;
}
div.jqi .jqistate{
	background-color: #fff;
}
div.jqi .jqititle{
	padding: 5px 10px;
	font-size: 16px;
	line-height: 20px;
	border-bottom: solid 1px #eeeeee;
}
div.jqi .jqimessage{
	padding: 10px;
	line-height: 20px;
	color: #444444;
	overflow: auto;
}
div.jqi .jqibuttonshide{
	display: none;
}
div.jqi .jqibuttons{
	text-align: right;
	margin: 0 -7px -7px -7px;
	border-top: solid 1px #e4e4e4;
	background-color: #f4f4f4;
	border-radius: 0 0 6px 6px;
	-moz-border-radius: 0 0 6px 6px;
	-webkit-border-radius: 0 0 6px 6px;
}
div.jqi .jqibuttons button{
	margin: 0;
	padding: 15px 20px;
	background-color: transparent;
	font-weight: normal;
	border: none;
	border-left: solid 1px #e4e4e4;
	color: #777;
	font-weight: bold;
	font-size: 12px;
}
div.jqi .jqibuttons button.jqidefaultbutton{
	color: #489afe;
}
div.jqi .jqibuttons button:hover,
div.jqi .jqibuttons button:focus{
	color: #287ade;
	outline: none;
}
div.jqi .jqibuttons button[disabled]{
	color: #aaa;
}
.jqiwarning .jqi .jqibuttons{
	background-color: #b95656;
}

/* sub states */
div.jqi .jqiparentstate::after{
	background-color: #777;
	opacity: 0.6;
	filter: alpha(opacity=60);
	content: '';
	position: absolute;
	top:0;left:0;bottom:0;right:0;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}
div.jqi .jqisubstate{
	position: absolute;
	top:0;
	left: 20%;
	width: 60%;
	padding: 7px;
	border: solid 1px #eeeeee;
	border-top: none;
	border-radius: 0 0 6px 6px;
	-moz-border-radius: 0 0 6px 6px;
	-webkit-border-radius: 0 0 6px 6px;
}
div.jqi .jqisubstate .jqibuttons button{
	padding: 10px 18px;
}

/* arrows for tooltips/tours */
.jqi .jqiarrow{ position: absolute; height: 0; width:0; line-height: 0; font-size: 0; border: solid 10px transparent;}

.jqi .jqiarrowtl{ left: 10px; top: -20px; border-bottom-color: #ffffff; }
.jqi .jqiarrowtc{ left: 50%; top: -20px; border-bottom-color: #ffffff; margin-left: -10px; }
.jqi .jqiarrowtr{ right: 10px; top: -20px; border-bottom-color: #ffffff; }

.jqi .jqiarrowbl{ left: 10px; bottom: -20px; border-top-color: #ffffff; }
.jqi .jqiarrowbc{ left: 50%; bottom: -20px; border-top-color: #ffffff; margin-left: -10px; }
.jqi .jqiarrowbr{ right: 10px; bottom: -20px; border-top-color: #ffffff; }

.jqi .jqiarrowlt{ left: -20px; top: 10px; border-right-color: #ffffff; }
.jqi .jqiarrowlm{ left: -20px; top: 50%; border-right-color: #ffffff; margin-top: -10px; }
.jqi .jqiarrowlb{ left: -20px; bottom: 10px; border-right-color: #ffffff; }

.jqi .jqiarrowrt{ right: -20px; top: 10px; border-left-color: #ffffff; }
.jqi .jqiarrowrm{ right: -20px; top: 50%; border-left-color: #ffffff; margin-top: -10px; }
.jqi .jqiarrowrb{ right: -20px; bottom: 10px; border-left-color: #ffffff; }

/** Impromptu End */


/* === zehir_darkfire overlay BEGIN === */
/* ============================================================================
 * zehir_darkfire — Zehir Roleplay forum theme overlay on top of DarkFire.
 *
 * Append (don't replace) to DarkFire's global.css via
 *   ACP → Themes → DarkFire → Stylesheets → global.css (Edit Advanced).
 *
 * Visual target: classic 2010s SAMP roleplay forum.
 *   - Dark slate background, gold accent.
 *   - Sharp corners (no border-radius).
 *   - Tahoma/Verdana sans-serif stack.
 *   - Visible BBCode toolbar.
 *   - Vertical postbit.
 *
 * See ./README.md for palette tokens + install steps.
 * ============================================================================ */

:root {
    --zehir-bg:              #0E0E0E;
    --zehir-slate:           #181818;
    --zehir-slate-raised:    #1E1E1E;
    --zehir-slate-border:    #2A2A2A;
    --zehir-accent:          #D4A017;   /* Zehir Sarısı — provisional */
    --zehir-accent-hover:    #F5C842;
    --zehir-danger:          #7A1A1A;   /* Kuru Kan */
    --zehir-text:            #D8D8D8;
    --zehir-text-muted:      #888888;
}

/* ── Base typography + page surface ─────────────────────────────────────── */

body {
    background:  var(--zehir-bg) !important;
    color:       var(--zehir-text) !important;
    font-family: Tahoma, Verdana, "Trebuchet MS", Geneva, sans-serif !important;
    font-size:   13px !important;
    line-height: 1.45;
}

/* Container narrowing — 2010s forums fit ~1000-1100px. Anything wider
 * stretches the postbit and breaks the SAMP-era feel. */
#container {
    max-width: 1080px !important;
    margin:    0 auto;
}

/* Sharp corners everywhere — 2020s rounded look is wrong for this era. */
* {
    border-radius: 0 !important;
}

/* ── Links + headers ────────────────────────────────────────────────────── */

a,
a:link,
a:visited {
    color: var(--zehir-accent) !important;
    text-decoration: none;
    transition: color 80ms linear;
}

a:hover,
a:active {
    color: var(--zehir-accent-hover) !important;
    text-decoration: underline;
}

h1, h2, h3, h4 {
    color: var(--zehir-accent) !important;
    font-family: Tahoma, Verdana, sans-serif !important;
    font-weight: bold;
}

/* ── Forum index tables ─────────────────────────────────────────────────── */

.tborder {
    background:    var(--zehir-slate-border) !important;
    border:        1px solid var(--zehir-slate-border) !important;
}

.thead {
    background:    var(--zehir-slate-raised) !important;
    color:         var(--zehir-accent) !important;
    border-bottom: 1px solid var(--zehir-accent) !important;
    padding:       6px 10px !important;
    font-weight:   bold;
}

.trow1 { background: var(--zehir-slate)        !important; }
.trow2 { background: var(--zehir-slate-raised) !important; }

.trow1:hover,
.trow2:hover {
    background: #232323 !important;
}

.tcat {
    background: var(--zehir-slate)        !important;
    color:      var(--zehir-text-muted)   !important;
    border-top: 1px solid var(--zehir-accent) !important;
}

.tfoot {
    background: var(--zehir-slate-raised) !important;
    color:      var(--zehir-text-muted)   !important;
}

/* Sticky + announcement thread rows — subtle highlight bar on the left. */
.subject_new,
.subject_old,
.thread_status {
    /* DarkFire's icons remain visible; we add a left bar for visual punch. */
}
tr[class^="inline_row"] {
    border-left: 2px solid var(--zehir-accent) !important;
}

/* ── Postbit (vertical SAMP layout) ─────────────────────────────────────── */

.post {
    background:    var(--zehir-slate)        !important;
    border:        1px solid var(--zehir-slate-border) !important;
    margin-bottom: 6px;
}

.post_author {
    background:    var(--zehir-slate-raised) !important;
    border-right:  1px solid var(--zehir-slate-border) !important;
    padding:       10px;
    min-width:     180px;
    /* Don't let the avatar get bigger than 150px — SAMP-era postbits
     * kept avatars compact. */
}

.post_author .author_avatar img {
    max-width:  150px;
    max-height: 150px;
    border:     1px solid var(--zehir-slate-border);
}

.post_author .author_information {
    margin-top: 8px;
    font-size:  11px;
    color:      var(--zehir-text-muted);
}

.post_author .largetext {
    /* Username — group color applied inline by MyBB usergroup.namestyle.
     * Just bump the weight + size. */
    font-size:   14px !important;
    font-weight: bold;
}

.post_author .smalltext {
    /* User title, post count, join date stack. */
    font-size: 11px !important;
    color:     var(--zehir-text-muted);
}

.post_content {
    padding: 10px 12px !important;
    color:   var(--zehir-text);
}

/* Signature separator — fine dotted line, 2010s convention. */
.signature {
    border-top: 1px dotted var(--zehir-slate-border);
    margin-top: 14px;
    padding-top: 8px;
    color: var(--zehir-text-muted);
    font-size: 11px;
}

/* ── BBCode toolbar (SCEditor) ──────────────────────────────────────────── */

.sceditor-container,
div.sceditor-container {
    border:     1px solid var(--zehir-slate-border) !important;
    background: var(--zehir-slate) !important;
}

div.sceditor-toolbar {
    background:    var(--zehir-slate-raised) !important;
    border-bottom: 1px solid var(--zehir-slate-border) !important;
    padding:       3px !important;
}

div.sceditor-group {
    background: transparent !important;
    border:     none !important;
    margin-right: 6px;
}

.sceditor-button {
    background-color: transparent !important;
    border:           1px solid transparent !important;
}

.sceditor-button:hover {
    background-color: #2A2A2A !important;
    border:           1px solid var(--zehir-accent) !important;
}

/* Editor textarea + iframe — keep the writing surface dark too. */
.sceditor-container iframe,
.sceditor-container textarea {
    background: var(--zehir-bg) !important;
    color:      var(--zehir-text) !important;
    font-family: Tahoma, Verdana, sans-serif !important;
}

/* ── Quotes + code blocks ───────────────────────────────────────────────── */

blockquote,
.quote_header,
.quote_body {
    background:    var(--zehir-slate-raised) !important;
    border-left:   3px solid var(--zehir-accent) !important;
    padding:       8px 10px;
    margin:        8px 0;
    color:         var(--zehir-text);
}

.code_header,
.codeblock .title {
    background: var(--zehir-slate-raised) !important;
    color:      var(--zehir-accent) !important;
    border-bottom: 1px solid var(--zehir-slate-border);
    padding: 4px 8px;
    font-weight: bold;
}

.code_body,
.codeblock pre {
    background: #0A0A0A !important;
    color:      #C8C8C8 !important;
    border:     1px solid var(--zehir-slate-border);
    padding:    8px 10px;
    font-family: "Consolas", "Courier New", monospace !important;
    font-size:  12px;
    overflow-x: auto;
}

/* ── Buttons + inputs ───────────────────────────────────────────────────── */

input[type="submit"],
input[type="button"],
button,
.button {
    background:    var(--zehir-slate-raised) !important;
    color:         var(--zehir-accent) !important;
    border:        1px solid var(--zehir-accent) !important;
    padding:       4px 10px !important;
    font-family:   Tahoma, Verdana, sans-serif !important;
    cursor:        pointer;
}

input[type="submit"]:hover,
input[type="button"]:hover,
button:hover,
.button:hover {
    background: var(--zehir-accent) !important;
    color:      var(--zehir-bg)     !important;
}

input[type="text"],
input[type="password"],
input[type="email"],
textarea,
select {
    background: var(--zehir-bg) !important;
    color:      var(--zehir-text) !important;
    border:     1px solid var(--zehir-slate-border) !important;
    padding:    4px 6px;
    font-family: Tahoma, Verdana, sans-serif !important;
}

input:focus,
textarea:focus,
select:focus {
    border-color: var(--zehir-accent) !important;
    outline:      none;
}

/* ── Alerts ─────────────────────────────────────────────────────────────── */

.red_alert {
    background:   var(--zehir-danger) !important;
    color:        #FFE0E0 !important;
    border:       1px solid #A02020 !important;
    padding:      8px 10px;
}

.green_alert {
    background:   #1A4A1A !important;
    color:        #D8F0D8 !important;
    border:       1px solid #2A6A2A !important;
    padding:      8px 10px;
}

/* ── Pagination ─────────────────────────────────────────────────────────── */

.pagination .pagination_page,
.pagination .pagination_current,
.pagination_first,
.pagination_last,
.pagination_previous,
.pagination_next {
    background:   var(--zehir-slate-raised) !important;
    color:        var(--zehir-accent) !important;
    border:       1px solid var(--zehir-slate-border) !important;
    padding:      3px 8px;
    margin-right: 2px;
}

.pagination .pagination_current {
    background: var(--zehir-accent) !important;
    color:      var(--zehir-bg) !important;
    font-weight: bold;
}

/* ── Member group color hooks ───────────────────────────────────────────── */

/* MyBB applies namestyle via inline style, but we provide fallback classes
 * a custom postbit template can use. */
.zehir-group-admin     { color: var(--zehir-danger) !important; font-weight: bold; }
.zehir-group-mod       { color: #5A9FD4 !important; font-weight: bold; }
.zehir-group-whitelist { color: var(--zehir-accent) !important; font-weight: bold; }

/* === zehir_darkfire overlay END === */

/* =============================================================================
 * zehir_darkfire — Zehir Roleplay forum theme overlay on top of DarkFire.
 *
 * Aesthetic target: institutional case-file evrak.
 *   - Toz Siyahı shell (header / breadcrumb / footer).
 *   - Kemik Beji paper body — every table, postbit, form sits on document paper.
 *   - Soluk Kâğıt cards inset on the paper body.
 *   - Kuru Kan as the dominant accent (rules, postbit binding, blood stamps).
 *   - Zehir Sarısı reserved for unread indicators and live signals only (~3%).
 *   - Sharp rectilinear corners (max 2px radius on small interactive elements).
 *   - Special Elite display (typewriter), Inter body, JetBrains Mono codes,
 *     Crimson Pro for the letter / italic notes, Anton for hero headlines.
 *
 * APPEND (don't replace) to DarkFire's global.css via
 *   ACP → Themes → DarkFire → Stylesheets → global.css (Edit Advanced).
 *
 * Source of truth for tokens: ../docs/brand_tokens.json
 * Source of truth for vocabulary: ../docs/brand_board.md §3, §4, §8
 * Design reference: zehir-rp forum design canvas (Claude Design output).
 * ============================================================================= */


/* ── Fonts ────────────────────────────────────────────────────────────────
   Google Fonts is acceptable for staging. For production, self-host these
   five families into forum/mybb/images/fonts/ and replace this @import with
   the matching @font-face blocks — `_headers` CSP `font-src 'self'` requires
   self-hosting once the forum is public-facing. */

@import url(https://fonts.googleapis.com/css2?family=Anton&family=Special+Elite&family=Inter:wght@400;500;700&family=JetBrains+Mono:wght@400;500;700&family=Crimson+Pro:ital,wght@0,400;0,500;1,400;1,500&display=swap);


/* ── Tokens ───────────────────────────────────────────────────────────────
   Canonical values from brand_tokens.json. The legacy --zehir-* aliases
   from the previous slate overlay are remapped to the new palette so any
   ad-hoc rules in custom templates that still reference --zehir-slate /
   --zehir-bg keep working without throwing layout off. */

:root {
    /* Brand palette — canonical */
    --zehir-black:        #11100D;  /* Toz Siyahı — primary dark */
    --zehir-black-2:      #16140F;
    --zehir-bone:         #D2B88F;  /* Kemik Beji — body bg */
    --zehir-bone-2:       #C8AC7E;  /* darker bone — gutters on paper */
    --zehir-paper:        #E7D8B8;  /* Soluk Kâğıt — card / postbit surface */
    --zehir-paper-2:      #EFE4CB;  /* lighter card — hover, sub-card */
    --zehir-ink:          #1c1611;  /* body text on paper — archival */
    --zehir-asphalt:      #30302B;  /* form borders, captions, secondary text */
    --zehir-asphalt-2:    #3A3A32;
    --zehir-blood:        #8B0404;  /* Kuru Kan — accents, dividers, stamps */
    --zehir-blood-2:      #6d0303;
    --zehir-blood-ink:    #520202;  /* deeper stamp ink */
    --zehir-poison:       #BBCC00;  /* Zehir Sarısı — accent only ≤3% */

    /* Legacy --zehir-* aliases (kept for compatibility with prior templates) */
    --zehir-bg:           var(--zehir-bone);
    --zehir-slate:        var(--zehir-paper);
    --zehir-slate-raised: var(--zehir-paper-2);
    --zehir-slate-border: var(--zehir-asphalt);
    --zehir-accent:       var(--zehir-blood);
    --zehir-accent-hover: var(--zehir-blood-2);
    --zehir-danger:       var(--zehir-blood);
    --zehir-text:         var(--zehir-ink);
    --zehir-text-muted:   var(--zehir-asphalt);

    /* Typography */
    --zehir-font-display: "Special Elite", "Courier New", "Courier", monospace;
    --zehir-font-head:    "Anton", "Helvetica Neue Condensed", "Arial Narrow", sans-serif;
    --zehir-font-body:    "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    --zehir-font-mono:    "JetBrains Mono", Menlo, Monaco, "Courier New", monospace;
    --zehir-font-letter:  "Crimson Pro", Georgia, serif;
}


/* ── Base typography + page surface ───────────────────────────────────────
   The single biggest shift from the prior overlay: body is paper, not slate.
   Per brand_board §3.2 — forum body backgrounds use Kemik Beji. */

body {
    background:      var(--zehir-bone) !important;
    color:           var(--zehir-ink) !important;
    font-family:     var(--zehir-font-body) !important;
    font-size:       14px !important;
    line-height:     1.55;
    -webkit-font-smoothing: antialiased;
    text-rendering:  optimizeLegibility;
    /* Hairline horizontal rules every 24px — faint, like ruled notebook paper.
       This is what gives the body its "typed document" quality even when empty. */
    background-image: repeating-linear-gradient(0deg,
        transparent 0 23px, rgba(48, 48, 43, 0.08) 23px 24px);
}

/* Width — slightly wider than the prior 1080px since the case-file vocabulary
   needs room for the EVRAK metadata strip on the right of each table head. */
#container {
    max-width: 1180px !important;
    margin:    0 auto;
    background: transparent !important;
}

/* Rectilinear discipline — brand_board §8.10. Buttons may rescale up to 2px
   via the override further down. */
* {
    border-radius: 0 !important;
}


/* ── Links ────────────────────────────────────────────────────────────────
   Default link color is Kuru Kan with a thin underline — brand_board §8.7.
   Hover flips to Zehir Sarısı (the rare context where the accent appears as
   text per §8.7). On dark surfaces (.thead, .header, .footer) links invert. */

a,
a:link,
a:visited {
    color:           var(--zehir-blood) !important;
    text-decoration: underline;
    text-underline-offset: 2px;
    text-decoration-thickness: 1px;
    transition:      color 100ms linear, text-decoration-thickness 100ms linear;
}

a:hover,
a:active {
    color:                    var(--zehir-poison) !important;
    text-decoration-thickness: 1.5px;
}

/* On dark surfaces — bone text, poison hover, no underline by default. */
.thead a, .thead a:link, .thead a:visited,
#panel a, #panel a:link, #panel a:visited,
.zehir-shell a, .zehir-shell a:link, .zehir-shell a:visited,
.lower a, .lower a:link, .lower a:visited {
    color:           var(--zehir-bone) !important;
    text-decoration: none;
}
.thead a:hover, #panel a:hover, .zehir-shell a:hover, .lower a:hover {
    color: var(--zehir-poison) !important;
}


/* ── Headings ─────────────────────────────────────────────────────────────
   Anton on hero / banner moments; Special Elite on inline page headings.
   Both all-caps, never with drop shadows or strokes (brand_board §4.3). */

h1, h2, h3, h4, h5 {
    font-family:     var(--zehir-font-head) !important;
    color:           var(--zehir-ink) !important;
    text-transform:  uppercase;
    letter-spacing:  0.005em;
    font-weight:     400 !important;
    margin-top:      0;
}
h1 { font-size: 36px; line-height: 1; }
h2 { font-size: 28px; line-height: 1.05; }
h3 { font-size: 20px; line-height: 1.1; }
h4 { font-size: 16px; letter-spacing: 0.04em; }


/* ── Top welcome panel (#panel) ──────────────────────────────────────────
   DarkFire renders the logged-in "Welcome back" block at the top in a
   #panel wrapper. Re-skinned as the dark Dispatch shell so it reads as
   institutional chrome above the bone body.

   Bare MyBB default also nests a SEARCH input + the secondary menu
   inside #panel; we constrain widths so it doesn't sprawl. */

#panel {
    background:      var(--zehir-black) !important;
    color:           var(--zehir-bone) !important;
    border-bottom:   1px solid var(--zehir-asphalt) !important;
    font-family:     var(--zehir-font-mono) !important;
    font-size:       11px !important;
    letter-spacing:  0.14em;
    text-transform:  uppercase;
    padding:         14px 24px !important;
}
#panel .upper,
#panel .lower {
    max-width:       1180px;
    margin:          0 auto;
}
#panel .upper {
    color:           var(--zehir-bone);
    opacity:         0.92;
}
#panel .upper strong,
#panel .upper b {
    color:           var(--zehir-poison) !important;
    font-weight:     700;
}
#panel .lower {
    color:           var(--zehir-bone);
    opacity:         0.78;
    border-top:      1px dashed var(--zehir-asphalt-2);
    margin-top:      8px;
    padding-top:     8px;
}
/* Secondary nav inside the welcome block — same file-tab strip vocabulary
   as the primary .menu, but inline and smaller. */
#panel ul {
    margin:          0 !important;
    padding:         0 !important;
    list-style:      none !important;
    display:         inline-flex;
    flex-wrap:       wrap;
    gap:             0 !important;
}
#panel ul li {
    list-style:      none !important;
    margin:          0 !important;
    padding:         0 !important;
}
#panel ul li a {
    display:         inline-flex;
    align-items:     center;
    padding:         4px 12px;
    color:           var(--zehir-bone) !important;
    font-family:     var(--zehir-font-mono) !important;
    font-size:       10.5px;
    font-weight:     700;
    letter-spacing:  0.18em;
    text-transform:  uppercase;
    text-decoration: none !important;
    border-right:    1px solid var(--zehir-asphalt-2);
    opacity:         0.85;
    transition:      color 120ms, opacity 120ms;
}
#panel ul li:first-child a { border-left: 1px solid var(--zehir-asphalt-2); }
#panel ul li a:hover { color: var(--zehir-poison) !important; opacity: 1; }

/* Search input inside #panel — keep it inline + slim, not full-width. */
#panel input[type="text"],
#panel input[type="search"],
#panel .searchbar input[type="text"] {
    width:           260px !important;
    max-width:       100% !important;
    background:      var(--zehir-black-2) !important;
    color:           var(--zehir-bone) !important;
    border:          0 !important;
    border-bottom:   1.5px solid var(--zehir-asphalt-2) !important;
    padding:         6px 10px !important;
    font-family:     var(--zehir-font-mono) !important;
    font-size:       11px !important;
    letter-spacing:  0.06em;
    display:         inline-block;
    vertical-align:  middle;
}
#panel input[type="text"]:focus,
#panel input[type="search"]:focus {
    border-bottom-color: var(--zehir-poison) !important;
    background:          var(--zehir-black) !important;
}
#panel input[type="submit"],
#panel input[type="button"],
#panel button {
    padding:         5px 12px !important;
    font-size:       10.5px !important;
    background:      var(--zehir-poison) !important;
    color:           var(--zehir-black) !important;
    border-color:    var(--zehir-poison) !important;
    margin-left:     6px;
    vertical-align:  middle;
}
#panel input[type="submit"]:hover,
#panel input[type="button"]:hover,
#panel button:hover {
    background:   var(--zehir-bone) !important;
    border-color: var(--zehir-bone) !important;
    color:        var(--zehir-black) !important;
}


/* ── Header / logo region (.header, .logo, .menu) ─────────────────────────
   The DarkFire header sits below #panel. Re-treated as the dark banner: a
   subtle topographic stripe texture, full-width black, with the logo and
   primary nav on it. The actual logo image is swapped at the template
   level (see ../README.md). */

.header {
    background:      var(--zehir-black) !important;
    color:           var(--zehir-bone) !important;
    border-bottom:   1px solid var(--zehir-asphalt) !important;
    padding:         28px 24px 22px !important;
    position:        relative;
    overflow:        hidden;
}
/* Topographic stripe overlay — same vocabulary as the landing-page banner. */
.header::before {
    content:    "";
    position:   absolute;
    inset:      0;
    pointer-events: none;
    opacity:    0.07;
    background-image:
        repeating-linear-gradient(115deg, transparent 0 22px, var(--zehir-bone) 22px 23px),
        repeating-linear-gradient(25deg,  transparent 0 60px, var(--zehir-bone) 60px 61px);
}

.logo {
    font-family:     var(--zehir-font-head) !important;
    color:           var(--zehir-bone) !important;
}
.logo a {
    color: var(--zehir-bone) !important;
    text-decoration: none;
}

/* Primary menu — institutional file-tab strip.
 * Self-contained dark strip so it renders correctly whether or not a
 * `.header` dark wrapper is present (DarkFire wraps it; bare MyBB
 * default does not). */
.menu {
    background:      var(--zehir-black) !important;
    color:           var(--zehir-bone) !important;
    border:          0 !important;
    border-bottom:   1px solid var(--zehir-asphalt) !important;
    padding:         0 24px !important;
    margin:          0 0 24px !important;
}
.menu ul {
    margin:          0 auto !important;
    padding:         0 !important;
    list-style:      none !important;
    display:         flex;
    gap:             0;
    flex-wrap:       wrap;
    max-width:       1180px;
    position:        relative;
    z-index:         2;
}
.menu li {
    list-style: none;
    margin: 0;
    padding: 0;
}
.menu li a {
    display:         inline-flex;
    align-items:     center;
    padding:         12px 16px;
    color:           var(--zehir-bone) !important;
    background:      transparent !important;
    font-family:     var(--zehir-font-mono) !important;
    font-size:       11px;
    font-weight:     700;
    letter-spacing:  0.18em;
    text-transform:  uppercase;
    text-decoration: none !important;
    border-right:    1px solid var(--zehir-asphalt-2);
    opacity:         0.88;
    transition:      color 120ms, opacity 120ms, background-color 120ms;
}
.menu li:first-child a { border-left: 1px solid var(--zehir-asphalt-2); }
.menu li a:hover {
    color:      var(--zehir-poison) !important;
    background: var(--zehir-black-2) !important;
    opacity:    1;
}

/* Bullets that MyBB ships on the menu UL — kill them entirely so the
 * file-tab strip reads clean. The default user-agent disc bullets are
 * what created the "stray bone dots" sitting next to invisible links
 * on the bare default theme. */
.menu ul, .menu li, #panel ul, #panel li {
    list-style: none !important;
    list-style-type: none !important;
}
.menu li::marker, #panel li::marker { content: "" !important; }


/* ── Breadcrumb / nav strip (.navigation) ────────────────────────────────
   Re-styled as the paper sub-nav: lives under the dark banner, sits on the
   bone body, uses mono caps with blood ›-separators. */

.navigation {
    background:      var(--zehir-paper) !important;
    color:           var(--zehir-asphalt) !important;
    border-bottom:   1px solid var(--zehir-asphalt) !important;
    padding:         10px 18px !important;
    font-family:     var(--zehir-font-mono) !important;
    font-size:       11px !important;
    letter-spacing:  0.18em;
    text-transform:  uppercase;
    margin:          0 0 24px !important;
}
.navigation a {
    color:           var(--zehir-asphalt) !important;
    text-decoration: none !important;
}
.navigation a:hover { color: var(--zehir-blood) !important; }
/* DarkFire wraps breadcrumb separators in a div.navigation … » sequence;
   the » character is reskinned via a generated separator on each anchor. */
.navigation .active {
    color: var(--zehir-blood) !important;
    font-weight: 700;
}


/* ── Forum index tables ───────────────────────────────────────────────────
   The single biggest visual surface — index, forumdisplay, member list,
   thread list all funnel through .tborder / .thead / .tcat / .trow1/2.
   Re-styled as the case-file table: black `.thead` bar (the EVRAK strip),
   paper `.trow1/2` rows with dashed bone-2 gutters between, blood `.tcat`
   sub-category line. */

.tborder {
    background:      var(--zehir-asphalt) !important;
    border:          1px solid var(--zehir-asphalt) !important;
    margin-bottom:   24px;
}

.thead,
.thead td {
    background:      var(--zehir-black) !important;
    color:           var(--zehir-bone) !important;
    border-bottom:   1px solid var(--zehir-asphalt) !important;
    font-family:     var(--zehir-font-mono) !important;
    font-size:       10.5px !important;
    font-weight:     700 !important;
    letter-spacing:  0.22em !important;
    text-transform:  uppercase !important;
    padding:         12px 16px !important;
}
.thead strong { color: var(--zehir-poison) !important; }
.thead a { color: var(--zehir-bone) !important; }
.thead a:hover { color: var(--zehir-poison) !important; }

/* Alternating row colors — paper / lighter paper. Dashed gutter between
   rows mimics the "form line" separator from brand_board §8.6. */
.trow1 {
    background:      var(--zehir-paper) !important;
    color:           var(--zehir-ink) !important;
    border-top:      1px dashed var(--zehir-bone-2) !important;
}
.trow2 {
    background:      var(--zehir-paper-2) !important;
    color:           var(--zehir-ink) !important;
    border-top:      1px dashed var(--zehir-bone-2) !important;
}
.trow1 td, .trow2 td {
    padding: 14px 16px !important;
}
.trow1:hover, .trow2:hover {
    background:      var(--zehir-paper-2) !important;
    cursor:          default;
}
.trow1:hover { background: #EFE4CB !important; }

/* .tcat — section category bar above grouped tables. The "BÖLÜM 01" /
   "BÖLÜM 02" institutional label from the mock. */
.tcat,
.tcat td {
    background:      var(--zehir-paper) !important;
    color:           var(--zehir-asphalt) !important;
    border-top:      1.5px solid var(--zehir-blood) !important;
    border-bottom:   0 !important;
    font-family:     var(--zehir-font-mono) !important;
    font-size:       10.5px !important;
    font-weight:     700 !important;
    letter-spacing:  0.22em !important;
    text-transform:  uppercase !important;
    padding:         10px 16px !important;
}
.tcat strong,
.tcat a {
    color: var(--zehir-blood) !important;
    text-decoration: none !important;
    font-weight: 700;
}

.tfoot,
.tfoot td {
    background:      var(--zehir-paper-2) !important;
    color:           var(--zehir-asphalt) !important;
    font-family:     var(--zehir-font-mono) !important;
    font-size:       11px !important;
    letter-spacing:  0.14em;
    padding:         10px 16px !important;
}


/* ── Forum / thread row internal vocabulary ───────────────────────────────
   Subforum names use Special Elite (typewriter), descriptions use Crimson
   Pro italic, last-post snippets use Inter + mono caps. */

.subject_old a,
.subject_new a,
.forum_name a,
.subject a,
strong a[href^="forumdisplay"],
strong a[href^="showthread"] {
    font-family:     var(--zehir-font-display) !important;
    font-size:       16px !important;
    line-height:     1.25;
    color:           var(--zehir-ink) !important;
    text-decoration: none !important;
    letter-spacing:  0.005em;
}
.subject_new a {
    color:        var(--zehir-blood) !important;
    font-weight:  600;
}
.subject_old a:hover,
.subject_new a:hover {
    color: var(--zehir-blood) !important;
    text-decoration: none !important;
}

/* Forum description, last-post by-line — meta voice. */
.smalltext,
.thread_status,
.lastpost {
    font-family:     var(--zehir-font-mono) !important;
    font-size:       10.5px !important;
    letter-spacing:  0.14em;
    color:           var(--zehir-asphalt) !important;
    text-transform:  uppercase;
}
.smalltext em,
.lastpost em {
    font-style:      normal;
    color:           var(--zehir-ink);
    font-weight:     700;
}

/* DarkFire renders forum descriptions in a regular text node under the
   forum name. Italicize and re-font for the Crimson Pro letter voice. */
.tborder .trow1 .smalltext,
.tborder .trow2 .smalltext {
    /* Already matched above. */
}

/* Unread / sticky / locked thread tints — left edge accent. */
tr[class^="inline_row"] {
    border-left: 0 !important;
}
.trow_selected,
.trow_unread {
    box-shadow: inset 3px 0 0 var(--zehir-poison) !important;
}
.thread_status.dot_folder,
.thread_status.dot_hotfolder {
    /* hot threads in the brand vocabulary read as a dried-blood square — see
       the inline icon override below. */
}


/* ── Post (vertical postbit: author column + body) ───────────────────────
   Brand_board §8.3 — default card is paper with optional Kuru Kan 3px
   left binding. The OP and subsequent replies share the same chrome; templates
   can add a .post-op class for the heavier blood binding if desired. */

.post {
    background:      var(--zehir-paper) !important;
    border:          1px solid var(--zehir-asphalt) !important;
    border-left:     3px solid var(--zehir-blood) !important;
    margin-bottom:   18px !important;
    padding:         0 !important;
    position:        relative;
}
.post.classic .post_author,
.post .post_author {
    background:      var(--zehir-paper-2) !important;
    border-right:    1px solid var(--zehir-bone-2) !important;
    border-bottom:   0 !important;
    padding:         18px 16px !important;
    min-width:       200px !important;
    width:           200px !important;
    color:           var(--zehir-ink) !important;
    font-family:     var(--zehir-font-body) !important;
}

/* Avatar — square, asphalt border, grayscaled toward archival photo. */
.post_author .author_avatar img {
    max-width:       170px;
    max-height:      170px;
    width:           100%;
    height:          auto;
    border:          1px solid var(--zehir-asphalt) !important;
    filter:          grayscale(1) contrast(1.08) brightness(0.94);
    display:         block;
    margin:          0 auto 12px;
}

/* Username — Special Elite, brand_board §8.4 rank language. MyBB applies
   group color inline; we let that win for color but force the typeface. */
.post_author .author_information strong,
.post_author .largetext,
.post_author .largetext a {
    font-family:     var(--zehir-font-display) !important;
    font-size:       19px !important;
    line-height:     1.1 !important;
    letter-spacing:  0.005em !important;
    text-transform:  uppercase;
    color:           var(--zehir-ink) !important;
    text-decoration: none !important;
}
/* Group / rank text below the username — mono caps with Kuru Kan tint. */
.post_author .post_author_role,
.post_author .author_information .smalltext:first-of-type,
.post_author .post_author > .smalltext {
    color:           var(--zehir-blood) !important;
    font-weight:     700;
    font-size:       10px !important;
    letter-spacing:  0.22em !important;
    text-transform:  uppercase;
    margin-top:      4px !important;
    display:         block;
}
.post_author .smalltext {
    font-family:     var(--zehir-font-mono) !important;
    font-size:       10px !important;
    letter-spacing:  0.14em;
    color:           var(--zehir-asphalt) !important;
    line-height:     1.5;
}

/* Author stats block ("Posts · 1,240 / Joined · 2025-09 / Reputation · 142")
   — gridded mono pairs separated from the avatar by a dashed gutter. */
.post_author .author_statistics {
    margin-top:      14px !important;
    padding-top:     14px !important;
    border-top:      1px dashed var(--zehir-bone-2) !important;
    font-family:     var(--zehir-font-mono) !important;
    font-size:       10px !important;
    letter-spacing:  0.14em;
    color:           var(--zehir-asphalt) !important;
    text-transform:  uppercase;
}
.post_author .author_buttons {
    margin-top:      12px !important;
    padding-top:     10px !important;
    border-top:      1px dashed var(--zehir-bone-2) !important;
}
.post_author .author_buttons a {
    display:         inline-block;
    margin:          3px 4px 3px 0;
    padding:         3px 6px;
    background:      var(--zehir-bone);
    border:          1px solid var(--zehir-asphalt);
    color:           var(--zehir-asphalt) !important;
    font-size:       9px !important;
    letter-spacing:  0.18em;
    text-transform:  uppercase;
    text-decoration: none !important;
}
.post_author .author_buttons a:hover {
    background: var(--zehir-asphalt);
    color: var(--zehir-bone) !important;
}


/* ── Post content side (.post_content / .post_body) ──────────────────────
   The right-hand body of the post. Header strip (date + permalink + post #)
   is the file-line; body uses Inter at 15px with generous line-height. */

.post_content {
    padding:         0 !important;
    color:           var(--zehir-ink) !important;
}
.post_content .post_head {
    display:         flex;
    align-items:     center;
    justify-content: space-between;
    gap:             16px;
    flex-wrap:       wrap;
    padding:         14px 22px !important;
    border-bottom:   1px solid var(--zehir-bone-2) !important;
    background:      transparent !important;
    font-family:     var(--zehir-font-mono) !important;
    font-size:       10.5px !important;
    letter-spacing:  0.18em !important;
    text-transform:  uppercase !important;
    color:           var(--zehir-asphalt) !important;
}
.post_content .post_head .post_date {
    color: var(--zehir-blood);
    font-weight: 700;
}
.post_content .post_head a {
    color:           var(--zehir-asphalt) !important;
    text-decoration: none !important;
}
.post_content .post_head a:hover { color: var(--zehir-blood) !important; }

/* Post body — generous reading measure, archival ink color. */
.post_content .post_body {
    padding:         22px 28px 24px !important;
    font-family:     var(--zehir-font-body) !important;
    font-size:       15px !important;
    line-height:     1.7 !important;
    color:           var(--zehir-ink) !important;
    min-height:      120px;
}
.post_body p { margin: 0 0 16px; max-width: 70ch; }
.post_body p:last-child { margin-bottom: 0; }
.post_body strong { font-weight: 700; color: var(--zehir-ink); }
.post_body em {
    font-family:     var(--zehir-font-letter) !important;
    font-size:       16px;
    font-style:      italic;
}

/* Signature — dotted blood-tinted separator + smaller text. */
.signature {
    border-top:      1px dashed var(--zehir-bone-2) !important;
    margin:          28px 0 0 !important;
    padding:         14px 28px 18px !important;
    color:           var(--zehir-asphalt) !important;
    font-family:     var(--zehir-font-letter) !important;
    font-style:      italic;
    font-size:       14px !important;
    line-height:     1.55;
}

/* Post footer ("Find / Reply / Quote" action row) — mono caps in a
   bone strip across the bottom. */
.post_management_buttons,
.post .postbit_buttons {
    background:      var(--zehir-paper-2) !important;
    border-top:      1px solid var(--zehir-bone-2) !important;
    padding:         10px 22px !important;
    font-family:     var(--zehir-font-mono) !important;
    font-size:       10px !important;
    letter-spacing:  0.18em;
    text-transform:  uppercase;
}
.post .postbit_buttons a,
.post_management_buttons a {
    color:           var(--zehir-asphalt) !important;
    padding:         4px 10px;
    text-decoration: none !important;
}
.post .postbit_buttons a:hover {
    color:           var(--zehir-blood) !important;
    background:      var(--zehir-bone);
}


/* ── BBCode quotes ────────────────────────────────────────────────────────
   Quote header → mono caps with Kuru Kan attribution; body → Crimson Pro
   italic on a bone-tinted card with a solid asphalt left rule. */

blockquote {
    background:      var(--zehir-bone) !important;
    border:          0 !important;
    border-left:     3px solid var(--zehir-asphalt) !important;
    padding:         12px 18px !important;
    margin:          12px 0 !important;
    color:           var(--zehir-asphalt) !important;
}
blockquote cite,
.quote_header,
blockquote .quote_header {
    display:         block;
    font-family:     var(--zehir-font-mono) !important;
    font-weight:     700;
    font-size:       10px !important;
    letter-spacing:  0.22em !important;
    text-transform:  uppercase;
    color:           var(--zehir-blood) !important;
    background:      transparent !important;
    padding:         0 !important;
    margin-bottom:   6px;
    border:          0 !important;
}
blockquote cite a { color: var(--zehir-blood) !important; }
.quote_body,
blockquote > div {
    font-family:     var(--zehir-font-letter) !important;
    font-style:      italic;
    font-size:       15px;
    line-height:     1.6;
    color:           var(--zehir-asphalt) !important;
    background:      transparent !important;
    border:          0 !important;
    padding:         0 !important;
}


/* ── Code blocks ──────────────────────────────────────────────────────────
   Code header in mono caps, body on dark Toz Siyahı for legibility — codes
   read as "console output" against the rest of the paper page. */

.code_header,
.codeblock .title {
    background:      var(--zehir-asphalt) !important;
    color:           var(--zehir-bone) !important;
    border-bottom:   1px solid var(--zehir-black) !important;
    padding:         6px 12px !important;
    font-family:     var(--zehir-font-mono) !important;
    font-size:       10px !important;
    font-weight:     700;
    letter-spacing:  0.22em;
    text-transform:  uppercase;
}
.code_body,
.codeblock pre,
.codeblock code {
    background:      var(--zehir-black) !important;
    color:           var(--zehir-bone) !important;
    border:          1px solid var(--zehir-asphalt) !important;
    padding:         12px 14px !important;
    font-family:     var(--zehir-font-mono) !important;
    font-size:       12.5px !important;
    line-height:     1.55;
    overflow-x:      auto;
}
.codeblock pre b,
.code_body b {
    color: var(--zehir-poison) !important;
}

/* Inline <code> in posts — bone background with blood text, like a
   stamped document number. */
.post_body code,
.post_body kbd {
    background:      var(--zehir-bone) !important;
    color:           var(--zehir-blood) !important;
    font-family:     var(--zehir-font-mono) !important;
    font-size:       13px;
    padding:         1px 6px;
    border-radius:   0 !important;
}


/* ── BBCode editor (SCEditor) ─────────────────────────────────────────────
   Re-treated as a paper editor: bone-2 toolbar atop a paper writing
   surface, blood left binding to match the post card vocabulary. */

.sceditor-container,
div.sceditor-container {
    background:      var(--zehir-paper) !important;
    border:          1px solid var(--zehir-asphalt) !important;
    border-left:     3px solid var(--zehir-blood) !important;
    margin-bottom:   12px;
}

div.sceditor-toolbar {
    background:      var(--zehir-paper-2) !important;
    border-bottom:   1px solid var(--zehir-bone-2) !important;
    padding:         6px !important;
}

div.sceditor-group {
    background:      transparent !important;
    border:          0 !important;
    border-right:    1px solid var(--zehir-bone-2) !important;
    margin:          0 !important;
    padding:         0 4px !important;
}
div.sceditor-group:last-child { border-right: 0 !important; }

.sceditor-button {
    background-color: transparent !important;
    border:           1px solid transparent !important;
    color:            var(--zehir-asphalt) !important;
    width:            22px;
    height:           22px;
}
.sceditor-button:hover {
    background-color: var(--zehir-bone) !important;
    border:           1px solid var(--zehir-asphalt) !important;
}
.sceditor-button.active,
.sceditor-button:active {
    background-color: var(--zehir-blood) !important;
    color:            var(--zehir-bone) !important;
}

/* Writing surface — paper-on-paper for contiguity with the postbit. */
.sceditor-container iframe,
.sceditor-container textarea {
    background:      var(--zehir-paper) !important;
    color:           var(--zehir-ink) !important;
    font-family:     var(--zehir-font-body) !important;
    font-size:       15px !important;
    line-height:     1.7;
    padding:         16px !important;
}
.sceditor-resize-cover,
.sceditor-dropdown {
    background:      var(--zehir-paper) !important;
    border:          1px solid var(--zehir-asphalt) !important;
    color:           var(--zehir-ink) !important;
}


/* ── Buttons + inputs ─────────────────────────────────────────────────────
   Primary action = Toz Siyahı fill, Kemik Beji text — brand_board §8.1.
   Inputs sit on paper with an asphalt bottom-rule only — §8.2. */

input[type="submit"],
input[type="button"],
button,
.button {
    background:      var(--zehir-black) !important;
    color:           var(--zehir-bone) !important;
    border:          1.5px solid var(--zehir-black) !important;
    padding:         8px 16px !important;
    font-family:     var(--zehir-font-body) !important;
    font-size:       12px !important;
    font-weight:     700 !important;
    letter-spacing:  0.14em !important;
    text-transform:  uppercase !important;
    cursor:          pointer;
    border-radius:   2px !important;
    transition:      background-color 120ms, border-color 120ms, color 120ms;
}
input[type="submit"]:hover,
input[type="button"]:hover,
button:hover,
.button:hover {
    background:   var(--zehir-blood) !important;
    border-color: var(--zehir-blood) !important;
    color:        var(--zehir-bone) !important;
}

/* Secondary button — opt-in via `.button.ghost` class on templates. */
.button.ghost,
.button_secondary {
    background:      transparent !important;
    color:           var(--zehir-ink) !important;
    border:          1.5px solid var(--zehir-asphalt) !important;
}
.button.ghost:hover {
    background:      var(--zehir-paper-2) !important;
    border-color:    var(--zehir-blood) !important;
    color:           var(--zehir-blood) !important;
}

/* Text inputs — soluk kâğıt fill, asphalt bottom rule, no other borders.
   Focus state flips the bottom rule to Zehir Sarısı (brand_board §8.2). */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="number"],
input[type="tel"],
input[type="search"],
textarea,
select {
    background:      var(--zehir-paper-2) !important;
    color:           var(--zehir-ink) !important;
    border:          0 !important;
    border-bottom:   1.5px solid var(--zehir-asphalt) !important;
    padding:         10px 12px !important;
    font-family:     var(--zehir-font-body) !important;
    font-size:       15px !important;
    border-radius:   0 !important;
    outline:         none;
    transition:      border-color 120ms;
}
textarea {
    line-height: 1.6;
    min-height: 140px;
    resize: vertical;
}
input:focus,
textarea:focus,
select:focus {
    border-bottom-color: var(--zehir-poison) !important;
    outline:             none;
}


/* ── Pagination ───────────────────────────────────────────────────────────
   Numbered page chips in mono on paper. Current page → solid black fill.
   Brand_board: rectilinear, sharp corners. */

.pagination {
    margin:          14px 0;
    font-family:     var(--zehir-font-mono) !important;
    font-size:       11px !important;
    letter-spacing:  0.08em;
}
.pagination .pagination_page,
.pagination .pagination_current,
.pagination_first,
.pagination_last,
.pagination_previous,
.pagination_next,
.pages a,
.pages strong {
    background:      var(--zehir-paper) !important;
    color:           var(--zehir-asphalt) !important;
    border:          1px solid var(--zehir-bone-2) !important;
    padding:         5px 10px !important;
    margin-right:    2px;
    text-decoration: none !important;
    font-weight:     500;
    display:         inline-block;
    border-radius:   0 !important;
}
.pagination .pagination_page:hover,
.pages a:hover {
    border-color: var(--zehir-blood) !important;
    color:        var(--zehir-blood) !important;
}
.pagination .pagination_current,
.pages strong {
    background:   var(--zehir-black) !important;
    border-color: var(--zehir-black) !important;
    color:        var(--zehir-bone) !important;
    font-weight:  700 !important;
}


/* ── Alerts ───────────────────────────────────────────────────────────────
   Brand_board §8.5 — alerts use a colored 3px LEFT border, never a full
   color background. The prior overlay filled the whole alert; new
   treatment uses the brand vocabulary. */

.red_alert,
.error,
.error_message {
    background:    var(--zehir-paper) !important;
    color:         var(--zehir-ink) !important;
    border:        1px solid var(--zehir-asphalt) !important;
    border-left:   3px solid var(--zehir-blood) !important;
    padding:       12px 16px !important;
    font-family:   var(--zehir-font-body) !important;
    font-size:     14px;
}
.green_alert,
.success {
    background:    var(--zehir-paper) !important;
    color:         var(--zehir-ink) !important;
    border:        1px solid var(--zehir-asphalt) !important;
    border-left:   3px solid var(--zehir-asphalt) !important;
    padding:       12px 16px !important;
}
.warning,
.warning_message {
    background:    var(--zehir-paper) !important;
    color:         var(--zehir-ink) !important;
    border:        1px solid var(--zehir-asphalt) !important;
    border-left:   3px solid var(--zehir-poison) !important;
    padding:       12px 16px !important;
}


/* ── Member group color hooks ────────────────────────────────────────────
   MyBB applies usergroup.namestyle inline; these classes are the fallback
   for custom postbit templates that want stable handles. */

.zehir-group-admin     { color: var(--zehir-blood) !important;  font-weight: 700; }
.zehir-group-mod       { color: var(--zehir-asphalt) !important; font-weight: 700; }
.zehir-group-whitelist { color: var(--zehir-ink) !important;     font-weight: 700; }
.zehir-group-cartel    { color: var(--zehir-blood) !important;   font-weight: 700; }
.zehir-group-police    { color: var(--zehir-poison) !important;  font-weight: 700;
                         background: var(--zehir-black); padding: 1px 5px; }


/* ── Decorative helpers ───────────────────────────────────────────────────
   Classes for templates to opt into the case-file vocabulary on top of
   MyBB's default markup. Use these in custom thread prefixes, postbit
   adornments, and the announcement block. */

/* Rubber stamp — brand_board §7.1 + §8.4. Use in custom thread prefixes
   ("GİZLİ", "ONAYLANDI", "REDDEDİLDİ") via template HTML. */
.zehir-stamp {
    display:         inline-block;
    font-family:     var(--zehir-font-head);
    font-size:       12px;
    letter-spacing:  0.18em;
    text-transform:  uppercase;
    color:           var(--zehir-blood);
    border:          2px solid var(--zehir-blood);
    padding:         2px 8px 1px;
    background:      transparent;
    transform:       rotate(-3deg);
    opacity:         0.85;
    vertical-align:  middle;
}
.zehir-stamp.ink {
    color:        var(--zehir-blood-ink);
    border-color: var(--zehir-blood-ink);
}
.zehir-stamp.asphalt {
    color:        var(--zehir-asphalt);
    border-color: var(--zehir-asphalt);
    transform:    rotate(2deg);
}
.zehir-stamp.poison {
    color:        var(--zehir-poison);
    border-color: var(--zehir-poison);
}

/* File-line — institutional caption above any document-style card. */
.zehir-fileline {
    display:         block;
    font-family:     var(--zehir-font-mono);
    font-size:       10px;
    font-weight:     700;
    letter-spacing:  0.22em;
    text-transform:  uppercase;
    color:           var(--zehir-blood);
    margin-bottom:   6px;
}

/* Evidence tape — high-warning banner (CK policy, locked sub-forums).
   Use sparingly. Brand_board §7.1. */
.zehir-tape {
    display:         block;
    background:      repeating-linear-gradient(135deg,
                       var(--zehir-poison) 0 14px,
                       var(--zehir-black) 14px 28px);
    padding:         10px 20px;
    font-family:     var(--zehir-font-mono);
    font-weight:     700;
    font-size:       11px;
    letter-spacing:  0.32em;
    text-transform:  uppercase;
    text-align:      center;
}
.zehir-tape span {
    background:      var(--zehir-poison);
    color:           var(--zehir-black);
    padding:         3px 10px;
    letter-spacing:  0.28em;
}

/* Rank square — 22x22 mono-letter chip in a Kuru Kan square, used in
   postbit templates next to the username (brand_board §8.4). */
.zehir-rank-square {
    display:         inline-flex;
    align-items:     center;
    justify-content: center;
    width:           22px;
    height:          22px;
    background:      var(--zehir-blood);
    color:           var(--zehir-bone);
    font-family:     var(--zehir-font-mono);
    font-size:       12px;
    font-weight:     700;
    letter-spacing:  0;
    margin-right:    6px;
    vertical-align:  middle;
}
.zehir-rank-square.asphalt { background: var(--zehir-asphalt); }
.zehir-rank-square.poison  { background: var(--zehir-poison); color: var(--zehir-black); }


/* ── Footer / copyright ──────────────────────────────────────────────────
   The bottom institutional strip. Dark again so the page closes on the
   same shell it opened with. */

#copyright,
.copyright {
    background:      var(--zehir-black) !important;
    color:           var(--zehir-bone) !important;
    border-top:      1px solid var(--zehir-asphalt) !important;
    padding:         28px 24px !important;
    margin-top:      36px !important;
    font-family:     var(--zehir-font-mono) !important;
    font-size:       10.5px !important;
    letter-spacing:  0.16em;
    text-transform:  uppercase;
    text-align:      center;
}
#copyright a, .copyright a {
    color:           var(--zehir-bone) !important;
    text-decoration: none !important;
    opacity:         0.85;
}
#copyright a:hover, .copyright a:hover {
    color: var(--zehir-poison) !important;
}


/* ── Selection ───────────────────────────────────────────────────────────
   Matches the landing page — the rare context where Zehir Sarısı appears
   as a fill, justified because selection is by definition transient. */

::selection      { background: var(--zehir-poison); color: var(--zehir-black); }
::-moz-selection { background: var(--zehir-poison); color: var(--zehir-black); }


/* ── Reduced motion ──────────────────────────────────────────────────────
   No animations to disable in this overlay yet, but the rule is here so
   any future motion (stamp impressions, ticker scroll) honors the prefer. */

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        transition-duration: 0.01ms !important;
        animation-duration:  0.01ms !important;
        animation-iteration-count: 1 !important;
    }
}


/* ── Mobile adaptations ──────────────────────────────────────────────────
   MyBB's default responsive behavior is poor below ~720px. The bone body
   stays; the postbit collapses to a single column; tables hide ancillary
   columns via DarkFire's existing media rules. We add explicit narrowing
   below to keep the EVRAK vocabulary legible. */

@media (max-width: 920px) {
    #container { max-width: 100% !important; padding: 0 12px; }
    .header { padding: 18px 14px 14px !important; }
    .navigation { padding: 8px 12px !important; font-size: 10px !important; }
    .thead, .thead td { font-size: 9.5px !important; letter-spacing: 0.18em !important; padding: 10px 12px !important; }
    .post .post_author {
        width: 100% !important;
        min-width: 0 !important;
        border-right: 0 !important;
        border-bottom: 1px dashed var(--zehir-bone-2) !important;
        display: grid !important;
        grid-template-columns: 60px 1fr auto;
        gap: 12px;
        align-items: center;
        padding: 12px 16px !important;
    }
    .post_author .author_avatar img { max-width: 60px; max-height: 60px; margin: 0; }
    .post_author .author_information { margin: 0; }
    .post_author .author_statistics,
    .post_author .author_buttons { display: none !important; }
    .post_content .post_body { padding: 16px 18px !important; font-size: 14.5px !important; }
    .post_content .post_head { padding: 10px 16px !important; }
    .menu li a { padding: 6px 10px; font-size: 10px; }
}


/* ── MyBB Default polish patch ───────────────────────────────────────────
   Defensive rules for surfaces the base override missed. Each block here
   targets a specific MyBB Default class that, without intervention, would
   show through with the wrong color or typeface against the bone body.
   ─────────────────────────────────────────────────────────────────────── */


/* Profile link inside the postbit author block — Special Elite username,
   ranks/usertitle small caps below. MyBB applies group color via inline
   namestyle on the <a>; we force the typeface only. */
.post_author .author_information strong a,
.post_author .author_information strong a:link,
.post_author .author_information strong a:visited {
    font-family:     var(--zehir-font-display) !important;
    font-size:       19px !important;
    letter-spacing:  0.005em;
    text-transform:  uppercase;
    text-decoration: none !important;
}
.post_author .author_information strong a:hover {
    color: var(--zehir-blood) !important;
    text-decoration: none !important;
}

/* User-details "Posts: 1,240 / Joined: ... / Reputation: ..." grid.
   MyBB renders this as bare text in $post['user_details']. Force it to
   render as a stacked mono caps list. */
.post_author .author_statistics {
    font-family:     var(--zehir-font-mono) !important;
    font-size:       10px !important;
    line-height:     1.6 !important;
    letter-spacing:  0.12em !important;
    text-transform:  uppercase;
    color:           var(--zehir-asphalt) !important;
}
.post_author .author_statistics span,
.post_author .author_statistics div { display: block; }


/* Avatar — MyBB Default may wrap <img> in <a>. Target both. The grayscale
   filter is what turns a colored profile pic into a "35mm archival" look;
   if a user prefers their avatar in color they can override per-postbit. */
.post_author .author_avatar a {
    display:    block;
    text-decoration: none;
    border:     0;
}
.post_author .author_avatar a img,
.post_author .author_avatar img {
    max-width:  170px;
    max-height: 170px;
    width:      100%;
    height:     auto;
    margin:     0 auto 12px;
    border:     1px solid var(--zehir-asphalt) !important;
    filter:     grayscale(1) contrast(1.08) brightness(0.94);
    display:    block;
}


/* Post subject in `.post_head` (rendered by stock postbit_classic when
   the OP's subject is shown above each post). Compact, Special Elite. */
.post_content .post_head .post_subject,
.post_content .post_head .post_subject a {
    font-family:     var(--zehir-font-display) !important;
    font-size:       14px !important;
    letter-spacing:  0.005em;
    color:           var(--zehir-ink) !important;
    text-decoration: none !important;
    font-weight:     400 !important;
}
.post_content .post_head .post_subject strong {
    font-weight: 600 !important;
}
.post_content .post_head .post_date {
    font-family:     var(--zehir-font-mono) !important;
    font-size:       10.5px !important;
}

/* "Last edited by ... on ..." inline note. */
.post_content .post_head .post_edit {
    display:         inline;
    margin-left:     10px;
    font-family:     var(--zehir-font-mono) !important;
    font-size:       9.5px !important;
    font-style:      normal;
    letter-spacing:  0.14em;
    color:           var(--zehir-asphalt) !important;
    opacity:         0.7;
}


/* Post meta — attachments + IP-logged line, rendered below `.post_body`
   inside `.post_content`. Small inset block. */
.post_content .post_meta {
    margin:          0 28px 0 !important;
    padding:         12px 0 0 !important;
    border-top:      1px dashed var(--zehir-bone-2) !important;
    font-family:     var(--zehir-font-mono) !important;
    font-size:       10.5px !important;
    letter-spacing:  0.12em;
    color:           var(--zehir-asphalt) !important;
}
.post_content .post_meta:empty { display: none !important; }

/* IP-logged line — institutional surveillance vibe. */
.post_content .post_meta .ip_logged {
    color:        var(--zehir-asphalt) !important;
    text-transform: uppercase;
    font-weight:  700;
    letter-spacing: 0.18em;
}

/* Attachment box (BBCode [attachment]). */
.attachment {
    background:    var(--zehir-bone) !important;
    border:        1px solid var(--zehir-asphalt) !important;
    padding:       8px 12px;
    margin:        8px 0;
    font-family:   var(--zehir-font-mono);
    font-size:     11px;
}
.attachment_thumb img {
    border: 1px solid var(--zehir-asphalt);
    max-width: 200px;
}


/* Quick reply box — MyBB renders it inside #quickreply_e under the post
   list on showthread. Same paper editor vocabulary. */
#quickreply,
#quickreply_e,
#quick_reply_form {
    background:    var(--zehir-paper) !important;
    border:        1px solid var(--zehir-asphalt) !important;
    border-left:   3px solid var(--zehir-blood) !important;
    margin:        24px 0 16px;
    padding:       0;
}
#quickreply > .thead,
#quickreply > thead .thead {
    border-bottom: 1px solid var(--zehir-asphalt) !important;
}
#quickreply textarea,
#message {
    background:  var(--zehir-paper) !important;
    border:      0 !important;
    border-bottom: 1.5px solid var(--zehir-bone-2) !important;
    min-height:  140px;
}
#quickreply textarea:focus,
#message:focus {
    border-bottom-color: var(--zehir-poison) !important;
}


/* Online-status indicator next to username — a small inline icon in stock
   MyBB. Replace with a typographic dot in the right palette. */
.post_author .onlinestatus_online,
img[src*="online.png"],
img[src*="offline.png"] {
    display:        inline-block;
    width:          7px !important;
    height:         7px !important;
    border-radius:  50% !important;
    background:     var(--zehir-asphalt);
    vertical-align: middle;
    margin-left:    6px;
    /* hide the underlying pixel art */
    object-fit:     contain;
    object-position: -9999px -9999px;
    border:         0 !important;
}
img[src*="online.png"]  { background: var(--zehir-poison) !important; }
img[src*="offline.png"] { background: var(--zehir-asphalt) !important; }


/* Forum icons (folder.png, folder_new.png, etc.) — MyBB Default ships a
   colored SVG sprite. Hide and replace with a typographic mono dot using
   the parent <span>. We use the [src] attr to discriminate states. */
img[src*="on.png"],
img[src*="off.png"],
img[src*="lock.png"],
img[src*="folder"] {
    width:  20px !important;
    height: 20px !important;
    border: 1px solid var(--zehir-asphalt) !important;
    background: var(--zehir-bone-2) !important;
    object-fit: contain;
    object-position: -9999px;
    border-radius: 0 !important;
    display: inline-block;
    vertical-align: middle;
}
img[src*="folder_new"],
img[src*="on_new.png"]  { background: var(--zehir-poison) !important; box-shadow: -3px 0 0 var(--zehir-blood) inset; }
img[src*="folder_lock"] { background: var(--zehir-asphalt) !important; }
img[src*="folder_hot"]  { background: var(--zehir-blood) !important; }


/* Thread / post status badges — small text indicators MyBB inserts inline
   above subjects ("Closed Thread", "Important:"). */
.subject_new strong,
.subject_old strong {
    font-family: var(--zehir-font-display) !important;
    font-weight: 600 !important;
}


/* Forum descriptions wrapped in <em> by MyBB on the index — Crimson Pro
   italic per brand_board §8.8. Already partially handled; reinforce. */
.forum_description,
.forum_name + .smalltext,
.tborder em.forum_description {
    font-family: var(--zehir-font-letter) !important;
    font-style:  italic !important;
    font-size:   14px !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    color:       var(--zehir-asphalt) !important;
    line-height: 1.45;
}


/* UCP / profile / member-list sidebar (`#sidebar`, `.usercp_nav_item`).
   These pages are table-based in MyBB Default; .tborder/.trow rules
   already handle them. The sidebar needs its own rule. */
#sidebar,
.usercp_container,
.profilecontent {
    background:  var(--zehir-paper) !important;
    border:      1px solid var(--zehir-asphalt) !important;
    color:       var(--zehir-ink) !important;
}
.usercp_nav_item a,
#sidebar a {
    color:           var(--zehir-asphalt) !important;
    font-family:     var(--zehir-font-mono) !important;
    font-size:       11px;
    letter-spacing:  0.14em;
    text-transform:  uppercase;
    text-decoration: none !important;
}
.usercp_nav_item.active a,
#sidebar .active a {
    color: var(--zehir-blood) !important;
    font-weight: 700;
}


/* Notifications / new PM banner — top-of-page yellow stripe. Brand_board
   uses Zehir Sarısı for warning-accent only, never as a full background;
   re-treat as a bone card with a poison left rule. */
.notification,
.alert,
#flash_message {
    background:  var(--zehir-paper) !important;
    border:      1px solid var(--zehir-asphalt) !important;
    border-left: 3px solid var(--zehir-poison) !important;
    color:       var(--zehir-ink) !important;
    padding:     12px 16px !important;
    font-family: var(--zehir-font-body) !important;
    font-size:   14px;
}


/* Dropdown menus (welcome-block submenu, jump-to forum dropdowns) —
   MyBB pops a small panel on hover. Re-skin as a paper card. */
.popup_menu {
    background:  var(--zehir-paper) !important;
    border:      1px solid var(--zehir-asphalt) !important;
    box-shadow:  0 6px 18px rgba(17, 16, 13, 0.25) !important;
    padding:     4px 0 !important;
    border-radius: 0 !important;
}
.popup_menu .popup_item_container,
.popup_menu .popup_item {
    color:           var(--zehir-ink) !important;
    background:      transparent !important;
    padding:         8px 14px !important;
    font-family:     var(--zehir-font-mono) !important;
    font-size:       11px !important;
    letter-spacing:  0.14em;
    text-transform:  uppercase;
    text-decoration: none !important;
    border:          0 !important;
}
.popup_menu .popup_item:hover {
    background: var(--zehir-bone) !important;
    color:      var(--zehir-blood) !important;
}


/* Footer copyright row content alignment — MyBB Default centers the
   contact + RSS + lite-archive links here. Already dark-themed above;
   add hairline separator and spacing. */
#footer {
    background:  var(--zehir-black) !important;
    color:       var(--zehir-bone) !important;
    border-top:  1px solid var(--zehir-asphalt) !important;
    margin-top:  24px;
    padding:     16px 24px;
    font-family: var(--zehir-font-mono) !important;
    font-size:   10.5px !important;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}
#footer a {
    color: var(--zehir-bone) !important;
    text-decoration: none;
    opacity: 0.85;
}
#footer a:hover { color: var(--zehir-poison) !important; opacity: 1; }


/* The .wrapper inside #panel — MyBB Default constrains panel content via
   .wrapper; let it inherit our max-width instead of MyBB's default 1140. */
#panel .wrapper {
    max-width: 1180px !important;
    margin:    0 auto !important;
}


/* ── End MyBB Default polish patch ──────────────────────────────────── */


/* ── End of override ──────────────────────────────────────────────────── */