/* TheDev Gri — geliştiriciler için GitHub esintili koyu tema.
   Tasarım sözleşmesi: yoğun ve taranabilir listeler; 1 px keskin çizgiler; 4 px köşe; gölge, degrade, parıltı ve hap biçimli düğme YOK;
   renk yalnızca anlam taşır (mavi = bağlantı, yeşil = birincil eylem, turuncu = etkin sekme, kırmızı = tehlike).
   Forum 2014 yapısının üstüne biner: f14-* sınıfları ve --f14-* değişkenleri aynen çalışır. */
:root {
  --td-hover: #2d333b; --td-btn: #373e47; --td-btn-hover: #444c56; --td-bar: #161b22;
  --td-green: #1f8a3b; --td-green-hover: #25a244; --td-green-border: rgba(240, 246, 252, .12);
  --td-danger: #f85149; --td-focus: #388bfd;
  --td-ok: #3fb950; --td-warn: #d29922;
}
html { color-scheme: dark; scrollbar-color: #444c56 #1c2128; }
html, body, body.f14-body, body.mfbb-layout-forum, body.mfbb-layout-portal { background: var(--f14-page-bg) !important; }
body.f14-body { font-size: 14px; line-height: 1.5; }
::selection { background: rgba(56, 139, 253, .4); color: #fff; }
::-webkit-scrollbar { width: 12px; height: 12px; }
::-webkit-scrollbar-track { background: #1c2128; }
::-webkit-scrollbar-thumb { background: #232e41; border: 3px solid #1c2128; border-radius: 6px; }
::-webkit-scrollbar-thumb:hover { background: #444c56; }
:focus-visible { outline: 2px solid var(--td-focus) !important; outline-offset: 1px; }
h1, h2, h3, h4 { color: #cdd9e5; letter-spacing: 0; }
kbd { display: inline-block; padding: 1px 6px; font: 11px var(--td-mono); color: var(--f14-text); background: var(--td-btn); border: 1px solid var(--f14-border-strong); border-bottom-width: 2px; border-radius: 3px; }

/* ── Üst çubuk ────────────────────────────────────────────────────── */
.f14-header { background: var(--td-bar); border: 0; border-bottom: 1px solid var(--f14-border); border-radius: 0; margin-top: 0; box-shadow: none; }
.f14-page { max-width: 1320px; }
.f14-header__inner { padding: 12px 16px; gap: 16px; }
.f14-brand__icon { width: 32px; height: 32px; border-radius: 4px; font-size: 16px; color: #cdd9e5; background: #373e47; border: 1px solid var(--f14-border-strong); box-shadow: none; }
.f14-brand__logo { background: transparent; padding: 0; }
.f14-page .f14-brand__title { font-size: 18px; font-weight: 600; letter-spacing: 0; color: #cdd9e5; text-shadow: none; }
.f14-page .f14-brand__title:hover { color: #fff; text-decoration: none; }
.f14-search input { width: 280px; padding: 5px 10px; background: #1c2128; border: 1px solid var(--f14-border-strong); border-right: 0; border-radius: 4px 0 0 4px; color: var(--f14-text); font-size: 13px; }
.f14-search input::placeholder { color: #636e7b; }
.f14-search input:focus { border-color: var(--td-focus) !important; box-shadow: 0 0 0 1px var(--td-focus) !important; }
.f14-search button { padding: 5px 12px; background: var(--td-btn); color: var(--f14-text); border: 1px solid var(--f14-border-strong); border-radius: 0 4px 4px 0; font-weight: 600; }
.f14-search button:hover { background: var(--td-btn-hover); filter: none; }
.f14-page .f14-hbtn { color: var(--f14-text); font-weight: 600; font-size: 13px; padding: 5px 12px; border: 1px solid var(--f14-border-strong); border-radius: 4px; background: var(--td-btn); }
.f14-page .f14-hbtn:hover { background: var(--td-btn-hover); color: #fff; text-decoration: none; }
.f14-page .f14-hbtn--solid { background: var(--td-green); border-color: var(--td-green-border); color: #fff; box-shadow: none; padding: 5px 12px; }
.f14-page .f14-hbtn--solid:hover { background: var(--td-green-hover); filter: none; }
.f14-ubtn { color: var(--f14-muted); }
.f14-ubtn:hover { background: var(--td-btn); border-color: var(--f14-border-strong); color: #cdd9e5; }
.f14-menu-toggle { background: var(--td-btn); color: var(--f14-text); border-color: var(--f14-border-strong); }
.f14-userbar [data-mfbb-dropdown] { background: #262c34; color: var(--f14-text); border: 1px solid var(--f14-border-strong); border-radius: 6px; box-shadow: 0 8px 24px rgba(1, 4, 9, .85); }
.f14-userbar [data-mfbb-dropdown] a, #header-bar [data-mfbb-dropdown] a, #header-bar [data-mfbb-dropdown] .text-gray-800,
#header-bar [data-mfbb-dropdown] .text-gray-700, #header-bar [data-mfbb-dropdown] .text-gray-600 { color: var(--f14-text) !important; }
.f14-userbar [data-mfbb-dropdown] a:hover { background: var(--td-hover); color: #fff !important; }

/* ── Sekmeler (GitHub depo sekmeleri: altı çizgili) ──────────────── */
.f14-nav { background: var(--f14-page-bg); border: 0; border-bottom: 1px solid var(--f14-border); }
.f14-nav__inner { padding: 0 12px; align-items: stretch; }
.f14-tabs { gap: 0; }
.f14-tabs > li { margin: 0; }
.f14-page .f14-tab { position: relative; padding: 10px 14px; background: transparent; border: 0; border-radius: 0; color: var(--f14-text); font-size: 14px; font-weight: 400; text-shadow: none; }
.f14-page .f14-tab:hover { background: var(--td-hover); color: #fff; text-decoration: none; border-radius: 4px 4px 0 0; }
.f14-page .f14-active > .f14-tab { background: transparent; color: #fff; font-weight: 600; border: 0; padding-bottom: 10px; }
.f14-page .f14-active > .f14-tab::after { content: ""; position: absolute; left: 6px; right: 6px; bottom: -1px; height: 2px; background: var(--td-accent); border-radius: 0; }
.f14-submenu { background: #262c34; border: 1px solid var(--f14-border-strong); border-radius: 6px; box-shadow: 0 8px 24px rgba(1, 4, 9, .85); padding: 4px 0; }
.f14-page .f14-submenu a { color: var(--f14-text); padding: 6px 14px; font-size: 13px; }
.f14-page .f14-submenu a:hover { background: var(--td-hover); color: #fff; text-decoration: none; }
.f14-mpanel { background: #1c2128; border-color: var(--f14-border); }
.f14-nav__social { color: var(--f14-muted); }
.f14-staffbar, .f14-staffbar__in { background: #161b22; }

/* ── İçerik ───────────────────────────────────────────────────────── */
.f14-content:not(:has(.f14-index)) { background: transparent; border: 0; padding: 20px 16px 24px; box-shadow: none; }
.f14-content:has(.f14-index) { padding-top: 20px; }
.f14-hero { background: var(--f14-surface); border: 1px solid var(--f14-border); border-left: 1px solid var(--f14-border); border-radius: 6px; padding: 10px 16px; box-shadow: none; }
.f14-hero__title { color: #cdd9e5; font-size: 16px; font-weight: 600; }
.f14-stat i { color: var(--f14-muted); }
.f14-stat b, .f14-stat .font-semibold { color: #cdd9e5; }

/* Kutu (GitHub "Box"): ince çizgi + gri başlık şeridi */
.f14-page .f14-cat__head, .f14-page .f14-block__head, .f14-page .f14-box__head, .f14-footer .f14-box__head, .f14-page .son-olaylar-card .so-head {
  background: var(--f14-sub-bg); color: #cdd9e5; text-shadow: none; box-shadow: none; border-bottom: 1px solid var(--f14-border);
}
.f14-cat, .f14-block, .f14-fbox, .f14-page .son-olaylar-card { border: 1px solid var(--f14-border); border-radius: 6px; overflow: hidden; background: var(--f14-surface); box-shadow: none; }
.f14-cat { margin-bottom: 16px; }
.f14-cat__head { padding: 8px 16px; font-size: 14px; font-weight: 600; }
.f14-cat__head i, .f14-block__head i, .f14-box__head i { color: var(--f14-muted); opacity: 1; margin-right: 6px; }
.f14-block__head, .f14-box__head { padding: 8px 16px; font-size: 14px; font-weight: 600; }
.f14-cat__cols { display: grid; grid-template-columns: minmax(0, 1fr) 80px 80px 300px; padding: 6px 16px; background: var(--f14-surface); border-bottom: 1px solid var(--f14-border); font-size: 12px; font-weight: 600; color: var(--f14-muted); }
.f14-cat__cols .f14-c-num { text-align: right; }
.f14-cat__cols .f14-c-last { padding-left: 16px; }

/* Forum satırı: dosya tablosu gibi yoğun, tek satır sayaçlar */
.f14-forum { grid-template-columns: minmax(0, 1fr) 80px 80px 300px; grid-template-rows: auto; background: transparent; border-bottom: 1px solid var(--f14-border); }
.f14-forum:last-child { border-bottom: 0; }
.f14-forum:hover { background: var(--td-hover); }
.f14-forum__main { grid-column: 1; grid-row: 1; padding: 12px 16px !important; gap: 12px; align-items: flex-start; }
.f14-forum__icon { width: 20px; height: 20px; font-size: 16px; color: var(--f14-muted); margin-top: 2px; background: none; border: 0; }
.f14-forum__icon img { width: 24px; height: 24px; border-radius: 4px; }
.f14-page .f14-forum__title { font-size: 14px; font-weight: 600; color: var(--f14-link); }
.f14-page .f14-forum__title:hover { color: var(--f14-link-hover); text-decoration: underline; }
.f14-forum__desc { font-size: 12px; color: var(--f14-muted); margin-top: 2px; }
.f14-forum__subs { font-size: 12px; margin-top: 4px; }
.f14-forum__num { grid-row: 1 !important; align-self: center !important; text-align: right; padding: 0 8px !important; font-size: 13px; font-weight: 400; color: var(--f14-text); font-variant-numeric: tabular-nums; }
.f14-forum__main + .f14-forum__num { grid-column: 2; }
.f14-forum__main + .f14-forum__num + .f14-forum__num { grid-column: 3; }
.f14-forum__numlabel { display: none; }
.f14-forum__last { grid-column: 4; grid-row: 1; background: transparent; border-left: 0; padding: 10px 16px !important; justify-content: center; }
.f14-forum:hover .f14-forum__last { background: transparent; }
.f14-page .f14-forum__lasttitle { color: #cdd9e5; font-size: 13px; font-weight: 600; }
.f14-page .f14-forum__lasttitle:hover { color: var(--f14-link); text-decoration: underline; }
.f14-forum__lastmeta { color: var(--f14-muted); font-size: 12px; }
@media (max-width: 900px) {
  .f14-cat__cols { display: none; }
  .f14-forum { grid-template-columns: minmax(0, 1fr) 64px 64px; }
  .f14-forum__last { grid-column: 1 / -1; grid-row: 2; border-top: 1px solid var(--f14-border); padding: 8px 16px !important; }
}
@media (max-width: 767px) { .f14-forum { display: grid; } .f14-forum__num { display: block; padding: 0 6px !important; } .f14-forum__main { padding: 10px 12px !important; } }

/* ── Kenar çubuğu ─────────────────────────────────────────────────── */
.f14-block li { border-color: var(--f14-border); }
.f14-block li:hover { background: var(--td-hover); }
.f14-page .f14-block li a { color: var(--f14-link); font-weight: 400; }
.f14-page .f14-block li a:hover { color: var(--f14-link-hover); text-decoration: underline; }

/* ── Düğmeler ─────────────────────────────────────────────────────── */
.f14-btn, .btn, .mfbb-btn, .mfbb-search-page-btn {
  background: var(--td-btn); color: var(--f14-text); border: 1px solid var(--f14-border-strong); border-radius: 4px !important; font-weight: 600; font-size: 13px; padding: 5px 14px; box-shadow: none;
}
.f14-btn:hover, .btn:hover, .mfbb-btn:hover, .mfbb-search-page-btn:hover { background: var(--td-btn-hover); color: #fff; border-color: #545d68; text-decoration: none; }
.f14-page .f14-newbtn, .f14-btn--primary, .btn--primary, .btn-primary, .mfbb-btn--primary {
  background: var(--td-green) !important; border: 1px solid var(--td-green-border) !important; color: #fff !important; border-radius: 4px !important; box-shadow: none !important; font-weight: 600; background-image: none !important;
}
.f14-page .f14-newbtn:hover, .f14-btn--primary:hover, .btn--primary:hover, .btn-primary:hover { background: var(--td-green-hover) !important; filter: none; }
.btn--danger, .bg-red-600, .bg-red-500 { background: transparent !important; color: var(--td-danger) !important; border: 1px solid var(--f14-border-strong) !important; }
.btn--danger:hover, .hover\:bg-red-700:hover { background: #8e1519 !important; color: #fff !important; border-color: #f85149 !important; }
.bg-\[\#1a252f\], .bg-\[\#206bc4\], .bg-blue-600, .bg-indigo-600 { background: var(--td-green) !important; border-color: var(--td-green-border) !important; color: #fff !important; background-image: none !important; }

/* ── Formlar ──────────────────────────────────────────────────────── */
input[type="text"], input[type="email"], input[type="password"], input[type="search"], input[type="url"], input[type="number"],
input[type="tel"], input[type="date"], input[type="datetime-local"], input:not([type]), textarea, select {
  background: #1c2128; color: var(--f14-text); border: 1px solid var(--f14-border-strong); box-shadow: inset 0 1px 0 rgba(1, 4, 9, .4); border-radius: 4px !important; font-size: 14px;
}
input:focus, textarea:focus, select:focus { border-color: var(--td-focus) !important; box-shadow: 0 0 0 1px var(--td-focus) !important; }
::placeholder { color: #636e7b; }
option { background: #262c34; color: var(--f14-text); }
input[type="checkbox"], input[type="radio"] { accent-color: var(--td-focus); }

/* ── Konu listesi ─────────────────────────────────────────────────── */
.f14-forumview .f14-tablewrap { border: 1px solid var(--f14-border); border-radius: 6px; overflow-x: auto; background: var(--f14-surface); }
.f14-ttable thead th, table th { background: var(--f14-sub-bg); color: var(--f14-muted); font-size: 12px; font-weight: 600; text-transform: none; letter-spacing: 0; border: 0; border-bottom: 1px solid var(--f14-border); }
table tbody tr, .f14-trow, .f14-trow:nth-child(even), table tbody tr:nth-child(even) { background: transparent; }
table tbody tr:hover, .f14-trow:hover { background: var(--td-hover); }
.f14-trow, .f14-tc { border-color: var(--f14-border); }
.f14-trow--unread, .f14-trow--unread:nth-child(even), .f14-tcard--unread { background: #25303f; box-shadow: inset 2px 0 0 var(--td-focus); }
.f14-trow--sticky, .f14-trow--sticky:nth-child(even) { background: #2d333b; }
.f14-ttitle__link { color: var(--f14-link); font-weight: 600; }
.f14-ttitle__link:hover { color: var(--f14-link-hover); text-decoration: underline; }
.f14-ticon--new { color: var(--td-focus); } .f14-ticon--old { color: #4a586e; }
.f14-flag--sticky { background: #3a2f12; color: #e3b341; border: 1px solid #5c4a14; }
.f14-flag--lock { background: #3a1f22; color: #ff7b72; border: 1px solid #5a2025; }
.f14-flag--poll { background: #1e3347; color: #79c0ff; border: 1px solid #1f4a7a; }
.f14-toolbar__title { color: #cdd9e5; font-size: 22px; font-weight: 600; }
.f14-filter button, .f14-bulkrow, .f14-bottombar { background: var(--td-btn); color: var(--f14-text); border-color: var(--f14-border-strong); border-radius: 4px; }
.f14-sub { background: transparent; border-color: var(--f14-border); }
.f14-sub:hover { background: var(--td-hover); }
.f14-sub__name { color: var(--f14-link); font-weight: 600; }
.f14-tcard { background: transparent; border-color: var(--f14-border); }
.f14-empty { background: var(--f14-surface); color: var(--f14-muted); border: 1px dashed var(--f14-border-strong); border-radius: 6px; }
.f14-crumbs a, .breadcrumb a, #main-content nav:has(> ol > li[aria-current]) a { color: var(--f14-link); }
.f14-crumbs a:hover, .breadcrumb a:hover { text-decoration: underline; }
.f14-crumbs [aria-current], .breadcrumb-current { color: var(--f14-text); font-weight: 600; }

/* ── Konu / mesaj sayfası (GitHub issue yorumu gibi) ───────────────── */
.f14-forumview, .f14-thread, .f14-replybox { --bh: #2d333b; --sh: #262c34; --bd: var(--f14-border); --lnk: var(--f14-link); }
.f14-thread.mfbb-showthread-card { border: 1px solid var(--f14-border); border-radius: 6px; box-shadow: none; background: var(--f14-surface); }
.f14-thread .f14-thread__bar, .f14-thread .f14-thread__bar.bg-white, .f14-thread header[class*="bg-"] { background: var(--f14-sub-bg) !important; border-bottom: 1px solid var(--f14-border); color: #cdd9e5 !important; padding: 12px 16px; }
.f14-thread .f14-thread__bar h1 { color: #cdd9e5 !important; font-size: 18px; font-weight: 600; text-shadow: none; }
.f14-thread .f14-thread__bar .mfbb-act, .f14-thread a.mfbb-act.text-white, .f14-thread a.mfbb-act.border-white {
  background: var(--td-btn) !important; color: var(--f14-text) !important; border: 1px solid var(--f14-border-strong) !important; border-radius: 4px !important; text-shadow: none; font-weight: 600;
}
.f14-thread .f14-thread__bar .mfbb-act:hover, .f14-thread a.mfbb-act.text-white:hover { background: var(--td-btn-hover) !important; color: #fff !important; }
.f14-thread .f14-thread__pager { background: var(--f14-surface); border-color: var(--f14-border); }
.f14-thread .mfbb-page-link, .f14-pager a, .f14-minipages a { background: transparent !important; color: var(--f14-link) !important; border: 1px solid var(--f14-border) !important; border-radius: 4px !important; }
.f14-thread .mfbb-page-link:hover, .f14-pager a:hover { background: var(--td-btn) !important; border-color: var(--f14-border-strong) !important; }
.f14-thread .mfbb-page-link[aria-current], .f14-pager__cur { background: var(--td-focus) !important; color: #fff !important; border-color: var(--td-focus) !important; }
.f14-postbit { border-bottom: 1px solid var(--f14-border); background: transparent; }
.f14-postbit > .f14-pb-user { background: var(--f14-surface); border-right: 1px solid var(--f14-border); }
.f14-pb-name a { color: var(--f14-link); font-weight: 600; }
.f14-pb-role { color: var(--f14-muted); filter: none; font-weight: 600; }
.f14-pb-title { color: var(--f14-muted); }
.f14-pb-avatar img { border-radius: 6px !important; border: 1px solid var(--f14-border-strong); padding: 0; background: #1c2128; }
.f14-pb-user .postbit-meta-value { color: var(--f14-text) !important; font-variant-numeric: tabular-nums; }
.f14-postbit .f14-pb-main, .f14-postbit .f14-pb-body { background: var(--f14-surface); color: var(--f14-text); }
.f14-postbit .f14-pb-head, .f14-postbit .f14-pb-head span, .f14-postbit .f14-pb-head div { background: var(--f14-sub-bg); color: var(--f14-muted); }
.f14-postbit .f14-pb-head { border-bottom: 1px solid var(--f14-border); }
.f14-postbit .f14-pb-strip { background: var(--f14-sub-bg); }
.f14-postbit .f14-pb-foot { background: var(--f14-surface); border-top: 1px solid var(--f14-border); }
.f14-postbit .f14-pb-foot button, .f14-postbit .f14-pb-foot .mfbb-act { background: var(--td-btn); color: var(--f14-text); border: 1px solid var(--f14-border-strong); border-radius: 4px !important; font-weight: 600; }
.f14-postbit .f14-pb-foot button:hover, .f14-postbit .f14-pb-foot .mfbb-act:hover { background: var(--td-btn-hover); color: #fff; }
.f14-postbit .f14-pb-sig { color: var(--f14-muted); border-top-color: var(--f14-border); }
.f14-replybox.rounded-lg { border: 1px solid var(--f14-border); border-radius: 6px; overflow: hidden; background: var(--f14-surface); box-shadow: none; }
.f14-replybox > h2 { background: var(--f14-sub-bg) !important; color: #cdd9e5 !important; font-size: 14px; font-weight: 600; text-shadow: none; border-bottom: 1px solid var(--f14-border) !important; padding: 8px 16px !important; }
.f14-replybox button[type="submit"] { background: var(--td-green) !important; border: 1px solid var(--td-green-border) !important; border-radius: 4px !important; color: #fff; }
.f14-replybox button[type="submit"]:hover { background: var(--td-green-hover) !important; }

/* Kod / alıntı / spoiler — GitHub kod bloğu */
.post-content pre, .prose pre, .post-body pre {
  background: #1c2128 !important; color: #cdd9e5 !important; border: 1px solid var(--f14-border); border-radius: 6px; font-family: var(--td-mono); font-size: 85%; line-height: 1.45; padding: 14px 16px; box-shadow: none;
}
.post-content :not(pre) > code, .prose :not(pre) > code { background: rgba(110, 118, 129, .25); border: 0; color: #cdd9e5; border-radius: 4px; padding: 2px 6px; font-family: var(--td-mono); font-size: 85%; }
.prose blockquote, .post-content blockquote, blockquote[data-author], .mfbb-quote { background: transparent; color: var(--f14-muted); border: 0; border-left: 3px solid var(--f14-border-strong); border-radius: 0; padding: 0 14px; }
.prose blockquote strong:first-child, blockquote[data-author] strong:first-child, .mfbb-quote-author { color: var(--f14-text); }
.prose details.mfbb-spoiler, .post-content details.mfbb-spoiler { background: transparent; border: 1px solid var(--f14-border); border-radius: 6px; }
.prose details.mfbb-spoiler summary, .post-content details.mfbb-spoiler summary { background: var(--f14-sub-bg); color: var(--f14-text); }
.post-content a, .prose a { color: var(--f14-link); }
.post-content a:hover, .prose a:hover { text-decoration: underline; }
.post-content table, .prose table { border: 1px solid var(--f14-border); }

/* ── Son Olaylar ──────────────────────────────────────────────────── */
.son-olaylar-card, .son-olaylar-card .so-head { background: var(--f14-surface); }
.f14-page .son-olaylar-card .so-head { padding: 8px 16px; background: var(--f14-sub-bg); }
.f14-page .son-olaylar-card .so-title, .f14-page .son-olaylar-card .so-title i { color: #cdd9e5; font-size: 14px; font-weight: 600; }
.f14-page .son-olaylar-card .so-title i { color: var(--f14-muted); }
.f14-page .son-olaylar-card .so-live { color: var(--f14-muted); }
.son-olaylar-card .so-live i { color: var(--td-ok); }
.f14-page .son-olaylar-card .so-tabs { background: var(--f14-surface); border-bottom: 1px solid var(--f14-border); padding: 0 8px; }
.f14-page .son-olaylar-card .portal-tab-btn { position: relative; color: var(--f14-text); border: 0; border-radius: 0; min-height: 0; padding: 10px 12px; font-size: 14px; }
.son-olaylar-card .portal-tab-btn:hover { color: #fff; background: var(--td-hover); border-bottom-color: transparent; }
.f14-page .son-olaylar-card .portal-tab-btn[aria-selected="true"], .f14-page .son-olaylar-card .portal-tab-btn[data-active="true"] {
  background: transparent; color: #fff; font-weight: 600; border: 0; border-bottom: 2px solid var(--td-accent);
}
.son-olaylar-card .so-table thead th { background: var(--f14-sub-bg); color: var(--f14-muted); font-size: 12px; font-weight: 600; text-transform: none; letter-spacing: 0; border-bottom: 1px solid var(--f14-border); }
.son-olaylar-card .so-table tbody tr, .son-olaylar-card .so-table tbody tr:nth-child(even) { background: transparent; border-bottom: 1px solid var(--f14-border); }
.son-olaylar-card .so-table tbody tr:hover { background: var(--td-hover); }
.son-olaylar-card .so-name { color: var(--f14-link); font-weight: 600; }
.son-olaylar-card .so-topic:hover .so-name { text-decoration: underline; }
.son-olaylar-card .so-num { color: var(--f14-text); font-variant-numeric: tabular-nums; }
.son-olaylar-card .so-muted, .son-olaylar-card .so-meta, .son-olaylar-card .so-empty { color: var(--f14-muted); }
.son-olaylar-card .so-chip { background: transparent; color: var(--f14-muted); border: 1px solid var(--f14-border-strong); border-radius: 4px; font-weight: 500; }
.son-olaylar-card .so-avatar { background: #1c2128; border: 1px solid var(--f14-border-strong); border-radius: 6px; }
.son-olaylar-card .so-pos { color: var(--td-ok); } .son-olaylar-card .so-neg { color: var(--td-danger); }
.son-olaylar-card .so-foot { background: var(--f14-surface); border-top: 1px solid var(--f14-border); }
.son-olaylar-card .portal-load-more-btn { color: var(--f14-link); }
.son-olaylar-card .portal-tab-panels, .son-olaylar-card .portal-tab-panel { background: var(--f14-surface); scrollbar-color: #444c56 #22272e; }

/* ── Tailwind açık yüzeyleri (profil, ayarlar, makale vb.) ──────── */
.bg-white, .bg-gray-50, .bg-slate-50, .bg-gray-100, .bg-slate-100, .bg-blue-50, .bg-indigo-50, .bg-sky-50, .bg-gray-200 { background-color: var(--f14-sub-bg); }
.bg-white { background-color: var(--f14-surface); }
.hover\:bg-gray-50:hover, .hover\:bg-gray-100:hover, .hover\:bg-slate-50:hover, .hover\:bg-slate-100:hover { background-color: var(--td-hover); }
.text-gray-700, .text-gray-600, .text-slate-700, .text-slate-600, .text-gray-300 { color: #909dab; }
.text-gray-900, .text-gray-800, .text-slate-900, .text-slate-800, .text-black, .text-\[\#1a252f\], .text-\[\#0f172a\], .text-\[\#111827\] { color: #cdd9e5; }
.text-gray-500, .text-gray-400, .text-slate-500, .text-slate-400 { color: var(--f14-muted); }
.border-gray-100, .border-gray-200, .border-gray-300, .border-slate-200, .border-slate-300, .border { border-color: var(--f14-border); }
.divide-gray-100 > :not([hidden]) ~ :not([hidden]), .divide-gray-200 > :not([hidden]) ~ :not([hidden]) { border-color: var(--f14-border); }
.bg-green-50, .bg-emerald-50 { background: #1d3326; color: #7ee787; } .bg-red-50, .bg-rose-50 { background: #3a1f22; color: #ffa198; }
.bg-yellow-50, .bg-amber-50 { background: #3a2f12; color: #e3b341; }
.border-green-200, .border-emerald-200 { border-color: #1f5a30; } .border-red-200, .border-rose-200 { border-color: #6b2226; }
.border-yellow-200, .border-amber-200 { border-color: #5c4a14; } .border-blue-200 { border-color: #1f4a7a; }
.text-green-700, .text-green-800, .text-emerald-700 { color: #7ee787; } .text-red-600, .text-red-700, .text-red-800 { color: #ff7b72; }
.text-blue-600, .text-blue-700, .text-blue-500, .text-\[\#206bc4\] { color: var(--f14-link); }
[role="dialog"], .modal, [role="menu"], .dropdown-menu { background-color: #262c34; border-color: var(--f14-border-strong); color: var(--f14-text); border-radius: 6px !important; box-shadow: 0 8px 24px rgba(1, 4, 9, .85) !important; }
img.avatar, img[class*="avatar"] { background: #1c2128; border-color: var(--f14-border-strong); }
hr { border-color: var(--f14-border); }
html body .card, html body .son-olaylar-card, html body .portal-card-item, html body .mfbb-showthread-card { background-color: var(--f14-surface) !important; border-color: var(--f14-border) !important; }
.rounded, .rounded-md, .rounded-lg, .rounded-xl, .rounded-2xl { border-radius: 6px !important; }

/* Sayfalama */
.pagination a, .pagination span, .page-link, nav[aria-label*="agin"] a, nav[aria-label*="agin"] span, nav[aria-label*="ayfa"] a, nav[aria-label*="ayfa"] span { background: transparent; color: var(--f14-link); border: 1px solid var(--f14-border); border-radius: 4px !important; }
.pagination a:hover, nav[aria-label*="agin"] a:hover { background: var(--td-btn); border-color: var(--f14-border-strong); }
.pagination .active, .pagination [aria-current], nav[aria-label*="agin"] [aria-current], nav[aria-label*="ayfa"] [aria-current] { background: var(--td-focus) !important; color: #fff !important; border-color: var(--td-focus) !important; }

/* ── Alt bilgi (GitHub alt bilgisi gibi sakin) ────────────────────── */
.f14-footer { margin-top: 24px; }
.f14-footer .f14-fbox { background: transparent; border: 0; border-top: 1px solid var(--f14-border); border-radius: 0; }
.f14-footer .f14-box__head { background: transparent; border: 0; padding-left: 0; color: #cdd9e5; }
.f14-footer, .f14-footer .f14-fbox { color: var(--f14-muted); }
.f14-footer a { color: var(--f14-link); }
.f14-footer a:hover { text-decoration: underline; }
.f14-footer__bar { background: transparent; border: 0; border-top: 1px solid var(--f14-border); border-radius: 0; color: var(--f14-muted); }
.mfbb-toast, .mfbb-toast-container > * { background: #262c34; color: var(--f14-text); border: 1px solid var(--f14-border-strong); border-radius: 6px; }

/* Sütun başlıkları sayılarla hizalı, büyük harf düzgün */
.f14-cat__cols .f14-c-num { padding-right: 8px; text-transform: capitalize; }
.f14-cat__cols .f14-c-forum { text-transform: capitalize; }

/* Dar ekran: sütun başlığı yok, bu yüzden her sayı kendi etiketini taşır */
@media (max-width: 900px) {
  .f14-forum { grid-template-columns: minmax(0, 1fr) 84px 84px; }
  .f14-forum__numlabel { display: block; font-size: 11px; color: var(--f14-muted); text-align: right; }
}
.f14-cat__cols { padding: 6px 0; }
.f14-cat__cols .f14-c-forum { padding-left: 16px; }

/* Son Olaylar — mobil: sekmeler alt satıra sarılır (yatay kayma yok), liste kart içinde ayrı kaydırılmaz, başlıklar taşmaz */
@media (max-width: 767px) {
  .son-olaylar-card { max-width: 100%; overflow: hidden; }
  .son-olaylar-card .so-head { flex-wrap: wrap; gap: .25rem .75rem; }
  .son-olaylar-card .so-tabs { flex-wrap: wrap; overflow: visible; scroll-snap-type: none; gap: 0; padding: 0 .25rem; }
  .son-olaylar-card .portal-tab-btn { flex: 1 1 auto; min-height: 40px; padding: .5rem .6rem; font-size: 13px; text-align: center; white-space: nowrap; }
  .son-olaylar-card .portal-tab-panel { max-height: none; overflow: visible; }
  .son-olaylar-card .so-table { table-layout: fixed; width: 100%; }
  .son-olaylar-card .so-table td, .son-olaylar-card .so-table th { padding: .5rem .6rem; }
  .son-olaylar-card .so-main { max-width: none; width: auto; overflow: hidden; }
  .son-olaylar-card .so-name, .son-olaylar-card .so-meta { white-space: normal; overflow-wrap: anywhere; }
  .son-olaylar-card .so-avatar { flex: none; }
}

/* Türkiye'de üretilmiştir: ilk kolonun altından çıkıp alt bilginin tüm genişliğine yayıldı */
.f14-footer .f14-fturkey--wide { margin: 0 0 12px; padding: 10px 14px; justify-content: center; gap: 14px; border: 1px solid var(--f14-border-strong, var(--f14-border)); border-radius: var(--f14-radius, 4px); background: var(--f14-surface); font-size: 12px; text-align: left; }
.f14-footer .f14-fturkey--wide img { height: 38px; max-width: 132px; }
.f14-footer .f14-fturkey--wide span { color: var(--f14-muted); }
@media (max-width: 640px) { .f14-footer .f14-fturkey--wide { flex-direction: column; text-align: center; } }

/* ═══════════════════════════════════════════════════════════════════
   MegaforBB.org — siteye özel katman (TheDev Gri tabanı)
   ═══════════════════════════════════════════════════════════════════ */
:root { --td-accent: #2fcf7a; --mfb-ok: #2ea043; --mfb-tile: #2d333b; --mfb-tile-ico: #1c2128; }

/* Marka: sürüm etiketi */
.f14-brand__ver { display: inline-block; margin-left: 8px; padding: 1px 7px; font: 600 11px var(--td-mono); color: var(--f14-muted); border: 1px solid var(--f14-border-strong); border-radius: 999px; vertical-align: middle; text-decoration: none; }
.f14-page .f14-brand__ver:hover { color: #fff; border-color: var(--td-accent); text-decoration: none; }

/* ── Dökümanlar: açık sayfa yerine koyu ───────────────────────────── */
html body .gd {
  --fg: #adbac7; --mut: #768390; --bd: #373e47; --bg: #22272e; --sub: #2d333b; --link: #539bf5; --acc: var(--td-accent); --hov: #2d333b;
  color: var(--fg); background: var(--bg); border-color: var(--bd); box-shadow: none;
}
html body .gd-md code { background: rgba(110, 118, 129, .25); }
html body .gd-md pre { background: #1c2128; border-color: var(--bd); }
html body .gd-md pre code { background: none; color: #cdd9e5; }
html body .gd-art h1, html body .gd-md h2, html body .gd-md h3, html body .gd-md h4, html body .gd-brand, html body .gd-help h2 { color: #cdd9e5; }
html body .gd-md strong { color: #cdd9e5; }
html body .gd-search input { background: #1c2128; color: var(--fg); }
html body .gd-search input:focus { background: #1c2128; outline-color: var(--td-focus); }
html body .gd-res { box-shadow: 0 8px 24px rgba(1, 4, 9, .6); }
html body .gd-btn { background: var(--td-btn); color: #cdd9e5; border-color: var(--f14-border-strong); }
html body .gd-btn:hover { background: var(--td-btn-hover); }
html body .gd-md img { border-color: var(--bd); }
html body .gd-md th { background: #2d333b; color: #cdd9e5; }
html body .gd-md td { background: transparent; }
html body .gd-md tr:nth-child(2n) td { background: #262c34; }
html body .gd-md blockquote { border-left-color: #444c56; }
html body .gd-md a, html body .gd a { color: var(--link); }
html body .gd-pages a.on, html body .gd-toc a.on { color: #fff; }
html body .gd-crumb a, html body .gd-crumb [aria-current] { color: var(--mut); }
html body .gd-crumb [aria-current] { color: #cdd9e5; }
.f14-content:has(.gd) { padding: 0; background: transparent; border: 0; }

/* ── Arama sayfası ────────────────────────────────────────────────── */
.mfbb-search-hero, .mfbb-search-sidebar, .mfbb-search-section, .mfbb-search-empty, .mfbb-search-results, [class*="mfbb-search-"][class*="card"] {
  background: var(--f14-surface) !important; background-image: none !important; border-color: var(--f14-border) !important; color: var(--f14-text); box-shadow: none !important;
}
.mfbb-search-hero { border-left: 3px solid var(--td-accent) !important; border-radius: 6px; }
.mfbb-search-hero h1, .mfbb-search-hero h2, .mfbb-search-section h2, .mfbb-search-section h3 { color: #cdd9e5 !important; }
.mfbb-search-sidebar a, .mfbb-search-sidebar button { color: var(--f14-text) !important; background: transparent; }
.mfbb-search-sidebar a:hover, .mfbb-search-sidebar button:hover, .mfbb-search-sidebar [aria-current], .mfbb-search-sidebar .is-active, .mfbb-search-sidebar [aria-selected="true"] { background: var(--td-hover) !important; color: #fff !important; }
.mfbb-search-sidebar i, .mfbb-search-hero i { color: var(--f14-muted) !important; }
.mfbb-search-hero input { background: #1c2128 !important; color: var(--f14-text) !important; }
.mfbb-search-section mark, .mfbb-search-results mark { background: rgba(47, 207, 122, .25); color: #fff; }

/* ── Fikir panosu (İdea Panosu) ───────────────────────────────────── */
.idelist-hero, .idelist-listing, .idelist-card, .idelist-detail, [class^="idelist-"][class*="box"] {
  background: var(--f14-surface) !important; background-image: none !important; border: 1px solid var(--f14-border) !important; box-shadow: none !important; color: var(--f14-text);
}
.idelist-hero { border-left: 3px solid var(--td-accent) !important; }
.idelist-hero h1, .idelist-hero h2, .idelist-listing h2, .idelist-listing h3 { color: #cdd9e5 !important; }
.idelist-listing table th, .idelist-listing thead th { background: var(--f14-sub-bg) !important; color: var(--f14-muted) !important; }
.idelist-listing table td { background: transparent !important; }

/* ── Form alanları / beyaz Tailwind düğmeleri ─────────────────────── */
input.bg-white, select.bg-white, textarea.bg-white, input[class*="bg-gray-"], select[class*="bg-gray-"], textarea[class*="bg-gray-"] {
  background: #1c2128 !important; color: var(--f14-text) !important; border-color: var(--f14-border-strong) !important;
}
button.bg-white, a.bg-white[class*="px-"], .bg-white.text-gray-700[class*="border"] { background: var(--td-btn) !important; color: var(--f14-text) !important; border-color: var(--f14-border-strong) !important; }
button.bg-white:hover, a.bg-white[class*="px-"]:hover { background: var(--td-btn-hover) !important; color: #fff !important; }
input::-webkit-calendar-picker-indicator { filter: invert(.8); }
input:-webkit-autofill, textarea:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px #1c2128 inset !important; -webkit-text-fill-color: var(--f14-text) !important; caret-color: #fff; }

/* ── Alt bilgi: yatay istatistik şeridi ───────────────────────────── */
.mfb-statbar { display: flex; flex-wrap: wrap; gap: 12px; margin: 0 0 16px; }
.mfb-statbar__main, .mfb-statbar__last { display: flex; flex-wrap: wrap; align-items: stretch; background: var(--mfb-tile); border: 1px solid var(--f14-border); border-radius: 6px; overflow: hidden; }
.mfb-statbar__main { flex: 1 1 640px; }
.mfb-statbar__last { flex: 0 1 300px; }
.mfb-stat { display: flex; align-items: center; gap: 14px; padding: 12px 20px; min-width: 0; }
.mfb-statbar__main > .mfb-stat + .mfb-stat { border-left: 1px solid var(--f14-border); }
.mfb-stat--online { flex: 1 1 auto; gap: 16px; }
.mfb-stat__ico { flex: none; display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 4px; background: var(--mfb-tile-ico); color: #e6edf7; font-size: 18px; }
.mfb-stat__ico--ok { background: var(--mfb-ok); color: #fff; }
.mfb-stat__txt { display: flex; flex-direction: column; gap: 2px; min-width: 0; line-height: 1.25; }
.mfb-stat__lbl { font-size: 13px; color: var(--f14-muted); white-space: nowrap; }
.mfb-stat__val { font-size: 14px; font-weight: 700; color: #e6edf7; white-space: nowrap; font-variant-numeric: tabular-nums; }
.mfb-stat__val a { color: #e6edf7; }
.mfb-stat__val a:hover { color: var(--f14-link); }
.mfb-stat__info { margin-left: 4px; font-size: 12px; font-weight: 400; color: var(--f14-muted); cursor: help; }
.mfb-stat__btn { flex: none; display: inline-flex; align-items: center; gap: 10px; margin-left: 12px; padding: 12px 18px; background: var(--mfb-tile-ico); color: #e6edf7 !important; border-radius: 4px; font-size: 13px; font-weight: 500; white-space: nowrap; text-decoration: none; }
.f14-page .mfb-stat__btn:hover { background: #12161c; color: #fff !important; text-decoration: none; }
@media (max-width: 900px) {
  .mfb-statbar__main { flex-basis: 100%; }
  .mfb-statbar__last { flex-basis: 100%; }
  .mfb-stat--online { flex-basis: 100%; border-bottom: 1px solid var(--f14-border); }
  .mfb-statbar__main > .mfb-stat:not(.mfb-stat--online) { flex: 1 1 33%; padding: 12px 14px; }
  .mfb-statbar__main > .mfb-stat--online + .mfb-stat { border-left: 0; }
}
@media (max-width: 560px) {
  .mfb-stat--online { flex-wrap: wrap; }
  .mfb-stat__btn { margin-left: 0; width: 100%; justify-content: center; }
  .mfb-statbar__main > .mfb-stat:not(.mfb-stat--online) { flex-basis: 100%; border-left: 0 !important; border-top: 1px solid var(--f14-border); }
}
.f14-fgrid { grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr); }
@media (max-width: 767px) { .f14-fgrid { grid-template-columns: 1fr; } }

/* Reklam/kutu içi sabit koyu renkli satır içi yazılar (satır içi stil) */
.f14-aside [style*="color:#111827"], .f14-aside [style*="color: #111827"], .f14-block [style*="color:#111827"] { color: #e6edf7 !important; }
.f14-footer__nav a, .f14-footer .f14-fbox__head { border-bottom-color: var(--f14-border); }
.f14-footer .f14-fbox__head { border-bottom: 1px solid var(--f14-border); }

/* ── Toast UI editör: koyu ────────────────────────────────────────── */
.toastui-editor-defaultUI { border-color: var(--f14-border-strong) !important; background: #1c2128; border-radius: 6px; overflow: hidden; }
.toastui-editor-defaultUI-toolbar, .toastui-editor-mode-switch { background: #2d333b !important; border-color: var(--f14-border-strong) !important; }
.toastui-editor-toolbar-icons { filter: invert(.82); border-color: transparent !important; background-color: transparent; }
.toastui-editor-toolbar-icons:hover, .toastui-editor-toolbar-icons.active { background-color: rgba(255, 255, 255, .12) !important; border-color: var(--f14-border-strong) !important; }
.toastui-editor-toolbar-divider { background-color: var(--f14-border-strong) !important; }
.toastui-editor-main, .toastui-editor-main-container, .toastui-editor-ww-container, .toastui-editor-md-container, .toastui-editor-md-preview, .toastui-editor-md-splitter { background: #1c2128 !important; }
.toastui-editor-contents, .toastui-editor-contents p, .toastui-editor-contents li, .toastui-editor-contents h1, .toastui-editor-contents h2, .toastui-editor-contents h3, .toastui-editor-contents h4,
.toastui-editor-md-container .ProseMirror, .toastui-editor-ww-container .ProseMirror, .toastui-editor-md-preview .toastui-editor-contents { color: var(--f14-text) !important; }
.toastui-editor-contents h1, .toastui-editor-contents h2 { border-bottom-color: var(--f14-border) !important; }
.toastui-editor-contents blockquote { color: var(--f14-muted) !important; border-left-color: #444c56 !important; }
.toastui-editor-contents code, .toastui-editor-contents pre { background: #2d333b !important; color: #cdd9e5 !important; }
.toastui-editor-contents table th { background: #2d333b !important; color: #cdd9e5 !important; }
.toastui-editor-contents table td, .toastui-editor-contents table th { border-color: var(--f14-border-strong) !important; color: var(--f14-text) !important; }
.toastui-editor-md-tab-container, .toastui-editor-tabs { background: #2d333b !important; }
.toastui-editor-mode-switch .tab-item { background: #2d333b !important; color: var(--f14-muted) !important; border-color: var(--f14-border-strong) !important; }
.toastui-editor-mode-switch .tab-item.active { background: #1c2128 !important; color: #fff !important; }
.toastui-editor-popup, .toastui-editor-popup-body, .toastui-editor-dropdown-toolbar { background: #22272e !important; border-color: var(--f14-border-strong) !important; color: var(--f14-text) !important; }
.toastui-editor-popup-body input, .toastui-editor-popup-body label { color: var(--f14-text) !important; }
.toastui-editor-md-delimiter, .toastui-editor-md-meta { color: #768390 !important; }
.ProseMirror .placeholder, .ProseMirror p.is-empty::before { color: #636e7b !important; }
.ips-profile__viewers-btn { background: var(--td-btn) !important; color: var(--f14-text) !important; border-color: var(--f14-border-strong) !important; }
.toastui-editor-toolbar-icons { background-color: transparent !important; box-shadow: none !important; }
.toastui-editor-toolbar-icons:not(.active):not(:hover) { border-color: transparent !important; }
.toastui-editor-defaultUI-toolbar button[style], .toastui-editor-defaultUI-toolbar .toastui-editor-toolbar-item-wrapper > button { background-color: transparent !important; }

/* ── Genişlik: üst bar, menü, içerik ve alt bilgi aynı kapta, öncekinden geniş ─────────────────── */
.f14-page, .f14-footer { width: 96%; max-width: 1480px; margin-left: auto; margin-right: auto; box-sizing: border-box; }
@media (max-width: 600px) { .f14-page, .f14-footer { width: 98%; } }

/* ── Alt bilgi: Hakkında + Hızlı bağlantılar + Bilgi (yan yana), alt çubuk ──────────────────────── */
.f14-fgrid { grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr) minmax(0, 1fr); }
@media (max-width: 900px) { .f14-fgrid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } .f14-fgrid > :first-child { grid-column: 1 / -1; } }
@media (max-width: 560px) { .f14-fgrid { grid-template-columns: 1fr; } }
.mfb-linkbtn { background: none; border: 0; padding: 0; color: var(--f14-link); cursor: pointer; font: inherit; }
.mfb-linkbtn:hover { text-decoration: underline; }
.f14-footer__bar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6px 18px; }
.mfb-bar-right { display: inline-flex; align-items: center; flex-wrap: wrap; justify-content: flex-end; gap: 6px 18px; margin-left: auto; }
.mfb-tr { display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; color: var(--f14-muted); font-size: 12px; }
.mfb-tr img { height: 11px; width: auto; max-width: 34px; object-fit: contain; border-radius: 1px; }
.mfb-lang > span:first-child { margin-right: 4px; }