/* ============================================================
   DARK1.8 THEME — WCAG 2.1 AA Edition
   Primary accent : #c4203e (bordo) — aksanlar, border, header
   Link color     : #00b4cc (cyan)  — tüm linkler [7.2:1 kontrast]
   Hover link     : #00d4f0 (cyan açık)
   Visited link   : #0090a8 (cyan koyu) [4.6:1 kontrast]
   Text primary   : #f0eeec [19.4:1 kontrast]
   Font           : JetBrains Mono + Rajdhani (Google Fonts)
   ============================================================ */

@import url(https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&family=Rajdhani:wght@500;600;700&display=swap);

:root {
	/* Bordo — sadece aksanlar, border ve dekorasyon */
	--bordo-glow:    #e0284a;
	--bordo-base:    #c4203e;
	--bordo-mid:     #9e1832;
	--bordo-dark:    #8b1a2e;
	--bordo-muted:   #5a1020;
	--bordo-dim:     #3a0a18;

	/* Cyan — linkler ve highlight */
	--cyan:          #00b4cc;
	--cyan-hover:    #00d4f0;
	--cyan-visited:  #0090a8;
	--cyan-dim:      #007a8c;

	/* Zeminler */
	--bg-deep:       #0a0a0f;
	--bg-mid:        #0f0f16;
	--bg-surface:    #14141e;
	--bg-elevated:   #1a1a28;
	--bg-hover:      #1e1e30;

	/* Border */
	--border-dark:   #080810;
	--border-mid:    #1a1a2a;
	--border-light:  #2a1838;
	--border-glow:   #5a1020;

	/* Metin */
	--text-primary:  #f0eeec;
	--text-secondary:#b8b4ae;
	--text-muted:    #7a7570;
}

/* ── SCROLLBAR ── */
::-webkit-scrollbar              { width: 6px; height: 6px; }
::-webkit-scrollbar-track        { background: var(--bg-mid); }
::-webkit-scrollbar-thumb        { background: var(--bordo-dark); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover  { background: var(--bordo-base); }

body {
	background: var(--bg-deep);
	color: var(--text-primary);
	text-align: center;
	line-height: 1.5;
	margin: 0;
	font-family: 'JetBrains Mono', 'Consolas', 'Courier New', monospace;
	font-size: 13px;
	overflow-y: scroll;
}

/* ── GLOBAL LİNKLER — WCAG AA uyumlu cyan ── */
a:link    { color: var(--cyan);         text-decoration: none; }
a:visited { color: var(--cyan-visited); text-decoration: none; }
a:hover,
a:active  { color: var(--cyan-hover);   text-decoration: underline; }

#container {
	background: var(--bg-mid);
	text-align: left;
	line-height: 1.5;
	margin: 0;
	min-width: 990px;
	color: var(--text-primary);
	font-family: 'JetBrains Mono', 'Consolas', 'Courier New', monospace;
	font-size: 13px;
}

.wrapper {
	width: 85%;
	min-width: 970px;
	max-width: 1500px;
	margin: auto;
}

#logo {
	background: var(--bg-mid);
	padding: 5px 0;
	border-bottom: 1px solid var(--bordo-muted);
	box-shadow: 0 1px 0 var(--bordo-glow), 0 2px 20px rgba(139,26,46,0.15);
	text-align: center;
}

#content {
	background: var(--bg-surface);
	padding: 20px 10px;
	overflow: hidden;
	color: var(--text-primary);
	width: auto !important;
}

#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; }

#logo ul.top_links           { text-align: center; margin: 15px 5px 0 0; font-weight: bold; }
#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: var(--bg-deep) url(../../../images/tcat.png) repeat-x;
	color: var(--text-primary);
	border-top: 1px solid var(--border-glow);
	border-bottom: 1px solid var(--border-dark);
	padding: 7px;
	clear: both;
}

#panel .upper a:link,
#panel .upper a:visited,
#panel .upper a:hover,
#panel .upper a:active { color: var(--text-primary); }

#panel .lower {
	background: var(--bordo-dim);
	border-top: 2px solid var(--border-dark);
	padding: 5px;
	color: var(--text-primary);
}

#panel .lower a:link,
#panel .lower a:visited,
#panel .lower a:hover,
#panel .lower a:active { color: var(--text-primary); }

