/* VergiNext Forum (site/forum/*, uye/forum) */
/* style.css'teki .btn--sm tam genişliktir; forumda içerik kadar */
.fr .btn--sm { width: auto; height: 40px; }
.fr-hero { padding: 64px 0 72px; }
.fr-hero--konu { padding: 52px 0 56px; }
.fr-hero__row { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; }
.fr-hero__title { font-size: 48px; }
.fr-hero .page-hero__text { margin-top: 12px; }
.fr-hero__cta { flex-shrink: 0; }
.fr-title { color: var(--white); font-size: 34px; font-weight: 800; letter-spacing: -.02em; line-height: 1.2; margin: 0; max-width: 900px; overflow-wrap: anywhere; }
.fr-hero__meta { display: flex; flex-wrap: wrap; gap: 6px 18px; list-style: none; margin: 14px 0 0; padding: 0; font-size: 14px; color: rgba(255,255,255,.7); }
.fr-hero__meta li + li::before { content: "·"; margin-right: 18px; color: var(--gold); }
.fr-search { position: relative; display: flex; align-items: center; gap: 8px; max-width: 640px; margin-top: 26px; background: var(--white); border-radius: 12px; padding: 6px 6px 6px 44px; }
.fr-search > .ico { position: absolute; left: 16px; color: var(--muted); }
.fr-search input { flex: 1; min-width: 0; border: 0; outline: 0; font: inherit; font-size: 15px; color: var(--ink); background: transparent; height: 40px; }
.fr-search .btn { height: 40px; padding: 0 18px; }
.fr-stats { display: flex; flex-wrap: wrap; gap: 8px 26px; list-style: none; margin: 22px 0 0; padding: 0; font-size: 14px; }
.fr-stats b { color: var(--white); font-size: 17px; margin-right: 4px; }

.fr-body { background: var(--bg-soft); padding: 34px 0 72px; }
.fr-grid { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 28px; align-items: start; }
.fr-main { min-width: 0; }
.fr-side { display: grid; gap: 18px; position: sticky; top: 100px; }

.fr-tabs { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-bottom: 16px; }
.fr-tabs a { display: inline-flex; align-items: center; gap: 6px; padding: 8px 14px; border-radius: 999px; font-size: 14px; font-weight: 600; color: var(--text); background: var(--white); border: 1px solid var(--line); transition: .2s; }
.fr-tabs a:hover { border-color: var(--gold); color: var(--ink); }
.fr-tabs a.is-on { background: var(--green-900); border-color: var(--green-900); color: var(--white); }
.fr-tabs a em { font-style: normal; font-size: 12px; opacity: .75; }
.fr-tabs__cat { margin-left: auto; }
.fr-tabs__cat select { height: 38px; border: 1px solid var(--line); border-radius: 999px; padding: 0 14px; font: inherit; font-size: 14px; color: var(--ink); background: var(--white); cursor: pointer; max-width: 220px; }
.fr-tabs--acc { padding: 18px 22px 0; margin: 0; }

.fr-note { font-size: 14px; color: var(--muted); margin: 0 0 14px; }
.fr-note a { color: var(--gold-dark); font-weight: 600; }

.fr-list { list-style: none; margin: 0; padding: 0; background: var(--white); border: 1px solid var(--line); border-radius: var(--radius-lg); overflow: hidden; }
.fr-row { display: grid; grid-template-columns: minmax(0, 1fr) 120px; gap: 20px; padding: 18px 22px; border-top: 1px solid var(--line); }
.fr-row:first-child { border-top: 0; }
.fr-row.is-pinned { background: #fbf8f1; }
.fr-row__badges { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 6px; }
.fr-row__badges:empty { display: none; }
.fr-row__badges--hero { margin-bottom: 10px; }
.fr-row__title { font-size: 17px; font-weight: 700; line-height: 1.4; margin: 0; overflow-wrap: anywhere; }
.fr-row__title a { color: var(--ink); }
.fr-row__title a:hover { color: var(--gold-dark); }
.fr-row__ex { margin: 4px 0 10px; font-size: 14px; color: var(--muted); line-height: 1.55; overflow-wrap: anywhere; }
.fr-row__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 14px; font-size: 13px; color: var(--muted); }
.fr-row__nums { display: flex; flex-direction: column; align-items: flex-end; justify-content: center; gap: 2px; font-size: 13px; color: var(--muted); text-align: right; }
.fr-row__nums b { color: var(--ink); font-size: 15px; }
.fr-row__nums small { font-size: 12px; }

