@charset "UTF-8";

:root {
    --accent: #4f8cff;
    --accent-strong: #2f6de0;
    --bg: #091120;
    --bg-soft: #0d1728;
    --card: #121f34;
    --card-2: #17263e;
    --text: #eef4ff;
    --muted: #9eabc0;
    --line: #26364f;
    --success: #25a968;
    --danger: #df4c4c;
    --warning: #c98a21;
    --shadow: 0 14px 40px rgba(0, 0, 0, .18);
    --radius: 18px;
    --font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

html[data-theme="light"] {
    --bg: #edf2f8;
    --bg-soft: #f7f9fc;
    --card: #ffffff;
    --card-2: #f2f6fb;
    --text: #162033;
    --muted: #657087;
    --line: #dce4ef;
    --shadow: 0 14px 40px rgba(28, 42, 70, .08);
}

* { box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
    margin: 0;
    min-height: 100vh;
    background:
        radial-gradient(circle at 85% 0, color-mix(in srgb, var(--accent) 14%, transparent), transparent 30rem),
        var(--bg);
    color: var(--text);
    font-family: var(--font);
    line-height: 1.55;
}

a { color: inherit; text-decoration: none; }
a:hover { color: var(--accent); }

img { max-width: 100%; }
button, input, textarea, select { font: inherit; }
button { cursor: pointer; }
code, pre { font-family: ui-monospace, SFMono-Regular, Consolas, monospace; }
code { background: rgba(127,127,127,.14); padding: .12rem .32rem; border-radius: 6px; }
pre { overflow: auto; padding: 1rem; border: 1px solid var(--line); border-radius: 12px; background: #07101d; color: #dce8ff; }
blockquote { margin: 1rem 0; padding: .8rem 1rem; border-left: 4px solid var(--accent); background: var(--card-2); border-radius: 0 12px 12px 0; }

.container { width: min(1180px, calc(100% - 32px)); margin-inline: auto; }

.skip-link {
    position: fixed;
    left: 16px;
    top: -60px;
    z-index: 9999;
    background: var(--accent);
    color: #fff;
    padding: 10px 14px;
    border-radius: 10px;
}
.skip-link:focus { top: 16px; }

.site-header {
    position: sticky;
    top: 0;
    z-index: 100;
    border-bottom: 1px solid var(--line);
    background: color-mix(in srgb, var(--bg) 88%, transparent);
    backdrop-filter: blur(18px);
}

.header-inner {
    min-height: 72px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}

.brand {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 1.35rem;
    font-weight: 850;
    letter-spacing: -.03em;
}
.brand-mark {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    background: linear-gradient(135deg, var(--accent), var(--accent-strong));
    color: #fff;
    box-shadow: 0 8px 22px color-mix(in srgb, var(--accent) 35%, transparent);
}

.main-nav {
    display: flex;
    align-items: center;
    gap: 18px;
    font-weight: 650;
    color: var(--muted);
}
.main-nav > a,
.nav-button,
.theme-toggle {
    white-space: nowrap;
}
.nav-button,
.theme-toggle {
    border: 0;
    color: inherit;
    background: transparent;
    padding: 0;
    font-weight: 650;
}
.nav-cta {
    color: #fff !important;
    background: var(--accent);
    border-radius: 10px;
    padding: 8px 12px;
}
.nav-badge {
    display: inline-grid;
    place-items: center;
    min-width: 18px;
    height: 18px;
    margin-left: 4px;
    padding-inline: 5px;
    border-radius: 999px;
    background: var(--danger);
    color: #fff;
    font-size: .7rem;
}
.mobile-menu-button {
    display: none;
    border: 1px solid var(--line);
    border-radius: 10px;
    color: var(--text);
    background: var(--card);
    padding: 8px 11px;
}

.page-shell { padding-block: 34px 70px; }

.site-footer {
    border-top: 1px solid var(--line);
    color: var(--muted);
    background: var(--bg-soft);
}
.footer-inner {
    min-height: 86px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.card {
    border: 1px solid var(--line);
    border-radius: var(--radius);
    background: linear-gradient(145deg, color-mix(in srgb, var(--card) 94%, var(--accent) 6%), var(--card));
    box-shadow: var(--shadow);
    padding: 26px;
    margin-bottom: 22px;
}

.hero {
    min-height: 250px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    padding: 46px;
    overflow: hidden;
    position: relative;
}
.hero::after {
    content: "";
    width: 280px;
    height: 280px;
    position: absolute;
    right: -90px;
    bottom: -150px;
    border-radius: 50%;
    background: color-mix(in srgb, var(--accent) 24%, transparent);
    filter: blur(6px);
}
.hero > * { position: relative; z-index: 1; }
.hero h1 { font-size: clamp(2.2rem, 7vw, 4.2rem); margin: .25rem 0 .7rem; line-height: 1; letter-spacing: -.05em; }
.hero p { max-width: 700px; margin: 0; color: var(--muted); font-size: 1.12rem; }

h1, h2, h3 { line-height: 1.15; letter-spacing: -.025em; }
h1 { font-size: clamp(1.8rem, 4vw, 2.55rem); }
h2 { font-size: 1.35rem; }
p { color: var(--muted); }
.eyebrow { color: color-mix(in srgb, var(--accent) 80%, white); font-weight: 800; letter-spacing: .13em; text-transform: uppercase; font-size: .78rem; }

.section-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
.section-header h1, .section-header h2 { margin: 0 0 .45rem; }
.section-header p { margin: 0; }
.split-header { align-items: flex-start; }

.button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    border: 0;
    border-radius: 11px;
    padding: 10px 16px;
    background: linear-gradient(135deg, var(--accent), var(--accent-strong));
    color: #fff !important;
    font-weight: 780;
    box-shadow: 0 8px 20px color-mix(in srgb, var(--accent) 20%, transparent);
}
.button:hover { filter: brightness(1.08); transform: translateY(-1px); }
.button:disabled { opacity: .5; cursor: not-allowed; }
.button-secondary { background: var(--card-2); color: var(--text) !important; border: 1px solid var(--line); box-shadow: none; }
.button-danger { background: var(--danger); box-shadow: none; }
.button-group { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.button-group form { margin: 0; }

.alert {
    border: 1px solid var(--line);
    border-left-width: 5px;
    border-radius: 12px;
    padding: 13px 16px;
    margin: 0 0 16px;
    background: var(--card);
}
.alert-success { border-left-color: var(--success); }
.alert-danger { border-left-color: var(--danger); }
.alert-warning { border-left-color: var(--warning); }
.alert-info { border-left-color: var(--accent); }

.forum-category { padding: 0; overflow: hidden; }
.forum-category > .section-header { padding: 26px 30px 20px; }
.forum-list { border-top: 1px solid var(--line); }
.forum-row,
.thread-row {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) 80px 80px minmax(160px, 240px);
    align-items: center;
    gap: 18px;
    padding: 20px 28px;
    border-bottom: 1px solid var(--line);
    transition: background .15s ease;
}
.forum-row:last-child, .thread-row:last-child { border-bottom: 0; }
.forum-row:hover, .thread-row:hover { background: color-mix(in srgb, var(--accent) 6%, var(--card)); color: inherit; }
.forum-icon {
    width: 52px;
    height: 52px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    background: color-mix(in srgb, var(--accent) 16%, var(--card-2));
    color: color-mix(in srgb, var(--accent) 78%, white);
    font-weight: 900;
    font-size: 1.2rem;
}
.forum-main, .thread-main, .forum-last { min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.forum-main strong, .thread-main strong, .forum-last strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.forum-main span, .thread-main span, .forum-last span { color: var(--muted); font-size: .9rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.forum-stats { display: flex; flex-direction: column; align-items: center; color: var(--muted); font-size: .8rem; }
.forum-stats strong { color: var(--text); font-size: 1.05rem; }
.thread-list { padding: 0; overflow: hidden; }
.thread-unread { box-shadow: inset 4px 0 0 var(--accent); }
.thread-unread .thread-main strong { color: color-mix(in srgb, var(--accent) 76%, var(--text)); }

.stats-strip {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    padding: 18px;
}
.stats-strip > div {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 10px;
    border-right: 1px solid var(--line);
}
.stats-strip > div:last-child { border-right: 0; }
.stats-strip strong { font-size: 1.45rem; }
.stats-strip span { color: var(--muted); }

.breadcrumbs {
    display: flex;
    align-items: center;
    gap: 9px;
    flex-wrap: wrap;
    margin-bottom: 18px;
    color: var(--muted);
    font-size: .92rem;
}
.breadcrumbs strong { color: var(--text); }

form { display: grid; gap: 15px; }
label { display: grid; gap: 7px; font-weight: 670; }
input, textarea, select {
    width: 100%;
    border: 1px solid var(--line);
    border-radius: 11px;
    background: var(--bg-soft);
    color: var(--text);
    padding: 11px 13px;
    outline: none;
}
input:focus, textarea:focus, select:focus {
    border-color: var(--accent);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 18%, transparent);
}
textarea { resize: vertical; min-height: 110px; }
.check-row { display: flex; align-items: center; gap: 9px; font-weight: 560; }
.check-row input { width: auto; }
.inline-form { display: inline-flex; margin: 0; }
.inline-fields { display: flex; align-items: end; gap: 10px; flex-wrap: wrap; }
.inline-fields label { min-width: 180px; }
.form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 15px; }
.form-grid .full { grid-column: 1 / -1; }
.narrow-card { width: min(580px, 100%); margin-inline: auto; }
.editor-card { max-width: 900px; margin-inline: auto; }
.editor-help { color: var(--muted); font-size: .9rem; }
.honeypot { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }

.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 7px;
    margin: 24px 0;
}
.pagination a, .pagination strong, .pagination span {
    min-width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border-radius: 10px;
    border: 1px solid var(--line);
    background: var(--card);
}
.pagination strong { background: var(--accent); color: #fff; border-color: var(--accent); }

.thread-title-card { display: flex; justify-content: space-between; align-items: flex-start; gap: 24px; }
.thread-title-card .thread-title-copy { flex: 1 1 auto; min-width: 0; }
.thread-title-card h1 { margin: .2rem 0 .65rem; font-size: clamp(2rem, 4.8vw, 3rem); line-height: 1.08; font-weight: 900; letter-spacing: -.03em; color: #f8fbff; text-wrap: balance; text-shadow: 0 8px 28px rgba(48, 118, 255, .18); }
.thread-title-card .eyebrow { display: inline-flex; align-items: center; gap: 10px; margin-bottom: .2rem; color: #8fb3ff; font-size: .88rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.thread-title-card .thread-title-meta { display: flex; flex-wrap: wrap; gap: 8px 12px; align-items: center; color: #b1c4db; font-size: .98rem; font-weight: 600; }
.thread-title-card .thread-title-meta .forumx-icon { width: 17px; height: 17px; color: #92a9c5; }
.thread-title-card p { margin: 0; }
.status-chip {
    display: inline-flex;
    border-radius: 999px;
    border: 1px solid var(--line);
    padding: 8px 12px;
    color: var(--muted);
    background: var(--card-2);
}

.post-list { display: grid; gap: 18px; margin-block: 20px; }
.post {
    display: grid;
    grid-template-columns: 185px minmax(0, 1fr);
    padding: 0;
    overflow: hidden;
    margin: 0;
}
.post-author {
    background: color-mix(in srgb, var(--card-2) 82%, transparent);
    border-right: 1px solid var(--line);
    padding: 24px 18px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    text-align: center;
    color: var(--muted);
    font-size: .86rem;
}
.post-author > a { display: flex; flex-direction: column; align-items: center; gap: 9px; }
.post-author strong { color: var(--text); font-size: 1rem; }
.post-content { min-width: 0; display: flex; flex-direction: column; padding: 22px 24px 18px; }
.post-meta { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; color: var(--muted); font-size: .85rem; border-bottom: 1px solid var(--line); padding-bottom: 12px; }
.post-meta a { margin-left: auto; }
.post-body { flex: 1; overflow-wrap: anywhere; padding: 20px 0; min-height: 90px; }
.post-body p:first-child { margin-top: 0; }
.post-actions {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    border-top: 1px solid var(--line);
    padding-top: 13px;
}
.post-actions form { margin: 0; }
.link-button {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    border: 0;
    background: transparent;
    color: var(--muted);
    padding: 0;
    font-weight: 650;
}
.link-button:hover, .link-button.active { color: var(--accent); }
.link-button.danger { color: var(--danger); }
.post-deleted { opacity: .72; }
.signature { border-top: 1px dashed var(--line); color: var(--muted); padding-top: 12px; font-size: .88rem; }
.attachments { display: grid; gap: 8px; border: 1px solid var(--line); border-radius: 12px; padding: 14px; background: var(--card-2); margin-bottom: 14px; }
.attachments a { display: flex; justify-content: space-between; gap: 12px; }
.attachments span { color: var(--muted); }

.avatar {
    width: 72px;
    height: 72px;
    object-fit: cover;
    border-radius: 18px;
    border: 1px solid var(--line);
    background: var(--card-2);
}
.avatar-sm { width: 46px; height: 46px; border-radius: 13px; }
.avatar-xl { width: 128px; height: 128px; border-radius: 28px; }

.role-badge {
    display: inline-flex;
    width: fit-content;
    border-radius: 999px;
    padding: 3px 8px;
    font-size: .72rem;
    font-weight: 800;
    color: var(--muted);
    background: var(--card-2);
    border: 1px solid var(--line);
}
.role-admin { color: #ffca69; }
.role-moderator { color: #7bd8ff; }
.role-banned { color: #ff7a7a; }

.profile-header {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 24px;
}
.profile-header h1 { margin: 0 0 .25rem; }
.profile-header p { margin: 0 0 .7rem; }
.profile-bio { margin-top: 10px; }
.profile-meta { display: flex; flex-wrap: wrap; gap: 14px; color: var(--muted); font-size: .9rem; }
.profile-edit-avatar { display: flex; align-items: center; gap: 22px; }
.profile-edit-avatar label { flex: 1; }

.activity-list, .notification-list, .conversation-list { display: grid; }
.activity-list > a,
.notification-list > a,
.conversation-list > a {
    display: flex;
    gap: 14px;
    align-items: center;
    padding: 15px 0;
    border-bottom: 1px solid var(--line);
}
.activity-list > a:last-child,
.notification-list > a:last-child,
.conversation-list > a:last-child { border-bottom: 0; }
.activity-list > a > div,
.notification-list > a > div { min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.activity-list span, .notification-list span, .conversation-list span,
.activity-list small, .conversation-list small { color: var(--muted); }
.activity-list strong, .activity-list span, .conversation-list strong, .conversation-list small {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.conversation-list > a { display: grid; gap: 3px; }
.conversation-list > a.unread { box-shadow: inset 4px 0 0 var(--accent); padding-left: 14px; }

.member-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}
.member-card {
    display: flex;
    align-items: center;
    gap: 13px;
    border: 1px solid var(--line);
    border-radius: 14px;
    padding: 14px;
    background: var(--card-2);
}
.member-card > div { min-width: 0; display: flex; flex-direction: column; align-items: flex-start; gap: 3px; }
.member-card span { color: var(--muted); font-size: .86rem; }

.search-form { grid-template-columns: minmax(0, 1fr) auto; }
.search-inline { display: flex; align-items: center; gap: 9px; }
.search-inline input { min-width: 220px; }

.private-message-list { display: grid; gap: 14px; margin-bottom: 20px; }
.private-message { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 16px; margin: 0; }
.private-message header { display: flex; justify-content: space-between; gap: 12px; color: var(--muted); }
.private-message header strong { color: var(--text); }

.report-list { display: grid; gap: 16px; }
.report-card header { display: flex; justify-content: space-between; gap: 15px; }
.moderator-tools { border-color: color-mix(in srgb, var(--warning) 45%, var(--line)); }

.admin-layout {
    display: grid;
    grid-template-columns: 230px minmax(0, 1fr);
    gap: 22px;
    align-items: start;
}
.admin-nav {
    position: sticky;
    top: 94px;
    display: grid;
    gap: 5px;
    padding: 18px;
}
.admin-nav h2 { margin: 0 0 10px; }
.admin-nav a { padding: 10px 12px; border-radius: 10px; color: var(--muted); }
.admin-nav a:hover, .admin-nav a.active { background: var(--card-2); color: var(--text); }
.admin-content { min-width: 0; }
.dashboard-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.metric { margin: 0; display: flex; flex-direction: column; align-items: center; }
.metric strong { font-size: 2rem; }
.metric span { color: var(--muted); }
.admin-item { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: 16px; }
.user-admin-row { display: grid; grid-template-columns: minmax(220px, 1fr) auto; gap: 14px; align-items: center; }
.table-wrap { overflow-x: auto; }
table { width: 100%; border-collapse: collapse; }
th, td { border-bottom: 1px solid var(--line); padding: 11px 9px; text-align: left; vertical-align: top; }
th { color: var(--muted); font-size: .82rem; text-transform: uppercase; letter-spacing: .04em; }

.install-shell { padding-block: 42px; }
.install-card { width: min(800px, 100%); margin-inline: auto; }
.requirement-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 9px;
    margin: 20px 0;
}
.requirement-grid > div {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    border: 1px solid var(--line);
    border-radius: 10px;
    padding: 10px 12px;
}
.text-success { color: var(--success); }
.text-danger { color: var(--danger); }

.empty-state { box-shadow: none; background: var(--card-2); text-align: center; margin: 0; }
.sr-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}
.mention { color: var(--accent); font-weight: 750; }

@media (max-width: 1000px) {
    .mobile-menu-button { display: block; }
    .main-nav {
        position: absolute;
        top: 72px;
        left: 16px;
        right: 16px;
        display: none;
        flex-direction: column;
        align-items: stretch;
        gap: 0;
        padding: 12px;
        border: 1px solid var(--line);
        border-radius: 15px;
        background: var(--card);
        box-shadow: var(--shadow);
    }
    .main-nav.open { display: flex; }
    .main-nav > a, .nav-button, .theme-toggle { display: block; width: 100%; text-align: left; padding: 11px 10px; }
    .inline-form { display: block; }
    .forum-row, .thread-row {
        grid-template-columns: auto minmax(0, 1fr) 70px 70px;
    }
    .forum-last { display: none; }
    .admin-layout { grid-template-columns: 1fr; }
    .admin-nav { position: static; grid-template-columns: repeat(2, 1fr); }
    .admin-nav h2 { grid-column: 1 / -1; }
    .user-admin-row { grid-template-columns: 1fr; }
}

@media (max-width: 760px) {
    .container { width: min(100% - 20px, 1180px); }
    .page-shell { padding-block: 20px 50px; }
    .card { padding: 18px; border-radius: 15px; margin-bottom: 16px; }
    .hero { min-height: 220px; padding: 28px 22px; align-items: flex-start; flex-direction: column; }
    .hero h1 { font-size: 2.65rem; }
    .footer-inner { flex-direction: column; justify-content: center; text-align: center; padding-block: 18px; }
    .forum-category { padding: 0; }
    .forum-category > .section-header { padding: 20px; }
    .forum-row, .thread-row {
        grid-template-columns: 44px minmax(0, 1fr) 52px;
        gap: 11px;
        padding: 16px 14px;
    }
    .forum-row .forum-stats:nth-of-type(4),
    .thread-row .forum-stats:nth-of-type(4) { display: none; }
    .forum-icon { width: 44px; height: 44px; border-radius: 12px; }
    .forum-main span { white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
    .thread-row > .avatar { width: 44px; height: 44px; }
    .thread-title-card, .section-header.split-header { flex-direction: column; }
    .thread-title-card h1 { font-size: clamp(1.8rem, 8vw, 2.35rem); line-height: 1.1; }
    .thread-title-card .thread-title-actions { width: 100%; justify-content: flex-end; }
    .post { grid-template-columns: 1fr; }
    .post-author {
        border-right: 0;
        border-bottom: 1px solid var(--line);
        flex-direction: row;
        justify-content: flex-start;
        text-align: left;
        padding: 14px 16px;
    }
    .post-author > a { flex-direction: row; }
    .post-author > span:not(.role-badge) { display: none; }
    .post-author .avatar { width: 48px; height: 48px; border-radius: 13px; }
    .post-content { padding: 16px; }
    .post-meta a { margin-left: 0; order: -1; }
    .profile-header { grid-template-columns: auto 1fr; align-items: start; }
    .profile-header > .button { grid-column: 1 / -1; width: 100%; }
    .avatar-xl { width: 92px; height: 92px; border-radius: 22px; }
    .form-grid, .member-grid, .dashboard-grid, .requirement-grid { grid-template-columns: 1fr; }
    .form-grid .full { grid-column: auto; }
    .stats-strip { grid-template-columns: repeat(3, 1fr); padding: 10px; }
    .stats-strip strong { font-size: 1.15rem; }
    .stats-strip span { font-size: .78rem; }
    .search-form { grid-template-columns: 1fr; }
    .search-inline { width: 100%; }
    .search-inline input { min-width: 0; }
    .admin-nav { grid-template-columns: 1fr; }
    .admin-item { grid-template-columns: 1fr; }
    .inline-fields { align-items: stretch; flex-direction: column; }
    .inline-fields label { min-width: 0; }
    .profile-edit-avatar { flex-direction: column; align-items: flex-start; }
}

@media (max-width: 460px) {
    .header-inner { min-height: 64px; }
    .main-nav { top: 64px; }
    .brand { font-size: 1.15rem; }
    .brand-mark { width: 34px; height: 34px; }
    .forum-row, .thread-row { grid-template-columns: 42px minmax(0, 1fr); }
    .forum-stats { display: none; }
    .profile-header { grid-template-columns: 1fr; text-align: center; }
    .profile-header > img { margin-inline: auto; }
    .profile-meta { justify-content: center; }
    .button-group { width: 100%; }
    .button-group > *, .button-group form, .button-group .button { width: 100%; }
}

.editor-toolbar {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    margin-bottom: -8px;
}
.editor-toolbar button {
    min-width: 38px;
    height: 34px;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: var(--card-2);
    color: var(--text);
    font-weight: 750;
}
.editor-toolbar button:hover { border-color: var(--accent); color: var(--accent); }

/* ForumX 2.0 additions */
.footer-links{display:flex;gap:16px;flex-wrap:wrap;padding-top:18px;font-size:.9rem}
.footer-links a{color:var(--muted)}
.footer-links a:hover{color:var(--text)}
.account-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:18px;align-items:start}
.account-nav{position:sticky;top:88px;display:grid;gap:6px}
.account-nav h2{margin:0 0 8px}
.account-nav a{padding:10px 12px;border-radius:10px;color:var(--muted);font-weight:700}
.account-nav a:hover,.account-nav a.active{background:var(--card-2);color:var(--text)}
.account-content{min-width:0}
.stack{display:grid;gap:18px}
.three-cols{grid-template-columns:repeat(3,minmax(0,1fr))}
.two-cols{grid-template-columns:repeat(2,minmax(0,1fr))}
.list-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 0;border-bottom:1px solid var(--line);color:inherit}
.list-row:last-child{border-bottom:0}
.list-row>div{display:grid;gap:4px;min-width:0}
.list-row span{color:var(--muted);font-size:.9rem;overflow-wrap:anywhere}
.list-row form{flex:0 0 auto}
.secret-box,.token-code{display:block;padding:14px;border:1px dashed var(--accent);border-radius:12px;background:var(--card-2);overflow-wrap:anywhere;margin:12px 0;font-size:1rem}
.break-all{display:block;overflow-wrap:anywhere;word-break:break-all;margin:10px 0}
.form-link{display:inline-block;margin-top:12px}
.profile-status{font-weight:700;color:var(--accent)}
.thread-prefix{display:inline-flex;align-items:center;padding:3px 8px;border-radius:999px;background:color-mix(in srgb,var(--prefix-color) 18%,transparent);border:1px solid color-mix(in srgb,var(--prefix-color) 50%,transparent);color:var(--prefix-color);font-size:.72em;line-height:1.3;vertical-align:middle;white-space:nowrap}
.tag-list{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}
.tag-list a{padding:4px 9px;border-radius:999px;background:var(--card-2);color:var(--muted);font-size:.82rem}
.tag-list a:hover{color:var(--accent)}
.inset-card{padding:14px;margin:14px 0;background:var(--card-2);box-shadow:none}
.inset-card summary{cursor:pointer;font-weight:800}
.poll-card{padding:18px 20px}
.poll-card h2{margin:0;font-size:clamp(1.05rem,2.4vw,1.35rem);line-height:1.25}
.poll-card-compact{background:linear-gradient(180deg,rgba(17,29,46,.98),rgba(12,21,34,.96));border:1px solid rgba(92,122,166,.22);box-shadow:0 18px 42px rgba(0,0,0,.24)}
.poll-card-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:14px}
.poll-card-kicker{display:inline-flex;align-items:center;gap:8px;margin:0 0 8px;color:var(--muted);font-size:.8rem;font-weight:800;letter-spacing:.02em;text-transform:uppercase}
.poll-card-meta{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px 10px;max-width:40%}
.poll-card-meta span{display:inline-flex;align-items:center;min-height:30px;padding:6px 10px;border:1px solid rgba(92,122,166,.2);border-radius:999px;background:rgba(255,255,255,.03);color:var(--muted);font-size:.78rem;font-weight:700}
.poll-form-compact{display:grid;gap:14px}
.poll-options{display:grid;gap:10px;margin:0}
.poll-option{position:relative;overflow:hidden;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 16px;border:1px solid rgba(92,122,166,.18);border-radius:14px;background:rgba(255,255,255,.03);cursor:pointer;transition:border-color .2s ease,background .2s ease,transform .2s ease}
.poll-option:hover{border-color:rgba(96,165,250,.38);background:rgba(59,130,246,.06)}
.poll-option.is-selected{border-color:rgba(96,165,250,.48);background:rgba(59,130,246,.08)}
.poll-option-input{margin:0;inline-size:18px;block-size:18px;accent-color:var(--accent);position:relative;z-index:1}
.poll-option-body{position:relative;z-index:1;display:grid;gap:2px;min-width:0}
.poll-option-title{display:block;font-size:1rem;font-weight:800;line-height:1.3;color:var(--text)}
.poll-option-sub{display:block;color:var(--muted);font-size:.83rem;line-height:1.35}
.poll-option-count{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 10px;border-radius:999px;background:rgba(255,255,255,.05);color:var(--text);font-size:.85rem;font-weight:800}
.poll-option>i{position:absolute;left:0;top:0;bottom:0;width:var(--poll-width);background:linear-gradient(90deg,rgba(59,130,246,.16),rgba(59,130,246,.02));transition:width .25s ease;pointer-events:none}
.poll-card-actions{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;padding-top:2px}
.poll-card-actions .button{min-width:180px}
.poll-card-summary{margin:0;color:var(--muted);font-size:.88rem}
.status-success{border-color:rgba(16,185,129,.45)!important;color:#34d399!important;background:rgba(16,185,129,.12)!important}
.post-solution{border-color:rgba(16,185,129,.6);box-shadow:0 0 0 1px rgba(16,185,129,.18),var(--shadow)}
.post-solution .post-author{background:linear-gradient(180deg,rgba(16,185,129,.08),transparent)}
.reaction-form{position:relative;display:inline-flex;align-items:center}
.reaction-picker{position:absolute;left:0;bottom:calc(100% + 8px);display:flex;gap:4px;padding:6px;border:1px solid var(--line);border-radius:999px;background:var(--card);box-shadow:var(--shadow);opacity:0;visibility:hidden;transform:translateY(5px);transition:.16s ease;z-index:20}
.reaction-form.picker-open .reaction-picker{opacity:1;visibility:visible;transform:none}
.reaction-picker button{border:0;background:transparent;font-size:1.15rem;padding:4px;border-radius:50%;cursor:pointer}
.reaction-picker button:hover{background:var(--card-2);transform:scale(1.12)}
.draft-status{display:block;color:var(--muted);margin:-4px 0 8px;font-size:.78rem}
.upload-preview{display:block;width:min(220px,100%);max-height:180px;object-fit:cover;border-radius:12px;margin-top:10px;border:1px solid var(--line)}
.permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px;margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}
.permission-grid .button{grid-column:1/-1;justify-self:start}
.prose-page{max-width:900px;margin-inline:auto}
.prose-page h1{font-size:clamp(2rem,5vw,3.2rem)}
.prose-page .post-body{font-size:1.02rem;line-height:1.8}
.metric .text-success,.text-success{color:#34d399}
.metric .text-danger,.text-danger{color:#fb7185}
.prefix-announcement{color:#f59e0b}.prefix-question{color:#60a5fa}.prefix-solved{color:#34d399}

@media (max-width:900px){
  .account-layout{grid-template-columns:1fr}
  .account-nav{position:static;display:flex;overflow-x:auto;white-space:nowrap;padding:10px}
  .account-nav h2{display:none}
  .three-cols,.two-cols{grid-template-columns:1fr}
  .permission-grid{grid-template-columns:1fr}
}
@media (max-width:620px){
  .list-row{align-items:flex-start;flex-direction:column}
  .list-row form{width:100%}
  .list-row form .button{width:100%}
  .poll-card{padding:16px}
  .poll-card-header{flex-direction:column;align-items:flex-start}
  .poll-card-meta{max-width:none;justify-content:flex-start}
  .poll-option{grid-template-columns:auto minmax(0,1fr);padding:13px 14px}
  .poll-option-count{grid-column:2;justify-self:start;height:28px;min-width:28px;padding:0 8px}
  .poll-option-title{font-size:.95rem}
  .poll-card-actions .button{width:100%;min-width:0}
  .poll-card-summary{width:100%}
  .thread-prefix{font-size:.66em}
  .footer-links{justify-content:center}
}
.plugin-banner{border-left:4px solid var(--accent);margin-bottom:18px}
.role-badge[style]{color:var(--group-color);border-color:color-mix(in srgb,var(--group-color) 45%,transparent);background:color-mix(in srgb,var(--group-color) 12%,transparent)}

/* ForumX 3.0 platform, community and large-scale additions */
.four-cols{grid-template-columns:repeat(4,minmax(0,1fr))}
.pill-nav{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px}
.pill-nav a{display:inline-flex;align-items:center;min-height:38px;padding:8px 13px;border:1px solid var(--line);border-radius:999px;background:var(--card-2);color:var(--muted);font-weight:750}
.pill-nav a:hover,.pill-nav a.active{border-color:var(--accent);color:var(--text);background:color-mix(in srgb,var(--accent) 10%,var(--card-2))}
.settings-toggle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px;margin:14px 0}
.check-row{display:flex;align-items:flex-start;gap:10px;padding:11px 12px;border:1px solid var(--line);border-radius:12px;background:var(--card-2);cursor:pointer}
.check-row input{margin-top:3px;flex:0 0 auto}
.action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.action-grid form,.action-grid .button{width:100%}
.inline-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.metric-table{display:grid;gap:0;border:1px solid var(--line);border-radius:13px;overflow:hidden}
.metric-table-head,.metric-table>.metric-row{display:grid;grid-template-columns:minmax(130px,1.7fr) repeat(4,minmax(70px,.7fr));gap:10px;align-items:center;padding:11px 13px;border-bottom:1px solid var(--line)}
.metric-table-head{background:var(--card-2);font-size:.78rem;color:var(--muted);font-weight:850;text-transform:uppercase;letter-spacing:.04em}
.metric-table>.metric-row:last-child{border-bottom:0}
.metric-table code{overflow-wrap:anywhere}

.badge-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.badge-card{display:grid;grid-template-columns:52px minmax(0,1fr);gap:13px;align-items:center;padding:16px;border:1px solid var(--line);border-radius:15px;background:var(--card)}
.badge-card{border-color:color-mix(in srgb,var(--badge-color,#4f8cff) 28%,var(--line))}
.badge-card .badge-icon{color:var(--badge-color,#4f8cff)}
.badge-card.is-earned{border-color:color-mix(in srgb,var(--accent) 48%,var(--line));background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 9%,var(--card)),var(--card))}
.badge-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:15px;background:var(--card-2);font-size:1.7rem}
.badge-card h3,.badge-card p{margin:0}.badge-card p{color:var(--muted);font-size:.9rem;margin-top:4px}
.leaderboard{display:grid;gap:8px}
.leader-row{display:grid;grid-template-columns:50px 42px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 14px;border:1px solid var(--line);border-radius:13px;background:var(--card-2);color:inherit}
.leader-row:hover{border-color:var(--accent)}
.leader-rank{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--card);font-weight:900;color:var(--accent)}
.leader-name{display:grid;gap:2px}.leader-name small{color:var(--muted)}
.leader-score{font-weight:900;font-variant-numeric:tabular-nums}

.live-indicator{display:inline-flex;align-items:center;gap:7px;font-size:.82rem;color:var(--muted);font-weight:800}
.live-indicator::before{content:"";width:8px;height:8px;border-radius:50%;background:#34d399;box-shadow:0 0 0 4px rgba(52,211,153,.12)}
.live-indicator.is-polling::before{animation:forumxPulse 1s infinite}
@keyframes forumxPulse{50%{opacity:.35;transform:scale(.8)}}
.live-feed{display:grid;gap:8px}
.live-feed-item{display:grid;gap:3px;padding:12px 13px;border:1px solid var(--line);border-radius:12px;background:var(--card-2);color:inherit}
.live-feed-item:hover{border-color:var(--accent);transform:translateY(-1px)}
.live-feed-item small{color:var(--muted)}

.editor-drop-active{outline:3px dashed var(--accent)!important;outline-offset:2px;background:color-mix(in srgb,var(--accent) 8%,var(--card-2))!important}
.post-body img,.post-content img{display:block;max-width:100%;height:auto;border-radius:12px;margin:12px 0;border:1px solid var(--line)}
.post-body ul,.post-content ul{padding-left:1.4rem}
.post-body details,.post-content details{margin:12px 0;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--card-2)}
.post-body details summary,.post-content details summary{cursor:pointer;font-weight:800}
[data-quote].is-selected{border-color:var(--accent)!important;background:color-mix(in srgb,var(--accent) 12%,var(--card-2))!important;color:var(--accent)!important}
.multi-quote-dock{position:fixed;right:18px;bottom:18px;z-index:90;display:flex;align-items:center;gap:9px;flex-wrap:wrap;max-width:min(580px,calc(100vw - 36px));padding:11px 12px;border:1px solid var(--line);border-radius:15px;background:color-mix(in srgb,var(--card) 94%,transparent);box-shadow:0 18px 50px rgba(0,0,0,.25);backdrop-filter:blur(14px)}
.multi-quote-dock strong{margin-right:4px}

.mobile-bottom-nav{display:none}
.mobile-bottom-nav a{display:grid;place-items:center;gap:2px;min-width:0;padding:7px 4px;color:var(--muted);font-size:.7rem;font-weight:800;text-align:center}
.mobile-bottom-nav a span:first-child{font-size:1.12rem;line-height:1}
.mobile-bottom-nav a:hover,.mobile-bottom-nav a.active{color:var(--accent)}

.search-advanced{display:grid;grid-template-columns:2fr repeat(3,minmax(120px,1fr)) auto;gap:10px;align-items:end}
.search-advanced label{display:grid;gap:6px;color:var(--muted);font-size:.83rem;font-weight:750}
.search-highlight mark{padding:0 .15em;border-radius:3px;background:rgba(250,204,21,.28);color:inherit}

@media (max-width:980px){
  .four-cols{grid-template-columns:repeat(2,minmax(0,1fr))}
  .badge-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .search-advanced{grid-template-columns:1fr 1fr}
  .search-advanced>*:first-child{grid-column:1/-1}
}
@media (max-width:760px){
  body{padding-bottom:70px}
  .mobile-bottom-nav{position:fixed;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));left:0;right:0;bottom:0;z-index:80;min-height:60px;border-top:1px solid var(--line);background:color-mix(in srgb,var(--card) 94%,transparent);backdrop-filter:blur(16px);padding-bottom:max(4px,env(safe-area-inset-bottom))}
  .multi-quote-dock{right:10px;bottom:74px;left:10px;max-width:none}
  .settings-toggle-grid,.badge-grid,.action-grid{grid-template-columns:1fr}
  .metric-table{overflow-x:auto}
  .metric-table-head,.metric-table>.metric-row{min-width:650px}
}
@media (max-width:560px){
  .four-cols{grid-template-columns:1fr}
  .leader-row{grid-template-columns:42px 38px minmax(0,1fr)}
  .leader-score{grid-column:3}
  .search-advanced{grid-template-columns:1fr}
  .search-advanced>*:first-child{grid-column:auto}
  .multi-quote-dock .button{flex:1 1 auto}
}

/* ForumX 3.0.1 Premium Admin Console */
.forumx-icon {
    width: 1.1em;
    height: 1.1em;
    flex: 0 0 auto;
    display: inline-block;
    vertical-align: -0.18em;
}
.button-with-icon { gap: 9px; }
.button-with-icon .forumx-icon { width: 18px; height: 18px; }
.icon-button {
    width: 40px;
    height: 40px;
    display: inline-grid;
    place-items: center;
    border: 1px solid var(--line);
    border-radius: 12px;
    background: color-mix(in srgb, var(--card-2) 88%, transparent);
    color: var(--muted);
    transition: .18s ease;
}
.icon-button:hover { color: var(--text); border-color: color-mix(in srgb, var(--accent) 55%, var(--line)); transform: translateY(-1px); }
.icon-button-danger:hover { color: #fff; background: var(--danger); border-color: var(--danger); }

.premium-panel {
    border: 1px solid color-mix(in srgb, var(--line) 82%, var(--accent) 18%);
    border-radius: 22px;
    background:
        linear-gradient(150deg, color-mix(in srgb, var(--card) 96%, var(--accent) 4%), var(--card));
    box-shadow: 0 18px 60px rgba(0, 0, 0, .16);
    padding: 26px;
    margin-bottom: 20px;
}
.admin-premium-layout {
    grid-template-columns: 284px minmax(0, 1fr);
    gap: 26px;
    align-items: start;
}
.admin-premium-content { min-width: 0; }
.admin-sidebar {
    position: sticky;
    top: 92px;
    max-height: calc(100vh - 112px);
    overflow: auto;
    padding: 14px;
    scrollbar-width: thin;
}
.admin-sidebar-brand {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 10px 17px;
    border-bottom: 1px solid var(--line);
    margin-bottom: 10px;
}
.admin-sidebar-brand:hover { color: var(--text); }
.admin-sidebar-logo {
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    background: linear-gradient(135deg, var(--accent), var(--accent-strong));
    color: #fff;
    font-size: .84rem;
    font-weight: 900;
    letter-spacing: .04em;
    box-shadow: 0 10px 26px color-mix(in srgb, var(--accent) 28%, transparent);
}
.admin-sidebar-brand > span:last-child { min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.admin-sidebar-brand strong { font-size: .97rem; }
.admin-sidebar-brand small { color: var(--muted); font-size: .7rem; }
.admin-sidebar-nav { display: grid; gap: 14px; }
.admin-nav-section { display: grid; gap: 4px; }
.admin-nav-label {
    padding: 7px 11px 4px;
    color: color-mix(in srgb, var(--muted) 78%, transparent);
    font-size: .67rem;
    font-weight: 850;
    letter-spacing: .13em;
    text-transform: uppercase;
}
.admin-nav-link {
    position: relative;
    display: flex;
    align-items: center;
    gap: 11px;
    min-height: 43px;
    padding: 8px 11px;
    border: 1px solid transparent;
    border-radius: 12px;
    color: var(--muted);
    font-size: .88rem;
    font-weight: 700;
    transition: .18s ease;
}
.admin-nav-link:hover {
    color: var(--text);
    background: color-mix(in srgb, var(--card-2) 88%, transparent);
}
.admin-nav-link.active {
    color: #fff;
    border-color: color-mix(in srgb, var(--accent) 50%, transparent);
    background: linear-gradient(135deg, color-mix(in srgb, var(--accent) 25%, var(--card-2)), color-mix(in srgb, var(--accent-strong) 15%, var(--card-2)));
    box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 8px 24px color-mix(in srgb, var(--accent) 12%, transparent);
}
.admin-nav-link i {
    position: absolute;
    right: 9px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 0 12px color-mix(in srgb, var(--accent) 65%, #fff);
}
.admin-nav-icon {
    width: 29px;
    height: 29px;
    display: grid;
    place-items: center;
    border-radius: 9px;
    background: color-mix(in srgb, var(--card-2) 82%, transparent);
}
.admin-nav-link.active .admin-nav-icon { background: rgba(255,255,255,.1); }
.admin-sidebar-footer {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 16px;
    padding: 14px 10px 4px;
    border-top: 1px solid var(--line);
    color: var(--muted);
    font-size: .78rem;
}
.admin-sidebar-footer a { display: flex; align-items: center; gap: 8px; font-weight: 750; color: var(--text); }

.admin-hero {
    position: relative;
    min-height: 250px;
    display: flex;
    align-items: center;
    overflow: hidden;
    padding: clamp(28px, 5vw, 48px);
    background:
        radial-gradient(circle at 85% 20%, color-mix(in srgb, var(--accent) 22%, transparent), transparent 25rem),
        linear-gradient(145deg, color-mix(in srgb, var(--card) 92%, var(--accent) 8%), var(--card));
}
.admin-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: linear-gradient(color-mix(in srgb, var(--line) 35%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--line) 35%, transparent) 1px, transparent 1px);
    background-size: 34px 34px;
    mask-image: linear-gradient(to right, rgba(0,0,0,.55), transparent 75%);
    pointer-events: none;
}
.admin-hero-copy { position: relative; z-index: 2; max-width: 760px; }
.admin-kicker {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: color-mix(in srgb, var(--accent) 75%, #fff);
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .13em;
    text-transform: uppercase;
}
.admin-hero h1 { margin: 12px 0 10px; font-size: clamp(2rem, 4vw, 3.3rem); letter-spacing: -.055em; }
.admin-hero p { max-width: 690px; margin: 0; font-size: 1.03rem; }
.admin-hero-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 24px; }
.admin-hero-orb {
    position: absolute;
    z-index: 1;
    right: 7%;
    width: 150px;
    height: 150px;
    display: grid;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--accent) 35%, transparent);
    border-radius: 42px;
    color: color-mix(in srgb, var(--accent) 65%, #fff);
    background: linear-gradient(145deg, color-mix(in srgb, var(--accent) 18%, transparent), color-mix(in srgb, var(--card) 70%, transparent));
    box-shadow: 0 25px 80px color-mix(in srgb, var(--accent) 20%, transparent), inset 0 1px 0 rgba(255,255,255,.12);
    transform: rotate(8deg);
}
.admin-hero-orb .forumx-icon { width: 66px; height: 66px; transform: rotate(-8deg); }

.admin-stat-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 14px;
    margin-bottom: 20px;
}
.admin-stat-grid-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.admin-stat-card {
    display: flex;
    align-items: center;
    gap: 13px;
    min-height: 105px;
    padding: 18px;
    border: 1px solid var(--line);
    border-radius: 17px;
    background: linear-gradient(145deg, color-mix(in srgb, var(--card) 94%, var(--accent) 6%), var(--card));
    box-shadow: 0 10px 32px rgba(0,0,0,.1);
}
.admin-stat-icon {
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    border-radius: 13px;
    color: color-mix(in srgb, var(--accent) 75%, #fff);
    background: color-mix(in srgb, var(--accent) 14%, var(--card-2));
}
.admin-stat-icon .forumx-icon { width: 21px; height: 21px; }
.admin-stat-card > div { min-width: 0; display: flex; flex-direction: column; }
.admin-stat-card strong { font-size: clamp(1.25rem, 2vw, 1.75rem); line-height: 1.1; overflow-wrap: anywhere; }
.admin-stat-card span { color: var(--muted); font-size: .78rem; }

.admin-quick-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}
.admin-quick-grid > a {
    display: flex;
    align-items: center;
    gap: 14px;
    min-height: 86px;
    padding: 16px;
    border: 1px solid var(--line);
    border-radius: 15px;
    background: color-mix(in srgb, var(--card-2) 65%, transparent);
    transition: .18s ease;
}
.admin-quick-grid > a:hover { color: var(--text); border-color: color-mix(in srgb, var(--accent) 55%, var(--line)); transform: translateY(-2px); }
.admin-quick-grid > a > .forumx-icon { width: 27px; height: 27px; color: var(--accent); }
.admin-quick-grid > a > span { display: flex; flex-direction: column; }
.admin-quick-grid small { color: var(--muted); }

.premium-section-heading {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 18px;
}
.premium-section-heading h2 { margin: 6px 0 3px; }
.premium-section-heading p { margin: 0; }

.backup-type-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}
.backup-type-card {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 17px;
    align-items: start;
}
.backup-type-card > .button { grid-column: 1 / -1; justify-self: start; }
.backup-type-card h2 { margin: 6px 0; }
.backup-type-card p { margin: 0; }
.backup-type-icon {
    width: 54px;
    height: 54px;
    display: grid;
    place-items: center;
    border-radius: 16px;
    color: color-mix(in srgb, var(--accent) 78%, #fff);
    background: linear-gradient(145deg, color-mix(in srgb, var(--accent) 20%, var(--card-2)), var(--card-2));
}
.backup-type-icon .forumx-icon { width: 27px; height: 27px; }
.backup-progress-panel { position: relative; overflow: hidden; }
.backup-progress-track { height: 12px; overflow: hidden; border-radius: 999px; background: var(--card-2); border: 1px solid var(--line); }
.backup-progress-track > span { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--accent), color-mix(in srgb, var(--accent) 55%, #a78bfa)); transition: width .25s ease; box-shadow: 0 0 24px color-mix(in srgb, var(--accent) 35%, transparent); }
.backup-progress-panel > p { margin-bottom: 0; }
.backup-list { display: grid; gap: 9px; }
.backup-list-row {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 14px;
    padding: 13px;
    border: 1px solid var(--line);
    border-radius: 15px;
    background: color-mix(in srgb, var(--card-2) 62%, transparent);
}
.backup-file-icon {
    width: 43px;
    height: 43px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    color: var(--accent);
    background: color-mix(in srgb, var(--accent) 12%, var(--card));
}
.backup-file-main, .backup-file-meta { display: flex; flex-direction: column; min-width: 0; }
.backup-file-main span { color: var(--muted); font-size: .76rem; overflow-wrap: anywhere; }
.backup-file-meta { text-align: right; }
.backup-file-meta span { color: var(--muted); font-size: .73rem; }
.backup-file-actions { display: flex; align-items: center; gap: 7px; }
.backup-file-actions form { margin: 0; }
.admin-empty-state { min-height: 230px; display: grid; place-items: center; align-content: center; text-align: center; color: var(--muted); }
.admin-empty-state .forumx-icon { width: 42px; height: 42px; color: var(--accent); }
.admin-empty-state h3 { margin: 12px 0 3px; color: var(--text); }
.admin-empty-state p { margin: 0; }
.admin-notice-panel { display: flex; align-items: flex-start; gap: 15px; }
.admin-notice-panel h3 { margin: 2px 0 4px; }
.admin-notice-panel p { margin: 0; }

.admin-premium-content > .card,
.admin-premium-content > .editor-card,
.admin-premium-content > .dashboard-grid .card {
    border-radius: 18px;
}
.admin-premium-content .card h1:first-child,
.admin-premium-content .card h2:first-child { margin-top: 0; }
.admin-premium-content .metric { min-height: 110px; justify-content: center; }

@media (max-width: 1100px) {
    .admin-premium-layout { grid-template-columns: 240px minmax(0, 1fr); gap: 18px; }
    .admin-stat-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .admin-hero-orb { right: 3%; opacity: .7; }
}

@media (max-width: 820px) {
    .admin-premium-layout { grid-template-columns: 1fr; }
    .admin-sidebar { position: static; max-height: none; }
    .admin-sidebar-nav { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .admin-nav-section { align-content: start; }
    .admin-hero { min-height: 0; }
    .admin-hero-orb { display: none; }
    .admin-stat-grid, .admin-stat-grid-3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .backup-type-grid { grid-template-columns: 1fr; }
}

@media (max-width: 560px) {
    .premium-panel { padding: 19px; border-radius: 17px; }
    .admin-sidebar-nav { grid-template-columns: 1fr; }
    .admin-hero { padding: 27px 21px; }
    .admin-hero-actions, .admin-hero-actions .button { width: 100%; }
    .admin-stat-grid, .admin-stat-grid-3, .admin-quick-grid { grid-template-columns: 1fr; }
    .backup-list-row { grid-template-columns: auto minmax(0, 1fr) auto; }
    .backup-file-meta { grid-column: 2; text-align: left; }
    .backup-file-actions { grid-column: 3; grid-row: 1 / span 2; flex-direction: column; }
    .premium-section-heading { flex-direction: column; }
}


/* ForumX 4.0 — Xen-level modules */
.thread-type-chip { display:inline-flex; align-items:center; gap:.3rem; padding:.2rem .5rem; border:1px solid var(--line); border-radius:999px; font-size:.72rem; font-weight:750; color:var(--muted); background:var(--card-2); vertical-align:middle; }
.thread-type-question { color:color-mix(in srgb, var(--accent) 80%, var(--text)); }
.thread-type-suggestion { color:color-mix(in srgb, #f59e0b 80%, var(--text)); }
.thread-type-article { color:color-mix(in srgb, #8b5cf6 80%, var(--text)); }
.article-excerpt { max-width:850px; margin:.65rem 0; font-size:1.05rem; color:var(--muted); line-height:1.65; }
.suggestion-card { display:grid; grid-template-columns:minmax(110px,150px) 1fr; gap:24px; align-items:center; }
.suggestion-score { display:grid; place-items:center; min-height:110px; border:1px solid var(--line); border-radius:18px; background:var(--card-2); text-align:center; }
.suggestion-score strong { font-size:2rem; line-height:1; }
.suggestion-score span { margin-top:.35rem; color:var(--muted); font-size:.78rem; }
.suggestion-controls { display:grid; gap:12px; }
.suggestion-controls h2 { margin:0; }
.answer-vote { display:inline-flex; align-items:center; gap:.25rem; padding:.15rem .45rem; border:1px solid var(--line); border-radius:999px; background:var(--card-2); }
.answer-vote form { display:inline-flex; gap:.15rem; margin:0; }
.answer-vote strong { min-width:1.5rem; text-align:center; }
.forumx-announcement { display:flex; justify-content:space-between; align-items:flex-start; gap:16px; }
.forumx-announcement p:last-child { margin-bottom:0; }
.forumx-widget { margin-bottom:16px; }
.auth-divider { display:flex; align-items:center; gap:12px; margin:20px 0; color:var(--muted); font-size:.8rem; }
.auth-divider::before,.auth-divider::after { content:""; height:1px; flex:1; background:var(--line); }
.auth-provider-list { display:grid; gap:9px; }
.auth-provider-list .button { width:100%; justify-content:center; }
.auth-status { min-height:1.2em; margin:.75rem 0 0; color:var(--muted); font-size:.82rem; }
.auth-status.is-error { color:var(--danger); }
.media-grid,.resource-grid,.upgrade-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:16px; }
.media-card,.resource-card,.upgrade-card { overflow:hidden; }
.media-card img,.media-preview img { display:block; width:100%; aspect-ratio:16/10; object-fit:cover; border-radius:14px; background:var(--card-2); }
.media-card-body,.resource-card-body,.upgrade-card-body { display:grid; gap:8px; padding-top:12px; }
.media-card-body h2,.resource-card-body h2,.upgrade-card-body h2 { margin:0; }
.price-tag { font-size:1.45rem; font-weight:800; }
@media (max-width:700px) { .suggestion-card { grid-template-columns:1fr; } .suggestion-score { min-height:82px; } }

/* =========================================================
   ForumX gelişmiş ana sayfa v2
   ========================================================= */
.home-block-stack {
    display: grid;
    gap: 22px;
    margin-top: 24px;
}
.home-block-stack > .home-block,
.home-block-stack > .home-forums-block {
    margin-bottom: 0;
}
.home-block-header,
.topic-feed-tabs {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}
.home-block-header {
    margin: -4px 0 20px;
}
.home-block-header > div:first-child {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}
.home-block-header strong {
    display: block;
    font-size: 1.08rem;
    line-height: 1.25;
}
.home-block-header small {
    display: block;
    color: var(--muted);
    margin-top: 2px;
}
.home-block-icon {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border-radius: 13px;
    color: #fff;
    background: linear-gradient(135deg, var(--accent), var(--accent-strong));
    box-shadow: 0 10px 24px color-mix(in srgb, var(--accent) 28%, transparent);
}
.home-block-icon .forumx-icon { width: 21px; height: 21px; }
.home-block-actions {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    flex: 0 0 auto;
}
.home-block-actions > a,
.home-block-actions > button {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border: 1px solid var(--line);
    border-radius: 11px;
    color: var(--muted);
    background: color-mix(in srgb, var(--card-2) 86%, transparent);
    transition: transform .18s ease, color .18s ease, border-color .18s ease, background .18s ease;
}
.home-block-actions > a:hover,
.home-block-actions > button:hover {
    color: var(--accent);
    border-color: color-mix(in srgb, var(--accent) 50%, var(--line));
    background: color-mix(in srgb, var(--accent) 9%, var(--card));
}
.home-block-actions .forumx-icon { width: 18px; height: 18px; }
.home-block-actions [data-home-collapse] .forumx-icon {
    transform: rotate(90deg);
    transition: transform .2s ease;
}
.home-block.is-collapsed .home-block-actions [data-home-collapse] .forumx-icon,
.home-forums-block.is-collapsed .home-block-actions [data-home-collapse] .forumx-icon {
    transform: rotate(0deg);
}
.home-block.is-collapsed [data-home-content],
.home-forums-block.is-collapsed [data-home-content] {
    display: none;
}
.home-block.is-collapsed,
.home-forums-block.is-collapsed {
    min-height: 0;
}
.home-block-header-standalone {
    margin: 0 0 12px;
    padding: 17px 20px;
}
.home-forum-categories {
    display: grid;
    gap: 18px;
}
.home-forum-categories .forum-category { margin-bottom: 0; }

/* Konu akışı */
.topic-feed-card {
    padding: 0;
    overflow: hidden;
    background: var(--card);
}
.topic-feed-tabs {
    min-height: 64px;
    padding: 0 12px 0 0;
    border-bottom: 1px solid var(--line);
    background: color-mix(in srgb, var(--card) 94%, var(--accent) 6%);
}
.topic-feed-tab-scroll {
    min-width: 0;
    display: flex;
    overflow-x: auto;
    scrollbar-width: thin;
}
.topic-feed-tab {
    min-height: 64px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    flex: 0 0 auto;
    padding: 0 21px;
    border: 0;
    border-right: 1px solid var(--line);
    color: var(--text);
    background: transparent;
    font-weight: 750;
    white-space: nowrap;
    transition: background .18s ease, color .18s ease;
}
.topic-feed-tab .forumx-icon { width: 21px; height: 21px; }
.topic-feed-tab:hover { background: color-mix(in srgb, var(--accent) 7%, transparent); }
.topic-feed-tab.active {
    color: #fff;
    background: linear-gradient(135deg, color-mix(in srgb, var(--accent) 92%, #0c4b82), var(--accent-strong));
    box-shadow: inset 0 -3px 0 rgba(255,255,255,.16);
}
.topic-feed-table-head,
.topic-feed-row {
    display: grid;
    grid-template-columns: 54px 58px minmax(260px, 1fr) minmax(175px, 270px) 92px 112px;
    align-items: center;
}
.topic-feed-table-head {
    min-height: 44px;
    padding: 0 14px;
    border-bottom: 1px solid var(--line);
    color: var(--muted);
    background: color-mix(in srgb, var(--card-2) 82%, transparent);
    font-size: .83rem;
    font-weight: 750;
}
.topic-feed-table-head span:nth-child(1),
.topic-feed-table-head span:nth-child(2),
.topic-feed-table-head span:nth-child(5),
.topic-feed-table-head span:nth-child(6) { text-align: center; }
.topic-feed-group > header {
    min-height: 48px;
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 0 18px;
    border-bottom: 1px solid var(--line);
    color: var(--text);
    background: color-mix(in srgb, var(--card-2) 76%, var(--card));
}
.topic-feed-group > header .forumx-icon { width: 20px; height: 20px; }
.topic-feed-group > header > span:last-child {
    min-width: 27px;
    height: 24px;
    display: grid;
    place-items: center;
    margin-left: auto;
    border-radius: 999px;
    color: #fff;
    background: rgba(255,255,255,.17);
    font-size: .75rem;
}
.topic-feed-pinned > header {
    color: #12652f;
    background: linear-gradient(90deg, rgba(92, 214, 122, .22), rgba(87, 212, 130, .08));
}
html[data-theme="dark"] .topic-feed-pinned > header { color: #93efab; }
.topic-feed-row {
    min-height: 68px;
    padding: 7px 14px;
    border-bottom: 1px solid var(--line);
    background: var(--card);
    transition: background .16s ease, transform .16s ease;
}
.topic-feed-row:last-child { border-bottom: 0; }
.topic-feed-row:hover { background: color-mix(in srgb, var(--accent) 5%, var(--card)); }
.topic-feed-index {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    justify-self: center;
    border: 1px solid var(--line);
    border-radius: 9px;
    color: var(--muted);
    background: color-mix(in srgb, var(--card-2) 78%, transparent);
    font-weight: 760;
}
.topic-feed-avatar {
    justify-self: center;
    display: grid;
    place-items: center;
}
.topic-feed-avatar .avatar {
    width: 42px;
    height: 42px;
    border-radius: 10px;
}
.topic-feed-main { min-width: 0; padding-right: 14px; }
.topic-feed-title-line {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 7px;
}
.topic-feed-title {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--text);
    font-size: 1rem;
    font-weight: 720;
}
.topic-prefix,
.topic-type-badge,
.topic-state {
    min-height: 24px;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    flex: 0 0 auto;
    padding: 2px 8px;
    border-radius: 7px;
    font-size: .74rem;
    font-weight: 800;
    line-height: 1;
}
.topic-prefix {
    --prefix-color: #e7b51d;
    color: color-mix(in srgb, var(--prefix-color) 35%, #111);
    border: 1px solid color-mix(in srgb, var(--prefix-color) 80%, #111);
    background: var(--prefix-color);
}
.topic-type-badge { color: #fff; }
.topic-type-question { background: #347be5; }
.topic-type-suggestion { background: #9a58df; }
.topic-type-article { background: #df7042; }
.topic-state {
    padding-inline: 6px;
    color: var(--muted);
    background: color-mix(in srgb, var(--card-2) 84%, transparent);
}
.topic-state .forumx-icon { width: 14px; height: 14px; }
.topic-state-solved { color: #17884a; background: rgba(49, 198, 105, .13); }
.topic-feed-forum {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 7px;
    padding-right: 14px;
    color: var(--text);
}
.topic-feed-forum .forumx-icon {
    width: 19px;
    height: 19px;
    flex: 0 0 auto;
    color: color-mix(in srgb, var(--accent) 62%, var(--muted));
}
.topic-feed-forum span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.topic-feed-number {
    text-align: center;
    color: var(--text);
    font-variant-numeric: tabular-nums;
}
.topic-feed-mobile-meta { display: none; }
.topic-feed-empty {
    padding: 30px 20px;
    color: var(--muted);
    text-align: center;
}
.topic-feed-more {
    width: calc(100% - 28px);
    min-height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin: 14px;
    border: 1px solid var(--line);
    border-radius: 12px;
    color: var(--text);
    background: color-mix(in srgb, var(--card-2) 72%, transparent);
    font-weight: 760;
}
.topic-feed-more:hover {
    border-color: color-mix(in srgb, var(--accent) 46%, var(--line));
    color: var(--accent);
    background: color-mix(in srgb, var(--accent) 7%, var(--card));
}
.topic-feed-more .forumx-icon { width: 18px; height: 18px; transform: rotate(90deg); }
.topic-feed-loading {
    min-height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    color: var(--muted);
}
.topic-feed-loading[hidden] { display: none; }
.topic-feed-loading > span {
    width: 24px;
    height: 24px;
    border: 3px solid var(--line);
    border-top-color: var(--accent);
    border-radius: 50%;
    animation: forumx-spin .8s linear infinite;
}
@keyframes forumx-spin { to { transform: rotate(360deg); } }

/* İstatistik kartları */
.home-statistics { overflow: hidden; }
.home-stat-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}
.home-stat-card {
    --stat-start: #3f82ed;
    --stat-end: #2558c5;
    min-height: 112px;
    position: relative;
    display: flex;
    align-items: center;
    gap: 14px;
    overflow: hidden;
    padding: 18px;
    border: 1px solid color-mix(in srgb, var(--stat-start) 42%, var(--line));
    border-radius: 16px;
    color: #fff;
    background: linear-gradient(135deg, var(--stat-start), var(--stat-end));
    box-shadow: 0 12px 27px color-mix(in srgb, var(--stat-end) 20%, transparent);
}
.home-stat-card::after {
    content: "";
    width: 100px;
    height: 100px;
    position: absolute;
    right: -35px;
    bottom: -55px;
    border-radius: 50%;
    background: rgba(255,255,255,.12);
}
.home-stat-icon {
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border: 1px solid rgba(255,255,255,.2);
    border-radius: 14px;
    background: rgba(255,255,255,.14);
    backdrop-filter: blur(8px);
}
.home-stat-icon .forumx-icon { width: 23px; height: 23px; }
.home-stat-card > div,
.home-stat-card > a > span { min-width: 0; }
.home-stat-card strong {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    color: inherit;
    font-size: clamp(1.25rem, 2.1vw, 1.85rem);
    line-height: 1.05;
    font-variant-numeric: tabular-nums;
}
.home-stat-card small {
    display: block;
    margin-top: 7px;
    color: rgba(255,255,255,.8);
    font-size: .78rem;
    font-weight: 680;
}
.home-stat-member > a {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 10px;
    color: inherit;
}
.home-stat-member .avatar { border: 2px solid rgba(255,255,255,.45); }
.home-stat-member strong { font-size: 1rem; }
.tone-blue { --stat-start: #438cf2; --stat-end: #2458ce; }
.tone-purple { --stat-start: #9a61e8; --stat-end: #6935bc; }
.tone-green { --stat-start: #33b979; --stat-end: #168451; }
.tone-orange { --stat-start: #f29a42; --stat-end: #d86828; }
.tone-cyan { --stat-start: #22b7cf; --stat-end: #14788f; }
.tone-rose { --stat-start: #e85d80; --stat-end: #b93b62; }
.tone-gold { --stat-start: #dcae30; --stat-end: #ae7517; }
.tone-navy { --stat-start: #37506f; --stat-end: #172d49; }
.stat-style-soft .home-stat-card {
    color: var(--text);
    background: color-mix(in srgb, var(--stat-start) 14%, var(--card));
    box-shadow: none;
}
.stat-style-soft .home-stat-card small { color: var(--muted); }
.stat-style-soft .home-stat-icon { color: var(--stat-start); border-color: color-mix(in srgb, var(--stat-start) 28%, var(--line)); background: color-mix(in srgb, var(--stat-start) 12%, var(--card)); }
.stat-style-solid .home-stat-card { background: var(--stat-start); box-shadow: none; }

/* Üye kutuları */
.home-community-card { padding-bottom: 22px; }
.home-member-strip {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(175px, 1fr));
    gap: 10px;
}
.home-member-strip > a {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px;
    border: 1px solid var(--line);
    border-radius: 13px;
    background: color-mix(in srgb, var(--card-2) 74%, transparent);
}
.home-member-strip > a:hover {
    border-color: color-mix(in srgb, var(--accent) 44%, var(--line));
    background: color-mix(in srgb, var(--accent) 6%, var(--card));
}
.home-member-strip .avatar { width: 42px; height: 42px; }
.home-member-strip span { min-width: 0; }
.home-member-strip strong,
.home-member-strip small {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.home-member-strip small { color: var(--muted); font-size: .75rem; }

/* Yönetim: ana sayfa sıralama */
.home-layout-admin-hero { margin-bottom: 22px; }
.home-layout-settings,
.home-layout-manager { padding: 24px; margin-bottom: 22px; }
.home-layout-admin-list { display: grid; gap: 10px; }
.home-layout-admin-item {
    display: grid;
    grid-template-columns: 44px 48px minmax(0, 1fr) auto;
    align-items: center;
    gap: 13px;
    padding: 13px;
    border: 1px solid var(--line);
    border-radius: 14px;
    background: color-mix(in srgb, var(--card-2) 74%, transparent);
}
.home-layout-admin-item.is-disabled { opacity: .58; }
.home-layout-position,
.home-layout-admin-icon {
    width: 40px;
    height: 40px;
    display: grid;
    place-items: center;
    border-radius: 11px;
}
.home-layout-position {
    color: var(--muted);
    border: 1px solid var(--line);
    font-weight: 800;
}
.home-layout-admin-icon {
    color: #fff;
    background: linear-gradient(135deg, var(--accent), var(--accent-strong));
}
.home-layout-admin-icon .forumx-icon { width: 20px; height: 20px; }
.home-layout-admin-item > div:nth-child(3) { min-width: 0; }
.home-layout-admin-item > div:nth-child(3) strong,
.home-layout-admin-item > div:nth-child(3) small { display: block; }
.home-layout-admin-item > div:nth-child(3) small { color: var(--muted); margin-top: 2px; }
.home-layout-admin-actions { display: flex; align-items: center; gap: 7px; }
.home-layout-admin-actions form { margin: 0; }
.home-layout-admin-actions .button { min-width: 42px; padding: 8px 11px; }
.home-layout-reset { margin-top: 18px; }

@media (max-width: 1050px) {
    .topic-feed-table-head,
    .topic-feed-row { grid-template-columns: 48px 54px minmax(220px, 1fr) minmax(150px, 210px) 72px 90px; }
    .home-stat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
    .home-welcome-v2 .welcome-summary { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .topic-feed-tabs { padding-right: 6px; }
    .topic-feed-tab { min-height: 58px; padding-inline: 15px; }
    .topic-feed-tab span { font-size: .86rem; }
    .topic-feed-table-head { display: none; }
    .topic-feed-row {
        grid-template-columns: 42px minmax(0, 1fr);
        min-height: 82px;
        padding: 10px 12px;
    }
    .topic-feed-index { display: none; }
    .topic-feed-avatar { grid-column: 1; grid-row: 1; }
    .topic-feed-main { grid-column: 2; grid-row: 1; padding: 0; }
    .topic-feed-forum,
    .topic-feed-number { display: none; }
    .topic-feed-title-line { flex-wrap: wrap; row-gap: 5px; }
    .topic-feed-title { flex-basis: 100%; font-size: .95rem; }
    .topic-feed-mobile-meta {
        display: flex;
        flex-wrap: wrap;
        gap: 4px 10px;
        margin-top: 6px;
        color: var(--muted);
        font-size: .73rem;
    }
    .topic-feed-mobile-meta > *:not(:last-child)::after {
        content: "·";
        margin-left: 10px;
        color: color-mix(in srgb, var(--muted) 60%, transparent);
    }
    .topic-feed-group > header { padding-inline: 13px; }
    .home-stat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
    .home-stat-card { min-height: 96px; padding: 13px; gap: 10px; }
    .home-stat-icon { width: 39px; height: 39px; }
    .home-stat-card strong { font-size: 1.18rem; }
    .home-stat-member > a { gap: 7px; }
    .home-layout-admin-item { grid-template-columns: 38px 42px minmax(0, 1fr); }
    .home-layout-admin-actions { grid-column: 1 / -1; justify-content: flex-end; padding-top: 5px; }
}

@media (max-width: 480px) {
    .home-block-stack { gap: 14px; margin-top: 18px; }
    .topic-feed-card { border-radius: 15px; }
    .topic-feed-tabs .home-block-actions > a { display: none; }
    .topic-feed-tab { padding-inline: 13px; }
    .topic-feed-tab .forumx-icon { width: 18px; height: 18px; }
    .home-statistics { padding: 17px; }
    .home-stat-grid { grid-template-columns: 1fr 1fr; gap: 8px; }
    .home-stat-card { min-height: 88px; padding: 11px; border-radius: 13px; }
    .home-stat-icon { width: 34px; height: 34px; border-radius: 10px; }
    .home-stat-icon .forumx-icon { width: 18px; height: 18px; }
    .home-stat-card strong { font-size: 1rem; }
    .home-stat-card small { margin-top: 4px; font-size: .67rem; }
    .home-stat-member .avatar { display: none; }
    .home-block-header strong { font-size: .98rem; }
    .home-block-header small { font-size: .76rem; }
    .home-block-actions > a,
    .home-block-actions > button { width: 34px; height: 34px; }
    .home-member-strip { grid-template-columns: 1fr; }
}

/* ============================================================
   ForumX Ana Sayfa v1.1 — referanstaki kompakt tablo görünümü
   ============================================================ */
.topic-feed-card {
    border: 1px solid color-mix(in srgb, var(--line) 92%, transparent);
    border-radius: 14px;
    box-shadow: 0 8px 26px rgba(23, 45, 72, .08);
}
.topic-feed-tabs {
    min-height: 56px;
    gap: 0;
    padding: 0;
    border-bottom: 1px solid var(--line);
    background: color-mix(in srgb, var(--card) 96%, #eef4fb 4%);
}
.topic-feed-tab-scroll {
    align-self: stretch;
    flex: 1 1 auto;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
}
.topic-feed-tab-scroll::-webkit-scrollbar { display: none; }
.topic-feed-tab {
    min-height: 56px;
    gap: 8px;
    padding: 0 18px;
    border-right: 1px solid var(--line);
    font-size: .95rem;
    font-weight: 650;
}
.topic-feed-tab .forumx-icon { width: 19px; height: 19px; stroke-width: 2; }
.topic-feed-tab.active {
    background: #1774ad;
    box-shadow: none;
}
.topic-feed-controls {
    align-self: stretch;
    gap: 0;
    border-left: 1px solid var(--line);
}
.topic-feed-controls > a,
.topic-feed-controls > button {
    width: 52px;
    height: 100%;
    border: 0;
    border-left: 1px solid var(--line);
    border-radius: 0;
    background: var(--card);
    color: var(--text);
}
.topic-feed-controls > *:first-child { border-left: 0; }
.topic-feed-controls > a:hover,
.topic-feed-controls > button:hover {
    transform: none;
    border-color: var(--line);
    color: var(--accent);
    background: color-mix(in srgb, var(--accent) 6%, var(--card));
}
.topic-feed-controls [data-home-collapse] .forumx-icon { transform: rotate(-90deg); }
.home-block.is-collapsed .topic-feed-controls [data-home-collapse] .forumx-icon { transform: rotate(90deg); }
.topic-feed-table-shell {
    width: 100%;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scrollbar-width: thin;
}
.topic-feed-table-head,
.topic-feed-row {
    grid-template-columns: 48px 54px minmax(270px, 1fr) minmax(165px, 245px) 72px 88px;
}
.topic-feed-table-head {
    min-width: 697px;
    min-height: 36px;
    padding: 0;
    color: color-mix(in srgb, var(--text) 86%, var(--muted));
    background: color-mix(in srgb, var(--card) 95%, #edf2f7 5%);
    font-size: .86rem;
    font-weight: 500;
}
.topic-feed-table-head > span {
    height: 36px;
    display: flex;
    align-items: center;
    padding: 0 10px;
    border-left: 1px solid var(--line);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.topic-feed-table-head > span:first-child { border-left: 0; }
.topic-feed-table-head > span:nth-child(1),
.topic-feed-table-head > span:nth-child(2),
.topic-feed-table-head > span:nth-child(5),
.topic-feed-table-head > span:nth-child(6) { justify-content: center; text-align: center; }
.topic-feed-table-head .forumx-icon { width: 18px; height: 18px; fill: currentColor; stroke-width: 0; }
.topic-feed-sort-head { font-size: 1.05rem; letter-spacing: -4px; transform: translateX(-2px); }
.topic-feed-group {
    min-width: 697px;
}
.topic-feed-group > header {
    min-height: 44px;
    padding: 0 14px;
    gap: 8px;
    border-bottom: 1px solid var(--line);
    background: color-mix(in srgb, var(--card) 89%, #eef0f2 11%);
    font-size: .98rem;
    font-weight: 500;
}
.topic-feed-group > header strong { font-weight: 500; }
.topic-feed-group > header .forumx-icon { width: 18px; height: 18px; }
.topic-feed-group > header > span:last-child {
    min-width: auto;
    height: auto;
    margin-left: auto;
    padding: 0 4px;
    border-radius: 0;
    color: inherit;
    background: transparent;
    font-size: .85rem;
}
.topic-feed-pinned > header {
    color: #207c31;
    background: #e1f7df;
}
html[data-theme="dark"] .topic-feed-pinned > header {
    color: #9af0a8;
    background: color-mix(in srgb, #2c8d40 26%, var(--card));
}
.topic-feed-row {
    min-width: 697px;
    min-height: 45px;
    padding: 0;
    background: var(--card);
    transition: background .12s ease;
}
.topic-feed-row:nth-child(even) {
    background: color-mix(in srgb, var(--card) 95%, var(--card-2) 5%);
}
.topic-feed-row:hover {
    transform: none;
    background: color-mix(in srgb, var(--accent) 5%, var(--card));
}
.topic-feed-index,
.topic-feed-avatar,
.topic-feed-main,
.topic-feed-forum,
.topic-feed-number {
    min-width: 0;
    height: 45px;
    align-self: stretch;
    border-left: 1px solid var(--line);
}
.topic-feed-index {
    width: 34px;
    height: 34px;
    margin: auto;
    border: 1px solid var(--line);
    border-radius: 5px;
    color: var(--text);
    background: color-mix(in srgb, var(--card) 95%, var(--card-2) 5%);
    font-size: .87rem;
    font-weight: 500;
}
.topic-feed-avatar {
    border-left: 1px solid var(--line);
}
.topic-feed-avatar .avatar {
    width: 34px;
    height: 34px;
    border-radius: 5px;
}
.topic-feed-main {
    display: flex;
    align-items: center;
    padding: 0 9px;
}
.topic-feed-title-line {
    width: 100%;
    gap: 5px;
    flex-wrap: nowrap;
}
.topic-feed-title {
    font-size: .94rem;
    font-weight: 500;
}
.topic-prefix,
.topic-type-badge,
.topic-state {
    min-height: 23px;
    padding: 2px 7px;
    border-radius: 5px;
    font-size: .72rem;
    font-weight: 650;
}
.topic-state { min-width: 23px; justify-content: center; }
.topic-state-solved { min-width: auto; }
.topic-feed-forum {
    height: 45px;
    padding: 0 8px;
    gap: 5px;
    border-left: 1px solid var(--line);
    font-size: .88rem;
}
.topic-feed-forum .forumx-icon {
    width: 16px;
    height: 16px;
    color: #64a9d1;
    fill: #64a9d1;
    stroke-width: 1.2;
}
.topic-feed-number {
    display: flex;
    align-items: center;
    justify-content: center;
    border-left: 1px solid var(--line);
    font-size: .9rem;
}
.topic-feed-mobile-meta { display: none !important; }
.topic-feed-more {
    min-width: 669px;
    width: calc(100% - 28px);
    min-height: 50px;
    margin: 14px;
    border-radius: 3px;
    background: var(--card);
    font-size: .92rem;
    font-weight: 500;
}
.topic-feed-more .forumx-icon {
    width: 16px;
    height: 16px;
    transform: rotate(90deg);
}
.topic-feed-empty { min-width: 697px; }

@media (max-width: 1050px) {
    .topic-feed-table-head,
    .topic-feed-row {
        grid-template-columns: 44px 48px minmax(250px, 1fr) minmax(145px, 195px) 62px 76px;
    }
    .topic-feed-table-head,
    .topic-feed-group,
    .topic-feed-row,
    .topic-feed-empty { min-width: 625px; }
    .topic-feed-more { min-width: 597px; }
}

@media (max-width: 760px) {
    .topic-feed-tabs { min-height: 52px; padding: 0; }
    .topic-feed-tab { min-height: 52px; padding: 0 14px; font-size: .84rem; }
    .topic-feed-tab span { font-size: inherit; }
    .topic-feed-tab .forumx-icon { width: 17px; height: 17px; }
    .topic-feed-controls > a,
    .topic-feed-controls > button { width: 45px; }
    .topic-feed-table-head { display: grid; }
    .topic-feed-table-head,
    .topic-feed-row {
        grid-template-columns: 42px 46px minmax(250px, 1fr) 150px 58px 72px;
    }
    .topic-feed-table-head,
    .topic-feed-group,
    .topic-feed-row,
    .topic-feed-empty { min-width: 618px; }
    .topic-feed-row { min-height: 43px; padding: 0; }
    .topic-feed-index { display: grid; }
    .topic-feed-avatar,
    .topic-feed-main { grid-column: auto; grid-row: auto; }
    .topic-feed-main { padding: 0 8px; }
    .topic-feed-forum,
    .topic-feed-number { display: flex; }
    .topic-feed-title-line { flex-wrap: nowrap; row-gap: 0; }
    .topic-feed-title { flex-basis: auto; font-size: .88rem; }
    .topic-feed-avatar .avatar { width: 32px; height: 32px; }
    .topic-feed-index,
    .topic-feed-avatar,
    .topic-feed-main,
    .topic-feed-forum,
    .topic-feed-number { height: 43px; }
    .topic-feed-more { min-width: 590px; }
    .topic-feed-group > header { padding-inline: 13px; }
}

@media (max-width: 480px) {
    .topic-feed-card { border-radius: 10px; }
    .topic-feed-tabs .home-block-actions > a { display: grid; }
    .topic-feed-tab { padding-inline: 12px; }
    .topic-feed-controls > a,
    .topic-feed-controls > button { width: 42px; }
}

/* ============================================================
   ForumX Ana Sayfa v1.2 — mobilde de gerçek kompakt konu tablosu
   Referans düzene uygun: kart görünümü yok, tüm sütunlar görünür.
   ============================================================ */
.topic-feed-card {
    padding: 0 !important;
    overflow: hidden !important;
    border: 1px solid var(--line) !important;
    border-radius: 10px !important;
    background: var(--card) !important;
    box-shadow: 0 7px 22px rgba(24, 45, 72, .07) !important;
}
.topic-feed-card .home-block-content {
    display: block;
    min-width: 0;
}
.topic-feed-tabs {
    min-height: 50px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: stretch !important;
    gap: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border-bottom: 1px solid var(--line) !important;
    background: color-mix(in srgb, var(--card) 95%, #edf4fc 5%) !important;
}
.topic-feed-tab-scroll {
    min-width: 0 !important;
    display: flex !important;
    align-items: stretch !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scrollbar-width: none !important;
}
.topic-feed-tab-scroll::-webkit-scrollbar { display: none !important; }
.topic-feed-tab {
    min-width: max-content !important;
    min-height: 50px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    flex: 1 0 auto !important;
    padding: 0 14px !important;
    border: 0 !important;
    border-right: 1px solid var(--line) !important;
    border-radius: 0 !important;
    color: var(--text) !important;
    background: transparent !important;
    font-size: .82rem !important;
    font-weight: 720 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    box-shadow: none !important;
}
.topic-feed-tab .forumx-icon {
    width: 17px !important;
    height: 17px !important;
    flex: 0 0 auto !important;
    stroke-width: 2 !important;
}
.topic-feed-tab.active {
    color: #fff !important;
    background: linear-gradient(135deg, #438cf2, #2c69d8) !important;
    box-shadow: inset 0 -3px 0 rgba(255, 255, 255, .18) !important;
}
.topic-feed-controls {
    min-width: max-content !important;
    align-self: stretch !important;
    display: flex !important;
    align-items: stretch !important;
    gap: 0 !important;
    border-left: 1px solid var(--line) !important;
    background: var(--card) !important;
}
.topic-feed-controls > a,
.topic-feed-controls > button {
    width: 42px !important;
    min-width: 42px !important;
    height: 100% !important;
    min-height: 50px !important;
    display: grid !important;
    place-items: center !important;
    padding: 0 !important;
    border: 0 !important;
    border-left: 1px solid var(--line) !important;
    border-radius: 0 !important;
    color: var(--text) !important;
    background: var(--card) !important;
    box-shadow: none !important;
}
.topic-feed-controls > *:first-child { border-left: 0 !important; }
.topic-feed-controls .forumx-icon { width: 18px !important; height: 18px !important; }
.topic-feed-controls [data-home-collapse] .forumx-icon { transform: rotate(-90deg) !important; }
.home-block.is-collapsed .topic-feed-controls [data-home-collapse] .forumx-icon { transform: rotate(90deg) !important; }

.topic-feed-table-shell {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    overscroll-behavior-inline: contain !important;
    scrollbar-width: thin !important;
    background: var(--card) !important;
}
.topic-feed-table-head,
.topic-feed-row {
    display: grid !important;
    grid-template-columns: 40px 46px minmax(230px, 1fr) minmax(145px, 205px) 62px 76px !important;
    align-items: center !important;
    min-width: 599px !important;
    width: 100% !important;
    padding: 0 !important;
}
.topic-feed-table-head {
    min-height: 34px !important;
    color: color-mix(in srgb, var(--text) 82%, var(--muted)) !important;
    border-bottom: 1px solid var(--line) !important;
    background: color-mix(in srgb, var(--card) 94%, #edf1f5 6%) !important;
    font-size: .75rem !important;
    font-weight: 620 !important;
}
.topic-feed-table-head > span {
    min-width: 0 !important;
    height: 34px !important;
    display: flex !important;
    align-items: center !important;
    padding: 0 8px !important;
    overflow: hidden !important;
    border-left: 1px solid var(--line) !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
}
.topic-feed-table-head > span:first-child { border-left: 0 !important; }
.topic-feed-table-head > span:nth-child(1),
.topic-feed-table-head > span:nth-child(2),
.topic-feed-table-head > span:nth-child(5),
.topic-feed-table-head > span:nth-child(6) {
    justify-content: center !important;
    text-align: center !important;
}
.topic-feed-table-head .forumx-icon { width: 16px !important; height: 16px !important; }
.topic-feed-sort-head {
    padding-right: 11px !important;
    font-size: .92rem !important;
    letter-spacing: -4px !important;
}
.topic-feed-group,
.topic-feed-empty {
    min-width: 599px !important;
    width: 100% !important;
}
.topic-feed-group > header {
    min-height: 42px !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 0 13px !important;
    border-bottom: 1px solid var(--line) !important;
    color: var(--text) !important;
    background: color-mix(in srgb, var(--card) 90%, #eceff2 10%) !important;
    font-size: .9rem !important;
    font-weight: 520 !important;
}
.topic-feed-group > header strong { font-weight: 520 !important; }
.topic-feed-group > header .forumx-icon { width: 17px !important; height: 17px !important; }
.topic-feed-group > header > span:last-child { display: none !important; }
.topic-feed-pinned > header {
    color: #197b32 !important;
    background: linear-gradient(90deg, #e1f8df, #effcf0) !important;
}
html[data-theme="dark"] .topic-feed-pinned > header {
    color: #9beaaa !important;
    background: color-mix(in srgb, #2b873e 28%, var(--card)) !important;
}
.topic-feed-row {
    min-height: 43px !important;
    border-bottom: 1px solid var(--line) !important;
    background: var(--card) !important;
    transition: background .12s ease !important;
}
.topic-feed-row:nth-child(even) {
    background: color-mix(in srgb, var(--card) 95%, var(--card-2) 5%) !important;
}
.topic-feed-row:hover {
    transform: none !important;
    background: color-mix(in srgb, var(--accent) 5%, var(--card)) !important;
}
.topic-feed-index,
.topic-feed-avatar,
.topic-feed-main,
.topic-feed-forum,
.topic-feed-number {
    min-width: 0 !important;
    height: 43px !important;
    align-self: stretch !important;
    border-left: 1px solid var(--line) !important;
}
.topic-feed-index {
    width: 29px !important;
    height: 29px !important;
    display: grid !important;
    place-items: center !important;
    justify-self: center !important;
    margin: auto !important;
    border: 1px solid #bfe7c7 !important;
    border-radius: 5px !important;
    color: #18863a !important;
    background: #effbf1 !important;
    font-size: .74rem !important;
    font-weight: 590 !important;
    line-height: 1 !important;
}
html[data-theme="dark"] .topic-feed-index {
    border-color: color-mix(in srgb, #52c66d 45%, var(--line)) !important;
    color: #8de9a2 !important;
    background: color-mix(in srgb, #268d40 17%, var(--card)) !important;
}
.topic-feed-avatar {
    display: grid !important;
    place-items: center !important;
}
.topic-feed-avatar .avatar {
    width: 31px !important;
    height: 31px !important;
    border-radius: 5px !important;
    object-fit: cover !important;
}
.topic-feed-main {
    display: flex !important;
    align-items: center !important;
    padding: 0 8px !important;
}
.topic-feed-title-line {
    min-width: 0 !important;
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    gap: 5px !important;
    row-gap: 0 !important;
}
.topic-feed-title {
    min-width: 0 !important;
    flex: 1 1 auto !important;
    overflow: hidden !important;
    color: var(--text) !important;
    font-size: .82rem !important;
    font-weight: 650 !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
}
.topic-prefix,
.topic-type-badge,
.topic-state {
    min-width: 0 !important;
    min-height: 20px !important;
    height: 20px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    padding: 1px 6px !important;
    border-radius: 4px !important;
    font-size: .63rem !important;
    font-weight: 740 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}
.topic-state { max-width: 74px !important; }
.topic-state .forumx-icon { width: 11px !important; height: 11px !important; }
.topic-feed-forum {
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
    padding: 0 7px !important;
    overflow: hidden !important;
    color: var(--text) !important;
    font-size: .76rem !important;
    line-height: 1.15 !important;
}
.topic-feed-forum .forumx-icon {
    width: 14px !important;
    height: 14px !important;
    flex: 0 0 auto !important;
    color: #69a9d0 !important;
}
.topic-feed-forum span {
    min-width: 0 !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
}
.topic-feed-number {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: var(--text) !important;
    font-size: .78rem !important;
    font-variant-numeric: tabular-nums !important;
}
.topic-feed-mobile-meta { display: none !important; }
.topic-feed-empty {
    padding: 22px 16px !important;
    color: var(--muted) !important;
    text-align: center !important;
    font-size: .82rem !important;
}
.topic-feed-more {
    min-width: 571px !important;
    width: calc(100% - 20px) !important;
    min-height: 46px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    margin: 10px !important;
    padding: 0 14px !important;
    border: 1px solid var(--line) !important;
    border-radius: 5px !important;
    color: var(--text) !important;
    background: var(--card) !important;
    font-size: .82rem !important;
    font-weight: 520 !important;
    box-shadow: none !important;
}
.topic-feed-more:hover,
.topic-feed-more:focus-visible {
    border-color: color-mix(in srgb, var(--accent) 45%, var(--line)) !important;
    color: var(--accent) !important;
    background: color-mix(in srgb, var(--accent) 5%, var(--card)) !important;
}
.topic-feed-more.is-end { opacity: 1 !important; }
.topic-feed-more .forumx-icon {
    width: 15px !important;
    height: 15px !important;
    transform: rotate(90deg) !important;
}
.topic-feed-loading {
    min-width: 599px !important;
    min-height: 110px !important;
}

@media (max-width: 760px) {
    .topic-feed-tabs { min-height: 46px !important; }
    .topic-feed-tab {
        min-height: 46px !important;
        gap: 5px !important;
        padding: 0 9px !important;
        font-size: .71rem !important;
    }
    .topic-feed-tab .forumx-icon { width: 14px !important; height: 14px !important; }
    .topic-feed-controls > a,
    .topic-feed-controls > button {
        width: 34px !important;
        min-width: 34px !important;
        min-height: 46px !important;
    }
    .topic-feed-controls .forumx-icon { width: 15px !important; height: 15px !important; }
    .topic-feed-table-head,
    .topic-feed-row {
        grid-template-columns: 32px 39px minmax(178px, 1fr) 102px 43px 52px !important;
        min-width: 446px !important;
    }
    .topic-feed-table-head,
    .topic-feed-group,
    .topic-feed-row,
    .topic-feed-empty,
    .topic-feed-loading { min-width: 446px !important; }
    .topic-feed-table-head { display: grid !important; min-height: 31px !important; font-size: .66rem !important; }
    .topic-feed-table-head > span { height: 31px !important; padding: 0 5px !important; }
    .topic-feed-group > header { min-height: 39px !important; padding: 0 10px !important; font-size: .82rem !important; }
    .topic-feed-row { min-height: 39px !important; padding: 0 !important; }
    .topic-feed-index,
    .topic-feed-avatar,
    .topic-feed-main,
    .topic-feed-forum,
    .topic-feed-number { height: 39px !important; grid-column: auto !important; grid-row: auto !important; }
    .topic-feed-index { width: 25px !important; height: 25px !important; display: grid !important; font-size: .67rem !important; }
    .topic-feed-avatar { display: grid !important; }
    .topic-feed-avatar .avatar { width: 28px !important; height: 28px !important; }
    .topic-feed-main { display: flex !important; padding: 0 6px !important; }
    .topic-feed-title-line { flex-wrap: nowrap !important; row-gap: 0 !important; }
    .topic-feed-title { flex-basis: auto !important; font-size: .72rem !important; }
    .topic-prefix,
    .topic-type-badge,
    .topic-state { height: 18px !important; min-height: 18px !important; padding: 1px 4px !important; font-size: .55rem !important; }
    .topic-state { max-width: 58px !important; }
    .topic-feed-forum { display: flex !important; padding: 0 5px !important; gap: 3px !important; font-size: .66rem !important; }
    .topic-feed-forum .forumx-icon { width: 12px !important; height: 12px !important; }
    .topic-feed-number { display: flex !important; font-size: .68rem !important; }
    .topic-feed-mobile-meta { display: none !important; }
    .topic-feed-more {
        min-width: 426px !important;
        width: calc(100% - 20px) !important;
        min-height: 43px !important;
        font-size: .75rem !important;
    }
}

@media (max-width: 480px) {
    .topic-feed-card { border-radius: 8px !important; }
    .topic-feed-tabs .home-block-actions > a { display: grid !important; }
    .topic-feed-tab {
        padding: 0 7px !important;
        font-size: .65rem !important;
    }
    .topic-feed-tab .forumx-icon { width: 13px !important; height: 13px !important; }
    .topic-feed-controls > a,
    .topic-feed-controls > button {
        width: 31px !important;
        min-width: 31px !important;
    }
    .topic-feed-table-head,
    .topic-feed-row {
        grid-template-columns: 29px 36px minmax(154px, 1fr) 88px 39px 47px !important;
        min-width: 393px !important;
    }
    .topic-feed-table-head,
    .topic-feed-group,
    .topic-feed-row,
    .topic-feed-empty,
    .topic-feed-loading { min-width: 393px !important; }
    .topic-feed-title { font-size: .68rem !important; }
    .topic-feed-forum { font-size: .61rem !important; }
    .topic-feed-number { font-size: .64rem !important; }
    .topic-feed-more {
        min-width: 373px !important;
        min-height: 41px !important;
        font-size: .7rem !important;
    }
}


/* ============================================================
   ForumX Exact Topic Table v1.3.0
   Cevap/görüntülenme başlıkları ikon ve tam AJAX yükleme.
   ============================================================ */
.topic-feed-table-head .topic-feed-metric-head {
    padding: 0 !important;
    justify-content: center !important;
    overflow: visible !important;
}
.topic-feed-table-head .topic-feed-metric-head .forumx-icon {
    width: 18px !important;
    height: 18px !important;
    color: color-mix(in srgb, var(--text) 82%, var(--muted)) !important;
    stroke-width: 2 !important;
    fill: none !important;
}
.topic-feed-more:disabled,
.topic-feed-more.is-end {
    cursor: default !important;
    color: var(--muted) !important;
    border-color: var(--line) !important;
    background: color-mix(in srgb, var(--card) 94%, var(--card-2) 6%) !important;
    opacity: .88 !important;
}
.topic-feed-more:disabled:hover,
.topic-feed-more:disabled:focus-visible {
    color: var(--muted) !important;
    border-color: var(--line) !important;
    background: color-mix(in srgb, var(--card) 94%, var(--card-2) 6%) !important;
}
.topic-feed-more.is-loading {
    pointer-events: none !important;
}
.topic-feed-row.is-newly-loaded {
    animation: forumx-feed-row-in .22s ease-out both;
}
@keyframes forumx-feed-row-in {
    from { opacity: 0; transform: translateY(4px); }
    to { opacity: 1; transform: translateY(0); }
}
@media (max-width: 760px) {
    .topic-feed-table-head .topic-feed-metric-head .forumx-icon {
        width: 15px !important;
        height: 15px !important;
    }
}

/* ForumX category showcase repair v1.8.0 */
.category-showcase-list {
    display: grid;
    gap: 14px;
}
.forum-category-showcase {
    padding: 0 !important;
    overflow: hidden;
    border-radius: 16px;
}
.forum-category-showcase-body {
    display: grid;
    grid-template-columns: 76px minmax(0, 1.45fr) minmax(220px, .85fr);
    min-width: 0;
}
.forum-category-showcase-icon,
.forum-category-showcase-main,
.forum-category-latest {
    min-width: 0;
    padding: 18px;
}
.forum-category-showcase-icon,
.forum-category-showcase-main {
    border-right: 1px solid var(--line);
}
.forum-category-showcase-icon {
    display: grid;
    place-items: start center;
}
.forum-category-showcase-icon > .forumx-icon {
    width: 46px;
    height: 46px;
    padding: 10px;
    border: 1px solid color-mix(in srgb, var(--accent) 24%, var(--line));
    border-radius: 13px;
    background: color-mix(in srgb, var(--accent) 12%, var(--card-2));
    color: var(--accent);
}
.forum-category-showcase-main h2 {
    margin: 0 0 6px;
    font-size: 1.18rem;
    line-height: 1.2;
}
.forum-category-showcase-main > p {
    margin: 0 0 12px;
    color: var(--muted);
    font-size: .9rem;
    line-height: 1.45;
}
.forum-category-inline-stats {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 14px;
    margin-bottom: 12px;
    color: var(--muted);
    font-size: .84rem;
}
.forum-category-inline-stats strong {
    color: var(--text);
}
.forum-category-subforums {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px 14px;
}
.forum-category-subforums a {
    display: flex;
    align-items: center;
    gap: 7px;
    min-width: 0;
    color: var(--text);
    font-size: .88rem;
    font-weight: 720;
}
.forum-category-subforums a.is-child {
    padding-left: 12px;
    color: color-mix(in srgb, var(--text) 82%, var(--muted));
}
.forum-category-subforums .forumx-icon {
    width: 15px;
    height: 15px;
    flex: 0 0 auto;
    color: var(--accent);
    stroke-width: 2.3;
}
.forum-category-latest {
    display: flex;
    align-items: center;
    background: color-mix(in srgb, var(--card-2) 55%, transparent);
}
.forum-category-latest > a {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    color: inherit;
}
.forum-category-latest .avatar {
    width: 58px;
    height: 58px;
    flex: 0 0 auto;
    border-radius: 13px;
}
.forum-category-latest > a > span {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
    min-width: 0;
}
.forum-category-latest strong {
    display: -webkit-box;
    overflow: hidden;
    color: var(--text);
    font-size: .98rem;
    line-height: 1.28;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.forum-category-latest em {
    color: var(--muted);
    font-size: .76rem;
    font-style: normal;
}
.forum-category-latest-badge {
    display: inline-flex;
    max-width: 100%;
    padding: 3px 8px;
    overflow: hidden;
    border-radius: 7px;
    background: linear-gradient(180deg, #b52ac5, #8b1daf);
    color: #fff;
    font-size: .69rem;
    font-weight: 800;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.forum-category-latest-empty {
    display: flex;
    align-items: center;
    gap: 12px;
    color: var(--muted);
}
.forum-category-latest-empty > span {
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    background: color-mix(in srgb, var(--accent) 10%, var(--card));
    color: var(--accent);
}
.forum-category-latest-empty .forumx-icon {
    width: 23px;
    height: 23px;
}
.forum-category-latest-empty div {
    display: flex;
    flex-direction: column;
    gap: 3px;
}
.forum-category-showcase-footer {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 13px 16px 14px;
    background: color-mix(in srgb, var(--card-2) 68%, transparent);
    color: var(--muted);
    font-size: .78rem;
}
.forum-category-showcase-footer::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 3px;
    background: linear-gradient(90deg, #ffab12, #ff6f45 34%, #d42178 66%, #8d2cff);
}
.forum-category-showcase-footer > div {
    display: flex;
    flex-wrap: wrap;
    gap: 5px 13px;
    align-items: center;
}
.forum-category-showcase-footer strong,
.forum-category-showcase-footer b {
    color: var(--text);
}
.forum-category-showcase-caret {
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    transform: rotate(-90deg);
}
.forum-category-showcase-caret .forumx-icon {
    width: 18px;
    height: 18px;
}

@media (max-width: 900px) {
    .forum-category-showcase-body {
        grid-template-columns: 66px minmax(0, 1fr);
    }
    .forum-category-showcase-icon {
        padding: 16px 8px 16px 14px;
    }
    .forum-category-showcase-main {
        padding: 16px 14px;
        border-right: 0;
    }
    .forum-category-latest {
        grid-column: 1 / -1;
        padding: 13px 14px;
        border-top: 1px solid var(--line);
    }
}

@media (max-width: 620px) {
    .category-showcase-list {
        gap: 11px;
    }
    .forum-category-showcase {
        border-radius: 14px;
    }
    .forum-category-showcase-body {
        grid-template-columns: 58px minmax(0, 1fr);
    }
    .forum-category-showcase-icon {
        padding: 14px 6px 14px 12px;
    }
    .forum-category-showcase-icon > .forumx-icon {
        width: 40px;
        height: 40px;
        padding: 9px;
        border-radius: 11px;
    }
    .forum-category-showcase-main {
        padding: 14px 12px;
    }
    .forum-category-showcase-main h2 {
        font-size: 1rem;
    }
    .forum-category-showcase-main > p {
        margin-bottom: 10px;
        font-size: .8rem;
    }
    .forum-category-inline-stats {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 5px 8px;
        font-size: .74rem;
    }
    .forum-category-inline-stats span:last-child {
        grid-column: 1 / -1;
    }
    .forum-category-subforums {
        grid-template-columns: 1fr 1fr;
        gap: 6px 10px;
    }
    .forum-category-subforums a {
        font-size: .78rem;
    }
    .forum-category-latest {
        padding: 12px;
    }
    .forum-category-latest .avatar {
        width: 50px;
        height: 50px;
        border-radius: 11px;
    }
    .forum-category-latest strong {
        font-size: .88rem;
    }
    .forum-category-latest em {
        font-size: .69rem;
    }
    .forum-category-showcase-footer {
        align-items: flex-start;
        padding: 12px;
        font-size: .69rem;
    }
    .forum-category-showcase-footer > div {
        display: grid;
        grid-template-columns: 1fr 1fr;
        width: 100%;
        gap: 4px 8px;
    }
    .forum-category-showcase-footer > div > strong {
        grid-column: 1 / -1;
    }
}


/* ForumX authentication layout fix v1.9.0 */
.forumx-auth-card {
    width: min(600px, 100%);
    margin-inline: auto;
    padding: 30px;
    overflow: hidden;
}
.forumx-auth-heading {
    display: grid;
    gap: 8px;
    margin-bottom: 22px;
}
.forumx-auth-heading .eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    width: fit-content;
    color: var(--accent);
    font-size: .76rem;
    font-weight: 850;
    letter-spacing: .06em;
    text-transform: uppercase;
}
.forumx-auth-heading .eyebrow .forumx-icon {
    width: 16px;
    height: 16px;
}
.forumx-auth-heading h1 {
    margin: 0;
    font-size: clamp(1.9rem, 1.55rem + 1vw, 2.45rem);
    line-height: 1.08;
}
.forumx-auth-heading p {
    max-width: 48ch;
    margin: 0;
    color: var(--muted);
    font-size: .94rem;
    line-height: 1.5;
}
.forumx-auth-form {
    display: grid;
    gap: 16px;
}
.forumx-auth-form label {
    gap: 8px;
    font-size: .88rem;
}
.forumx-auth-form input {
    min-height: 52px;
    border-radius: 12px;
}
.forumx-auth-submit {
    width: 100%;
    min-height: 50px;
    justify-content: center;
    margin-top: 2px;
}
.auth-support-links {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px 12px;
    margin-top: 4px;
}
.auth-support-links .form-link {
    display: inline-flex;
    align-items: center;
    margin: 0;
    color: var(--muted);
    font-size: .9rem;
    font-weight: 700;
}
.auth-support-links .form-link:hover {
    color: var(--accent);
}
.auth-support-separator {
    color: color-mix(in srgb, var(--muted) 50%, transparent);
}
.forumx-auth-card .auth-divider {
    margin: 22px 0 16px;
}
.forumx-auth-card .auth-provider-list {
    display: grid;
    gap: 10px;
}
.forumx-auth-card .auth-provider-list .button {
    width: 100%;
    min-height: 48px;
    justify-content: center;
    margin: 0;
}
.forumx-auth-card .auth-status:empty {
    display: none;
}

@media (max-width: 760px) {
    .page-shell:has(.forumx-auth-card) {
        padding-top: 22px;
        padding-bottom: 28px;
    }
    .forumx-auth-card {
        width: 100%;
        padding: 22px 18px;
        border-radius: 16px;
    }
    .forumx-auth-heading {
        margin-bottom: 18px;
    }
    .forumx-auth-heading h1 {
        font-size: 1.85rem;
    }
    .forumx-auth-heading p {
        font-size: .86rem;
    }
    .forumx-auth-form {
        gap: 14px;
    }
    .forumx-auth-form input {
        min-height: 50px;
    }
    .auth-support-links {
        display: grid;
        gap: 10px;
    }
    .auth-support-separator {
        display: none;
    }
    body:has(.forumx-auth-card) .site-footer {
        padding-bottom: 82px;
    }
    body:has(.forumx-auth-card) .footer-main {
        grid-template-columns: 1fr;
        gap: 0;
        padding-block: 24px;
    }
    body:has(.forumx-auth-card) .footer-column,
    body:has(.forumx-auth-card) .footer-inner {
        display: none;
    }
}


/* ForumX authentication stability v2.0.0 */
body.auth-page {
    min-height: 100vh;
    min-height: 100svh;
    display: flex;
    flex-direction: column;
}
.auth-page .site-header,
.auth-page .site-footer {
    flex: 0 0 auto;
}
.auth-page .page-shell {
    width: min(760px, calc(100% - 32px));
    min-height: 0;
    flex: 1 0 auto;
    padding-top: 30px;
    padding-bottom: 38px;
}
.forumx-auth-shell {
    width: 100%;
    display: grid;
    place-items: start center;
}
.auth-page .forumx-auth-card {
    width: min(660px, 100%);
    margin: 0;
    padding: 30px;
    overflow: visible;
}
.auth-page .forumx-auth-heading {
    margin-bottom: 22px;
}
.auth-page .forumx-auth-form input {
    min-height: 52px;
}
.auth-page .auth-support-links {
    line-height: 1.35;
}
.auth-register-prompt {
    margin: 20px 0 0;
    padding-top: 18px;
    border-top: 1px solid var(--line);
    color: var(--muted);
    text-align: center;
    font-size: .9rem;
}
.auth-register-prompt a {
    color: var(--accent);
    font-weight: 800;
}

/* Restore the complete footer on authentication pages. */
.auth-page .site-footer {
    display: block !important;
    margin-top: 0;
}
.auth-page .footer-main {
    display: grid !important;
}
.auth-page .footer-column,
.auth-page .footer-inner {
    display: flex !important;
}
.auth-page .footer-column {
    display: grid !important;
}

@media (max-width: 760px) {
    .auth-page .page-shell {
        width: min(100% - 24px, 660px);
        padding-top: 18px;
        padding-bottom: 24px;
    }
    .auth-page .forumx-auth-card {
        width: 100%;
        padding: 22px 18px;
        border-radius: 15px;
    }
    .auth-page .forumx-auth-heading h1 {
        font-size: 1.72rem;
    }
    .auth-page .forumx-auth-heading p {
        font-size: .86rem;
    }
    .auth-page .forumx-auth-form input {
        min-height: 49px;
    }
    .auth-page .auth-support-links {
        display: grid;
        gap: 9px;
    }
    .auth-page .auth-support-separator {
        display: none;
    }
    .auth-page .site-footer {
        padding-bottom: 0 !important;
    }
    .auth-page .footer-main {
        grid-template-columns: 1fr 1fr !important;
        gap: 22px 16px !important;
        padding-block: 24px 18px !important;
    }
    .auth-page .footer-brand {
        grid-column: 1 / -1;
    }
    .auth-page .footer-column {
        display: grid !important;
        gap: 7px;
    }
    .auth-page .footer-inner {
        min-height: 70px !important;
        display: flex !important;
        padding-bottom: 82px !important;
    }
}

/* Profil görsel düzenleyici */
.profile-media-grid {
    display: grid;
    grid-template-columns: minmax(260px, .78fr) minmax(420px, 1.35fr);
    align-items: start;
    gap: 18px;
    margin: 20px 0 24px;
}
.profile-media-editor {
    min-width: 0;
    border: 1px solid var(--line);
    border-radius: 18px;
    padding: 16px;
    background: color-mix(in srgb, var(--card-2) 80%, var(--card));
}
.profile-media-editor > header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 13px;
}
.profile-media-editor > header > div { display: grid; gap: 3px; }
.profile-media-editor > header strong { color: var(--text-strong); font-size: .96rem; }
.profile-media-editor > header small { color: var(--muted); font-size: .74rem; }
.profile-media-editor > header > span {
    flex: 0 0 auto;
    border: 1px solid var(--line);
    border-radius: 999px;
    padding: 4px 8px;
    color: var(--accent-strong);
    background: var(--accent-soft);
    font-size: .7rem;
    font-weight: 800;
}
.profile-crop-stage {
    width: 100%;
    position: relative;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--accent) 30%, var(--line));
    border-radius: 15px;
    background:
        linear-gradient(45deg, color-mix(in srgb, var(--line) 55%, transparent) 25%, transparent 25%, transparent 75%, color-mix(in srgb, var(--line) 55%, transparent) 75%),
        linear-gradient(45deg, color-mix(in srgb, var(--line) 55%, transparent) 25%, transparent 25%, transparent 75%, color-mix(in srgb, var(--line) 55%, transparent) 75%),
        var(--card);
    background-position: 0 0, 10px 10px;
    background-size: 20px 20px;
    cursor: grab;
    touch-action: none;
    user-select: none;
    outline: none;
}
.profile-crop-stage:focus-visible { box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 28%, transparent); }
.profile-crop-stage.is-avatar {
    max-width: 330px;
    aspect-ratio: 1;
    margin-inline: auto;
    border-radius: 28px;
}
.profile-crop-stage.is-cover { aspect-ratio: 3 / 1; min-height: 150px; }
.profile-crop-stage.is-dragging { cursor: grabbing; }
.profile-crop-stage.is-loading::after {
    content: "Görsel hazırlanıyor…";
    z-index: 5;
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    color: #fff;
    background: rgba(8, 22, 35, .58);
    font-weight: 750;
}
.profile-crop-stage > img {
    display: none;
    max-width: none;
    position: absolute;
    top: 50%;
    left: 50%;
    object-fit: fill;
    pointer-events: none;
    will-change: width, height, transform;
}
.profile-crop-stage.has-image > img,
.profile-media-editor.has-image .profile-crop-stage > img { display: block; }
.profile-crop-grid {
    z-index: 3;
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(to right, transparent 33.15%, rgba(255,255,255,.52) 33.33%, transparent 33.5%, transparent 66.48%, rgba(255,255,255,.52) 66.66%, transparent 66.84%),
        linear-gradient(to bottom, transparent 33.15%, rgba(255,255,255,.52) 33.33%, transparent 33.5%, transparent 66.48%, rgba(255,255,255,.52) 66.66%, transparent 66.84%);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.18), inset 0 0 52px rgba(0,0,0,.16);
}
.profile-crop-stage.is-avatar .profile-crop-grid {
    border: 2px solid rgba(255,255,255,.72);
    border-radius: 27px;
}
.profile-crop-placeholder {
    z-index: 1;
    position: absolute;
    inset: 0;
    display: grid;
    place-content: center;
    justify-items: center;
    gap: 8px;
    color: var(--muted);
    pointer-events: none;
}
.profile-crop-placeholder .forumx-icon { width: 30px; height: 30px; }
.profile-media-controls {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 9px;
    margin-top: 13px;
}
.profile-file-button { position: relative; overflow: hidden; cursor: pointer; }
.profile-file-button input {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    opacity: 0 !important;
    pointer-events: none !important;
}
.profile-zoom-control {
    display: grid;
    grid-template-columns: auto minmax(100px, 1fr);
    align-items: center;
    gap: 12px;
    margin-top: 13px;
    color: var(--muted);
    font-size: .75rem;
    font-weight: 700;
}
.profile-zoom-control > span { display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; }
.profile-zoom-control .forumx-icon { width: 15px; height: 15px; }
.profile-zoom-control input[type="range"] { width: 100%; accent-color: var(--accent); }
.profile-crop-help {
    min-height: 20px;
    margin: 10px 0 0;
    color: var(--muted);
    font-size: .72rem;
    line-height: 1.45;
}
.profile-crop-help[data-state="error"] { color: var(--danger); }
.profile-crop-help[data-state="ready"] { color: color-mix(in srgb, var(--success) 80%, var(--text)); }
.profile-crop-help[data-state="working"] { color: var(--accent-strong); }

/* Profil ziyaretçileri */
.profile-visitor-list { display: grid; }
.profile-visitor-list > a {
    min-width: 0;
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    border-bottom: 1px solid var(--line);
    padding: 11px 14px;
}
.profile-visitor-list > a:hover { background: color-mix(in srgb, var(--accent) 6%, transparent); }
.profile-visitor-list .avatar-sm { width: 40px; height: 40px; border-radius: 50%; }
.profile-visitor-list > a > span { min-width: 0; display: grid; gap: 2px; }
.profile-visitor-list strong,
.profile-visitor-list small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.profile-visitor-list strong { color: var(--text); font-size: .76rem; }
.profile-visitor-list small { color: var(--muted); font-size: .62rem; }
.profile-visitor-list > .muted { margin: 0; padding: 14px; }
.profile-visitor-total {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 11px 14px;
    color: var(--muted);
    background: var(--card-2);
    font-size: .68rem;
}
.profile-visitor-total strong { color: var(--text-strong); font-size: .82rem; }

@media (max-width: 900px) {
    .profile-media-grid { grid-template-columns: 1fr; }
    .profile-media-cover { grid-row: 1; }
}
@media (max-width: 560px) {
    .profile-media-editor { padding: 12px; border-radius: 15px; }
    .profile-crop-stage.is-avatar { max-width: 260px; border-radius: 22px; }
    .profile-crop-stage.is-cover { min-height: 105px; }
    .profile-media-controls .button { flex: 1 1 auto; justify-content: center; }
    .profile-zoom-control { grid-template-columns: 1fr; gap: 6px; }
}

/* ForumX — compact admin member management */
.admin-premium-content > .admin-users-header {
    padding: 18px 20px;
    margin-bottom: 12px;
    border-radius: 15px;
}
.admin-users-header .section-header {
    align-items: center;
}
.admin-users-header h1 {
    font-size: clamp(1.55rem, 3vw, 2rem);
    margin: 0;
}
.admin-users-header .search-inline {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) auto;
    gap: 8px;
    width: min(520px, 100%);
}
.admin-users-header .search-inline input,
.admin-users-header .search-inline .button {
    min-height: 38px;
    padding-block: 7px;
}

.admin-premium-content > .admin-user-card {
    display: grid;
    grid-template-columns: minmax(190px, .72fr) minmax(0, 1.65fr);
    grid-template-rows: auto auto;
    align-items: center;
    gap: 8px 12px;
    padding: 13px 14px;
    margin-bottom: 10px;
    border-radius: 14px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .09);
}
.admin-user-card .admin-user-summary {
    grid-row: 1 / -1;
    align-self: stretch;
    min-width: 0;
    gap: 10px;
    padding: 9px 10px;
    border-radius: 11px;
    background: color-mix(in srgb, var(--card-2) 62%, transparent);
}
.admin-user-card .admin-user-summary .avatar {
    width: 48px;
    height: 48px;
    border-radius: 12px;
}
.admin-user-card .admin-user-summary strong {
    font-size: .92rem;
    line-height: 1.25;
}
.admin-user-card .admin-user-summary span {
    display: block;
    max-width: 100%;
    overflow: hidden;
    color: var(--muted);
    font-size: .73rem;
    line-height: 1.35;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.admin-user-card > form {
    min-width: 0;
    margin: 0;
}
.admin-user-card .admin-user-role-form,
.admin-user-card .admin-user-password-form {
    display: grid;
    align-items: center;
    gap: 8px;
}
.admin-user-card .admin-user-role-form {
    grid-template-columns: minmax(96px, .72fr) minmax(118px, 1fr) auto;
}
.admin-user-card .admin-user-password-form {
    grid-template-columns: minmax(160px, 1fr) auto;
}
.admin-user-card select,
.admin-user-card input,
.admin-user-card .button {
    min-height: 36px;
    border-radius: 9px;
    padding: 7px 10px;
    font-size: .78rem;
}
.admin-user-card .button {
    gap: 6px;
    white-space: nowrap;
}
.admin-user-card .button .forumx-icon {
    width: 15px;
    height: 15px;
}

@media (max-width: 760px) {
    .admin-premium-content > .admin-users-header {
        padding: 14px;
    }
    .admin-users-header .section-header {
        gap: 12px;
    }
    .admin-users-header .search-inline {
        width: 100%;
    }
    .admin-premium-content > .admin-user-card {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
        gap: 8px;
        padding: 11px;
        border-radius: 13px;
    }
    .admin-user-card .admin-user-summary {
        grid-row: auto;
        min-height: 0;
    }
    .admin-user-card .admin-user-role-form {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto;
    }
    .admin-user-card .admin-user-password-form {
        grid-template-columns: minmax(0, 1fr) auto;
    }
}

@media (max-width: 520px) {
    .admin-users-header .search-inline {
        grid-template-columns: minmax(0, 1fr) auto;
    }
    .admin-users-header .search-inline .button span {
        display: none;
    }
    .admin-user-card .admin-user-summary {
        padding: 8px;
    }
    .admin-user-card .admin-user-summary .avatar {
        width: 42px;
        height: 42px;
        border-radius: 10px;
    }
    .admin-user-card .admin-user-role-form {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    }
    .admin-user-card .admin-user-role-form .button {
        grid-column: 1 / -1;
    }
    .admin-user-card select,
    .admin-user-card input,
    .admin-user-card .button {
        min-height: 34px;
        padding: 6px 8px;
        font-size: .73rem;
    }
}

/* ForumX admin dashboard safe UI patch — modern icons, live cards, compact mobile */
.admin-stat-grid{gap:10px;margin-bottom:14px}
.admin-stat-card{position:relative;isolation:isolate;min-height:74px;padding:12px 13px;gap:11px;border-radius:13px;overflow:hidden;background:linear-gradient(145deg,color-mix(in srgb,var(--card) 93%,var(--accent) 7%),var(--card));box-shadow:0 8px 24px rgba(0,0,0,.09);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.admin-stat-card::after{content:"";position:absolute;inset:auto -22px -28px auto;width:80px;height:80px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 18%,transparent),transparent 70%);z-index:-1;pointer-events:none}
.admin-stat-card:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 38%,var(--line));box-shadow:0 11px 28px rgba(0,0,0,.12)}
.admin-stat-icon{position:relative;width:39px;height:39px;border-radius:12px;color:#fff;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 88%,#fff),color-mix(in srgb,var(--accent) 68%,#07111d));box-shadow:0 8px 18px color-mix(in srgb,var(--accent) 22%,transparent),inset 0 1px 0 rgba(255,255,255,.28);overflow:hidden}
.admin-stat-icon::after{content:"";position:absolute;inset:0;background:linear-gradient(125deg,rgba(255,255,255,.28),transparent 42%);pointer-events:none}
.admin-stat-icon .forumx-icon{position:relative;z-index:1;width:18px;height:18px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.18))}
.admin-stat-card strong{font-size:clamp(1.08rem,1.7vw,1.45rem)}
.admin-stat-card span{font-size:.71rem}
.admin-stat-card.is-live::before{content:"";position:absolute;top:9px;right:9px;width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 0 rgba(34,197,94,.48);animation:fxLivePulse 1.8s infinite}
@keyframes fxLivePulse{0%{box-shadow:0 0 0 0 rgba(34,197,94,.5)}70%{box-shadow:0 0 0 7px rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}}

.admin-insight-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(250px,.8fr);gap:10px;margin:0 0 14px}
.admin-chart-card,.admin-kpi-card{padding:13px 14px;border-radius:14px}
.admin-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:10px}
.admin-card-heading h2{margin:3px 0 0;font-size:.98rem}
.admin-live-status{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border:1px solid color-mix(in srgb,#22c55e 35%,var(--line));border-radius:999px;background:color-mix(in srgb,#22c55e 9%,var(--card-2));color:color-mix(in srgb,#22c55e 76%,#fff);font-size:.64rem;font-weight:800;white-space:nowrap}
.admin-live-status::before{content:"";width:6px;height:6px;border-radius:50%;background:#22c55e;box-shadow:0 0 9px rgba(34,197,94,.65)}
.admin-live-status.is-refreshing::before{background:var(--accent);box-shadow:0 0 9px color-mix(in srgb,var(--accent) 65%,transparent)}
.admin-bar-chart{display:grid!important;grid-template-columns:repeat(7,minmax(44px,1fr));gap:7px;align-items:end;min-width:0}
.admin-bar-item{display:grid!important;gap:4px;justify-items:center;min-width:0;color:var(--text)}
.admin-bar-track{display:flex!important;align-items:flex-end!important;width:100%;height:112px;padding:5px;border:1px solid var(--line);border-radius:10px;background:linear-gradient(180deg,color-mix(in srgb,var(--card-2) 92%,transparent),color-mix(in srgb,var(--accent) 7%,var(--card-2)));overflow:hidden}
.admin-bar-track>span{display:block!important;width:100%;min-height:7px;border-radius:7px;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 84%,#fff),color-mix(in srgb,var(--accent) 68%,#06101e));box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 5px 14px color-mix(in srgb,var(--accent) 16%,transparent);transition:height .35s ease}
.admin-bar-item>strong{font-size:.76rem;line-height:1}
.admin-bar-item>small,.admin-bar-item>em{display:block;font-size:.61rem;color:var(--muted);font-style:normal;white-space:nowrap}
.admin-kpi-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.admin-kpi-list>div{display:grid!important;gap:2px;padding:10px;border:1px solid var(--line);border-radius:10px;background:linear-gradient(145deg,var(--card-2),color-mix(in srgb,var(--accent) 5%,var(--card-2)))}
.admin-kpi-list strong{font-size:1rem;line-height:1.05}
.admin-kpi-list span{font-size:.67rem;color:var(--muted)}

.admin-quick-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:10px}
.admin-quick-grid>a{min-height:66px;padding:11px 12px;gap:10px;border-radius:11px;background:linear-gradient(145deg,color-mix(in srgb,var(--card-2) 88%,transparent),color-mix(in srgb,var(--accent) 4%,var(--card-2)))}
.admin-quick-grid>a>.forumx-icon{width:19px;height:19px;padding:8px;box-sizing:content-box;border-radius:10px;color:#fff;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 90%,#fff),color-mix(in srgb,var(--accent) 67%,#07111d));box-shadow:0 6px 14px color-mix(in srgb,var(--accent) 18%,transparent)}
.admin-quick-grid strong{font-size:.78rem}
.admin-quick-grid small{font-size:.65rem;line-height:1.3}

@media(max-width:1100px){.admin-insight-grid{grid-template-columns:1fr}.admin-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){
  .admin-premium-content{gap:9px!important}
  .admin-hero{min-height:0;padding:18px 15px;border-radius:13px}
  .admin-hero h1{font-size:1.55rem;margin:8px 0 6px}
  .admin-hero p{font-size:.82rem;line-height:1.48}
  .admin-hero-actions{margin-top:14px;gap:7px}
  .admin-hero-actions .button{min-height:38px;padding:8px 11px;font-size:.74rem}
  .admin-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-bottom:9px}
  .admin-stat-card{min-height:64px;padding:9px 10px;gap:8px;border-radius:11px}
  .admin-stat-icon{width:34px;height:34px;border-radius:10px}
  .admin-stat-icon .forumx-icon{width:16px;height:16px}
  .admin-stat-card strong{font-size:1rem}
  .admin-stat-card span{font-size:.62rem}
  .admin-insight-grid{gap:8px;margin-bottom:9px}
  .admin-chart-card,.admin-kpi-card{padding:11px;border-radius:12px}
  .admin-card-heading{margin-bottom:8px}
  .admin-card-heading h2{font-size:.9rem}
  .admin-bar-chart{display:flex!important;gap:7px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}
  .admin-bar-item{flex:0 0 48px}
  .admin-bar-track{height:88px;padding:4px;border-radius:9px}
  .admin-bar-item>strong{font-size:.69rem}
  .admin-bar-item>small,.admin-bar-item>em{font-size:.56rem}
  .admin-kpi-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  .admin-kpi-list>div{padding:8px}
  .admin-kpi-list strong{font-size:.9rem}
  .admin-kpi-list span{font-size:.6rem}
  .admin-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:7px}
  .admin-quick-grid>a{min-height:58px;padding:9px;gap:8px;border-radius:10px}
  .admin-quick-grid>a>.forumx-icon{width:16px;height:16px;padding:7px;border-radius:9px}
  .admin-quick-grid strong{font-size:.7rem}
  .admin-quick-grid small{font-size:.57rem}
}
@media(max-width:390px){.admin-stat-grid{grid-template-columns:1fr 1fr}.admin-quick-grid{grid-template-columns:1fr 1fr}.admin-live-status{display:none}}

/* ForumX R17 — AJAX tepki durumu */
.reaction-form[data-reaction-form].is-submitting {
  pointer-events: none;
  opacity: .72;
}
.reaction-form[data-reaction-form].has-reaction-error [data-reaction-toggle] {
  outline: 2px solid rgba(251,113,133,.65);
  outline-offset: 2px;
}
.reaction-form[data-reaction-form] [data-reaction-button-count] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 20px;
  height: 20px;
  padding: 0 6px;
  margin-left: 2px;
  border-radius: 999px;
  background: rgba(255,255,255,.08);
  color: inherit;
  font-size: .72rem;
  font-weight: 800;
  line-height: 1;
}
.reaction-form[data-reaction-form] [data-reaction-button-count][hidden] {
  display: none !important;
}
.reaction-picker [data-reaction-option].is-selected {
  background: rgba(59,130,246,.18) !important;
  box-shadow: inset 0 0 0 1px rgba(96,165,250,.45) !important;
  transform: translateY(-2px) scale(1.06);
}
.reaction-picker [data-reaction-option][aria-busy="true"] {
  opacity: .55;
}