.topluluk { color: #172033; }
.topluluk h2 { font-size: 1.5rem; font-weight: 700; }
.topluluk h3 { font-size: 1.1rem; font-weight: 700; margin-bottom: 1rem; }
.topluluk-heading { display:flex; align-items:center; justify-content:space-between; gap:1rem; flex-wrap:wrap; }
.topluluk-muted { color:#64748b; font-size:.86rem; line-height:1.6; }
.topluluk-grid { display:grid; grid-template-columns:1fr 1fr; gap:2.5rem; margin-top:1.5rem; }
.topluluk-grid > div { min-width:0; }
.topluluk-form { display:grid; gap:.65rem; padding:1.2rem; background:#f8fafc; border:1px solid #e2e8f0; border-radius:16px; margin-bottom:1.5rem; }
.topluluk label { font-weight:600; font-size:.9rem; }
.topluluk textarea,.topluluk select,.topluluk input[type=search] { width:100%; padding:.7rem; border:1px solid #cbd5e1; border-radius:9px; background:white; color:#172033; }
.topluluk textarea { resize:vertical; }
.topluluk button { border:0; border-radius:9px; padding:.65rem 1rem; background:#0071e3; color:white; font-weight:600; cursor:pointer; }
.topluluk button:disabled { opacity:.5; cursor:default; }
.topluluk button:focus-visible,.topluluk a:focus-visible,.topluluk input:focus-visible,.topluluk select:focus-visible,.topluluk textarea:focus-visible { outline:3px solid #60a5fa; outline-offset:3px; }
.topluluk-entry { border-top:1px solid #e2e8f0; padding:1rem 0; overflow-wrap:anywhere; }
.topluluk-text { white-space:pre-wrap; overflow-wrap:anywhere; line-height:1.65; }
.topluluk-answer { border-left:3px solid #0071e3; padding:.8rem 1rem; margin-top:.8rem; background:#f8fafc; border-radius:0 10px 10px 0; }
.topluluk-notice { border-radius:10px; background:#eff6ff; padding:.8rem 1rem; margin:.8rem 0; }
.topluluk-notice.error { background:#fff1f2; color:#9f1239; }
.topluluk-stars { color:#9a6700; font-weight:700; }
.topluluk-pagination { display:flex; align-items:center; gap:.8rem; margin-top:1rem; }
.topluluk-pagination button { background:#e8eef5; color:#172033; }
.topluluk-sources { font-size:.85rem; display:grid; gap:.3rem; margin-top:.8rem; padding-left:1.3rem; }
.topluluk-admin { max-width:1180px; padding-top:2rem; padding-bottom:3rem; }
.topluluk-admin h1 { font-size:1.8rem; margin:1rem 0; }
.topluluk-filters { display:flex; flex-wrap:wrap; align-items:end; gap:1rem; margin:1.5rem 0; }
.topluluk-filters label { display:grid; gap:.4rem; }
.topluluk-admin-card { background:white; border:1px solid #e2e8f0; box-shadow:0 8px 24px #0f172a08; padding:1.5rem; border-radius:18px; margin-bottom:1.2rem; }
.topluluk-actions { display:flex; flex-wrap:wrap; gap:.6rem; margin-top:1rem; }
.topluluk-actions .secondary { background:#e8eef5; color:#172033; }
.topluluk-admin-card textarea { margin-top:.5rem; }
.topluluk-admin-focus:not([hidden]) { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:.8rem; }
.topluluk-admin-focus button.secondary { background:#e8eef5; color:#172033; }
.topluluk-check { display:flex; align-items:center; gap:.5rem; margin-top:1rem; }
@media(max-width:767px) { .topluluk-grid { grid-template-columns:1fr; gap:2rem; } .topluluk-filters label { width:100%; } .topluluk-admin-card { padding:1rem; } }

/* Product community: shared admin styles above stay independent. */
#urun-topluluk {
    --community-ink: #172b3a;
    --community-muted: #64748b;
    --community-line: #e7ebee;
    --community-blue: #0071e3;
    padding: 0;
    overflow: hidden;
    color: var(--community-ink);
    box-shadow: 0 12px 40px #152b3a06;
}
#urun-topluluk [hidden] { display: none !important; }
#urun-topluluk .topluluk-summary { display: grid; justify-items: end; gap: 9px; color: var(--community-muted); font-size: 12px; white-space: nowrap; }
#urun-topluluk .topluluk-summary strong { color: var(--community-ink); font-weight: 700; }
#urun-topluluk .topluluk-static-stars { display: inline-flex; gap: 3px; line-height: 0; flex-shrink: 0; vertical-align: middle; }
#urun-topluluk .topluluk-static-stars svg { width: 18px; height: 18px; }
#urun-topluluk .star-outline { fill: none; stroke: #d5dce1; stroke-width: 1.5; stroke-linejoin: round; }
#urun-topluluk .star-fill { fill: #e9ac32; stroke: #e9ac32; stroke-width: 1.5; stroke-linejoin: round; }
#urun-topluluk .topluluk-tabs { display: flex; gap: 30px; padding: 0 36px; border-bottom: 1px solid var(--community-line); }
#urun-topluluk .topluluk-tabs button { display: inline-flex; align-items: center; gap: 9px; padding: 17px 0; margin-bottom: -1px; border: 0; border-bottom: 2px solid transparent; border-radius: 0; background: transparent; color: var(--community-muted); font-size: 14px; font-weight: 600; white-space: nowrap; }
#urun-topluluk .topluluk-tabs button svg { width: 17px; height: 17px; }
#urun-topluluk .topluluk-tabs button[aria-selected=true] { color: var(--community-ink); border-bottom-color: var(--community-blue); }
#urun-topluluk .topluluk-tabs button > span { padding: 3px 7px; border-radius: 5px; background: #f1f4f6; color: #74818c; font-size: 11px; font-weight: 600; font-variant-numeric: tabular-nums; }
#urun-topluluk .topluluk-tabs button[aria-selected=true] > span { background: #edf4fd; color: #2373c5; }
#urun-topluluk .topluluk-panel { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(310px, 1fr); align-items: start; gap: 44px; padding: 32px 36px 36px; }
#urun-topluluk .topluluk-description { display: block; min-height: 140px; font-size: 14px; line-height: 1.85; overflow-wrap: anywhere; }
#urun-topluluk .topluluk-description-empty { margin: 0; color: var(--community-muted); }
#urun-topluluk .product-rich-content > :first-child { margin-top: 0; }
#urun-topluluk .product-rich-content > :last-child { margin-bottom: 0; }
#urun-topluluk .topluluk-feed { min-width: 0; }
#urun-topluluk .topluluk-feed-heading { display: flex; justify-content: space-between; gap: 12px; align-items: center; padding: 3px 0 17px; border-bottom: 1px solid var(--community-line); }
#urun-topluluk .topluluk-feed-heading h3 { margin: 0; font-size: 15px; font-weight: 650; letter-spacing: -.2px; }
#urun-topluluk .topluluk-feed-heading > span { color: var(--community-muted); font-size: 11px; white-space: nowrap; }
#urun-topluluk .topluluk-empty { min-height: 282px; padding: 48px 30px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; }
#urun-topluluk .topluluk-empty-icon { display: grid; place-items: center; width: 49px; height: 49px; margin-bottom: 19px; border: 1px solid #e5ebef; border-radius: 50%; background: #f8fafb; color: #8a9ba8; font-size: 25px; font-weight: 400; }
#urun-topluluk .topluluk-empty h4 { margin: 0 0 10px; color: #405361; font-size: 16px; letter-spacing: -.3px; font-weight: 600; }
#urun-topluluk .topluluk-empty p { max-width: 310px; margin: 0; color: var(--community-muted); font-size: 13px; line-height: 1.9; }
#urun-topluluk .topluluk-composer { min-width: 0; padding: 24px; border: 1px solid #e7edf2; border-radius: 18px; background: #f8fafc; }
#urun-topluluk .topluluk-composer-icon { display: grid; place-items: center; width: 32px; height: 32px; margin-bottom: 15px; border: 1px solid #e1eaf5; border-radius: 10px; background: #fff; color: #3682ca; font-size: 23px; font-weight: 450; }
#urun-topluluk .topluluk-composer-heading h3 { margin: 0 0 9px; color: var(--community-ink); font-size: 18px; letter-spacing: -.5px; line-height: 1.35; font-weight: 650; }
#urun-topluluk .topluluk-composer-heading > p { margin: 0; color: var(--community-muted); font-size: 13px; line-height: 1.8; }
#urun-topluluk .topluluk-form { display: flex; flex-direction: column; gap: 0; padding: 0; margin: 23px 0 0; border: 0; border-radius: 0; background: none; }
#urun-topluluk .topluluk-form > label { margin: 0 0 9px; color: #425968; font-size: 11px; font-weight: 600; }
#urun-topluluk .topluluk-rating { min-width: 0; margin: 0 0 23px; padding: 0; border: 0; }
#urun-topluluk .topluluk-rating legend { float: none; width: auto; padding: 0; margin: 0 0 6px; color: #425968; font-size: 11px; font-weight: 600; }
#urun-topluluk .topluluk-rating-stars { display: flex; gap: 3px; position: relative; width: max-content; max-width: 100%; margin-left: -6px; }
#urun-topluluk .topluluk-rating-stars input { position: absolute; top: 50%; left: 0; width: 1px; height: 1px; padding: 0; margin: 0; opacity: 0; }
#urun-topluluk .topluluk-rating-stars label { display: grid; place-items: center; width: 44px; min-width: 36px; height: 44px; margin: 0; border-radius: 9px; cursor: pointer; transition: background .15s ease; -webkit-tap-highlight-color: transparent; }
#urun-topluluk .topluluk-rating-stars label svg { width: 29px; height: 29px; fill: #fff; stroke: #8192a0; stroke-width: 1.3; stroke-linejoin: round; transition: fill .15s ease, stroke .15s ease, transform .15s ease; }
#urun-topluluk .topluluk-rating-stars label.is-active svg { fill: #eab33f; stroke: #e0a52b; }
#urun-topluluk .topluluk-rating-stars label:hover { background: #f3eee2; }
#urun-topluluk .topluluk-rating-stars label:hover svg { transform: translateY(-1px); }
#urun-topluluk .topluluk-rating-stars input:focus-visible + label { outline: 2px solid #348ce3; outline-offset: 1px; background: #edf5ff; }
#urun-topluluk .topluluk-rating-label { display: block; margin-top: 5px; color: var(--community-muted); font-size: 11px; min-height: 16px; }
#urun-topluluk textarea { display: block; box-sizing: border-box; width: 100%; min-height: 120px; padding: 13px 14px; border: 1px solid #dce4ea; border-radius: 10px; background: #fff; color: var(--community-ink); font: inherit; font-size: 13px; line-height: 1.8; resize: vertical; transition: border-color .15s, box-shadow .15s; }
#urun-topluluk textarea::placeholder { color: var(--community-muted); opacity: 1; }
#urun-topluluk textarea:focus { outline: none; border-color: #71abe3; box-shadow: 0 0 0 3px #0071e309; }
#urun-topluluk .topluluk-field-meta { display: flex; justify-content: space-between; align-items: start; gap: 12px; margin: 9px 0 18px; color: var(--community-muted); font-size: 11px; line-height: 1.6; }
#urun-topluluk .topluluk-field-meta > span:last-child { flex-shrink: 0; font-variant-numeric: tabular-nums; }
#urun-topluluk .topluluk-submit { display: flex; justify-content: space-between; align-items: center; gap: 16px; width: 100%; padding: 13px 16px; border: 1px solid var(--community-blue); border-radius: 10px; background: var(--community-blue); color: #fff; font-size: 13px; font-weight: 600; text-decoration: none; cursor: pointer; line-height: 1.5; transition: background .15s, box-shadow .15s; }
#urun-topluluk .topluluk-submit:hover { background: #0065ce; box-shadow: 0 4px 12px #0071e318; }
#urun-topluluk .topluluk-submit > span:last-child { font-size: 18px; line-height: 1; font-weight: 400; }
#urun-topluluk .topluluk-submit:disabled { cursor: wait; opacity: .55; }
#urun-topluluk .topluluk-form-note { margin: 12px 0 0; color: var(--community-muted); font-size: 11px; line-height: 1.85; }
#urun-topluluk .topluluk-sign-in { margin-top: 22px; }
#urun-topluluk .topluluk-sign-in > p { margin: 13px 0 0; color: var(--community-muted); font-size: 11px; line-height: 1.8; }
#urun-topluluk .topluluk-own-status { align-self: start; display: inline-flex; margin-top: 14px; padding: 5px 8px; border: 1px solid #dfe9f0; border-radius: 6px; background: #fff; color: #677f90; font-size: 11px; line-height: 1.6; }
#urun-topluluk .topluluk-entry { padding: 23px 0; border: 0; border-bottom: 1px solid var(--community-line); }
#urun-topluluk .topluluk-entry:last-child { border-bottom: 0; padding-bottom: 5px; }
#urun-topluluk .topluluk-entry-head { display: flex; justify-content: space-between; align-items: center; gap: 15px; margin-bottom: 15px; }
#urun-topluluk .topluluk-person { display: flex; align-items: center; gap: 10px; min-width: 0; }
#urun-topluluk .topluluk-avatar { display: grid; place-items: center; width: 35px; height: 35px; border: 1px solid #e9edf0; border-radius: 50%; background: #f6f8fa; color: #8796a0; font-size: 12px; font-weight: 600; flex-shrink: 0; }
#urun-topluluk .topluluk-person-detail { display: grid; gap: 3px; }
#urun-topluluk .topluluk-person-detail strong { color: #445b6b; font-size: 12px; font-weight: 600; }
#urun-topluluk .topluluk-muted { margin: 0; color: var(--community-muted); font-size: 11px; }
#urun-topluluk .topluluk-text { margin: 0; color: #526571; font-size: 13px; line-height: 1.9; font-weight: 400; }
#urun-topluluk .topluluk-question-heading { display: flex; gap: 11px; align-items: start; }
#urun-topluluk .topluluk-question-mark { display: grid; place-items: center; flex-shrink: 0; width: 24px; height: 24px; border: 1px solid #e4ebef; border-radius: 7px; color: #7890a0; font-size: 12px; }
#urun-topluluk .topluluk-question-heading h4 { margin: 0; padding-top: 1px; color: #354e60; font-weight: 600; }
#urun-topluluk .topluluk-question-author { margin: 7px 0 0 35px; color: var(--community-muted); font-size: 11px; }
#urun-topluluk .topluluk-answer { margin: 16px 0 0 35px; padding: 16px 18px; border: 1px solid #e6eef4; border-radius: 12px; background: #f6f9fc; }
#urun-topluluk .topluluk-answer-head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 6px; margin-bottom: 9px; }
#urun-topluluk .topluluk-answer-head strong { color: #3276b2; font-size: 11px; font-weight: 650; }
#urun-topluluk .topluluk-sources { margin: 10px 0 0; color: #7b8c99; font-size: 11px; line-height: 1.7; }
#urun-topluluk .topluluk-sources a, #urun-topluluk .topluluk-answer a { color: #3276b2; text-decoration: underline; text-underline-offset: 2px; }
#urun-topluluk .topluluk-my-questions { margin-top: 23px; padding-top: 19px; border-top: 1px solid #e3eaf0; }
#urun-topluluk .topluluk-my-questions h4 { margin: 0 0 12px; color: #526b7c; font-size: 12px; font-weight: 600; }
#urun-topluluk .topluluk-own-question + .topluluk-own-question { margin-top: 16px; }
#urun-topluluk .topluluk-own-question .topluluk-own-status { margin: 0 0 7px; }
#urun-topluluk .topluluk-own-question .topluluk-text { font-size: 11px; }
#urun-topluluk .topluluk-pagination { display: flex; align-items: center; justify-content: flex-end; gap: 15px; margin-top: 23px; font-size: 11px; color: var(--community-muted); }
#urun-topluluk .topluluk-pagination button { padding: 8px 10px; border: 1px solid #e3e9ee; border-radius: 7px; background: #fff; color: #567285; font-size: 11px; font-weight: 500; }
#urun-topluluk .topluluk-pagination button:disabled { opacity: .4; cursor: default; }
#urun-topluluk #topluluk-mesaj { margin: 20px 36px 0; }
#urun-topluluk .topluluk-notice { border: 1px solid #d6e9dc; border-radius: 9px; background: #f1f9f3; color: #477451; font-size: 12px; line-height: 1.75; padding: 12px 15px; }
#urun-topluluk .topluluk-notice.error { border-color: #f3d7d9; background: #fff5f5; color: #a34e54; }
#urun-topluluk .topluluk-loading { min-height: 180px; display: grid; place-items: center; margin: 0; color: var(--community-muted); font-size: 12px; }
#urun-topluluk button:focus-visible, #urun-topluluk a:focus-visible { outline: 2px solid #6aa6e0; outline-offset: 4px; }
@media (max-width: 991px) {
    #urun-topluluk .topluluk-panel { gap: 28px; padding: 26px; grid-template-columns: minmax(0, 1.1fr) minmax(285px, 1fr); }
    #urun-topluluk .topluluk-tabs { padding: 0 26px; }
    #urun-topluluk .topluluk-composer { padding: 21px; }
}
@media (max-width: 767px) {
    #urun-topluluk .topluluk-summary { gap: 6px; font-size: 11px; }
    #urun-topluluk .topluluk-tabs { padding: 0 16px; gap: 12px; }
    #urun-topluluk .topluluk-tabs button { flex: 1; min-width: 0; justify-content: center; gap: 5px; font-size: 12px; padding: 15px 0; white-space: normal; text-align: center; line-height: 1.5; }
    #urun-topluluk .topluluk-tabs button svg { display: none; }
    #urun-topluluk .topluluk-panel { grid-template-columns: minmax(0, 1fr); gap: 24px; padding: 24px 22px; }
    #urun-topluluk .topluluk-composer { padding: 22px; }
    #urun-topluluk .topluluk-empty { min-height: 225px; padding: 32px 20px; }
    #urun-topluluk .topluluk-empty p { max-width: 275px; }
    #urun-topluluk .topluluk-entry-head { gap: 10px; }
    #urun-topluluk .topluluk-entry .topluluk-static-stars svg { width: 15px; height: 15px; }
    #urun-topluluk .topluluk-entry .topluluk-static-stars { gap: 2px; }
    #urun-topluluk .topluluk-answer { margin-left: 0; }
    #urun-topluluk #topluluk-mesaj { margin: 18px 22px 0; }
}
@media (prefers-reduced-motion: reduce) {
    #urun-topluluk *, #urun-topluluk *::before, #urun-topluluk *::after { transition: none !important; scroll-behavior: auto !important; }
}

#urun-topluluk fieldset:disabled .topluluk-rating-stars { pointer-events: none; opacity: .6; }