/* ==========================================================
   DBF SHOWTHREAD — fresh rewrite 2026-05-09
   Modern dark forum thread view. Self-contained, namespaced
   under .dbf-post* / .dbf-thread* / #content (showthread page).
   No reliance on legacy MyBB DBF classes.
   ========================================================== */

/* ---------- Tokens (scoped fallback) ---------- */
.dbf-thread-page,
:root {
  --dbf-bg:        #0e1320;
  --dbf-surface:   #151b2c;
  --dbf-surface-2: #1a2236;
  --dbf-surface-3: #232c44;
  --dbf-border:    rgba(255,255,255,0.08);
  --dbf-border-2:  rgba(255,255,255,0.13);
  --dbf-text:      #e6e9f2;
  --dbf-muted:     #8b93ad;
  --dbf-dim:       #6a7390;
  --dbf-accent:    #f59e0b;
  --dbf-accent-2:  #fbbf24;
  --dbf-success:   #22c55e;
  --dbf-danger:    #ef4444;
  --dbf-radius:    14px;
  --dbf-radius-sm: 8px;
  --dbf-shadow:    0 4px 16px rgba(0,0,0,0.30);
  --dbf-shadow-lg: 0 10px 28px rgba(0,0,0,0.40);
}

/* ==========================================================
   PAGE CHROME — thread title bar, actions, breadcrumb area
   ========================================================== */
#content,
.container > #content { color: var(--dbf-text); }

/* Thread title banner (.baslikCubugu / similar) — keep DBF accent */
.baslikCubugu,
.navigation_konuYolu,
div.thread-title {
  background: linear-gradient(180deg, rgba(245,158,11,0.10), rgba(245,158,11,0.02)), var(--dbf-surface) !important;
  border: 1px solid var(--dbf-border-2) !important;
  border-left: 3px solid var(--dbf-accent) !important;
  border-radius: var(--dbf-radius) !important;
  color: var(--dbf-text) !important;
  padding: 14px 18px !important;
  margin-bottom: 14px !important;
}

/* Top thread action toolbar (Forum'a Dön / Sürüm / Konu Araçları) */
div.sayfaLinkGrubu,
.LinkGrubu,
div.thread-actions-bar {
  background: var(--dbf-surface) !important;
  border: 1px solid var(--dbf-border-2) !important;
  border-radius: var(--dbf-radius) !important;
  padding: 8px 12px !important;
  margin-bottom: 14px !important;
  color: var(--dbf-muted) !important;
}
div.sayfaLinkGrubu a,
.LinkGrubu a {
  color: var(--dbf-text) !important;
  background: rgba(255,255,255,0.04) !important;
  border: 1px solid var(--dbf-border) !important;
  padding: 6px 12px !important;
  border-radius: var(--dbf-radius-sm) !important;
  text-decoration: none !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  transition: all .15s ease !important;
}
div.sayfaLinkGrubu a:hover,
.LinkGrubu a:hover {
  background: rgba(245,158,11,0.12) !important;
  color: var(--dbf-accent) !important;
  border-color: rgba(245,158,11,0.4) !important;
}

/* ==========================================================
   POST LIST CONTAINER
   ========================================================== */
ol.mesajList,
ul.mesajList,
.mesajList,
.dbf-thread-posts {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 0 16px 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
  background: transparent !important;
}

/* ==========================================================
   POST — main grid (rail + body)
   ========================================================== */
li.dbf-post {
  display: grid !important;
  grid-template-columns: 240px 1fr !important;
  gap: 0 !important;
  background: var(--dbf-surface) !important;
  border: 1px solid var(--dbf-border-2) !important;
  border-radius: var(--dbf-radius) !important;
  overflow: hidden !important;
  box-shadow: var(--dbf-shadow) !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  position: relative !important;
  color: var(--dbf-text) !important;
}

/* ==========================================================
   USER RAIL (left column)
   ========================================================== */
.dbf-post__user {
  background: linear-gradient(180deg, rgba(245,158,11,0.06) 0%, transparent 50%), var(--dbf-surface-2) !important;
  border-right: 1px solid var(--dbf-border) !important;
  padding: 22px 18px 18px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 10px !important;
  text-align: center !important;
  color: var(--dbf-text) !important;
}

/* Avatar */
.dbf-post__user .dbf-user__avatar-wrap {
  position: relative !important;
  margin-bottom: 4px !important;
}
.dbf-post__user .dbf-user__avatar {
  display: inline-block !important;
  width: 96px !important;
  height: 96px !important;
  border-radius: 50% !important;
  overflow: hidden !important;
  border: 3px solid rgba(245,158,11,0.55) !important;
  box-shadow: 0 0 0 5px rgba(245,158,11,0.08), 0 6px 18px rgba(0,0,0,0.45) !important;
  background: var(--dbf-surface-3) !important;
  text-decoration: none !important;
}
.dbf-post__user .dbf-user__avatar img,
.dbf-post__user .dbf-user__avatar .dbf-avatar-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  border: 0 !important;
  border-radius: 50% !important;
}
/* online dot */
.dbf-post__user span.durum,
.dbf-post__user span.durum.online {
  position: absolute !important;
  right: 4px !important;
  bottom: 6px !important;
  width: 16px !important;
  height: 16px !important;
  border-radius: 50% !important;
  background: var(--dbf-success) !important;
  border: 3px solid var(--dbf-surface-2) !important;
  box-shadow: 0 0 8px rgba(34,197,94,0.55) !important;
  display: block !important;
}
.dbf-post__user span.durum::before,
.dbf-post__user span.durum::after { content: none !important; display: none !important; }
.dbf-post__user span.durum.offline { background: var(--dbf-dim) !important; box-shadow: none !important; }