#search                   { border: 0; padding: 0; margin: 0; float: right; vertical-align: middle; }
#search input.button,
#search input.textbox     { border-color: var(--border-dark); }
#search input.button      { background: var(--bordo-muted) url(../../../images/thead.png) top left repeat-x; color: var(--text-primary); }
#search input             { margin: -3px 0; }
#quick_login {
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    margin: 0 !important;
    z-index: 99999 !important;
    width: 400px;
}
#quick_login .remember_me input { vertical-align: middle; margin: -3px 0 0 5px; }

/* ============================================================
   FOOTER
   ============================================================ */

#footer                  { clear: both; background: var(--bg-deep); }
#footer ul.menu          { margin: 0; padding: 0; list-style: none; }
#footer ul.menu li       { margin: 0 5px; display: inline; }

#footer .upper {
	background: var(--bg-mid);
	border-top: 1px solid var(--border-glow);
	border-bottom: 1px solid var(--border-dark);
	padding: 8px 6px;
	font-size: 12px;
	overflow: hidden;
}

/* footer linkleri de cyan */
#footer a:link,
#footer a:visited { color: var(--cyan); }
#footer a:hover,
#footer a:active  { color: var(--cyan-hover); }

#footer .upper .language        { float: right; margin: -1px; margin-left: 15px; }
#footer .upper .language select { border-color: var(--border-mid); }
#footer .upper .theme           { float: right; margin: -1px; margin-left: 15px; }
#footer .upper .theme select    { border-color: var(--border-mid); }
#footer .upper ul.bottom_links  { float: left; margin: 4px 0 0 0; }

#footer .lower {
	background: var(--bg-deep);
	color: var(--text-muted);
	padding: 10px 6px 16px 6px;
	overflow: hidden;
	font-size: 11px;
	border-top: 1px solid var(--border-glow);
}

#footer .lower a:link,
#footer .lower a:visited { color: var(--cyan); font-weight: bold; }
#footer .lower a:hover,
#footer .lower a:active  { color: var(--cyan-hover); text-decoration: underline; font-weight: bold; }
#footer .lower #current_time { float: right; color: var(--text-muted); }

#debug        { float: right; text-align: right; margin-top: 20px; font-size: 11px; }
.scaleimages img { max-width: 100%; }

/* ============================================================
   FORUM STATUS İKONLARI
   ============================================================ */