.fr-tag { display: inline-flex; align-items: center; gap: 4px; padding: 2px 9px; border-radius: 999px; font-size: 11.5px; font-weight: 700; font-style: normal; background: var(--bg-box); color: var(--text); white-space: nowrap; }
.fr-tag .ico { width: 13px; height: 13px; }
.fr-tag--cat { background: rgba(10,51,38,.07); color: var(--green-800); }
.fr-tag--cat:hover { background: rgba(10,51,38,.14); }
.fr-tag--pin { background: rgba(168,137,79,.16); color: var(--gold-dark); }
.fr-tag--ok { background: #e3f3ea; color: #1d6f4a; }
.fr-tag--red { background: #fdecea; color: #a23b2c; }
.fr-hero .fr-tag { background: rgba(255,255,255,.12); color: var(--white); }
.fr-hero .fr-tag--ok { background: rgba(74,190,130,.22); color: #c9f2dc; }
.fr-hero .fr-tag--pin { background: rgba(196,165,109,.25); color: var(--gold-light); }

.fr-author { display: inline-flex; align-items: center; gap: 10px; min-width: 0; }
.fr-av { flex-shrink: 0; width: 38px; height: 38px; border-radius: 50%; display: inline-grid; place-items: center; color: var(--white); font-size: 14px; font-weight: 800; }
.fr-av--ekip { background: var(--green-950); }
.fr-av--ekip .logo__mark { width: 22px; height: 22px; }
.fr-author--sm .fr-av { width: 24px; height: 24px; font-size: 11px; }
.fr-author--sm .fr-av--ekip .logo__mark { width: 15px; height: 15px; }
.fr-who { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 4px 6px; min-width: 0; }
.fr-who b { color: var(--ink); font-weight: 700; overflow-wrap: anywhere; }
.fr-badge { display: inline-flex; align-items: center; gap: 3px; padding: 1px 8px; border-radius: 999px; font-size: 11px; font-weight: 800; font-style: normal; letter-spacing: .01em; }
.fr-badge .ico { width: 12px; height: 12px; }
.fr-badge--pro { background: linear-gradient(135deg, #c4a56d, #a8894f); color: var(--white); }
.fr-badge--ekip { background: var(--green-900); color: var(--gold-light); }

.fr-pager { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; margin: 22px 0 6px; }
.fr-pager a, .fr-pager span { min-width: 38px; height: 38px; display: inline-grid; place-items: center; padding: 0 10px; border-radius: 9px; font-size: 14px; font-weight: 600; background: var(--white); border: 1px solid var(--line); color: var(--ink); }
.fr-pager a:hover { border-color: var(--gold); }
.fr-pager .is-on { background: var(--green-900); border-color: var(--green-900); color: var(--white); }
.fr-pager .is-off { opacity: .4; }
.fr-pager .is-gap { border: 0; background: transparent; }

.fr-empty { text-align: center; background: var(--white); border: 1px dashed #d5d9d7; border-radius: var(--radius-lg); padding: 46px 22px; }
.fr-empty > .ico { width: 34px; height: 34px; color: var(--gold); }
.fr-empty b { display: block; color: var(--ink); font-size: 17px; margin-top: 10px; }
.fr-empty p { margin: 6px 0 18px; color: var(--muted); font-size: 14.5px; }

.fr-card { background: var(--white); border: 1px solid var(--line); border-radius: var(--radius-lg); padding: 20px; }
.fr-card h3 { font-size: 15px; font-weight: 800; color: var(--ink); margin: 0 0 12px; }
.fr-card p { font-size: 14px; margin: 0; color: var(--muted); }
.fr .fr-card__btn { width: 100%; justify-content: center; margin-top: 16px; }
.fr-card--cta { background: var(--green-950); border-color: var(--green-950); color: rgba(255,255,255,.75); }
.fr-card--cta b { display: block; color: var(--white); font-size: 16px; margin-bottom: 6px; }
.fr-card--cta p { color: rgba(255,255,255,.72); margin-bottom: 14px; }
.fr .fr-card--cta .btn { width: 100%; justify-content: center; }
.fr-link { display: block; text-align: center; margin-top: 10px; font-size: 13.5px; color: var(--gold-light); font-weight: 600; }
.fr-card--rules li { list-style: inherit; }
.fr-card--rules ul { margin: 0; padding-left: 18px; list-style: disc; font-size: 13.5px; color: var(--muted); display: grid; gap: 6px; }
.fr-cats a:hover { background: var(--bg-soft); color: var(--ink); }
.fr-cats a.is-on { background: rgba(168,137,79,.13); color: var(--ink); font-weight: 700; }
.fr-cats em { font-style: normal; font-size: 12px; color: var(--muted); background: var(--bg-box); border-radius: 999px; padding: 1px 8px; }
.fr-info { display: grid; grid-template-columns: auto 1fr; gap: 8px 14px; margin: 0; font-size: 14px; }
.fr-info dt { color: var(--muted); }
.fr-info dd { margin: 0; color: var(--ink); font-weight: 600; text-align: right; }
.fr-info a { color: var(--gold-dark); }
.fr-similar { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
.fr-similar a { display: block; color: var(--ink); font-size: 14px; font-weight: 600; line-height: 1.4; overflow-wrap: anywhere; }
.fr-similar a:hover { color: var(--gold-dark); }
.fr-similar small { font-size: 12px; color: var(--muted); }

.fr-alert { display: flex; align-items: flex-start; gap: 10px; padding: 12px 16px; border-radius: 10px; background: #eef4f1; color: var(--green-800); font-size: 14px; margin: 0 0 16px; }
.fr-alert .ico { flex-shrink: 0; margin-top: 2px; }
.fr-alert--red { background: #fdf1ef; color: #8a2a20; }
.fr-alert--sm { padding: 8px 12px; font-size: 13px; margin: 10px 0 0; }

.fr-post { background: var(--white); border: 1px solid var(--line); border-radius: var(--radius-lg); padding: 20px 22px; margin-bottom: 14px; scroll-margin-top: 110px; }
.fr-post--konu { border-color: #d9dcda; box-shadow: var(--shadow); }
.fr-post.is-solution { border-color: #8fcfac; box-shadow: 0 0 0 3px rgba(74,190,130,.12); }
.fr-post.is-team { border-left: 4px solid var(--gold); }
.fr-post.is-hidden { opacity: .72; border-style: dashed; }
.fr-post:target { box-shadow: 0 0 0 3px rgba(168,137,79,.35); }
.fr-post__head { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px 14px; }
.fr-post__time { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 6px; font-size: 13px; color: var(--muted); }
.fr-permalink { color: inherit; }
.fr-permalink:hover { color: var(--gold-dark); }
.fr-edited { font-style: italic; }
.fr-post__body { margin-top: 14px; color: var(--ink); font-size: 15.5px; line-height: 1.75; overflow-wrap: anywhere; }
.fr-post__body p { margin: 0 0 12px; }
.fr-post__body p:last-child, .fr-post__body ul:last-child { margin-bottom: 0; }
.fr-post__body ul { margin: 0 0 12px; padding-left: 22px; list-style: disc; }
.fr-post__body li { list-style: inherit; margin: 2px 0; }
.fr-post__body a { color: var(--gold-dark); text-decoration: underline; text-underline-offset: 2px; }
.fr-post__body blockquote { margin: 0 0 12px; padding: 10px 14px; border-left: 3px solid var(--gold); background: var(--bg-soft); border-radius: 0 8px 8px 0; color: var(--text); font-size: 14.5px; }
.fr-post__body blockquote p { margin: 0; }
.fr-post__foot { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 16px; padding-top: 12px; border-top: 1px solid var(--line); }
.fr-act { display: inline-flex; align-items: center; gap: 6px; height: 34px; padding: 0 12px; border: 0; border-radius: 8px; background: transparent; font: inherit; font-size: 13.5px; font-weight: 600; color: var(--text); cursor: pointer; transition: .2s; }
.fr-act .ico { width: 16px; height: 16px; }
.fr-act:hover:not(:disabled) { background: var(--bg-soft); color: var(--ink); }
.fr-act:disabled { cursor: default; opacity: .6; }
.fr-act em { font-style: normal; font-weight: 800; }
.fr-act.is-on { color: var(--gold-dark); background: rgba(168,137,79,.12); }
.fr-act--muted { color: var(--muted); margin-left: auto; }
.fr-act--danger:hover:not(:disabled) { color: #b03a2e; background: #fdf1ef; }
.fr-act--ok { color: #1d6f4a; }
.fr-act--ok:hover:not(:disabled) { background: #e3f3ea; color: #1d6f4a; }

.fr-solution { display: flex; gap: 12px; align-items: flex-start; padding: 14px 18px; margin: 0 0 22px; border-radius: var(--radius-lg); background: #e9f6ef; border: 1px solid #b9e2cb; color: #1d4f38; }
.fr-solution__ico { color: #1d6f4a; flex-shrink: 0; }
.fr-solution b { display: block; font-size: 14px; }
.fr-solution small { display: block; font-size: 13.5px; color: #3c6b55; margin-top: 2px; overflow-wrap: anywhere; }
.fr-solution:hover { border-color: #8fcfac; }

.fr-replies-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 26px 0 14px; scroll-margin-top: 110px; }
.fr-replies-head h2 { font-size: 19px; font-weight: 800; color: var(--ink); margin: 0; }
.fr-follow.is-on { background: var(--green-900); border-color: var(--green-900); color: var(--white); }

.fr-reply { margin-top: 22px; scroll-margin-top: 110px; }
.fr-form { background: var(--white); border: 1px solid var(--line); border-radius: var(--radius-lg); padding: 22px; }
.fr-form h3 { font-size: 17px; font-weight: 800; color: var(--ink); margin: 0 0 12px; }
.fr-form .field { margin-bottom: 16px; }
.fr-form textarea { min-height: 140px; }
.fr-form--konu textarea { min-height: 260px; }
.fr-form .field label i { color: var(--muted); font-weight: 500; float: right; font-size: 12.5px; }
.fr-form__foot { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; }
.fr-form--konu .fr-form__foot { justify-content: flex-end; }
.fr-hint { font-size: 12.5px; color: var(--muted); margin: 0 0 16px; }
.fr-form__foot .fr-hint { margin: 0; }
.fr-hint b { color: var(--ink); }
.fr-form .btn[disabled] { opacity: .6; pointer-events: none; }
.fr-edit { margin-top: 14px; }
.fr-edit textarea { width: 100%; min-height: 140px; border: 1px solid #d5d9d7; border-radius: 10px; padding: 12px 14px; font: inherit; font-size: 15px; line-height: 1.6; color: var(--ink); resize: vertical; }
.fr-edit textarea:focus { outline: 0; border-color: var(--gold); box-shadow: 0 0 0 3px rgba(168,137,79,.15); }
.fr-edit__btns { display: flex; justify-content: flex-end; gap: 8px; margin-top: 10px; }

.fr-gate { display: flex; align-items: center; gap: 16px; padding: 20px 22px; background: var(--white); border: 1px solid var(--line); border-radius: var(--radius-lg); }
.fr-gate__ico { width: 44px; height: 44px; border-radius: 50%; display: grid; place-items: center; background: rgba(168,137,79,.14); color: var(--gold-dark); flex-shrink: 0; }
.fr-gate b { display: block; color: var(--ink); }
.fr-gate small { display: block; color: var(--muted); font-size: 13.5px; }
.fr-gate__btns { display: flex; gap: 8px; margin-left: auto; flex-shrink: 0; }

/* Şikâyet penceresi */
.fr-report label { display: flex; align-items: center; gap: 10px; padding: 9px 12px; border: 1px solid var(--line); border-radius: 9px; margin-bottom: 6px; cursor: pointer; font-size: 14px; color: var(--ink); }
.fr-report label:has(input:checked) { border-color: var(--gold); background: rgba(168,137,79,.08); }
.fr-report textarea { width: 100%; min-height: 70px; margin-top: 6px; border: 1px solid var(--line); border-radius: 9px; padding: 10px 12px; font: inherit; font-size: 14px; resize: vertical; }
.fr-report h2 { font-size: 19px; margin: 0 0 6px; color: var(--ink); }
.fr-report > p { margin: 0 0 14px; font-size: 14px; color: var(--muted); }
.fr-report .ask__btns { display: flex; justify-content: flex-end; gap: 8px; margin-top: 14px; }

/* Hesabım → Forumum */
.fr-acc__stats { display: grid; grid-template-columns: repeat(6, 1fr); gap: 12px; margin-bottom: 18px; }
.fr-acc__stats div { background: var(--white); border: 1px solid var(--line); border-radius: var(--radius-lg); padding: 14px 16px; }
.fr-acc__stats b { display: block; font-size: 22px; color: var(--ink); }
.fr-acc__stats small { color: var(--muted); font-size: 12.5px; }
.fr-acc__list { list-style: none; margin: 0; padding: 0 22px 10px; }
.fr-acc__list li { display: flex; justify-content: space-between; gap: 16px; padding: 16px 0; border-top: 1px solid var(--line); }
.fr-acc__list li:first-child { border-top: 0; }
.fr-acc__list li > div:first-child { min-width: 0; }
.fr-acc__title { color: var(--ink); font-weight: 700; overflow-wrap: anywhere; }
.fr-acc__title:hover { color: var(--gold-dark); }
.fr-acc__list p { margin: 4px 0; font-size: 14px; color: var(--text); overflow-wrap: anywhere; }
.fr-acc__list small { display: block; font-size: 12.5px; color: var(--muted); margin-top: 2px; }
.fr-acc__tags { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: flex-end; gap: 6px; flex-shrink: 0; max-width: 45%; }
.fr-acc .acc-empty { padding: 34px 22px; }
.fr-acc .fr-pager { margin-bottom: 18px; }

/* ---------- Klasik forum düzeni: bölüm → forum tablosu, konu tablosu, son mesaj ---------- */
.fr-hero--ana { padding: 56px 0 60px; }
.fr-quick { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 20px; }
.fr-quick a { display: inline-flex; align-items: center; gap: 6px; padding: 7px 13px; border-radius: 999px; font-size: 13.5px; font-weight: 600; color: var(--white); background: rgba(255,255,255,.09); border: 1px solid rgba(255,255,255,.14); transition: .2s; }
.fr-quick a:hover { background: rgba(255,255,255,.16); border-color: var(--gold); }
.fr-quick .ico { width: 15px; height: 15px; color: var(--gold-light); }
.fr-quick em { font-style: normal; font-size: 11.5px; font-weight: 800; background: var(--gold); color: var(--green-950); border-radius: 999px; padding: 0 7px; }

.fr-sec { background: var(--white); border: 1px solid var(--line); border-radius: var(--radius-lg); overflow: hidden; margin-bottom: 20px; scroll-margin-top: 100px; }
.fr-sec__h { background: var(--green-900); color: var(--white); padding: 13px 20px; }
.fr-sec__h h2 { margin: 0; font-size: 16px; font-weight: 800; letter-spacing: -.01em; color: var(--white); }
.fr-sec__h p { margin: 2px 0 0; font-size: 13px; color: rgba(255,255,255,.66); }
.fr-sec--alt .fr-sec__h { background: var(--bg-box); }
.fr-sec--alt .fr-sec__h h2 { color: var(--ink); font-size: 14px; }

.fr-tbl__head, .fr-frow, .fr-trow { display: grid; grid-template-columns: minmax(0, 1fr) 76px 86px 230px; gap: 14px; align-items: center; }
.fr-tbl__head { padding: 8px 20px; background: var(--bg-soft); border-bottom: 1px solid var(--line); font-size: 11.5px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--muted); }
.fr-tbl__head span:nth-child(2), .fr-tbl__head span:nth-child(3) { text-align: center; }
.fr-threads { background: var(--white); border: 1px solid var(--line); border-radius: var(--radius-lg); overflow: hidden; }
.fr-tbl__grp { padding: 7px 20px; background: #fbf8f1; border-top: 1px solid var(--line); font-size: 12px; font-weight: 800; color: var(--gold-dark); text-transform: uppercase; letter-spacing: .04em; }
.fr-tbl__head + .fr-tbl__grp { border-top: 0; }
.fr-frow, .fr-trow { padding: 14px 20px; border-top: 1px solid var(--line); }
.fr-tbl__head + .fr-frow, .fr-tbl__head + .fr-trow, .fr-tbl > .fr-frow:first-child { border-top: 0; }
.fr-frow:hover, .fr-trow:hover { background: #fcfcfa; }
.fr-frow__main, .fr-trow__main { display: flex; align-items: flex-start; gap: 14px; min-width: 0; }
.fr-frow__ico, .fr-trow__ico { flex-shrink: 0; width: 42px; height: 42px; border-radius: 12px; display: grid; place-items: center; background: rgba(10,51,38,.07); color: var(--green-800); }
.fr-frow.is-new .fr-frow__ico { background: var(--green-900); color: var(--gold-light); }
.fr-frow__ico .ico { width: 21px; height: 21px; }
.fr-trow__ico { width: 34px; height: 34px; border-radius: 50%; background: var(--bg-box); color: var(--muted); margin-top: 2px; }
.fr-trow__ico .ico { width: 17px; height: 17px; }
.fr-trow.is-new .fr-trow__ico { background: rgba(168,137,79,.16); color: var(--gold-dark); }
.fr-trow__ico.is-ok { background: #e3f3ea; color: #1d6f4a; }
.fr-trow.is-pinned { background: #fbf8f1; }
.fr-frow__txt, .fr-trow__txt { min-width: 0; flex: 1; }
.fr-frow__txt h3 { margin: 0; font-size: 16px; font-weight: 700; line-height: 1.35; }
.fr-frow__txt h3 a { color: var(--ink); }
.fr-frow__txt h3 a:hover { color: var(--gold-dark); }
.fr-frow__txt p { margin: 3px 0 0; font-size: 13.5px; color: var(--muted); line-height: 1.5; }
.fr-subs { list-style: none; margin: 7px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 4px 14px; }
.fr-subs a { display: inline-flex; align-items: center; gap: 2px; font-size: 13px; font-weight: 600; color: var(--green-800); }
.fr-subs a:hover { color: var(--gold-dark); }
.fr-subs .ico { width: 13px; height: 13px; color: var(--gold); }
.fr-frow__n { text-align: center; font-size: 15px; font-weight: 700; color: var(--ink); }
.fr-frow__n small { display: none; }
.fr-frow__mob, .fr-trow__mob { display: none; }
.fr-trow .fr-row__title { font-size: 15.5px; display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; }
.fr-trow .fr-row__meta { margin-top: 5px; font-size: 12.5px; }
.fr-trow__pages { display: inline-flex; gap: 3px; font-size: 12px; font-weight: 600; color: var(--muted); }
.fr-trow__pages a { min-width: 20px; height: 20px; display: inline-grid; place-items: center; border: 1px solid var(--line); border-radius: 5px; color: var(--text); }
.fr-trow__pages a:hover { border-color: var(--gold); }
.fr-pre { display: inline-block; font-style: normal; font-size: 11.5px; font-weight: 800; padding: 1px 8px; border-radius: 6px; background: rgba(168,137,79,.16); color: var(--gold-dark); vertical-align: 1px; }

.fr-last { display: grid; gap: 2px; min-width: 0; font-size: 13px; color: var(--muted); }
.fr-last__t { color: var(--ink); font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.fr-last__t:hover { color: var(--gold-dark); }
.fr-last__m { display: inline-flex; align-items: center; flex-wrap: wrap; gap: 0 4px; }
.fr-last__m b { color: var(--text); font-weight: 600; }
.fr-last__m b.fr-last__ekip { color: var(--green-800); }
.fr-last__go { display: inline-grid; place-items: center; width: 20px; height: 20px; border-radius: 50%; background: var(--bg-box); color: var(--ink); }
.fr-last__go .ico { width: 13px; height: 13px; }
.fr-last--yok { font-style: italic; }

.fr-online__body { padding: 18px 20px 20px; }
.fr-online__nums { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px; }
.fr-online__nums li { background: var(--bg-soft); border-radius: 12px; padding: 12px; text-align: center; }
.fr-online__nums b { display: block; font-size: 20px; font-weight: 800; color: var(--ink); }
.fr-online__nums span { font-size: 12.5px; color: var(--muted); }
.fr-online__new { margin: 14px 0 0; font-size: 14px; color: var(--text); }
.fr-online__who { margin-top: 14px; padding-top: 14px; border-top: 1px solid var(--line); }
.fr-online__who h3 { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; margin: 0; font-size: 14.5px; font-weight: 700; color: var(--ink); }
.fr-online__who h3 small { font-weight: 500; color: var(--muted); font-size: 12.5px; }
.fr-online__who p { margin: 8px 0 0; font-size: 13.5px; color: var(--text); line-height: 1.7; overflow-wrap: anywhere; }
.fr-online__who .is-pro { color: var(--gold-dark); font-weight: 700; }
.fr-dot { width: 9px; height: 9px; border-radius: 50%; background: #2fae6b; box-shadow: 0 0 0 3px rgba(47,174,107,.18); }

.fr-latest { list-style: none; margin: 0 0 10px; padding: 0; display: grid; gap: 11px; }
.fr-latest a { display: block; font-size: 14px; font-weight: 600; color: var(--ink); line-height: 1.4; overflow-wrap: anywhere; }
.fr-latest a:hover { color: var(--gold-dark); }
.fr-latest small { display: block; margin-top: 2px; font-size: 12px; color: var(--muted); }
.fr-card__bos { margin: 0; font-size: 14px; color: var(--muted); }
.fr-cats { display: grid; gap: 1px; }
.fr-cats a { display: block; padding: 6px 10px; border-radius: 8px; font-size: 14px; color: var(--text); }
.fr-cats a.is-alt { padding-left: 24px; font-size: 13.5px; }
.fr-cats a.is-alt::before { content: "↳ "; color: var(--gold); }
.fr-cats__all { font-weight: 700; color: var(--ink) !important; }
.fr-cats__b { display: block; margin: 10px 10px 2px; font-size: 11.5px; font-weight: 800; text-transform: uppercase; letter-spacing: .04em; color: var(--muted); }
.fr-note .ico { width: 16px; height: 16px; vertical-align: -3px; color: var(--gold-dark); }

@media (max-width: 1180px) {
  .fr-tbl__head, .fr-frow, .fr-trow { grid-template-columns: minmax(0, 1fr) 64px 74px 190px; gap: 10px; }
}
@media (max-width: 768px) {
  .fr-hero--ana { padding: 36px 0 40px; }
  .fr-quick { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; margin-right: -16px; padding-right: 16px; }
  .fr-quick::-webkit-scrollbar { display: none; }
  .fr-quick a { flex-shrink: 0; }
  .fr-tbl__head { display: none; }
  .fr-frow, .fr-trow { grid-template-columns: minmax(0, 1fr); gap: 8px; padding: 14px 16px; }
  .fr-tbl__head + .fr-frow, .fr-tbl__head + .fr-trow, .fr-tbl__head + .fr-tbl__grp + .fr-trow { border-top: 0; }
  .fr-frow__n { display: none; }
  .fr-frow__mob, .fr-trow__mob { display: inline; font-size: 12.5px; color: var(--muted); }
  .fr-frow__mob { display: block; margin-top: 5px; }
  .fr-frow__last { padding-left: 56px; }
  .fr-frow__last:has(.fr-last--yok) { display: none; }
  .fr-trow .fr-frow__last { padding-left: 48px; }
  .fr-frow__ico { width: 38px; height: 38px; }
  .fr-sec__h { padding: 12px 16px; }
  .fr-tbl__grp { padding: 7px 16px; }
  .fr-online__body { padding: 16px; }
  .fr-online__nums { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 480px) {
  .fr-online__nums { grid-template-columns: repeat(2, 1fr); }
  .fr-frow__last { padding-left: 52px; }
  .fr-trow .fr-frow__last { padding-left: 48px; }
}

@media (max-width: 1024px) {
  .fr-grid { grid-template-columns: minmax(0, 1fr); }
  .fr-side { position: static; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); }
}
@media (max-width: 768px) {
  .fr-hero { padding: 40px 0 44px; }
  .fr-hero--konu { padding: 34px 0 36px; }
  .fr-hero__row { flex-direction: column; align-items: flex-start; gap: 16px; }
  .fr-hero__title { font-size: 34px; }
  .fr-title { font-size: 25px; }
  .fr-body { padding: 22px 0 56px; }
  .fr-row { grid-template-columns: minmax(0, 1fr); gap: 10px; padding: 16px; }
  .fr-row__nums { flex-direction: row; justify-content: flex-start; gap: 14px; text-align: left; }
  .fr-tabs { flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; padding-bottom: 2px; }
  .fr-tabs::-webkit-scrollbar { display: none; }
  .fr-tabs a { flex-shrink: 0; }
  .fr-tabs__cat { flex-shrink: 0; }
  .fr-post { padding: 16px; }
  .fr-post__body { font-size: 15px; }
  .fr-act { padding: 0 9px; }
  .fr-act span { font-size: 13px; }
  .fr-gate { flex-direction: column; align-items: flex-start; }
  .fr-gate__btns { margin-left: 0; width: 100%; }
  .fr-gate__btns .btn { flex: 1; justify-content: center; }
  .fr-form { padding: 16px; }
  .fr-form__foot .btn { width: 100%; justify-content: center; }
  .fr-acc__stats { grid-template-columns: repeat(2, 1fr); }
  .fr-acc__list { padding: 0 16px 8px; }
  .fr-acc__list li { flex-direction: column; gap: 8px; }
  .fr-acc__tags { justify-content: flex-start; max-width: none; }
  .fr-tabs--acc { padding: 14px 16px 0; }
}
@media (max-width: 480px) {
  .fr-search { padding-left: 38px; }
  .fr-search > .ico { left: 13px; }
  .fr-search .btn { padding: 0 12px; }
  .fr-act span { display: none; }
  .fr-act[data-fr-cozum] span, .fr-act.is-on span { display: inline; }
  .fr-hero__meta li + li::before { margin-right: 8px; }
  .fr-hero__meta { gap: 4px 8px; }
}

/* Önek seçimi ve anket düzenleyici */
.fr-form__row { display: grid; grid-template-columns: 170px minmax(0, 1fr); gap: 14px; }
.fr-poll-edit { border: 1px solid var(--line); border-radius: 12px; padding: 0 16px; margin: 16px 0; background: var(--bg-soft); }
.fr-poll-edit[open] { padding-bottom: 16px; }
.fr-poll-edit summary { cursor: pointer; padding: 13px 0; font-weight: 700; color: var(--ink); list-style: none; display: flex; align-items: center; gap: 8px; }
.fr-poll-edit summary::-webkit-details-marker { display: none; }
.fr-poll-edit summary small { font-weight: 500; color: var(--muted); }
.fr-poll-edit summary .ico { color: var(--gold-dark); width: 18px; height: 18px; }
.fr-poll-edit__ops { display: grid; gap: 8px; margin-bottom: 10px; }
.fr-poll-edit__op { display: flex; gap: 6px; }
.fr-poll-edit__op input { flex: 1; min-width: 0; height: 42px; border: 1px solid #d5d9d7; border-radius: 10px; padding: 0 12px; font: inherit; font-size: 14.5px; background: var(--white); color: var(--ink); }
.fr-poll-edit__op input:focus { outline: 0; border-color: var(--gold); }
.fr-poll-edit__op button { width: 42px; border: 1px solid var(--line); border-radius: 10px; background: var(--white); font-size: 20px; color: var(--muted); cursor: pointer; }
.fr-poll-edit__op button:disabled { opacity: .4; cursor: default; }
.fr-poll-edit__opts { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 22px; margin-top: 14px; font-size: 14px; }
.fr-poll-edit__gun select { margin-left: 6px; height: 36px; border: 1px solid #d5d9d7; border-radius: 8px; padding: 0 8px; font: inherit; background: var(--white); }
.fr-chk { display: inline-flex; align-items: center; gap: 8px; cursor: pointer; }
.fr-link--red { color: #b03a2e !important; display: inline; margin: 0; background: none; border: 0; cursor: pointer; font: inherit; font-weight: 600; font-size: 13.5px; }
.fr-pre--hero { font-size: 15px; vertical-align: 6px; background: rgba(196,165,109,.25); color: var(--gold-light); }

/* Anket (konu sayfası) */
.fr-poll { margin-top: 18px; border: 1px solid var(--line); border-radius: 14px; padding: 16px 18px; background: linear-gradient(180deg, #fbf8f1, var(--white)); }
.fr-poll__h { display: flex; gap: 12px; align-items: flex-start; margin-bottom: 14px; }
.fr-poll__ico { width: 38px; height: 38px; border-radius: 10px; background: var(--green-900); color: var(--gold-light); display: grid; place-items: center; flex-shrink: 0; }
.fr-poll__h h2 { font-size: 16.5px; font-weight: 800; margin: 0; color: var(--ink); line-height: 1.35; }
.fr-poll__h small { font-size: 12.5px; color: var(--muted); }
.fr-poll__form { display: grid; gap: 8px; }
.fr-poll__opt { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border: 1px solid var(--line); border-radius: 10px; background: var(--white); cursor: pointer; font-size: 14.5px; color: var(--ink); }
.fr-poll__opt:hover { border-color: var(--gold); }
.fr-poll__opt input { accent-color: var(--green-900); width: 17px; height: 17px; }
.fr-poll__btns { display: flex; align-items: center; gap: 14px; margin-top: 6px; }
.fr-poll__btns .fr-link, .fr-poll__res > .fr-link { display: inline; margin: 0; background: none; border: 0; cursor: pointer; font: inherit; font-size: 13.5px; color: var(--gold-dark); font-weight: 600; }
.fr-poll__res { display: grid; gap: 10px; }
.fr-poll__res[hidden], .fr-poll__form[hidden] { display: none; }
.fr-poll__lbl { display: flex; justify-content: space-between; gap: 10px; font-size: 14px; color: var(--ink); margin-bottom: 4px; }
.fr-poll__lbl em { font-style: normal; font-size: 11px; font-weight: 800; color: var(--white); background: var(--gold); border-radius: 999px; padding: 1px 7px; margin-left: 4px; }
.fr-poll__lbl small { color: var(--muted); font-weight: 500; }
.fr-poll__bar { height: 10px; border-radius: 999px; background: var(--bg-box); overflow: hidden; }
.fr-poll__bar span { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--green-800), var(--green-900)); min-width: 2px; }
.fr-poll__row.is-mine .fr-poll__bar span { background: linear-gradient(90deg, var(--gold), var(--gold-dark)); }
.fr-poll__not { margin: 4px 0 0; font-size: 13.5px; color: var(--muted); }
.fr-poll__not a { color: var(--gold-dark); font-weight: 700; }

@media (max-width: 768px) {
  .fr-form__row { grid-template-columns: minmax(0, 1fr); gap: 0; }
  .fr-poll { padding: 14px; }
}

/* ---------- Faz 2: yazar kartı, imza, üye profili ---------- */
.fr-av { overflow: hidden; }
.fr-av img { width: 100%; height: 100%; object-fit: cover; display: block; }
.fr-av--xl { width: 76px; height: 76px; font-size: 28px; }
.fr-av--xl.fr-av--ekip .logo__mark { width: 38px; height: 38px; }
.fr-av--xxl { width: 112px; height: 112px; font-size: 42px; border: 3px solid rgba(255,255,255,.18); }
.fr-badge--mod { background: #2f4a8a; color: #fff; }
.fr-badge--sahip { background: rgba(168,137,79,.16); color: var(--gold-dark); }
.fr-who__a { color: inherit; }
.fr-who__a:hover { color: var(--gold-dark); text-decoration: underline; text-underline-offset: 2px; }
.fr-stars { display: inline-flex; gap: 2px; vertical-align: middle; }
.fr-stars i { width: 7px; height: 7px; border-radius: 50%; background: #dde1df; }
.fr-stars i.is-on { background: var(--gold); }

.fr-post--kart { display: grid; grid-template-columns: 180px minmax(0, 1fr); padding: 0; overflow: hidden; }
.fr-post--kart .fr-post__main { padding: 18px 22px; min-width: 0; }
.fr-post--kart .fr-post__head { justify-content: flex-end; }
.fr-ucard { background: var(--bg-soft); border-right: 1px solid var(--line); padding: 20px 14px; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 10px; }
.fr-ucard--ekip { background: rgba(10,51,38,.04); }
.fr-ucard__av { display: inline-flex; border-radius: 50%; }
.fr-ucard__id { display: grid; justify-items: center; gap: 6px; min-width: 0; width: 100%; }
.fr-ucard__badges { display: flex; flex-wrap: wrap; justify-content: center; gap: 4px; }
.fr-ucard__badges:empty { display: none; }
.fr-ucard__rank { font-size: 12.5px; color: var(--muted); display: grid; justify-items: center; gap: 4px; }
.fr-ucard__stats { width: 100%; margin: 4px 0 0; padding-top: 10px; border-top: 1px solid var(--line); display: grid; gap: 4px; font-size: 12.5px; }
.fr-ucard__stats div { display: flex; justify-content: space-between; gap: 8px; }
.fr-ucard__stats dt { color: var(--muted); }
.fr-ucard__stats dd { margin: 0; color: var(--ink); font-weight: 700; }

.fr-imza { margin-top: 16px; padding-top: 10px; border-top: 1px dashed var(--line); font-size: 13px; line-height: 1.6; color: var(--muted); overflow-wrap: anywhere; max-height: 5.2em; overflow: hidden; }
.fr-imza a { color: var(--gold-dark); }
.fr-imza--kart { margin: 0; padding: 0; border: 0; max-height: none; }

.fr-hero--profil { padding: 48px 0 52px; }
.fr-prof { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 24px; align-items: center; margin-top: 18px; }
.fr-prof__av { position: relative; }
.fr-prof__on { position: absolute; right: 8px; bottom: 8px; width: 18px; height: 18px; border-radius: 50%; background: #3ccf7f; border: 3px solid var(--green-950); }
.fr-prof__id .fr-title { margin: 0; font-size: 36px; color: var(--white); overflow-wrap: anywhere; }
.fr-prof__badges { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 10px; }
.fr-prof__rank { display: inline-flex; align-items: center; gap: 8px; font-size: 14px; color: var(--gold-light); font-weight: 700; }
.fr-hero .fr-stars i { background: rgba(255,255,255,.2); }
.fr-hero .fr-stars i.is-on { background: var(--gold-light); }
.fr-prof__online { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; color: #c9f2dc; }
.fr-hero .fr-hero__meta a { color: inherit; }
.fr-hero .fr-hero__meta a:hover { color: var(--white); }
.fr-hero .fr-hero__meta b { color: var(--white); }
.fr-prof__acts { display: flex; flex-direction: column; gap: 8px; align-items: stretch; }
.fr-prof__stats { list-style: none; margin: 0 0 18px; padding: 0; display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 10px; }
.fr-prof__stats li { background: var(--white); border: 1px solid var(--line); border-radius: var(--radius-lg); padding: 14px 10px; text-align: center; }
.fr-prof__stats b { display: block; font-size: 22px; color: var(--ink); line-height: 1.2; }
.fr-prof__stats span { font-size: 12.5px; color: var(--muted); }
.fr-prof__stats .is-itibar { background: var(--green-950); border-color: var(--green-950); }
.fr-prof__stats .is-itibar b { color: var(--gold-light); }
.fr-prof__stats .is-itibar span { color: rgba(255,255,255,.7); }
.fr-prof__bio { color: var(--text) !important; line-height: 1.65; overflow-wrap: anywhere; }
.fr-prof__rk { margin-bottom: 8px !important; color: var(--ink) !important; }
.fr-prog { height: 8px; border-radius: 999px; background: var(--bg-box); overflow: hidden; margin-bottom: 10px; }
.fr-prog span { display: block; height: 100%; background: linear-gradient(90deg, var(--gold), var(--gold-dark)); }
.fr-side .fr-card__bos + .fr-card__bos { margin-top: 6px; font-size: 12.5px; }
.fr-trow--prof { grid-template-columns: minmax(0, 1fr); }
.fr-prof__replies { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.fr-prof__replies li { background: var(--white); border: 1px solid var(--line); border-radius: var(--radius-lg); padding: 14px 18px; }
.fr-prof__replies li.is-sol { border-color: #8fcfac; }
.fr-prof__rt { font-weight: 700; color: var(--ink); }
.fr-prof__rt:hover { color: var(--gold-dark); }
.fr-prof__replies p { margin: 6px 0; font-size: 14px; color: var(--text); overflow-wrap: anywhere; }
.fr-prof__replies small { font-size: 12.5px; color: var(--muted); display: inline-flex; align-items: center; gap: 6px; }
.fr-people { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 10px; }
.fr-people a { display: flex; align-items: center; gap: 12px; background: var(--white); border: 1px solid var(--line); border-radius: var(--radius-lg); padding: 12px 14px; transition: .2s; }
.fr-people a:hover { border-color: var(--gold); }
.fr-people span { display: grid; min-width: 0; }
.fr-people b { color: var(--ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.fr-people small { font-size: 12.5px; color: var(--muted); }

@media (max-width: 1024px) {
  .fr-prof__stats { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 768px) {
  .fr-post--kart { grid-template-columns: minmax(0, 1fr); }
  .fr-ucard { flex-direction: row; flex-wrap: wrap; text-align: left; border-right: 0; border-bottom: 1px solid var(--line); padding: 12px 16px; gap: 10px 12px; }
  .fr-ucard .fr-av--xl { width: 44px; height: 44px; font-size: 17px; }
  .fr-ucard__id { justify-items: start; width: auto; flex: 1; }
  .fr-ucard__badges { justify-content: flex-start; }
  .fr-ucard__rank { justify-items: start; grid-auto-flow: column; align-items: center; }
  .fr-ucard__stats { width: 100%; grid-template-columns: repeat(4, auto); justify-content: start; gap: 4px 16px; margin: 0; padding-top: 8px; }
  .fr-ucard__stats div { gap: 4px; }
  .fr-post--kart .fr-post__main { padding: 14px 16px; }
  .fr-prof { grid-template-columns: auto minmax(0, 1fr); gap: 16px; }
  .fr-prof__acts { grid-column: 1 / -1; flex-direction: row; flex-wrap: wrap; }
  .fr-av--xxl { width: 76px; height: 76px; font-size: 28px; }
  .fr-prof__on { right: 2px; bottom: 2px; width: 14px; height: 14px; }
  .fr-prof__id .fr-title { font-size: 26px; }
}
@media (max-width: 480px) {
  .fr-prof__stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 1180px) { .fr-acc__stats { grid-template-columns: repeat(3, 1fr); } }
.fr-acc__prof { padding: 18px 22px 24px; display: grid; gap: 22px; }
.fr-acc__me { display: flex; gap: 16px; align-items: center; }
.fr-acc__me b { color: var(--ink); font-size: 18px; }
.fr-acc__me small { display: block; color: var(--muted); font-size: 13px; margin-top: 2px; }
.fr-acc__me p { margin: 6px 0 0; font-size: 14px; color: var(--text); }
.fr-acc__me a { color: var(--gold-dark); }
.fr-acc__imza { display: grid; gap: 8px; }
.fr-acc__imza label small { display: block; color: var(--muted); font-size: 13px; font-weight: 400; margin-top: 2px; }
.fr-acc__imza textarea { width: 100%; border: 1px solid var(--line); border-radius: 10px; padding: 10px 12px; font: inherit; font-size: 14.5px; resize: vertical; min-height: 84px; }
.fr-acc__imza textarea:focus { outline: none; border-color: var(--gold); box-shadow: 0 0 0 3px rgba(168,137,79,.15); }
.fr-acc__imzabar { display: flex; justify-content: space-between; align-items: center; font-size: 12.5px; color: var(--muted); }
.fr-acc__imzaon { background: var(--bg-soft); border-radius: 10px; padding: 10px 14px; }
.fr-acc__imzaon > small { display: block; font-size: 11.5px; text-transform: uppercase; letter-spacing: .05em; color: var(--muted); margin-bottom: 4px; }
@media (max-width: 768px) { .fr-acc__prof { padding: 14px 16px 20px; } .fr-acc__me { align-items: flex-start; } }