/* Username */
.dbf-user__name {
  font-size: 17px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  margin-top: 4px !important;
}
.dbf-user__name a {
  text-decoration: none !important;
  color: var(--dbf-text) !important;
}

/* Group title */
.dbf-user__title {
  font-size: 10.5px !important;
  font-weight: 700 !important;
  letter-spacing: 1.1px !important;
  text-transform: uppercase !important;
  padding: 4px 12px !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, rgba(245,158,11,0.20), rgba(245,158,11,0.05)) !important;
  color: var(--dbf-accent) !important;
  border: 1px solid rgba(245,158,11,0.32) !important;
  display: inline-block !important;
}
.dbf-user__title:empty { display: none !important; }

.dbf-user__group { display: none !important; } /* hide groupimage if any */
.dbf-user__group:not(:empty) {
  display: inline-block !important;
  margin-top: 2px !important;
}
.dbf-user__group img { max-height: 18px !important; }

/* Stats grid */
.dbf-user__stats {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 6px !important;
  width: 100% !important;
  padding: 12px 10px !important;
  margin: 6px 0 4px !important;
  background: rgba(0,0,0,0.22) !important;
  border: 1px solid var(--dbf-border) !important;
  border-radius: var(--dbf-radius-sm) !important;
}
.dbf-user__stats:empty { display: none !important; }
.dbf-user__stats dl,
.dbf-user__stats .kullanici-isatatistik {
  margin: 0 !important;
  padding: 6px 4px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 3px !important;
  background: transparent !important;
  border: 0 !important;
}
.dbf-user__stats dt {
  font-size: 9.5px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.6px !important;
  color: var(--dbf-muted) !important;
  margin: 0 !important;
}
.dbf-user__stats dd {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: var(--dbf-text) !important;
  margin: 0 !important;
}
.dbf-user__stats dd a, .dbf-user__stats dd strong {
  color: inherit !important;
  text-decoration: none !important;
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
}
.dbf-user__stats strong.reputation_neutral { color: var(--dbf-text) !important; }
.dbf-user__stats strong.reputation_pos     { color: var(--dbf-success) !important; }
.dbf-user__stats strong.reputation_neg     { color: var(--dbf-danger) !important; }

/* Action row */
.dbf-user__actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  width: 100% !important;
  margin-top: 4px !important;
}
.dbf-btn,
.dbf-user__actions a,
.dbf-user__actions .pm_message {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  flex: 1 1 0 !important;
  min-width: 0 !important;
  padding: 8px 10px !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.4px !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  border-radius: var(--dbf-radius-sm) !important;
  cursor: pointer !important;
  transition: all .15s ease !important;
  border: 1px solid rgba(245,158,11,0.32) !important;
  background: rgba(245,158,11,0.08) !important;
  color: var(--dbf-accent) !important;
}
.dbf-btn:hover,
.dbf-user__actions a:hover {
  background: rgba(245,158,11,0.18) !important;
  border-color: rgba(245,158,11,0.55) !important;
  transform: translateY(-1px) !important;
}
.dbf-btn--ghost {
  background: rgba(255,255,255,0.04) !important;
  border-color: var(--dbf-border-2) !important;
  color: var(--dbf-text) !important;
}
.dbf-btn--ghost:hover {
  background: rgba(245,158,11,0.10) !important;
  border-color: rgba(245,158,11,0.4) !important;
  color: var(--dbf-accent) !important;
}

/* ==========================================================
   POST MAIN (right column)
   ========================================================== */
.dbf-post__main {
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  background: transparent !important;
  min-width: 0 !important;
}

/* Header bar */
.dbf-post__header {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 12px 18px !important;
  background: rgba(0,0,0,0.22) !important;
  border-bottom: 1px solid var(--dbf-border) !important;
  font-size: 12px !important;
  color: var(--dbf-muted) !important;
}
.dbf-post__num {
  display: inline-flex !important;
  align-items: center !important;
  padding: 3px 10px !important;
  background: rgba(245,158,11,0.14) !important;
  color: var(--dbf-accent) !important;
  border: 1px solid rgba(245,158,11,0.32) !important;
  border-radius: 999px !important;
  font-size: 10.5px !important;
  font-weight: 700 !important;
  letter-spacing: 0.4px !important;
  text-decoration: none !important;
}
.dbf-post__date {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  color: var(--dbf-muted) !important;
  font-size: 12px !important;
}
.dbf-post__date i { color: var(--dbf-dim) !important; }
.dbf-post__tools {
  margin-left: auto !important;
  display: inline-flex !important;
  gap: 6px !important;
  align-items: center !important;
}
.dbf-post__tools a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 30px !important;
  height: 30px !important;
  border-radius: 8px !important;
  background: rgba(255,255,255,0.04) !important;
  border: 1px solid var(--dbf-border) !important;
  color: var(--dbf-muted) !important;
  text-decoration: none !important;
  transition: all .15s ease !important;
}
.dbf-post__tools a:hover {
  background: rgba(245,158,11,0.14) !important;
  color: var(--dbf-accent) !important;
  border-color: rgba(245,158,11,0.4) !important;
}
.dbf-post__tools a > span { display: none !important; }