.forum_status   { height: 50px; width: 50px; font-size: 30px; text-align: center; }
.forum_status i { display: inline-block; line-height: 50px; }
.forum_on                             { color: var(--cyan); }
.forum_off, .forum_offlock, .forum_offlink { color: #333; }
.forum_off i                          { opacity: .4; }
.forum_offlock i:before               { content: "\f023"; }
.forum_offlink i:before               { content: "\f0c1"; }

.subforumicon                                              { height: 10px; width: 10px; display: inline-block; margin: 0 5px; }
.subforum_minion                                           { color: var(--bordo-muted); }
.subforum_minioff, .subforum_miniofflock, .subforum_miniofflink { color: #333; }
.subforum_minioff                                          { opacity: .4; }
.subforum_miniofflock i:before                             { content: "\f023"; }
.subforum_miniofflink i:before                             { content: "\f0c1"; }

/* ============================================================
   TABLOLAR
   ============================================================ */

table    { color: var(--text-primary); font-size: 13px; }
.tborder { margin: auto; padding: 1px; border: 1px solid var(--border-mid); width: 100%; }
.tfixed  { table-layout: fixed; word-wrap: break-word; }

.thead {
	background: linear-gradient(180deg, #1e0810 0%, #140610 100%);
	color: var(--text-primary);
	border-bottom: 2px solid var(--bordo-dark);
	padding: 8px;
}

.thead a:link    { color: var(--text-primary); text-decoration: none; }
.thead a:visited { color: var(--text-secondary); text-decoration: none; }
.thead a:hover,
.thead a:active  { color: var(--cyan-hover); text-decoration: underline; }

.tcat {
	background: var(--bg-elevated) url(../../../images/tcat.png) repeat-x;
	color: var(--text-primary);
	border-top: 1px solid var(--border-glow);
	border-bottom: 1px solid var(--border-dark);
	padding: 6px;
	font-size: 12px;
}

.tcat a:link    { color: var(--text-primary); }
.tcat a:visited { color: var(--text-secondary); }
.tcat a:hover,
.tcat a:active  { color: var(--cyan-hover); }

.trow1,
.trow2 {
	background-color: var(--bg-surface);
	border-bottom: 1px solid var(--border-dark);
	border-top: 1px solid rgba(255,255,255,0.04);
	color: var(--text-primary);
	transition: background-color .12s;
}

/* hover efekti */
tr.trow1:hover td,
tr.trow2:hover td { background-color: var(--bg-hover); }

.trow_shaded   { background: var(--bg-elevated); }
.no_bottom_border { border-bottom: 0; }

.post.unapproved_post              { background: #2a1010; }
.post.unapproved_post .post_author { border-bottom-color: #3a1818; }
.post.classic.unapproved_post .post_author { border-color: #3a1818; }
.post.unapproved_post .post_controls { border-top-color: #3a1818; }
.trow_deleted, .post.deleted_post  { background: #1a1a30; }

.trow_selected, tr.trow_selected td {
	background: #1e2010;
	color: var(--text-primary);
	border-right-color: #4a5010;
	border-bottom-color: #4a5010;
}
.trow_selected a:link,
.trow_selected a:visited,
.trow_selected a:hover,
.trow_selected a:active { color: var(--cyan); }

.trow_sep { background: var(--bg-elevated); color: var(--text-secondary); border-bottom: 1px solid var(--border-mid); padding: 6px; font-size: 12px; font-weight: bold; }

.tfoot {
	border-top: 1px solid var(--border-mid);
	padding: 6px;
	background: var(--bg-mid);
	color: var(--text-primary);
}
.tfoot a:link    { color: var(--cyan);         text-decoration: none; }
.tfoot a:visited { color: var(--cyan-visited);  text-decoration: none; }
.tfoot a:hover,
.tfoot a:active  { color: var(--cyan-hover);    text-decoration: underline; }

.thead input.textbox,
.thead select  { border: 1px solid var(--bordo-muted); }
.bottommenu    { background: var(--bg-elevated); color: var(--text-primary); border: 1px solid var(--border-mid); padding: 10px; }

/* ============================================================
   NAVİGASYON
   ============================================================ */

.navigation        { color: var(--text-primary); font-size: 12px; }
.navigation a:link    { text-decoration: none; color: var(--cyan); }
.navigation a:visited { text-decoration: none; color: var(--cyan-visited); }
.navigation a:hover,
.navigation a:active  { text-decoration: underline; color: var(--cyan-hover); }
.navigation .active   { color: var(--text-primary); font-size: small; font-weight: bold; }

.smalltext { font-size: 11px; }
.largetext { font-family: 'Rajdhani', sans-serif; font-size: 18px; font-weight: 600; letter-spacing: 1px; }

/* ============================================================
   FORMLAR & INPUT
   ============================================================ */

fieldset              { padding: 6px; border: 1px solid var(--border-mid); margin: 0; }
fieldset.trow1,
fieldset.trow2        { border-color: var(--border-light); }
fieldset.align_right  { text-align: right; }

input.textbox {
	background: #f8f6f4;
	color: #1a1a1a;
	border: 1px solid #bbb;
	padding: 4px 6px;
	outline: 0;
	font-size: 13px;
	font-family: 'JetBrains Mono', monospace;
	border-radius: 3px;
	transition: border-color .15s;
}
input.textbox:focus { border-color: var(--cyan-dim); box-shadow: 0 0 0 2px rgba(0,180,204,0.15); }

textarea {
	background: var(--bg-elevated);
	color: var(--text-primary);
	border: 1px solid var(--border-mid);
	padding: 4px 6px;
	line-height: 1.5;
	outline: 0;
	font-family: 'JetBrains Mono', monospace;
	font-size: 13px;
	border-radius: 3px;
	transition: border-color .15s;
}
textarea:focus { border-color: var(--cyan-dim); box-shadow: 0 0 0 2px rgba(0,180,204,0.15); }

select {
	background: var(--bg-elevated);
	color: var(--text-primary);
	padding: 4px 6px;
	border: 1px solid var(--border-mid);
	outline: 0;
	font-family: 'JetBrains Mono', monospace;
	font-size: 13px;
	border-radius: 3px;
}

/* Butonlar — bordo gradient + hover animasyonu */
button,
input.button {
	padding: 4px 12px;
	cursor: pointer;
	font-family: 'JetBrains Mono', monospace;
	font-size: 13px;
	font-weight: 500;
	background: linear-gradient(180deg, var(--bordo-base) 0%, var(--bordo-dark) 100%);
	border: 1px solid var(--bordo-mid);
	color: #fff;
	outline: 0;
	border-radius: 3px;
	transition: transform .14s, box-shadow .14s, background .14s;
}
button:hover,
input.button:hover {
	background: linear-gradient(180deg, var(--bordo-glow) 0%, var(--bordo-base) 100%);
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(224,40,74,0.35);
}

form              { margin: 0; padding: 0; }
form input.error  { border: 1px solid #f30; color: #f30; background: #fff8f8; padding: 4px 6px; outline: 0; font-size: 13px; font-family: 'JetBrains Mono', monospace; }
form input.valid  { border: 1px solid #0c0; background: #f8fff8; padding: 4px 6px; outline: 0; font-size: 13px; font-family: 'JetBrains Mono', monospace; }
form label.error  { color: #f30; margin: 5px; padding: 0; display: block; font-weight: bold; font-size: 11px; }
form #message     { width: 500px; }

/* ============================================================
   EDİTÖR
   ============================================================ */

.editor              { background: var(--bg-elevated); border: 1px solid var(--border-mid); }
.editor_control_bar  { background: var(--bg-mid); border: 1px solid var(--border-dark); }
.post .editor_control_bar { background: var(--bg-elevated); }

/* ============================================================
   POPUP MENÜ
   ============================================================ */

.popup_menu                  { background: var(--bg-elevated); border: 1px solid var(--border-glow); border-radius: 4px; box-shadow: 0 4px 16px rgba(0,0,0,0.5); }
.popup_menu .popup_item      { background: var(--bg-elevated); color: var(--text-secondary); }
.popup_menu .popup_item:hover { background: var(--bordo-dark); color: #fff; }
.popup_menu .popup_item_container { margin: 1px; text-align: left; }
.popup_menu .popup_item      { display: block; padding: 6px 10px; white-space: nowrap; text-decoration: none; transition: background .12s, color .12s; }
.popup_menu a.popup_item:hover { text-decoration: none; }

/* ============================================================
   İTİBAR (REPUTATION)
   ============================================================ */

.trow_reputation_positive { background: #0d2010; }
.trow_reputation_negative { background: #200d0d; }
.reputation_positive      { color: #4cc84c; }
.reputation_neutral       { color: var(--text-muted); }
.reputation_negative      { color: #e05050; }
.repbox  { font-size: 16px; font-weight: bold; padding: 5px 7px; }
._neutral { background-color: var(--bg-elevated); color: var(--text-muted);    border: 1px solid var(--border-mid); }
._minus   { background-color: #200d0d;            color: #e07070;              border: 1px solid #5a1818; }
._plus    { background-color: #0d2010;            color: #4cc84c;              border: 1px solid #1a5a20; }

/* ============================================================
   MİSC
   ============================================================ */

img              { border: none; }
img.attachment   { border: 1px solid var(--border-mid); padding: 2px; }
hr               { background-color: var(--bordo-muted); color: var(--bordo-muted); height: 1px; border: 0; }
.clear           { clear: both; }
.float_left      { float: left; }
.float_right     { float: right; }
.hidden          { display: none; float: none; width: 1%; }
.hiddenrow       { display: none; }
.selectall       { background: #1e2010; border-bottom: 1px solid #4a5010; color: var(--text-primary); text-align: center; }
.expcolimage     { float: right; width: auto; vertical-align: middle; margin-top: 3px; }
.tcat_menu > .expcolimage { margin-top: 0; }

/* ============================================================
   BLOCKQUOTE & KOD
   ============================================================ */

blockquote {
	border: 1px solid var(--border-dark);
	border-left: 3px solid var(--bordo-dark);
	margin: 0;
	background: var(--bg-elevated);
	padding: 10px 14px;
	border-radius: 0 3px 3px 0;
}

blockquote cite              { font-weight: bold; border-bottom: 1px solid var(--border-dark); font-style: normal; display: block; padding-bottom: 4px; margin: 0 0 10px 0; color: var(--text-muted); }
blockquote cite span         { float: right; font-weight: normal; font-size: 12px; color: var(--text-muted); }
blockquote cite span.highlight { float: none; font-weight: bold; padding-bottom: 0; }

/* Kod blokları — terminal estetiği */
.codeblock           { background: #080810; border: 1px solid var(--border-mid); border-radius: 4px; overflow: hidden; margin: 8px 0; }
.codeblock .title    {
	background: linear-gradient(180deg, #1e0810 0%, #140610 100%);
	border-bottom: 1px solid var(--bordo-muted);
	font-weight: bold;
	padding: 6px 12px;
	margin: 0;
	color: var(--text-muted);
	font-size: 12px;
	display: flex;
	align-items: center;
	gap: 8px;
}
.codeblock .title::before {
	content: '';
	display: inline-block;
	width: 8px; height: 8px;
	border-radius: 50%;
	background: var(--bordo-glow);
	box-shadow: 0 0 6px rgba(224,40,74,0.4);
}
.codeblock code {
	overflow: auto;
	height: auto;
	max-height: 300px;
	display: block;
	font-family: 'JetBrains Mono', Monaco, Consolas, monospace;
	font-size: 12px;
	color: #c8c0d4;
	padding: 12px;
	line-height: 1.6;
}

.smilie          { vertical-align: middle; }
.smilie_pointer  { cursor: pointer; }
.separator       { margin: 5px; padding: 0; height: 0; font-size: 1px; list-style-type: none; }
.subject_new     { font-weight: bold; }
.highlight       { background: rgba(0,180,204,0.12); padding-top: 3px; padding-bottom: 3px; border-radius: 2px; }

.pm_alert   { background: rgba(250,198,127,0.08); border: 1px solid rgba(192,128,0,0.4); color: #e0b060; text-align: center; padding: 5px 20px; margin-bottom: 15px; font-size: 11px; border-radius: 3px; }
.red_alert  { background: rgba(224,40,74,0.08);   border: 1px solid var(--bordo-dark);    color: #e07080; text-align: center; padding: 5px 20px; margin-bottom: 15px; font-size: 11px; border-radius: 3px; word-wrap: break-word; }
.red_alert a:link,
.red_alert a:visited,
.red_alert a:hover,
.red_alert a:active { color: #e09090; }

.high_warning     { color: #e05050; }
.moderate_warning { color: #e08040; }
.low_warning      { color: #c0a040; }
.online           { color: #4cc84c; }
.offline          { color: var(--text-muted); }

/* ============================================================
   HATA GÖSTERME
   ============================================================ */

div.error          { padding: 5px 10px; border-top: 2px solid rgba(192,128,0,0.5); border-bottom: 2px solid rgba(192,128,0,0.5); background: rgba(250,198,127,0.08); font-size: 12px; }
div.error p        { margin: 0; color: var(--text-secondary); font-weight: normal; }
div.error p em     { font-style: normal; font-weight: bold; padding-left: 24px; display: block; color: #e07070; background: url(../../../images/error.png) no-repeat 0; }
div.error ul       { margin-left: 24px; }

/* ============================================================
   PAGİNASYON
   ============================================================ */

.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: 4px 8px; margin-bottom: 3px; border-radius: 3px; display: inline-block; }
.pagination a                { background: var(--bg-elevated); border: 1px solid var(--border-mid); color: var(--cyan); transition: all .15s; }
.pagination .pagination_current { background: var(--bordo-dark); color: #fff; border: 1px solid var(--bordo-mid); font-weight: bold; }
.pagination a:hover          { background: rgba(0,180,204,0.1); color: var(--cyan-hover); border-color: var(--cyan-dim); text-decoration: none; }
.pagination .go_page img     { margin-bottom: -4px; }
.drop_go_page                { background: var(--bg-elevated); padding: 4px; }
.pagination_breadcrumb       { background-color: var(--bg-elevated); border: 1px solid var(--border-mid); outline: 1px solid var(--bordo-muted); padding: 5px; margin-top: 5px; font-weight: normal; border-radius: 3px; }
.pagination_breadcrumb_link  { vertical-align: middle; cursor: pointer; }

/* ============================================================
   FORUM / KONU EFSANESİ
   ============================================================ */

.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: #4cc84c; font-weight: bold; font-size: 10px; margin-bottom: 10px; }
.error_message   { color: #e07070; font-weight: bold; font-size: 10px; margin-bottom: 10px; }

/* ============================================================
   POSTLAR
   ============================================================ */

#posts_container { padding: 0; }
.ignored_post    { border-top: 3px solid var(--border-mid); padding: 15px; }
.ignored_post .show_ignored_post { margin-top: -15px; }
.ignored_post .show_ignored_post a.button span { background-position: 0 -400px; }
.post            { overflow: hidden; }
.post.classic    { padding-top: 15px; }

.post .post_author               { border-bottom: 1px solid var(--border-dark); border-top: 2px solid var(--border-mid); background: var(--bg-surface); padding: 5px; overflow: hidden; }
.post.classic .post_author       { border: 1px solid var(--border-mid); 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 var(--border-mid); background: var(--bg-elevated); }
.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: var(--text-primary); line-height: 1.3; }
.post.classic .post_author div.author_statistics  { border-top: 1px dotted var(--border-mid); 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 var(--border-mid); margin-bottom: 4px; }
.post .post_head span.post_date    { color: var(--text-muted); }
.post .post_head span.edited_post  { font-size: 10px; color: var(--text-muted); }
.post .post_head span.edited_post a { color: var(--text-muted); }
.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 var(--border-mid); padding: 10px 0 4px 0; }
.post .post_meta                   { margin: 4px 0; font-size: 11px; color: var(--text-muted); }
.post .post_meta a:link,
.post .post_meta a:visited         { color: var(--cyan-visited); }
.post .post_meta a:hover,
.post .post_meta a:active          { color: var(--cyan-hover); }
.post_controls                     { clear: both; background: var(--bg-surface); border-bottom: 1px solid var(--border-dark); padding: 5px; overflow: hidden; }

/* ============================================================
   POSTBİT BUTONLAR
   ============================================================ */

.postbit_buttons > a:link,
.postbit_buttons > a:hover,
.postbit_buttons > a:visited,
.postbit_buttons > a:active {
	display: inline-block;
	padding: 3px 7px;
	margin: 2px;
	font-size: 11px;
	background: var(--bg-elevated) url(../../../images/tcat.png) repeat-x scroll 0 0;
	border: 1px solid var(--border-mid);
	color: var(--text-secondary);
	border-radius: 2px;
	transition: border-color .12s, color .12s;
}
.postbit_buttons > a:hover { border-color: var(--cyan-dim); color: var(--cyan); }
.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; }

/* ============================================================
   BUTON LİNKLER
   ============================================================ */

a.button:link,
a.button:hover,
a.button:visited,
a.button:active {
	background: linear-gradient(180deg, var(--bordo-base) 0%, var(--bordo-dark) 100%);
	color: #fff;
	display: inline-block;
	padding: 5px 12px;
	margin: 2px 2px 6px 2px;
	border: 1px solid var(--bordo-mid);
	font-size: 13px;
	border-radius: 3px;
	transition: transform .14s, box-shadow .14s, background .14s;
	font-family: 'JetBrains Mono', monospace;
}
a.button:hover {
	background: linear-gradient(180deg, var(--bordo-glow) 0%, var(--bordo-base) 100%);
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(224,40,74,0.35);
	text-decoration: none;
}
a.button.small_button { font-size: 12px; margin: 0; padding: 3px 8px; }
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; }

/* ============================================================
   MİSC UI
   ============================================================ */

.quick_jump     { background: url(../../../images/jump.png) no-repeat 0; width: 13px; height: 13px; padding-left: 13px; margin-top: -3px; border: none; }
.pollbar        { background: linear-gradient(180deg, var(--bordo-base), var(--bordo-dark)); border: 1px solid var(--border-mid); height: 10px; border-radius: 2px; }
.pollbar .percent { display: none; }
.posticons_label { white-space: nowrap; }

/* ============================================================
   jGROWL
   ============================================================ */

.ie6 { position: absolute; }
.jGrowl                          { z-index: 9999; color: var(--text-primary); font-size: 12px; position: fixed; }
.jGrowl.top-left                 { left: 0; top: 0; }
.jGrowl.top-right                { right: 0; top: 0; }
.jGrowl.bottom-left              { left: 0; bottom: 0; }
.jGrowl.bottom-right             { right: 0; bottom: 0; }
.jGrowl.center                   { top: 0; width: 50%; left: 25%; }
.center .jGrowl-notification,
.center .jGrowl-closer           { margin-left: auto; margin-right: auto; }

.jGrowl .jGrowl-notification,
.jGrowl .jGrowl-closer {
	background-color: var(--bg-elevated);
	border: 1px solid var(--border-glow);
	opacity: .95;
	width: 235px;
	padding: 10px;
	margin: 10px;
	font-family: 'JetBrains Mono', monospace;
	font-size: 1em;
	text-align: left;
	display: none;
	border-radius: 5px;
	box-shadow: 0 4px 16px rgba(0,0,0,0.5);
}
.jGrowl .jGrowl-notification             { min-height: 40px; }
.jGrowl .jGrowl-notification .jGrowl-header { font-weight: bold; font-size: .85em; }
.jGrowl .jGrowl-notification .jGrowl-close  { z-index: 99; float: right; font-weight: bold; font-size: 1em; cursor: pointer; }
.jGrowl .jGrowl-closer           { padding-top: 4px; padding-bottom: 4px; cursor: pointer; font-size: .9em; font-weight: bold; text-align: center; }

@media print { .jGrowl { display: none; } }

/* ============================================================
   MODAL
   ============================================================ */

.modal          { display: none; width: 400px; text-align: left; background: var(--bg-elevated); border: 1px solid var(--border-glow); border-radius: 8px; box-shadow: 0 0 30px rgba(0,0,0,0.7); }
.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; }
.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; border-radius: 8px; }

/* ============================================================
   IMPROMPTU
   ============================================================ */

.jqifade            { position: absolute; background-color: rgba(0,0,0,0.6); }
div.jqi             { width: 400px; max-width: 90%; font-family: 'JetBrains Mono', monospace; position: absolute; background-color: var(--bg-elevated); color: var(--text-primary); font-size: 12px; text-align: left; border: solid 1px var(--border-glow); border-radius: 6px; padding: 7px; box-shadow: 0 8px 32px rgba(0,0,0,0.6); }
div.jqi .jqiclose   { position: absolute; top: 4px; right: -2px; width: 18px; cursor: default; color: var(--text-muted); font-weight: bold; }
div.jqi .jqistate   { background-color: var(--bg-elevated); }
div.jqi .jqititle   { padding: 5px 10px; font-size: 16px; line-height: 20px; border-bottom: solid 1px var(--border-mid); font-family: 'Rajdhani', sans-serif; font-weight: 600; letter-spacing: .5px; }
div.jqi .jqimessage { padding: 10px; line-height: 20px; color: var(--text-secondary); }
div.jqi .jqibuttons { text-align: right; margin: 0 -7px -7px -7px; border-top: solid 1px var(--border-mid); background-color: var(--bg-mid); border-radius: 0 0 6px 6px; }
div.jqi .jqibuttons button { margin: 0; padding: 15px 20px; background-color: transparent; border: none; border-left: solid 1px var(--border-mid); color: var(--text-muted); font-weight: bold; font-size: 12px; cursor: pointer; transition: color .15s; }
div.jqi .jqibuttons button.jqidefaultbutton { color: var(--cyan); }
div.jqi .jqibuttons button:hover,
div.jqi .jqibuttons button:focus { color: var(--cyan-hover); outline: none; }
.jqiwarning .jqi .jqibuttons { background-color: #3a1010; }
div.jqi .jqiparentstate::after { background-color: #000; opacity: 0.6; content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; border-radius: 6px; }
div.jqi .jqisubstate { position: absolute; top: 0; left: 20%; width: 60%; padding: 7px; border: solid 1px var(--border-mid); border-top: none; border-radius: 0 0 6px 6px; }

/* ============================================================
   UI TOOLTIP — jQuery UI override
   ============================================================ */

.ui-tooltip {
	padding: 6px 10px;
	position: absolute !important;
	z-index: 99999 !important;
	max-width: 300px;
	font-family: 'JetBrains Mono', monospace;
	font-weight: normal;
	font-size: 12px;
	color: var(--text-primary);
	text-align: left;
	border: 1px solid var(--border-glow) !important;
	background: var(--bg-elevated) !important;
	border-radius: 3px;
	box-shadow: 2px 2px 8px rgba(0,0,0,0.7);
	pointer-events: none;
	-webkit-box-shadow: 2px 2px 8px rgba(0,0,0,0.7);
}

.ui-widget-content { background: var(--bg-elevated) !important; color: var(--text-primary) !important; border: 1px solid var(--border-glow) !important; }
.ui-corner-all     { border-radius: 3px !important; }
.ui-widget         { font-family: 'JetBrains Mono', monospace !important; font-size: 12px !important; }

body .ui-tooltip { border-width: 1px; }

/* ============================================================
   DEVILKING CREDIT
   ============================================================ */

.devilking { color: var(--bordo-glow); float: left; height: 30px; line-height: 30px; font-family: 'Rajdhani', sans-serif; font-weight: 600; letter-spacing: 1px; }