/* Body */
.dbf-post__body {
  padding: 22px 22px 18px !important;
  font-size: 14.5px !important;
  line-height: 1.7 !important;
  color: var(--dbf-text) !important;
  word-wrap: break-word !important;
  overflow-wrap: anywhere !important;
  min-width: 0 !important;
  background: transparent !important;
}
.dbf-post__body p { margin: 0 0 14px !important; }
.dbf-post__body p:last-child { margin-bottom: 0 !important; }
.dbf-post__body strong, .dbf-post__body b { color: #fff !important; font-weight: 700 !important; }
.dbf-post__body a {
  color: var(--dbf-accent) !important;
  text-decoration: underline !important;
  text-decoration-color: rgba(245,158,11,0.3) !important;
  text-underline-offset: 2px !important;
}
.dbf-post__body a:hover { color: var(--dbf-accent-2) !important; text-decoration-color: var(--dbf-accent) !important; }
.dbf-post__body ul, .dbf-post__body ol { margin: 0 0 14px 22px !important; padding: 0 !important; }
.dbf-post__body li { margin: 4px 0 !important; }
.dbf-post__body img { max-width: 100% !important; height: auto !important; border-radius: 8px !important; }
.dbf-post__body code {
  background: rgba(0,0,0,0.35) !important;
  border: 1px solid var(--dbf-border) !important;
  border-radius: 4px !important;
  padding: 1px 6px !important;
  font-family: ui-monospace, "Cascadia Code", Consolas, monospace !important;
  font-size: 0.9em !important;
  color: #facc15 !important;
}
.dbf-post__body pre {
  background: #0a0e1a !important;
  border: 1px solid var(--dbf-border-2) !important;
  border-radius: var(--dbf-radius-sm) !important;
  padding: 14px 16px !important;
  overflow-x: auto !important;
  color: var(--dbf-text) !important;
  margin: 0 0 14px !important;
}
.dbf-post__body blockquote {
  background: rgba(245,158,11,0.04) !important;
  border-left: 3px solid var(--dbf-accent) !important;
  padding: 10px 14px !important;
  margin: 0 0 14px !important;
  border-radius: 0 8px 8px 0 !important;
  color: var(--dbf-muted) !important;
}

/* MyCode quote box */
.dbf-post__body .quote_header,
.dbf-post__body .alintiBaslik {
  background: rgba(245,158,11,0.10) !important;
  color: var(--dbf-accent) !important;
  font-weight: 700 !important;
  font-size: 12px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  padding: 8px 14px !important;
  border-radius: 8px 8px 0 0 !important;
  border: 1px solid rgba(245,158,11,0.28) !important;
  border-bottom: 0 !important;
}
.dbf-post__body .quote_body,
.dbf-post__body .alintiIcerik,
.dbf-post__body blockquote.mycode_quote,
.dbf-post__body .mycode_quote {
  background: rgba(0,0,0,0.22) !important;
  border: 1px solid var(--dbf-border-2) !important;
  border-radius: 0 0 8px 8px !important;
  padding: 12px 14px !important;
  color: var(--dbf-text) !important;
  margin: 0 0 14px !important;
}

/* Edited / meta line */
.dbf-post__edited {
  display: block !important;
  padding: 0 22px !important;
  margin: 6px 0 !important;
  font-size: 11px !important;
  color: var(--dbf-dim) !important;
  font-style: italic !important;
}
.dbf-post__edited:empty { display: none !important; }
.dbf-post__meta {
  padding: 0 22px !important;
  font-size: 11px !important;
  color: var(--dbf-dim) !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}
.dbf-post__meta:empty { display: none !important; }
.dbf-post__status { margin-left: auto !important; }

/* Footer */
.dbf-post__footer {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  padding: 12px 18px !important;
  margin-top: auto !important;
  background: rgba(0,0,0,0.22) !important;
  border-top: 1px solid var(--dbf-border) !important;
}
.dbf-post__actions {
  display: inline-flex !important;
  gap: 6px !important;
  flex-wrap: wrap !important;
  align-items: center !important;
}
.dbf-post__actions a,
.dbf-post__actions input[type="image"] {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 6px 12px !important;
  font-size: 11.5px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.4px !important;
  background: rgba(255,255,255,0.04) !important;
  border: 1px solid var(--dbf-border) !important;
  border-radius: var(--dbf-radius-sm) !important;
  color: var(--dbf-muted) !important;
  text-decoration: none !important;
  transition: all .15s ease !important;
  cursor: pointer !important;
}
.dbf-post__actions a > span,
.dbf-post__actions input[type="image"] {
  display: inline !important;
}
.dbf-post__actions a:hover {
  background: rgba(245,158,11,0.12) !important;
  color: var(--dbf-accent) !important;
  border-color: rgba(245,158,11,0.4) !important;
  transform: translateY(-1px) !important;
}

.dbf-post__likes {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-size: 12px !important;
  color: var(--dbf-muted) !important;
}
.dbf-post__likes i { color: var(--dbf-accent) !important; }
.dbf-post__likes span { font-weight: 600 !important; }
.dbf-post__likers { display: inline-flex !important; gap: 4px !important; }

/* ==========================================================
   QUICK REPLY / EDITOR / FORM AREAS — kill all white bg
   ========================================================== */
fieldset,
.quick_reply,
#quick_reply_form,
form[action*="newreply"],
form[action*="ratethread"] {
  background: var(--dbf-surface) !important;
  border: 1px solid var(--dbf-border-2) !important;
  border-radius: var(--dbf-radius) !important;
  padding: 16px !important;
  color: var(--dbf-text) !important;
  margin-bottom: 14px !important;
}
fieldset legend,
.thead {
  color: var(--dbf-text) !important;
  background: transparent !important;
  font-weight: 700 !important;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
input[type="search"],
textarea,
select {
  background: var(--dbf-surface-2) !important;
  color: var(--dbf-text) !important;
  border: 1px solid var(--dbf-border-2) !important;
  border-radius: var(--dbf-radius-sm) !important;
  padding: 8px 10px !important;
  font-size: 13px !important;
}
input[type="text"]:focus,
textarea:focus,
select:focus {
  outline: 0 !important;
  border-color: var(--dbf-accent) !important;
  box-shadow: 0 0 0 3px rgba(245,158,11,0.15) !important;
}

label { color: var(--dbf-muted) !important; }
input[type="checkbox"], input[type="radio"] {
  accent-color: var(--dbf-accent) !important;
}

input[type="submit"],
button[type="submit"] {
  background: linear-gradient(180deg, #f59e0b, #d97706) !important;
  color: #1a1304 !important;
  border: 0 !important;
  padding: 10px 22px !important;
  border-radius: var(--dbf-radius-sm) !important;
  font-weight: 700 !important;
  letter-spacing: 0.5px !important;
  cursor: pointer !important;
  text-transform: uppercase !important;
  font-size: 12px !important;
  transition: filter .15s ease !important;
}
input[type="submit"]:hover { filter: brightness(1.08); }

/* SCEditor (the WYSIWYG box) */
div.sceditor-container {
  background: var(--dbf-surface-2) !important;
  border: 1px solid var(--dbf-border-2) !important;
  border-radius: var(--dbf-radius-sm) !important;
  color: var(--dbf-text) !important;
}
div.sceditor-toolbar {
  background: var(--dbf-surface-3) !important;
  border-bottom: 1px solid var(--dbf-border-2) !important;
}
div.sceditor-group {
  background: transparent !important;
  border-color: var(--dbf-border-2) !important;
}
.sceditor-button {
  background: transparent !important;
}
.sceditor-button:hover {
  background: rgba(245,158,11,0.15) !important;
}
.sceditor-button div {
  filter: invert(0.85) sepia(0.2) hue-rotate(20deg) brightness(1.1) !important;
}
.sceditor-container iframe,
.sceditor-container textarea {
  background: var(--dbf-surface-2) !important;
  color: var(--dbf-text) !important;
  border: 0 !important;
}

/* ==========================================================
   FOOTER BARS (forum jump, who's viewing) — was white
   ========================================================== */
table.tborder,
table.tfixed {
  background: var(--dbf-surface) !important;
  border: 1px solid var(--dbf-border-2) !important;
  border-radius: var(--dbf-radius) !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  color: var(--dbf-text) !important;
  margin-bottom: 12px !important;
  width: 100% !important;
  overflow: hidden !important;
}
table.tborder tr,
table.tborder td,
table.tborder th {
  background: transparent !important;
  border-color: var(--dbf-border) !important;
  color: var(--dbf-text) !important;
  padding: 10px 12px !important;
}
table.tborder .thead,
table.tborder .tcat {
  background: linear-gradient(180deg, rgba(245,158,11,0.10), rgba(245,158,11,0.02)) !important;
  color: var(--dbf-text) !important;
  font-weight: 700 !important;
  font-size: 12px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
}
table.tborder .trow1,
table.tborder .trow2 {
  background: transparent !important;
  color: var(--dbf-text) !important;
}

/* Forum jump select */
.forum_jump,
form[action*="forumdisplay"] select,
select[name="fid"] {
  background: var(--dbf-surface-2) !important;
  color: var(--dbf-text) !important;
  border: 1px solid var(--dbf-border-2) !important;
  border-radius: var(--dbf-radius-sm) !important;
  padding: 6px 10px !important;
}

/* Thread similar / users browsing rows */
#similar_threads,
#users_viewing,
div.users_browsing {
  background: var(--dbf-surface) !important;
  border: 1px solid var(--dbf-border-2) !important;
  border-radius: var(--dbf-radius) !important;
  padding: 12px 14px !important;
  color: var(--dbf-text) !important;
  margin-bottom: 12px !important;
}

/* ==========================================================
   PAGINATION
   ========================================================== */
.pagination,
div.pages {
  display: inline-flex !important;
  flex-wrap: wrap !important;
  gap: 4px !important;
  align-items: center !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 8px 0 !important;
}
.pagination a,
.pagination span,
.pages a,
.pages span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 32px !important;
  height: 32px !important;
  padding: 0 10px !important;
  background: var(--dbf-surface-2) !important;
  border: 1px solid var(--dbf-border-2) !important;
  border-radius: var(--dbf-radius-sm) !important;
  color: var(--dbf-text) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}
.pagination a:hover {
  background: rgba(245,158,11,0.14) !important;
  color: var(--dbf-accent) !important;
  border-color: rgba(245,158,11,0.4) !important;
}
.pagination .pagination_current,
.pages strong {
  background: linear-gradient(180deg, #f59e0b, #d97706) !important;
  color: #1a1304 !important;
  border-color: rgba(245,158,11,0.5) !important;
}

/* ==========================================================
   ATTACHMENTS / SIGNATURES / MISC
   ========================================================== */
.dbf-post__main .signature,
.dbf-post__main .post_attachments {
  margin: 0 22px 14px !important;
  padding: 12px 14px !important;
  background: rgba(0,0,0,0.18) !important;
  border: 1px solid var(--dbf-border) !important;
  border-radius: var(--dbf-radius-sm) !important;
  color: var(--dbf-muted) !important;
  font-size: 12px !important;
}
.dbf-post__main .signature:empty,
.dbf-post__main .post_attachments:empty { display: none !important; }

/* ==========================================================
   HIDE LOCK BOX (for [hide] / [reply] / [group] codes)
   ========================================================== */
.dbf-post__body .hide-locked,
.dbf-post__body .bonus-hide-lock {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 14px 16px !important;
  background: linear-gradient(135deg, rgba(245,158,11,0.10), rgba(245,158,11,0.03)) !important;
  border: 1px dashed rgba(245,158,11,0.45) !important;
  border-radius: var(--dbf-radius-sm) !important;
  color: var(--dbf-text) !important;
  margin: 12px 0 !important;
}

/* ==========================================================
   MOBILE
   ========================================================== */
@media (max-width: 820px) {
  li.dbf-post {
    grid-template-columns: 1fr !important;
  }
  .dbf-post__user {
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    text-align: left !important;
    border-right: 0 !important;
    border-bottom: 1px solid var(--dbf-border) !important;
    padding: 14px !important;
    gap: 10px 14px !important;
  }
  .dbf-post__user .dbf-user__avatar {
    width: 64px !important;
    height: 64px !important;
  }
  .dbf-user__name { font-size: 15px !important; margin: 0 !important; }
  .dbf-user__title { font-size: 9.5px !important; }
  .dbf-user__stats {
    width: 100% !important;
    grid-template-columns: repeat(4, 1fr) !important;
    margin: 4px 0 0 !important;
  }
  .dbf-user__stats dd { font-size: 13px !important; }
  .dbf-user__actions {
    width: 100% !important;
  }
  .dbf-post__body { padding: 16px !important; font-size: 14px !important; }
  .dbf-post__header { padding: 10px 14px !important; }
  .dbf-post__footer { padding: 10px 14px !important; }
}

/* ==========================================================
   USERNAME GROUP ANIMATIONS — preserved from prior work
   ========================================================== */
.uname-kurucu, .uname-supermod, .uname-mod, .uname-uye,
.uname-banned, .uname-aktif, .uname-guvenilir, .uname-vip,
.uname-dogrulanmis {
  font-weight: 700 !important;
  text-decoration: none !important;
}
.uname-kurucu {
  background: linear-gradient(90deg, #fbbf24, #f59e0b, #fbbf24, #f59e0b);
  background-size: 200% auto;
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent; color: transparent !important;
  animation: dbfShimmer 3s linear infinite;
  text-shadow: 0 0 18px rgba(245,158,11,0.4);
}
.uname-supermod {
  color: #ef4444 !important;
  text-shadow: 0 0 10px rgba(239,68,68,0.6), 0 0 18px rgba(239,68,68,0.3);
  animation: dbfPulse 2.4s ease-in-out infinite;
}
.uname-mod {
  color: #22c55e !important;
  text-shadow: 0 0 8px rgba(34,197,94,0.5);
  animation: dbfPulse 2.6s ease-in-out infinite;
}
.uname-vip {
  background: linear-gradient(90deg, #a855f7, #ec4899, #a855f7);
  background-size: 200% auto;
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent; color: transparent !important;
  animation: dbfShimmer 3.2s linear infinite;
}
.uname-aktif    { color: #38bdf8 !important; text-shadow: 0 0 8px rgba(56,189,248,0.4); }
.uname-guvenilir{ color: #14b8a6 !important; text-shadow: 0 0 8px rgba(20,184,166,0.4); }
.uname-dogrulanmis { color: #fbbf24 !important; text-shadow: 0 0 8px rgba(251,191,36,0.4); }
.uname-banned   { color: #6b7280 !important; text-decoration: line-through !important; opacity: 0.7; }
.uname-uye      { color: var(--dbf-text) !important; }

@keyframes dbfShimmer {
  0%   { background-position: 0% center; }
  100% { background-position: 200% center; }
}
@keyframes dbfPulse {
  0%, 100% { filter: brightness(1); }
  50%      { filter: brightness(1.25); }
}

/* ==========================================================
   PATCH 2026-05-09 — Font Awesome icons + DBF quickreply
   classes (.hizli_mesaj_*) + button icon-only style
   ========================================================== */

/* ----- POST ACTION BUTTONS: icon + label via Font Awesome ----- */
.dbf-post__actions a.postbit_quote,
.dbf-post__actions a.postbit_multiquote,
.dbf-post__actions a.postbit_qrestore,
.dbf-post__actions a.postbit_quickrestore,
.dbf-post__actions a.postbit_warn,
.dbf-post__actions a.postbit_purgespammer,
.dbf-post__actions a.postbit_reply_pm,
.dbf-post__actions a.postbit_replyall_pm,
.dbf-post__actions a.postbit_forward_pm,
.dbf-post__actions a.postbit_delete_pm,
.dbf-post__actions a.like_button,
.dbf-post__actions a.tesekkur,
.dbf-post__tools a.postbit_edit,
.dbf-post__tools a.postbit_report,
.dbf-post__tools a.postbit_qdelete,
.dbf-post__tools a.postbit_quickdelete {
  position: relative !important;
}

.dbf-post__actions a::before {
  font-family: "Font Awesome 5 Free", "FontAwesome" !important;
  font-weight: 900 !important;
  font-style: normal !important;
  display: inline-block !important;
  margin-right: 6px !important;
  font-size: 12px !important;
}
.dbf-post__actions a.postbit_quote::before          { content: "\f10e"; }       /* fa-quote-right */
.dbf-post__actions a.postbit_multiquote::before     { content: "\f0c5"; }       /* fa-copy */
.dbf-post__actions a.postbit_qrestore::before,
.dbf-post__actions a.postbit_quickrestore::before   { content: "\f0e2"; }       /* fa-undo */
.dbf-post__actions a.postbit_warn::before           { content: "\f071"; }       /* fa-exclamation-triangle */
.dbf-post__actions a.postbit_purgespammer::before   { content: "\f1f8"; }       /* fa-trash */
.dbf-post__actions a.postbit_reply_pm::before       { content: "\f3e5"; }       /* fa-reply */
.dbf-post__actions a.postbit_replyall_pm::before    { content: "\f122"; }       /* fa-reply-all */
.dbf-post__actions a.postbit_forward_pm::before     { content: "\f064"; }       /* fa-share */
.dbf-post__actions a.postbit_delete_pm::before      { content: "\f1f8"; }       /* fa-trash */
.dbf-post__actions a.like_button::before,
.dbf-post__actions a.tesekkur::before               { content: "\f164"; }       /* fa-thumbs-up */

/* Tools (header) — icon-only square buttons */
.dbf-post__tools a {
  font-size: 0 !important;
  position: relative !important;
}
.dbf-post__tools a::before {
  font-family: "Font Awesome 5 Free", "FontAwesome" !important;
  font-weight: 900 !important;
  font-size: 13px !important;
  display: inline-block !important;
  line-height: 1 !important;
}
.dbf-post__tools a.postbit_edit::before,
.dbf-post__tools a[href*="editpost.php"]:not(.postbit_qdelete)::before,
.dbf-post__tools a[href*="editpost.php"]:not(.postbit_quickdelete)::before { content: "\f303"; } /* pen */
.dbf-post__tools a.postbit_report::before,
.dbf-post__tools a[href*="report.php"]::before  { content: "\f024"; } /* flag */
.dbf-post__tools a.postbit_qdelete::before,
.dbf-post__tools a.postbit_quickdelete::before  { content: "\f1f8"; } /* trash */
.dbf-post__tools a > span { display: none !important; }

/* ----- Action button labels: keep span visible (text after icon) ----- */
.dbf-post__actions a > span {
  display: inline !important;
  font-size: 11.5px !important;
  font-weight: 600 !important;
  letter-spacing: 0.4px !important;
  text-transform: uppercase !important;
  color: inherit !important;
}

/* Likes summary — fix layout */
.dbf-post__likes {
  font-size: 12px !important;
}
.dbf-post__likes .begenenKullanicilar { display: inline-flex !important; gap: 4px !important; }

/* ==========================================================
   QUICK REPLY (DBF: #hizli_mesajlasma / .hizli_mesaj_*)
   ========================================================== */
#hizli_mesajlasma,
form#quick_reply_form,
form[name="quick_reply_form"] {
  background: var(--dbf-surface) !important;
  border: 1px solid var(--dbf-border-2) !important;
  border-radius: var(--dbf-radius) !important;
  padding: 0 !important;
  margin: 0 0 16px 0 !important;
  overflow: hidden !important;
  color: var(--dbf-text) !important;
}

div.hizli_mesaj {
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
}
div.hizli_mesaj_hizala {
  display: grid !important;
  grid-template-columns: 200px 1fr !important;
  gap: 0 !important;
  align-items: stretch !important;
  background: transparent !important;
  padding: 0 !important;
}
div.hizli_mesaj_kullanici {
  background: linear-gradient(180deg, rgba(245,158,11,0.06), transparent), var(--dbf-surface-2) !important;
  border-right: 1px solid var(--dbf-border) !important;
  padding: 22px 18px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  text-align: center !important;
}
div.hizli_mesaj_avatar a {
  display: inline-block !important;
  width: 88px !important;
  height: 88px !important;
  border-radius: 50% !important;
  overflow: hidden !important;
  border: 3px solid rgba(245,158,11,0.55) !important;
  box-shadow: 0 0 0 5px rgba(245,158,11,0.08), 0 6px 16px rgba(0,0,0,0.45) !important;
  background: var(--dbf-surface-3) !important;
}
div.hizli_mesaj_avatar img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  border: 0 !important;
}
div.hizli_mesaj_kullanici::after {
  content: "Hızlı Cevap" !important;
  font-size: 10.5px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 1.1px !important;
  padding: 4px 12px !important;
  background: linear-gradient(135deg, rgba(245,158,11,0.18), rgba(245,158,11,0.04)) !important;
  color: var(--dbf-accent) !important;
  border: 1px solid rgba(245,158,11,0.32) !important;
  border-radius: 999px !important;
  display: inline-block !important;
}

div.hizli_mesaj_ana {
  padding: 18px 18px 14px !important;
  background: transparent !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  min-width: 0 !important;
}
div.hizli_mesaj_ana textarea#message {
  width: 100% !important;
  min-height: 160px !important;
  background: var(--dbf-surface-2) !important;
  color: var(--dbf-text) !important;
  border: 1px solid var(--dbf-border-2) !important;
  border-radius: var(--dbf-radius-sm) !important;
  padding: 12px 14px !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
  font-family: inherit !important;
  resize: vertical !important;
}
div.hizli_mesaj_ana textarea#message:focus {
  outline: 0 !important;
  border-color: var(--dbf-accent) !important;
  box-shadow: 0 0 0 3px rgba(245,158,11,0.15) !important;
}

/* SCEditor wrapper inside quick reply */
#hizli_mesajlasma div.sceditor-container,
div.hizli_mesaj_ana div.sceditor-container {
  background: var(--dbf-surface-2) !important;
  border: 1px solid var(--dbf-border-2) !important;
  border-radius: var(--dbf-radius-sm) !important;
  color: var(--dbf-text) !important;
  width: 100% !important;
}
#hizli_mesajlasma div.sceditor-toolbar,
div.hizli_mesaj_ana div.sceditor-toolbar {
  background: var(--dbf-surface-3) !important;
  border-bottom: 1px solid var(--dbf-border-2) !important;
  border-radius: var(--dbf-radius-sm) var(--dbf-radius-sm) 0 0 !important;
}
#hizli_mesajlasma div.sceditor-group,
div.hizli_mesaj_ana div.sceditor-group {
  background: transparent !important;
  border-color: var(--dbf-border-2) !important;
}
#hizli_mesajlasma .sceditor-button,
div.hizli_mesaj_ana .sceditor-button {
  background: transparent !important;
}
#hizli_mesajlasma .sceditor-button:hover,
div.hizli_mesaj_ana .sceditor-button:hover {
  background: rgba(245,158,11,0.15) !important;
}
#hizli_mesajlasma .sceditor-button div,
div.hizli_mesaj_ana .sceditor-button div {
  filter: invert(0.85) sepia(0.2) hue-rotate(20deg) brightness(1.1) !important;
}
#hizli_mesajlasma .sceditor-container iframe,
#hizli_mesajlasma .sceditor-container textarea,
div.hizli_mesaj_ana .sceditor-container iframe,
div.hizli_mesaj_ana .sceditor-container textarea {
  background: var(--dbf-surface-2) !important;
  color: var(--dbf-text) !important;
  border: 0 !important;
}

/* Quick reply footer: controls + buttons */
div.hizli_mesaj_alt {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  align-items: center !important;
  justify-content: space-between !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}
div.hizli_mesaj_kontrol {
  display: inline-flex !important;
  flex-wrap: wrap !important;
  gap: 8px 16px !important;
  align-items: center !important;
  color: var(--dbf-muted) !important;
  font-size: 12px !important;
}
div.hizli_mesaj_kontrol label {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  color: var(--dbf-muted) !important;
  cursor: pointer !important;
}
div.hizli_mesaj_kontrol input[type="checkbox"] {
  accent-color: var(--dbf-accent) !important;
}

div.hizli_mesaj_buton {
  display: inline-flex !important;
  gap: 8px !important;
  margin-left: auto !important;
}
div.hizli_mesaj_buton input[type="submit"],
input.button.submit#quick_reply_submit {
  background: linear-gradient(180deg, #f59e0b, #d97706) !important;
  color: #1a1304 !important;
  border: 0 !important;
  padding: 10px 22px !important;
  border-radius: var(--dbf-radius-sm) !important;
  font-weight: 700 !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
  font-size: 12px !important;
  cursor: pointer !important;
  transition: filter .15s ease !important;
}
div.hizli_mesaj_buton input[type="submit"]:hover {
  filter: brightness(1.08) !important;
}
div.hizli_mesaj_buton input[name="previewpost"] {
  background: rgba(255,255,255,0.04) !important;
  color: var(--dbf-text) !important;
  border: 1px solid var(--dbf-border-2) !important;
}
div.hizli_mesaj_buton input[name="previewpost"]:hover {
  background: rgba(245,158,11,0.10) !important;
  color: var(--dbf-accent) !important;
  border-color: rgba(245,158,11,0.4) !important;
  filter: none !important;
}

.editor_control_bar {
  background: rgba(0,0,0,0.22) !important;
  border: 1px solid var(--dbf-border) !important;
  border-radius: var(--dbf-radius-sm) !important;
  padding: 8px 12px !important;
  color: var(--dbf-muted) !important;
  font-size: 12px !important;
}
.editor_control_bar a { color: var(--dbf-accent) !important; }

/* Mobile quickreply */
@media (max-width: 820px) {
  div.hizli_mesaj_hizala {
    grid-template-columns: 1fr !important;
  }
  div.hizli_mesaj_kullanici {
    flex-direction: row !important;
    justify-content: flex-start !important;
    border-right: 0 !important;
    border-bottom: 1px solid var(--dbf-border) !important;
    padding: 12px 14px !important;
  }
  div.hizli_mesaj_avatar a {
    width: 56px !important;
    height: 56px !important;
  }
  div.hizli_mesaj_alt { flex-direction: column !important; align-items: stretch !important; }
  div.hizli_mesaj_buton { margin-left: 0 !important; }
  div.hizli_mesaj_buton input[type="submit"] { flex: 1 1 0 !important; }
}

/* ==========================================================
   Generic safety: any remaining bright form on the page
   ========================================================== */
fieldset.trow1, fieldset.trow2, fieldset {
  background: var(--dbf-surface) !important;
  border: 1px solid var(--dbf-border-2) !important;
  border-radius: var(--dbf-radius) !important;
  color: var(--dbf-text) !important;
  padding: 12px 14px !important;
}
fieldset legend {
  color: var(--dbf-text) !important;
  background: transparent !important;
  font-weight: 700 !important;
}

/* Spinner image area */
.showthread_spinner {
  background: var(--dbf-surface) !important;
  border: 1px solid var(--dbf-border-2) !important;
  border-radius: var(--dbf-radius) !important;
  padding: 10px !important;
  text-align: center !important;
}

/* ==========================================================
   FIX 2026-05-09: edit vs delete icon specificity collision
   The earlier :not([href*=editpost...]) chain had higher
   specificity than .postbit_qdelete/.postbit_quickdelete and
   was overriding the trash icon with the pen.
   ========================================================== */

/* Wipe the conflicting attribute-selector rules */
.dbf-post__tools a[href*="editpost.php"]:not(.postbit_qdelete)::before,
.dbf-post__tools a[href*="editpost.php"]:not(.postbit_quickdelete)::before {
  content: none !important;
}

/* Definitive icon assignments — single, simple class selectors */
.dbf-post__tools a.postbit_edit::before {
  content: "\f303" !important;        /* pen */
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900 !important;
  font-size: 13px !important;
  display: inline-block !important;
}
.dbf-post__tools a.postbit_qdelete::before,
.dbf-post__tools a.postbit_quickdelete::before {
  content: "\f1f8" !important;        /* trash */
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900 !important;
  font-size: 13px !important;
  display: inline-block !important;
}
.dbf-post__tools a.postbit_report::before,
.dbf-post__tools a[href*="report.php"]::before {
  content: "\f024" !important;        /* flag */
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900 !important;
  font-size: 13px !important;
  display: inline-block !important;
}

/* Distinct hover colors so each is visually separable */
.dbf-post__tools a.postbit_edit:hover,
.dbf-post__tools a.postbit_edit:hover::before {
  color: #38bdf8 !important;          /* sky blue */
  border-color: rgba(56,189,248,0.45) !important;
  background: rgba(56,189,248,0.10) !important;
}
.dbf-post__tools a.postbit_qdelete:hover,
.dbf-post__tools a.postbit_quickdelete:hover,
.dbf-post__tools a.postbit_qdelete:hover::before,
.dbf-post__tools a.postbit_quickdelete:hover::before {
  color: #ef4444 !important;
  border-color: rgba(239,68,68,0.45) !important;
  background: rgba(239,68,68,0.10) !important;
}
.dbf-post__tools a.postbit_report:hover,
.dbf-post__tools a.postbit_report:hover::before {
  color: #fbbf24 !important;
  border-color: rgba(251,191,36,0.5) !important;
  background: rgba(251,191,36,0.10) !important;
}

/* Tooltip via title */
.dbf-post__tools a { cursor: pointer !important; }

/* ==========================================================
   FINAL ICON FIX 2026-05-09
   Higher-specificity selectors that defeat the broken
   [href*="editpost.php"]:not(...)::before { content: none } rules.
   ========================================================== */

/* Re-arm with attribute+class compound selector (specificity 0,2,1) */
.dbf-post__tools a.postbit_edit[href*="editpost.php"]::before,
.dbf-post__tools a.postbit_edit::before {
  content: "\f303" !important;        /* pen */
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900 !important;
  font-size: 13px !important;
  display: inline-block !important;
  line-height: 1 !important;
  color: inherit !important;
}

.dbf-post__tools a.postbit_qdelete[href*="editpost.php"]::before,
.dbf-post__tools a.postbit_qdelete::before,
.dbf-post__tools a.postbit_quickdelete::before {
  content: "\f1f8" !important;        /* trash */
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900 !important;
  font-size: 13px !important;
  display: inline-block !important;
  line-height: 1 !important;
  color: inherit !important;
}

.dbf-post__tools a.postbit_report[href*="report.php"]::before,
.dbf-post__tools a.postbit_report::before {
  content: "\f024" !important;        /* flag */
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900 !important;
  font-size: 13px !important;
  display: inline-block !important;
  line-height: 1 !important;
  color: inherit !important;
}

/* Keep the spans hidden, force button to be visible squares */
.dbf-post__tools a {
  font-size: 0 !important;
  width: 32px !important;
  height: 32px !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.dbf-post__tools a > span { display: none !important; }