/*
 * ForumX Professional UI 2.0
 * Original ForumX design system: restrained forum-first interface inspired by
 * proven community UX patterns without copying any third-party product skin.
 */

:root {
  --fx-accent:#3b82f6;
  --fx-accent-hover:#2563eb;
  --fx-accent-soft:rgba(59,130,246,.12);
  --fx-accent-line:rgba(59,130,246,.30);
  --fx-bg:#0d1117;
  --fx-bg-2:#10161e;
  --fx-surface:#151c25;
  --fx-surface-2:#19222d;
  --fx-surface-3:#202b38;
  --fx-surface-hover:#1b2633;
  --fx-border:#2a3543;
  --fx-border-soft:#202b37;
  --fx-text:#e8edf4;
  --fx-text-2:#cbd5e1;
  --fx-muted:#8e9bac;
  --fx-muted-2:#697789;
  --fx-success:#22a06b;
  --fx-warning:#d89b31;
  --fx-danger:#d95763;
  --fx-info:#4aa3df;
  --fx-radius:10px;
  --fx-radius-sm:7px;
  --fx-shadow:0 10px 30px rgba(0,0,0,.20);
  --fx-shadow-soft:0 4px 14px rgba(0,0,0,.15);

  --accent:var(--fx-accent);
  --accent-strong:var(--fx-accent-hover);
  --accent-deep:#1d4ed8;
  --accent-soft:var(--fx-accent-soft);
  --accent-faint:rgba(59,130,246,.07);
  --bg:var(--fx-bg);
  --bg-soft:var(--fx-bg-2);
  --card:var(--fx-surface);
  --card-2:var(--fx-surface-2);
  --text:var(--fx-text);
  --text-strong:#f8fafc;
  --muted:var(--fx-muted);
  --line:var(--fx-border);
  --line-strong:#3a4858;
  --header:#111821;
  --header-2:#151f2b;
  --header-text:var(--fx-text);
  --nav:#111821;
  --success:var(--fx-success);
  --danger:var(--fx-danger);
  --warning:var(--fx-warning);
  --info:var(--fx-info);
  --shadow:var(--fx-shadow);
  --radius:var(--fx-radius);
  --font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

html[data-theme="dark"],
html[data-theme="light"] {
  color-scheme:dark;
  background:var(--fx-bg);
}

body.fx-forumx {
  margin:0;
  background:var(--fx-bg) !important;
  color:var(--fx-text);
  font-family:var(--font);
  font-size:15px;
  line-height:1.55;
  letter-spacing:0;
}

body.fx-forumx::before,
body.fx-forumx::after,
body.fx-forumx .site-header::before,
body.fx-forumx .site-header::after,
body.fx-forumx .fx-home-hero::before,
body.fx-forumx .fx-home-hero::after,
body.fx-forumx .fx-home-category::before,
body.fx-forumx .fx-home-category::after,
body.fx-forumx .profile-header::before,
body.fx-forumx .profile-header::after {
  content:none !important;
  display:none !important;
}

body.fx-forumx * {
  scrollbar-color:#374353 #111821;
}
body.fx-forumx ::selection { background:#2d5f9e; color:#fff; }
body.fx-forumx a { color:inherit; text-decoration:none; }
body.fx-forumx a:hover { color:#fff; }
body.fx-forumx h1,
body.fx-forumx h2,
body.fx-forumx h3,
body.fx-forumx h4,
body.fx-forumx h5,
body.fx-forumx h6 { color:#f5f7fa; letter-spacing:-.02em; }
body.fx-forumx p { color:var(--fx-muted); }
body.fx-forumx .muted,
body.fx-forumx small { color:var(--fx-muted); }
body.fx-forumx .container { width:min(1240px,calc(100% - 32px)); }
body.fx-forumx .page-shell { padding-block:24px 72px; }
body.fx-forumx .forumx-icon { width:20px; height:20px; flex:0 0 20px; stroke-width:1.8; vertical-align:middle; }
body.fx-forumx .avatar { object-fit:cover; background:#263244; border:1px solid var(--fx-border); }

/* --------------------------------------------------------------------------
   Header / navigation
   -------------------------------------------------------------------------- */
body.fx-forumx .site-header {
  position:sticky;
  top:0;
  z-index:100;
  background:#111821 !important;
  border-bottom:1px solid var(--fx-border) !important;
  box-shadow:0 2px 9px rgba(0,0,0,.22) !important;
  backdrop-filter:none !important;
}
body.fx-forumx .utility-bar {
  min-height:30px;
  background:#0b1016 !important;
  border:0 !important;
  border-bottom:1px solid #1c2631 !important;
  color:#78879a;
}
body.fx-forumx .utility-inner { min-height:30px; font-size:12px; }
body.fx-forumx .community-status { gap:7px; }
body.fx-forumx .community-status i {
  width:7px; height:7px; border-radius:50%; background:var(--fx-success); box-shadow:none !important;
}
body.fx-forumx .header-main { background:#111821 !important; }
body.fx-forumx .header-inner { min-height:64px; gap:18px; }
body.fx-forumx .brand { gap:11px; min-width:0; }
body.fx-forumx .fx-brand-picture,
body.fx-forumx .fx-brand-image {
  width:42px !important; height:42px !important; max-width:42px !important; max-height:42px !important;
  border-radius:9px; box-shadow:none !important;
}
body.fx-forumx .brand-mark {
  width:42px; height:42px; border-radius:9px;
  background:#2367bd !important; color:#fff; box-shadow:none !important;
}
body.fx-forumx .brand-copy { display:flex; flex-direction:column; line-height:1.15; min-width:0; }
body.fx-forumx .brand-copy strong {
  color:#f5f7fa !important;
  background:none !important;
  -webkit-text-fill-color:currentColor !important;
  font-size:19px; font-weight:760; letter-spacing:-.025em; text-shadow:none !important;
}
body.fx-forumx .brand-copy small { margin-top:4px; color:#7f8c9d; font-size:11px; font-weight:550; }
body.fx-forumx .header-actions { display:flex; align-items:center; gap:7px; }
body.fx-forumx .action-icon,
body.fx-forumx .mobile-menu-button,
body.fx-forumx .profile-chip,
body.fx-forumx .header-login-button {
  min-width:39px; height:39px; padding:0 10px;
  border:1px solid #2b3745 !important;
  border-radius:8px !important;
  background:#151e28 !important;
  color:#aab5c2 !important;
  box-shadow:none !important;
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
}
body.fx-forumx .action-icon:hover,
body.fx-forumx .mobile-menu-button:hover,
body.fx-forumx .profile-chip:hover,
body.fx-forumx .header-login-button:hover {
  background:#1b2633 !important; border-color:#435267 !important; color:#f3f6fa !important;
}
body.fx-forumx .profile-chip { padding:3px 8px 3px 4px; }
body.fx-forumx .profile-chip .avatar-small { width:31px; height:31px; border-radius:7px; }
body.fx-forumx .header-register { height:39px; }
body.fx-forumx .nav-badge,
body.fx-forumx .fx-bottom-notification-badge {
  background:#d64d5f !important; color:#fff !important; border:2px solid #111821; box-shadow:none !important;
}
body.fx-forumx .primary-nav-bar {
  background:#0f151d !important;
  border:0 !important;
  border-top:1px solid #1d2732 !important;
  border-bottom:1px solid #26313f !important;
}
body.fx-forumx .primary-nav-inner { min-height:44px; gap:18px; }
body.fx-forumx .main-nav { gap:2px; font-size:14px; font-weight:620; }
body.fx-forumx .main-nav>a,
body.fx-forumx .staff-nav>a,
body.fx-forumx .main-nav .nav-button {
  min-height:43px;
  padding:0 12px;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  color:#97a4b4 !important;
  box-shadow:none !important;
  display:flex; align-items:center; gap:7px;
  position:relative;
}
body.fx-forumx .main-nav>a:hover,
body.fx-forumx .staff-nav>a:hover { color:#eef3f8 !important; background:#151e28 !important; }
body.fx-forumx .main-nav>a.active,
body.fx-forumx .main-nav .active {
  color:#fff !important; background:#151e28 !important;
}
body.fx-forumx .main-nav>a.active::after {
  content:"" !important; display:block !important; position:absolute; left:11px; right:11px; bottom:-1px; height:2px;
  background:var(--fx-accent); border-radius:2px 2px 0 0;
}
body.fx-forumx .staff-nav { gap:2px; margin-left:auto; }
body.fx-forumx .staff-nav>a { font-size:13px; }
body.fx-forumx .staff-nav .nav-create { color:#dbe8f9 !important; }
body.fx-forumx .nav-mobile-section,
body.fx-forumx .nav-mobile-only { display:none !important; }

/* --------------------------------------------------------------------------
   Shared surfaces, buttons and forms
   -------------------------------------------------------------------------- */
body.fx-forumx :where(
  .card,.premium-panel,.sidebar-card,.editor-card,.thread-title-card,.forum-page-head,
  .poll-card,.profile-header,.profile-main,.profile-sidebar,.profile-tab-panel,.account-nav,
  .table-wrap,.hero-card,.home-block,.fx-home-category,.fx-home-side-card,.resource-card,
  .warning-card,.moderation-card,.search-results-card,.auth-card,.forumx-auth-card
) {
  background:var(--fx-surface) !important;
  border:1px solid var(--fx-border) !important;
  border-radius:var(--fx-radius) !important;
  box-shadow:none !important;
}
body.fx-forumx .card { padding:20px; margin-bottom:18px; }
body.fx-forumx :where(.eyebrow,.admin-kicker,.section-kicker) {
  color:#8aa4c7 !important; font-size:11px; letter-spacing:.08em; font-weight:750; text-transform:uppercase;
}
body.fx-forumx .button {
  min-height:40px;
  padding:0 15px;
  border:1px solid #3d78c6 !important;
  border-radius:8px !important;
  background:#3578cb !important;
  color:#fff !important;
  box-shadow:none !important;
  font-weight:680;
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
}
body.fx-forumx .button:hover { background:#2c69b4 !important; border-color:#4e88d1 !important; filter:none !important; }
body.fx-forumx .button-secondary {
  background:#1b2531 !important; border-color:#354354 !important; color:#d3dce7 !important;
}
body.fx-forumx .button-secondary:hover { background:#222f3e !important; border-color:#4b5c70 !important; color:#fff !important; }
body.fx-forumx .button-danger { background:#b94855 !important; border-color:#d65b68 !important; color:#fff !important; }
body.fx-forumx .button-danger:hover { background:#a43e49 !important; }
body.fx-forumx .button-group { gap:8px; }
body.fx-forumx :where(.status-chip,.thread-prefix,.role-badge,.profile-badge-list>span,.thread-type-chip,.topic-prefix,.topic-state) {
  min-height:22px;
  padding:2px 7px;
  border:1px solid #3a485a !important;
  border-radius:5px !important;
  background:#202b38 !important;
  color:#c9d4e2 !important;
  box-shadow:none !important;
  font-size:11px; font-weight:700;
}
body.fx-forumx input,
body.fx-forumx textarea,
body.fx-forumx select {
  background:#0f151d !important;
  border:1px solid #344152 !important;
  border-radius:7px !important;
  color:#e7edf5 !important;
  box-shadow:none !important;
}
body.fx-forumx input:focus,
body.fx-forumx textarea:focus,
body.fx-forumx select:focus {
  border-color:#4b86d4 !important;
  box-shadow:0 0 0 3px rgba(59,130,246,.12) !important;
  outline:0;
}
body.fx-forumx input::placeholder,
body.fx-forumx textarea::placeholder { color:#657386 !important; }
body.fx-forumx label { color:#bdc7d3; }
body.fx-forumx .ql-toolbar.ql-snow,
body.fx-forumx .editor-toolbar { background:#151d27 !important; border-color:#344152 !important; }
body.fx-forumx .ql-container.ql-snow,
body.fx-forumx .ql-editor { background:#0f151d !important; border-color:#344152 !important; color:#e5ebf2 !important; }
body.fx-forumx blockquote { background:#111922 !important; border-left:3px solid #5a86bc !important; border-radius:0 6px 6px 0 !important; color:#c5cfdb; }
body.fx-forumx pre,
body.fx-forumx code { background:#0a0f15 !important; border-color:#283543 !important; color:#d5dee9 !important; }

/* --------------------------------------------------------------------------
   Breadcrumbs / alerts / pagination
   -------------------------------------------------------------------------- */
body.fx-forumx .breadcrumbs {
  margin-bottom:14px; padding:0; background:transparent !important; border:0 !important; color:#7f8d9e;
}
body.fx-forumx .breadcrumbs a { color:#9ba8b8; }
body.fx-forumx .breadcrumbs a:hover { color:#fff; }
body.fx-forumx .alert {
  background:#151d27 !important; border:1px solid #354354 !important; border-left-width:4px !important;
  border-radius:8px !important; color:#d8e0e9 !important; box-shadow:none !important;
}
body.fx-forumx .alert-success { border-left-color:var(--fx-success) !important; }
body.fx-forumx .alert-danger { border-left-color:var(--fx-danger) !important; }
body.fx-forumx .alert-warning { border-left-color:var(--fx-warning) !important; }
body.fx-forumx .pagination { gap:5px; }
body.fx-forumx .pagination a,
body.fx-forumx .pagination span {
  min-width:35px; height:35px; border-radius:6px !important; border:1px solid #334051 !important; background:#151d27 !important; color:#aeb9c7 !important;
}
body.fx-forumx .pagination .active,
body.fx-forumx .pagination a:hover { background:#2f6fbf !important; border-color:#4b86d4 !important; color:#fff !important; }

/* --------------------------------------------------------------------------
   Home: conventional community dashboard
   -------------------------------------------------------------------------- */
body.fx-forumx .fx-home-hero {
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  gap:22px !important;
  min-height:0 !important;
  margin:0 0 18px !important;
  padding:24px !important;
  overflow:visible !important;
  background:var(--fx-surface) !important;
  border:1px solid var(--fx-border) !important;
  border-radius:var(--fx-radius) !important;
  box-shadow:none !important;
}
body.fx-forumx .fx-home-hero-copy { min-width:0; }
body.fx-forumx .fx-home-kicker {
  display:inline-flex; align-items:center; gap:7px;
  margin:0 0 7px; color:#8ea0b4 !important; font-size:12px; font-weight:700; letter-spacing:.04em; text-transform:none !important;
}
body.fx-forumx .fx-home-kicker .forumx-icon { width:16px; height:16px; }
body.fx-forumx .fx-home-hero h1 {
  margin:0; font-size:clamp(24px,3.2vw,34px) !important; line-height:1.15; font-weight:760; letter-spacing:-.035em;
}
body.fx-forumx .fx-home-hero h1 strong { color:#f7f9fb !important; background:none !important; -webkit-text-fill-color:currentColor !important; }
body.fx-forumx .fx-home-hero-copy>p { margin:7px 0 17px; max-width:720px; color:#97a5b5 !important; font-size:14px; }
body.fx-forumx .fx-home-search {
  display:flex; align-items:center; gap:9px;
  max-width:720px; height:44px; padding:0 5px 0 13px;
  border:1px solid #354354 !important; border-radius:8px !important;
  background:#0e141c !important; box-shadow:none !important;
}
body.fx-forumx .fx-home-search>.forumx-icon { color:#718096; }
body.fx-forumx .fx-home-search input {
  min-width:0; flex:1; height:40px; padding:0; border:0 !important; background:transparent !important; box-shadow:none !important;
}
body.fx-forumx .fx-home-search button {
  height:34px; padding:0 14px; border:0; border-radius:6px; background:#2f6fbf; color:#fff; font-weight:700;
}
body.fx-forumx .fx-home-hero-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:12px; }
body.fx-forumx .fx-home-hero-actions .button { min-height:36px; padding:0 12px; font-size:13px; }
body.fx-forumx .fx-home-hero-stats {
  display:grid !important; grid-template-columns:1fr !important; gap:7px !important;
  min-width:190px; align-content:center;
}
body.fx-forumx .fx-home-hero-stat {
  min-height:50px !important; padding:8px 10px !important;
  display:grid !important; grid-template-columns:32px 1fr !important; gap:9px !important; align-items:center;
  background:#111922 !important; border:1px solid #2b3745 !important; border-radius:7px !important; box-shadow:none !important;
}
body.fx-forumx .fx-home-hero-stat>span {
  width:32px !important; height:32px !important; border-radius:6px !important; display:grid; place-items:center;
  background:#1d2a39 !important; color:#8eb9ef !important; box-shadow:none !important;
}
body.fx-forumx .fx-home-hero-stat>span .forumx-icon { width:17px; height:17px; }
body.fx-forumx .fx-home-hero-stat strong { font-size:16px !important; color:#f1f4f8 !important; }
body.fx-forumx .fx-home-hero-stat small { font-size:11px !important; }

body.fx-forumx .fx-home-dashboard {
  display:grid !important; grid-template-columns:minmax(0,1fr) 290px !important; gap:18px !important; align-items:start;
  margin-top:0 !important;
}
body.fx-forumx .fx-home-main-column,
body.fx-forumx .fx-home-side-column { min-width:0; }
body.fx-forumx .fx-home-side-column { display:grid; gap:14px; position:sticky; top:130px; }
body.fx-forumx .fx-home-feed-stage { margin-top:18px; }

/* Forum index */
body.fx-forumx .fx-home-forums {
  border:1px solid var(--fx-border); border-radius:var(--fx-radius); background:var(--fx-surface); overflow:hidden;
}
body.fx-forumx .fx-home-section-header {
  min-height:55px; padding:0 16px;
  display:flex; align-items:center; justify-content:space-between; gap:16px;
  background:#18212b !important; border-bottom:1px solid var(--fx-border) !important;
}
body.fx-forumx .fx-home-section-title { display:flex; align-items:center; gap:10px; }
body.fx-forumx .fx-home-section-icon {
  width:34px; height:34px; display:grid; place-items:center; border-radius:7px;
  background:#243244 !important; color:#9bc1ef !important; border:0 !important; box-shadow:none !important;
}
body.fx-forumx .fx-home-section-icon .forumx-icon { width:18px; height:18px; }
body.fx-forumx .fx-home-section-title strong { font-size:16px; }
body.fx-forumx .fx-home-section-title small { display:block; margin-top:2px; font-size:11px; }
body.fx-forumx .fx-home-section-actions { display:flex; gap:5px; }
body.fx-forumx .fx-home-section-actions>a,
body.fx-forumx .fx-home-section-actions>button,
body.fx-forumx .home-block-actions>a,
body.fx-forumx .home-block-actions>button {
  width:34px; height:34px; display:grid; place-items:center; border:1px solid #344152 !important; border-radius:6px !important;
  background:#121a23 !important; color:#8f9dae !important; box-shadow:none !important;
}
body.fx-forumx .fx-home-section-actions>a:hover,
body.fx-forumx .fx-home-section-actions>button:hover,
body.fx-forumx .home-block-actions>a:hover,
body.fx-forumx .home-block-actions>button:hover { color:#fff !important; background:#202b38 !important; }
body.fx-forumx .fx-home-category-list { background:#10161e; }
body.fx-forumx .fx-home-category {
  margin:0 !important; border:0 !important; border-radius:0 !important; background:#151c25 !important; box-shadow:none !important;
}
body.fx-forumx .fx-home-category+.fx-home-category { border-top:14px solid #0d1117 !important; }
body.fx-forumx .fx-home-category-header {
  min-height:48px; padding:8px 14px !important;
  display:flex; align-items:center; justify-content:space-between; gap:14px;
  background:#1c2631 !important; border:0 !important; border-bottom:1px solid #344152 !important;
}
body.fx-forumx .fx-home-category-heading { display:flex; align-items:center; min-width:0; gap:9px; }
body.fx-forumx .fx-home-category-icon {
  width:31px !important; height:31px !important; border-radius:6px !important; display:grid; place-items:center;
  color:#9cbde5 !important; background:#253344 !important; border:0 !important; box-shadow:none !important;
}
body.fx-forumx .fx-home-category-icon .forumx-icon { width:17px; height:17px; }
body.fx-forumx .fx-home-category-heading strong { font-size:14px !important; font-weight:730; }
body.fx-forumx .fx-home-category-heading small { margin-top:1px; font-size:11px !important; color:#8391a2 !important; }
body.fx-forumx .fx-home-category-total { display:flex; align-items:center; gap:16px; }
body.fx-forumx .fx-home-stat-pill {
  display:grid !important; grid-template-columns:18px auto !important; grid-template-rows:auto auto !important; column-gap:6px !important;
  min-width:58px !important; padding:0 !important; border:0 !important; background:transparent !important; box-shadow:none !important; color:#8e9cae !important;
}
body.fx-forumx .fx-home-stat-pill>.forumx-icon { grid-row:1/3; align-self:center; width:16px; height:16px; color:#68798e; }
body.fx-forumx .fx-home-stat-pill b { font-size:13px; color:#d7dee7; line-height:1.05; }
body.fx-forumx .fx-home-stat-pill small { font-size:10px; line-height:1.05; }
body.fx-forumx .fx-home-forum-rows { background:#151c25; }
body.fx-forumx .fx-home-forum-row {
  min-height:76px;
  display:grid !important; grid-template-columns:minmax(0,1fr) 118px 270px !important; align-items:stretch;
  gap:0 !important;
  background:#151c25 !important; border:0 !important; border-bottom:1px solid #273240 !important;
  border-radius:0 !important; box-shadow:none !important; transition:background .14s ease;
}
body.fx-forumx .fx-home-forum-row:last-child { border-bottom:0 !important; }
body.fx-forumx .fx-home-forum-row:hover { background:#18212b !important; transform:none !important; }
body.fx-forumx .fx-home-forum-main {
  min-width:0; padding:13px 14px !important; display:grid !important; grid-template-columns:42px minmax(0,1fr) !important; gap:11px !important; align-items:center;
}
body.fx-forumx .fx-home-forum-icon {
  width:40px !important; height:40px !important; border-radius:8px !important; display:grid; place-items:center;
  background:#202c3a !important; color:#89b1df !important; border:1px solid #334354 !important; box-shadow:none !important;
}
body.fx-forumx .fx-home-forum-icon .forumx-icon { width:20px; height:20px; }
body.fx-forumx .fx-home-forum-copy { min-width:0; }
body.fx-forumx .fx-home-forum-copy strong { display:block; color:#eef2f6 !important; font-size:14px !important; font-weight:720; }
body.fx-forumx .fx-home-forum-copy small { display:block; margin-top:3px; color:#8290a1 !important; font-size:12px !important; white-space:normal; }
body.fx-forumx .fx-home-forum-counts {
  display:grid !important; grid-template-columns:1fr 1fr !important; align-items:center; padding:0 10px !important;
  border-left:1px solid #273240 !important; border-right:1px solid #273240 !important;
}
body.fx-forumx .fx-home-count-pill {
  padding:0 !important; min-width:0 !important; background:transparent !important; border:0 !important; box-shadow:none !important;
  display:flex !important; flex-direction:column; align-items:center; justify-content:center; gap:1px;
}
body.fx-forumx .fx-home-count-pill>.forumx-icon { display:none; }
body.fx-forumx .fx-home-count-pill b { color:#d5dde7 !important; font-size:13px !important; }
body.fx-forumx .fx-home-count-pill small { color:#748295 !important; font-size:10px !important; text-transform:none !important; }
body.fx-forumx .fx-home-forum-latest { min-width:0; padding:9px 12px !important; display:flex; align-items:center; }
body.fx-forumx .fx-home-forum-latest>a {
  width:100%; min-width:0; display:grid !important; grid-template-columns:34px minmax(0,1fr) 16px !important; gap:9px !important; align-items:center;
  padding:0 !important; background:transparent !important; border:0 !important; border-radius:0 !important;
}
body.fx-forumx .fx-home-forum-latest .avatar { width:34px !important; height:34px !important; border-radius:7px !important; }
body.fx-forumx .fx-home-forum-latest strong { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#dbe2ea !important; font-size:12px !important; }
body.fx-forumx .fx-home-forum-latest small { display:block; margin-top:2px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#738296 !important; font-size:10px !important; }
body.fx-forumx .fx-home-forum-latest>.forumx-icon,
body.fx-forumx .fx-home-forum-latest a>.forumx-icon { width:15px; height:15px; color:#58697d; }
body.fx-forumx .fx-home-latest-empty-icon { width:34px; height:34px; border-radius:7px; background:#1e2936 !important; color:#788aa0 !important; display:grid; place-items:center; }
body.fx-forumx .fx-home-show-more { border-radius:0 !important; background:#151c25 !important; border:0 !important; border-top:1px solid #2a3543 !important; color:#9ba8b8 !important; }

/* Sidebar cards */
body.fx-forumx .fx-home-side-card {
  margin:0 !important; overflow:hidden; border-radius:8px !important; background:#151c25 !important; box-shadow:none !important;
}
body.fx-forumx .fx-home-side-header {
  min-height:47px; padding:0 12px !important; background:#1a232e !important; border-bottom:1px solid #2d3948 !important;
}
body.fx-forumx .fx-home-side-header>div { gap:8px; }
body.fx-forumx .fx-home-side-icon {
  width:29px !important; height:29px !important; border-radius:6px !important; background:#263445 !important; color:#93b9e5 !important; box-shadow:none !important;
}
body.fx-forumx .fx-home-side-icon .forumx-icon { width:16px; height:16px; }
body.fx-forumx .fx-home-side-header strong { font-size:13px !important; }
body.fx-forumx .fx-home-side-count { font-size:10px !important; color:#738194 !important; }
body.fx-forumx .fx-home-side-content { padding:10px !important; }
body.fx-forumx .fx-home-avatar-cluster { margin:0 0 8px; padding:0 2px; }
body.fx-forumx .fx-home-avatar-cluster .avatar { border:2px solid #151c25; }
body.fx-forumx .fx-home-member-list { display:grid; gap:0 !important; }
body.fx-forumx .fx-home-member-row {
  min-height:48px; padding:7px 4px !important; border:0 !important; border-bottom:1px solid #26313e !important; border-radius:0 !important; background:transparent !important;
}
body.fx-forumx .fx-home-member-row:hover { background:#18212b !important; }
body.fx-forumx .fx-home-member-row:last-child { border-bottom:0 !important; }
body.fx-forumx .fx-home-member-avatar .avatar { width:32px !important; height:32px !important; border-radius:50% !important; }
body.fx-forumx .fx-home-member-row strong { font-size:12px !important; }
body.fx-forumx .fx-home-member-row small { font-size:10px !important; }
body.fx-forumx .fx-home-side-button {
  min-height:36px; margin-top:8px; border:1px solid #313e4e !important; border-radius:6px !important;
  background:#19232e !important; color:#a5b1bf !important; font-size:11px; font-weight:650;
}
body.fx-forumx .fx-home-side-button:hover { background:#202c39 !important; color:#fff !important; }

/* Topic/activity feed */
body.fx-forumx .topic-feed-card {
  padding:0 !important; overflow:hidden; background:#151c25 !important; border:1px solid var(--fx-border) !important; border-radius:var(--fx-radius) !important;
}
body.fx-forumx .topic-feed-tabs {
  min-height:48px; padding:0 7px 0 8px !important; background:#1a232e !important; border-bottom:1px solid #2e3a49 !important;
}
body.fx-forumx .topic-feed-tab-scroll { gap:1px !important; }
body.fx-forumx .topic-feed-tab {
  min-height:47px !important; padding:0 12px !important; border:0 !important; border-radius:0 !important;
  background:transparent !important; color:#8e9cac !important; box-shadow:none !important; font-size:12px; font-weight:650; position:relative;
}
body.fx-forumx .topic-feed-tab:hover { color:#e5ebf2 !important; background:#202a35 !important; }
body.fx-forumx .topic-feed-tab.active { color:#fff !important; background:transparent !important; }
body.fx-forumx .topic-feed-tab.active::after {
  content:""; position:absolute; left:10px; right:10px; bottom:-1px; height:2px; background:var(--fx-accent); border-radius:2px 2px 0 0;
}
body.fx-forumx .topic-feed-controls { gap:4px; }
body.fx-forumx .topic-feed-table-shell { background:#151c25 !important; }
body.fx-forumx .fx-v40-table-head {
  min-height:34px !important; background:#111820 !important; border-bottom:1px solid #293543 !important; color:#6f7e91 !important; font-size:10px !important; text-transform:uppercase; letter-spacing:.04em;
}
body.fx-forumx .fx-stream-section { background:#151c25 !important; }
body.fx-forumx .fx-stream-section-header {
  min-height:40px; padding:0 12px !important; background:#171f29 !important; border-bottom:1px solid #293543 !important;
}
body.fx-forumx .fx-stream-section-icon { width:25px !important; height:25px !important; border-radius:5px !important; background:#263445 !important; color:#94b7df !important; box-shadow:none !important; }
body.fx-forumx .fx-stream-section-copy strong { font-size:12px !important; }
body.fx-forumx .fx-stream-section-copy small { font-size:10px !important; }
body.fx-forumx .fx-stream-topic,
body.fx-forumx .topic-feed-row {
  min-height:64px !important; padding:9px 12px !important; background:#151c25 !important; border:0 !important; border-bottom:1px solid #273240 !important; border-radius:0 !important; box-shadow:none !important;
}
body.fx-forumx .fx-stream-topic:hover { background:#18212b !important; transform:none !important; }
body.fx-forumx .fx-stream-avatar .avatar { width:34px !important; height:34px !important; border-radius:50% !important; }
body.fx-forumx .fx-stream-index { color:#5e6d80 !important; font-size:10px !important; }
body.fx-forumx .fx-stream-title { color:#e4e9ef !important; font-size:13px !important; font-weight:690 !important; }
body.fx-forumx .fx-stream-title:hover { color:#fff !important; }
body.fx-forumx .fx-stream-meta { margin-top:3px !important; gap:5px !important; color:#758396 !important; font-size:10px !important; }
body.fx-forumx .fx-stream-meta .forumx-icon { width:12px; height:12px; }
body.fx-forumx .fx-stream-metrics { gap:12px !important; }
body.fx-forumx .fx-stream-metric {
  min-width:50px !important; padding:0 !important; background:transparent !important; border:0 !important; box-shadow:none !important; color:#78879a !important;
}
body.fx-forumx .fx-stream-metric b { color:#c8d1dc !important; font-size:11px !important; }
body.fx-forumx .fx-stream-metric small { font-size:9px !important; }
body.fx-forumx .topic-feed-more {
  min-height:40px !important; border:0 !important; border-top:1px solid #293543 !important; border-radius:0 !important;
  background:#171f29 !important; color:#92a0b1 !important; box-shadow:none !important;
}
body.fx-forumx .topic-feed-more:hover { background:#1c2631 !important; color:#fff !important; }

/* --------------------------------------------------------------------------
   Forum page and thread lists
   -------------------------------------------------------------------------- */
body.fx-forumx .forum-page-head,
body.fx-forumx .thread-title-card {
  padding:18px !important; border-radius:8px !important; background:#151c25 !important;
}
body.fx-forumx .forum-page-heading { gap:12px; }
body.fx-forumx .forum-page-icon {
  width:44px !important; height:44px !important; border-radius:8px !important; display:grid; place-items:center;
  background:#223044 !important; color:#9dbce1 !important; border:1px solid #344559 !important; box-shadow:none !important;
}
body.fx-forumx .forum-page-icon .forumx-icon { width:21px; height:21px; }
body.fx-forumx .forum-page-head h1,
body.fx-forumx .thread-title-card h1 { margin:2px 0 4px !important; font-size:22px !important; }
body.fx-forumx .forum-page-head p,
body.fx-forumx .thread-title-meta { margin:0; color:#8896a7 !important; font-size:12px !important; }
body.fx-forumx .thread-list {
  padding:0 !important; overflow:hidden; border-radius:8px !important; background:#151c25 !important;
}
body.fx-forumx .thread-row-modern {
  min-height:70px !important; padding:10px 13px !important;
  display:grid !important; grid-template-columns:40px minmax(0,1fr) 105px 190px !important; align-items:center; gap:11px !important;
  border:0 !important; border-bottom:1px solid #283442 !important; border-radius:0 !important;
  background:#151c25 !important; box-shadow:none !important; color:inherit !important;
}
body.fx-forumx .thread-row-modern:last-child { border-bottom:0 !important; }
body.fx-forumx .thread-row-modern:hover { background:#19222d !important; transform:none !important; }
body.fx-forumx .thread-row-modern.thread-unread { background:#172130 !important; }
body.fx-forumx .thread-row-modern.thread-unread .thread-main>strong { color:#fff !important; font-weight:760; }
body.fx-forumx .thread-row-icon {
  width:38px !important; height:38px !important; border-radius:8px !important; display:grid; place-items:center;
  background:#202d3c !important; color:#8eb7e4 !important; border:1px solid #324255 !important; box-shadow:none !important;
}
body.fx-forumx .thread-row-icon .forumx-icon { width:18px; height:18px; }
body.fx-forumx .thread-main { min-width:0; }
body.fx-forumx .thread-main>strong { display:block; color:#e5ebf2 !important; font-size:13px !important; line-height:1.45; }
body.fx-forumx .thread-byline { display:flex; align-items:center; gap:5px; margin-top:4px; color:#758396 !important; font-size:10px !important; }
body.fx-forumx .thread-state .forumx-icon { width:12px; height:12px; }
body.fx-forumx .thread-engagement {
  display:grid !important; grid-template-columns:1fr 1fr !important; gap:4px !important; border-left:1px solid #293543; padding-left:10px;
}
body.fx-forumx .thread-engagement>span { display:flex !important; flex-direction:column; align-items:center; gap:1px !important; color:#778599 !important; font-size:10px !important; }
body.fx-forumx .thread-engagement .forumx-icon { width:14px; height:14px; }
body.fx-forumx .thread-engagement strong { color:#d0d8e2 !important; font-size:11px; }
body.fx-forumx .thread-last-modern { min-width:0; display:grid !important; grid-template-columns:minmax(0,1fr) 32px !important; gap:8px !important; align-items:center; }
body.fx-forumx .thread-last-modern>span { min-width:0; }
body.fx-forumx .thread-last-modern strong { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:11px !important; color:#cbd4df !important; }
body.fx-forumx .thread-last-modern small { display:block; margin-top:2px; font-size:9px !important; }
body.fx-forumx .thread-last-modern .avatar { width:32px !important; height:32px !important; border-radius:50% !important; }

/* --------------------------------------------------------------------------
   Thread view / posts — classic forum readability
   -------------------------------------------------------------------------- */
body.fx-forumx .fxp-post-list { display:grid; gap:14px !important; }
body.fx-forumx .fxp-post {
  position:relative;
  display:grid !important;
  grid-template-columns:178px minmax(0,1fr) !important;
  grid-template-areas:"author meta" "author content" "author footer" !important;
  gap:0 !important;
  overflow:hidden;
  background:#151c25 !important;
  border:1px solid var(--fx-border) !important;
  border-radius:9px !important;
  box-shadow:none !important;
}
body.fx-forumx .fxp-post.is-solution { border-color:rgba(34,160,107,.55) !important; }
body.fx-forumx .fxp-post-meta {
  grid-area:meta !important;
  min-height:40px !important; padding:0 12px !important;
  display:flex !important; align-items:center; justify-content:space-between;
  background:#18212b !important; border:0 !important; border-bottom:1px solid #2a3543 !important;
}
body.fx-forumx .fxp-post-meta.is-first-post { justify-content:flex-end; }
body.fx-forumx .fxp-post-time { display:flex; align-items:center; gap:6px; color:#7f8d9f !important; font-size:10px !important; }
body.fx-forumx .fxp-post-time .forumx-icon { width:13px; height:13px; }
body.fx-forumx .fxp-post-tools { display:flex; align-items:center; gap:4px !important; }
body.fx-forumx .fxp-tool {
  min-width:29px !important; height:29px !important; padding:0 7px !important; display:grid; place-items:center;
  border:0 !important; border-radius:5px !important; background:transparent !important; color:#7e8ca0 !important; box-shadow:none !important;
}
body.fx-forumx .fxp-tool:hover { background:#222d3a !important; color:#e9eef4 !important; }
body.fx-forumx .fxp-tool .forumx-icon,
body.fx-forumx .fxp-tool svg { width:15px !important; height:15px !important; }
body.fx-forumx .fxp-post-number { font-size:10px; font-weight:700; }
body.fx-forumx .fxp-author-area {
  grid-area:author !important;
  min-width:0; padding:14px 12px !important;
  display:block !important;
  background:#111820 !important; border:0 !important; border-right:1px solid #2a3543 !important;
}
body.fx-forumx .fxp-author-profile { display:flex !important; flex-direction:column; align-items:center; text-align:center; gap:8px !important; }
body.fx-forumx .fxp-avatar-wrap { margin:0; }
body.fx-forumx .fxp-avatar {
  width:78px !important; height:78px !important; border-radius:9px !important;
  border:1px solid #3b4a5d !important; box-shadow:none !important; background:#263244 !important;
}
body.fx-forumx .fxp-online-dot { width:10px !important; height:10px !important; border:2px solid #111820 !important; box-shadow:none !important; }
body.fx-forumx .fxp-online-dot.is-online { background:var(--fx-success) !important; }
body.fx-forumx .fxp-author-copy { min-width:0; width:100%; }
body.fx-forumx .fxp-author-copy>strong { display:block; overflow:hidden; text-overflow:ellipsis; color:#eef2f6 !important; font-size:13px !important; }
body.fx-forumx .fxp-author-ranks { justify-content:center !important; margin-top:4px; }
body.fx-forumx .fxp-author-stats { margin-top:12px !important; padding-top:9px !important; border-top:1px solid #27323f !important; display:grid !important; grid-template-columns:1fr !important; gap:0 !important; }
body.fx-forumx .fxp-author-stat {
  min-height:29px !important; padding:4px 1px !important; display:grid !important; grid-template-columns:18px minmax(0,1fr) auto !important; align-items:center; gap:5px;
  border:0 !important; border-bottom:1px solid #222d39 !important; background:transparent !important; box-shadow:none !important; text-align:left !important;
}
body.fx-forumx .fxp-author-stat:last-child { border-bottom:0 !important; }
body.fx-forumx .fxp-author-stat i { width:17px; height:17px; display:grid; place-items:center; color:#74859a; }
body.fx-forumx .fxp-author-stat i .forumx-icon,
body.fx-forumx .fxp-author-stat i svg { width:13px !important; height:13px !important; }
body.fx-forumx .fxp-author-stat b { color:#c7d0dc !important; font-size:10px !important; font-weight:650; }
body.fx-forumx .fxp-author-stat small { color:#627186 !important; font-size:9px !important; }
body.fx-forumx .fxp-post-content {
  grid-area:content !important;
  min-width:0; min-height:170px; padding:18px 20px 22px !important;
  background:#151c25 !important; border:0 !important;
}
body.fx-forumx .fxp-body { color:#d8e0e9 !important; font-size:14px !important; line-height:1.68 !important; }
body.fx-forumx .fxp-body p { color:#d8e0e9 !important; }
body.fx-forumx .fxp-body a { color:#76a9e7 !important; }
body.fx-forumx .fxp-body img { border-radius:6px; }
body.fx-forumx .fxp-attachments { margin-top:16px; padding:10px; border:1px solid #303d4d; border-radius:7px; background:#111820 !important; }
body.fx-forumx .fxp-reaction-summary { margin-top:16px; }
body.fx-forumx .fxp-reaction-button { min-height:34px !important; border:1px solid #303d4d !important; border-radius:6px !important; background:#111820 !important; color:#98a5b5 !important; box-shadow:none !important; }
body.fx-forumx .fxp-signature { margin-top:18px !important; padding-top:12px !important; border-top:1px dashed #324051 !important; color:#7e8c9e !important; background:transparent !important; }
body.fx-forumx .fxp-post-footer {
  grid-area:footer !important;
  min-height:48px !important; padding:7px 10px !important;
  display:flex !important; align-items:center; justify-content:space-between; gap:8px;
  background:#131a23 !important; border:0 !important; border-top:1px solid #293543 !important;
}
body.fx-forumx .fxp-primary-actions,
body.fx-forumx .fxp-secondary-actions { gap:5px !important; }
body.fx-forumx .fxp-action {
  min-height:32px !important; padding:0 9px !important;
  border:1px solid transparent !important; border-radius:6px !important;
  background:transparent !important; color:#8e9cad !important; box-shadow:none !important; font-size:11px !important;
}
body.fx-forumx .fxp-action:hover { background:#202b37 !important; border-color:#344152 !important; color:#fff !important; }
body.fx-forumx .fxp-action-primary.is-active { color:#8ab7ec !important; background:#1b2b3f !important; }
body.fx-forumx .fxp-action .forumx-icon,
body.fx-forumx .fxp-action svg { width:15px !important; height:15px !important; }
body.fx-forumx .reaction-picker { background:#1a232e !important; border:1px solid #344152 !important; box-shadow:var(--fx-shadow) !important; }

/* --------------------------------------------------------------------------
   Profile
   -------------------------------------------------------------------------- */
body.fx-forumx .profile-header {
  padding:0 !important; overflow:hidden; background:#151c25 !important; border-radius:9px !important;
}
body.fx-forumx .profile-cover {
  min-height:150px !important; height:150px !important;
  padding:14px !important;
  background-color:#1b2633 !important;
  background-size:cover !important; background-position:center !important;
  border:0 !important;
}
body.fx-forumx .profile-cover:not([style*="background-image"]) { background-image:linear-gradient(120deg,#1b2633,#223044) !important; }
body.fx-forumx .profile-cover[style*="background-image"] { background-size:cover !important; background-position:center !important; }
body.fx-forumx .profile-cover-label,
body.fx-forumx .profile-online {
  min-height:27px; padding:0 9px !important; border:1px solid rgba(255,255,255,.14) !important; border-radius:5px !important;
  background:rgba(12,17,23,.72) !important; color:#d7dee7 !important; box-shadow:none !important; backdrop-filter:none !important;
  font-size:10px !important;
}
body.fx-forumx .profile-overview {
  position:relative; min-height:112px !important; padding:16px 18px 16px 142px !important;
  display:flex !important; align-items:center !important; gap:15px !important;
  background:#151c25 !important; border:0 !important;
}
body.fx-forumx .profile-avatar-wrap {
  position:absolute !important; left:20px !important; top:-48px !important; margin:0 !important;
  width:104px !important; height:104px !important;
}
body.fx-forumx .profile-avatar-wrap .avatar-xl {
  width:104px !important; height:104px !important; border-radius:10px !important;
  border:4px solid #151c25 !important; box-shadow:0 0 0 1px #3b4a5d !important; background:#263244 !important;
}
body.fx-forumx .avatar-online { width:13px !important; height:13px !important; right:5px !important; bottom:5px !important; border:3px solid #151c25 !important; box-shadow:none !important; }
body.fx-forumx .profile-identity { min-width:0; flex:1; }
body.fx-forumx .profile-name-line { display:flex; align-items:center; flex-wrap:wrap; gap:8px; }
body.fx-forumx .profile-name-line h1 { margin:0 !important; font-size:24px !important; line-height:1.2; }
body.fx-forumx .profile-handle,
body.fx-forumx .profile-status { margin:4px 0 0 !important; font-size:12px !important; }
body.fx-forumx .profile-meta { margin-top:7px !important; gap:12px !important; color:#8391a2 !important; font-size:10px !important; }
body.fx-forumx .profile-meta .forumx-icon { width:13px; height:13px; }
body.fx-forumx .profile-actions { margin-left:auto; flex:0 0 auto; }
body.fx-forumx .profile-actions .button { min-height:35px; padding:0 11px; font-size:11px; }
body.fx-forumx .profile-tabs {
  min-height:48px !important; margin:0 !important; padding:0 12px !important;
  display:flex; gap:2px !important;
  background:#111820 !important; border:0 !important; border-top:1px solid #293543 !important; border-radius:0 !important;
}
body.fx-forumx .profile-tabs a {
  min-height:47px; padding:0 13px !important; display:flex; align-items:center; justify-content:center;
  position:relative; background:transparent !important; border:0 !important; border-radius:0 !important; color:#8593a5 !important; font-size:11px; font-weight:650;
}
body.fx-forumx .profile-tabs a:hover { background:#18212b !important; color:#fff !important; }
body.fx-forumx .profile-tabs a.active { color:#fff !important; background:transparent !important; }
body.fx-forumx .profile-tabs a.active::after { content:""; position:absolute; left:10px; right:10px; bottom:-1px; height:2px; background:var(--fx-accent) !important; box-shadow:none !important; }
body.fx-forumx .profile-stat-grid {
  display:grid !important; grid-template-columns:repeat(6,minmax(0,1fr)) !important; gap:8px !important; margin:0 0 18px !important;
}
body.fx-forumx .profile-stat-grid>div {
  min-height:74px !important; padding:10px !important; display:grid !important; grid-template-columns:30px 1fr !important; grid-template-rows:auto auto !important; gap:1px 8px !important; align-items:center;
  background:#151c25 !important; border:1px solid #2a3543 !important; border-radius:8px !important; box-shadow:none !important;
}
body.fx-forumx .profile-stat-grid>div>span { grid-row:1/3; width:30px !important; height:30px !important; border-radius:6px !important; display:grid; place-items:center; background:#202c3a !important; color:#8eb5e1 !important; box-shadow:none !important; }
body.fx-forumx .profile-stat-grid>div>span .forumx-icon { width:16px; height:16px; }
body.fx-forumx .profile-stat-grid strong { font-size:15px !important; color:#e4eaf1 !important; }
body.fx-forumx .profile-stat-grid small { font-size:9px !important; }
body.fx-forumx .profile-layout { gap:16px !important; }
body.fx-forumx .profile-main,
body.fx-forumx .profile-sidebar { background:transparent !important; border:0 !important; box-shadow:none !important; }
body.fx-forumx .profile-tab-panel { padding:16px !important; }
body.fx-forumx .profile-activity-item { border-bottom:1px solid #293543 !important; border-radius:0 !important; background:transparent !important; }
body.fx-forumx .profile-activity-item:hover { background:#19222d !important; }

/* --------------------------------------------------------------------------
   Generic content modules, tables, auth, messenger, resources
   -------------------------------------------------------------------------- */
body.fx-forumx table { border-color:#2a3543 !important; }
body.fx-forumx th { background:#18212b !important; color:#9aa8b9 !important; border-color:#303c4c !important; font-size:11px; }
body.fx-forumx td { background:#151c25 !important; color:#cbd4df !important; border-color:#293543 !important; }
body.fx-forumx tr:hover td { background:#19222d !important; }
body.fx-forumx :where(.member-card,.badge-card,.leader-row,.list-row,.resource-card,.media-card,.conversation-row,.notification-item,.warning-item) {
  background:#151c25 !important; border-color:#2a3543 !important; box-shadow:none !important;
}
body.fx-forumx :where(.member-card,.badge-card,.leader-row,.list-row,.resource-card,.media-card,.conversation-row,.notification-item,.warning-item):hover {
  background:#19222d !important; transform:none !important;
}
body.fx-forumx .forumx-auth-card { max-width:520px; background:#151c25 !important; border:1px solid #2d3948 !important; box-shadow:var(--fx-shadow) !important; }
body.fx-forumx .auth-page { background:transparent !important; }
body.fx-forumx :where(.modal,.dialog,.overlay,.reaction-users-dialog-card,.ai-assistant-panel) {
  background:#151c25 !important; border-color:#344152 !important; color:#dce4ed !important; box-shadow:0 22px 60px rgba(0,0,0,.55) !important;
}

/* --------------------------------------------------------------------------
   Footer — simple product footer, not dashboard cards
   -------------------------------------------------------------------------- */
body.fx-forumx .site-footer {
  margin-top:20px;
  background:#0c1117 !important; border-top:1px solid #273240 !important; box-shadow:none !important;
}
body.fx-forumx .fx-footer-shell { padding-top:24px; padding-bottom:92px; }
body.fx-forumx .fx-footer-v19-hero {
  min-height:76px !important; padding:0 0 18px !important;
  display:flex !important; align-items:center; justify-content:space-between; gap:18px;
  background:transparent !important; border:0 !important; border-bottom:1px solid #222d38 !important; border-radius:0 !important; box-shadow:none !important;
}
body.fx-forumx .fx-footer-brand-image { width:42px !important; height:42px !important; max-width:42px !important; max-height:42px !important; box-shadow:none !important; }
body.fx-forumx .fx-footer-brand-copy strong { font-size:17px !important; }
body.fx-forumx .fx-footer-brand-copy small { margin-top:2px; font-size:11px !important; }
body.fx-forumx .fx-footer-v19-actions { gap:7px; }
body.fx-forumx .fx-footer-v19-action {
  min-height:35px !important; padding:0 11px !important; border:1px solid #313e4e !important; border-radius:6px !important; background:#141c25 !important; color:#9daabb !important; box-shadow:none !important; font-size:11px;
}
body.fx-forumx .fx-footer-v19-action.is-primary { background:#2e6dbb !important; border-color:#3b78c5 !important; color:#fff !important; }
body.fx-forumx .fx-footer-grid {
  display:grid !important; grid-template-columns:repeat(4,minmax(0,1fr)) !important; gap:22px !important; padding:22px 0 16px;
}
body.fx-forumx .fx-footer-card {
  background:transparent !important; border:0 !important; border-radius:0 !important; box-shadow:none !important; overflow:visible !important;
}
body.fx-forumx .fx-footer-card-toggle {
  width:100%; min-height:32px !important; padding:0 !important; background:transparent !important; border:0 !important; color:#d3dbe5 !important; box-shadow:none !important; cursor:default;
}
body.fx-forumx .fx-footer-card-title { gap:7px; font-size:12px; font-weight:720; }
body.fx-forumx .fx-footer-card-title .forumx-icon { width:15px; height:15px; color:#75869b; }
body.fx-forumx .fx-footer-card-chevron { display:none !important; }
body.fx-forumx .fx-footer-card-body { display:block !important; height:auto !important; overflow:visible !important; }
body.fx-forumx .fx-footer-card-body nav { display:grid; gap:1px; margin-top:5px; }
body.fx-forumx .fx-footer-card-body a {
  min-height:31px !important; padding:0 !important; border:0 !important; border-radius:0 !important; background:transparent !important; color:#78879a !important; font-size:11px; box-shadow:none !important;
}
body.fx-forumx .fx-footer-card-body a:hover { color:#dce3eb !important; background:transparent !important; }
body.fx-forumx .fx-footer-link-icon { width:22px !important; height:22px !important; border-radius:5px !important; background:#161f29 !important; color:#788da7 !important; }
body.fx-forumx .fx-footer-link-icon .forumx-icon { width:13px; height:13px; }
body.fx-forumx .fx-footer-v19-status {
  min-height:38px !important; padding:0 !important; display:flex; align-items:center; gap:18px;
  border:0 !important; border-top:1px solid #222d38 !important; background:transparent !important; border-radius:0 !important; color:#68778a !important; font-size:10px;
}
body.fx-forumx .fx-footer-v19-status i { box-shadow:none !important; }
body.fx-forumx .fx-footer-bottom {
  min-height:48px !important; padding:0 !important; border:0 !important; border-top:1px solid #222d38 !important; background:transparent !important; border-radius:0 !important; color:#667589 !important; font-size:10px;
}
body.fx-forumx .fx-footer-top {
  width:32px !important; height:32px !important; border:1px solid #303c4b !important; border-radius:6px !important; background:#141c25 !important; color:#8492a4 !important;
}

/* --------------------------------------------------------------------------
   Mobile bottom bar and drawer
   -------------------------------------------------------------------------- */
body.fx-forumx .mobile-bottom-nav {
  background:#111821 !important; border:1px solid #2b3745 !important; border-bottom:0 !important;
  border-radius:10px 10px 0 0 !important; box-shadow:0 -6px 18px rgba(0,0,0,.24) !important;
}
body.fx-forumx .mobile-bottom-nav a { color:#7d8b9d !important; background:transparent !important; border:0 !important; }
body.fx-forumx .mobile-bottom-nav a.active { color:#8eb9ef !important; background:#182331 !important; box-shadow:none !important; }
body.fx-forumx .mobile-bottom-nav a.active::after { content:""; position:absolute; left:28%; right:28%; top:0; height:2px; background:#4b86d4; }
body.fx-forumx .mobile-bottom-nav .forumx-icon { width:20px; height:20px; }
body.fx-forumx .mobile-bottom-nav small { font-size:10px; font-weight:650; }
body.fx-forumx .fx-nav-backdrop { background:rgba(4,7,11,.56) !important; backdrop-filter:none !important; }

/* --------------------------------------------------------------------------
   Responsive
   -------------------------------------------------------------------------- */
@media (max-width:1080px) {
  body.fx-forumx .fx-home-dashboard { grid-template-columns:minmax(0,1fr) 250px !important; }
  body.fx-forumx .fx-home-forum-row { grid-template-columns:minmax(0,1fr) 104px 225px !important; }
  body.fx-forumx .thread-row-modern { grid-template-columns:38px minmax(0,1fr) 92px 160px !important; }
  body.fx-forumx .profile-stat-grid { grid-template-columns:repeat(3,minmax(0,1fr)) !important; }
}

@media (max-width:980px) {
  body.fx-forumx .utility-bar { display:none !important; }
  body.fx-forumx .header-inner { min-height:58px; }
  body.fx-forumx .brand-copy small { display:none; }
  body.fx-forumx .primary-nav-bar {
    position:static !important; min-height:0 !important; border:0 !important; background:transparent !important;
  }
  body.fx-forumx .primary-nav-inner { min-height:0 !important; }
  body.fx-forumx .main-nav {
    position:fixed !important;
    z-index:170 !important;
    top:var(--fx-header-bottom,58px) !important;
    right:0 !important;
    bottom:0 !important;
    left:auto !important;
    width:min(340px,88vw) !important;
    height:auto !important;
    padding:12px 10px 26px !important;
    display:block !important;
    overflow-y:auto !important;
    transform:translateX(105%) !important;
    transition:transform .18s ease !important;
    background:#111821 !important;
    border-left:1px solid #2a3543 !important;
    box-shadow:-12px 0 30px rgba(0,0,0,.32) !important;
  }
  body.fx-forumx .main-nav.open { transform:translateX(0) !important; }
  body.fx-forumx .main-nav>a,
  body.fx-forumx .main-nav .nav-button,
  body.fx-forumx .main-nav form.nav-mobile-logout {
    width:100% !important; min-height:44px !important; margin:0 !important; padding:0 11px !important;
    display:flex !important; align-items:center !important; justify-content:flex-start !important; gap:10px !important;
    border:0 !important; border-bottom:1px solid #222d39 !important; border-radius:0 !important;
    background:transparent !important; color:#b7c1ce !important; box-shadow:none !important; font-size:13px !important;
  }
  body.fx-forumx .main-nav>a:hover,
  body.fx-forumx .main-nav>a.active { background:#18212b !important; color:#fff !important; }
  body.fx-forumx .main-nav>a.active::after { left:0; right:auto; top:9px; bottom:9px; width:3px; height:auto; border-radius:0 2px 2px 0; }
  body.fx-forumx .main-nav .forumx-icon { width:18px; height:18px; color:#8192a7; }
  body.fx-forumx .nav-mobile-section {
    display:block !important; min-height:30px; padding:14px 11px 5px !important; color:#627287 !important; font-size:10px !important; font-weight:750 !important; letter-spacing:.08em; text-transform:uppercase;
  }
  body.fx-forumx .main-nav .nav-mobile-only { display:flex !important; }
  body.fx-forumx .main-nav form.nav-mobile-only { display:block !important; padding:0 !important; }
  body.fx-forumx .main-nav form.nav-mobile-only .nav-button { display:flex !important; width:100% !important; }
  body.fx-forumx .staff-nav { display:none !important; }
  body.fx-forumx .mobile-menu-button { display:inline-flex !important; }
  body.fx-forumx .fx-home-dashboard { grid-template-columns:1fr !important; }
  body.fx-forumx .fx-home-side-column { position:static; grid-template-columns:repeat(2,minmax(0,1fr)); }
  body.fx-forumx .fx-home-forum-row { grid-template-columns:minmax(0,1fr) 100px 220px !important; }
  body.fx-forumx .fxp-post { grid-template-columns:150px minmax(0,1fr) !important; }
  body.fx-forumx .fxp-avatar { width:68px !important; height:68px !important; }
  body.fx-forumx .fx-footer-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
}

@media (max-width:760px) {
  body.fx-forumx { font-size:14px; }
  body.fx-forumx .container { width:min(100% - 20px,1240px); }
  body.fx-forumx .page-shell { padding-block:14px 82px; }
  body.fx-forumx .header-inner { min-height:56px; gap:9px; }
  body.fx-forumx .fx-brand-picture,
  body.fx-forumx .fx-brand-image,
  body.fx-forumx .brand-mark { width:38px !important; height:38px !important; max-width:38px !important; max-height:38px !important; border-radius:8px; }
  body.fx-forumx .brand-copy strong { font-size:17px; }
  body.fx-forumx .header-actions { gap:5px; }
  body.fx-forumx .action-icon,
  body.fx-forumx .mobile-menu-button,
  body.fx-forumx .profile-chip { min-width:37px; height:37px; padding:0 8px; }
  body.fx-forumx .profile-chip { padding:3px; }
  body.fx-forumx .profile-chip>span:not(.avatar) { display:none !important; }
  body.fx-forumx .profile-chip .avatar-small { width:29px; height:29px; }

  body.fx-forumx .fx-home-hero {
    grid-template-columns:1fr !important; gap:14px !important; padding:18px !important; margin-bottom:14px !important;
  }
  body.fx-forumx .fx-home-kicker { font-size:11px; }
  body.fx-forumx .fx-home-hero h1 { font-size:25px !important; }
  body.fx-forumx .fx-home-hero-copy>p { margin-bottom:14px; }
  body.fx-forumx .fx-home-search { max-width:none; height:43px; }
  body.fx-forumx .fx-home-hero-actions { margin-top:9px; }
  body.fx-forumx .fx-home-hero-actions .button { flex:1 1 auto; }
  body.fx-forumx .fx-home-hero-stats { grid-template-columns:repeat(3,minmax(0,1fr)) !important; min-width:0; gap:6px !important; }
  body.fx-forumx .fx-home-hero-stat {
    min-height:66px !important; padding:8px 5px !important; display:flex !important; flex-direction:column; justify-content:center; text-align:center; gap:4px !important;
  }
  body.fx-forumx .fx-home-hero-stat>span { width:26px !important; height:26px !important; }
  body.fx-forumx .fx-home-hero-stat>span .forumx-icon { width:14px; height:14px; }
  body.fx-forumx .fx-home-hero-stat strong { font-size:14px !important; }
  body.fx-forumx .fx-home-hero-stat small { font-size:9px !important; }

  body.fx-forumx .fx-home-dashboard { display:block !important; }
  body.fx-forumx .fx-home-side-column { display:grid; grid-template-columns:1fr; gap:12px; margin-top:14px; }
  body.fx-forumx .fx-home-section-header { min-height:50px; padding:0 11px; }
  body.fx-forumx .fx-home-section-title small { display:none; }
  body.fx-forumx .fx-home-category+.fx-home-category { border-top-width:10px !important; }
  body.fx-forumx .fx-home-category-header { min-height:46px; padding:7px 10px !important; }
  body.fx-forumx .fx-home-category-heading small { display:none; }
  body.fx-forumx .fx-home-category-total { gap:9px; }
  body.fx-forumx .fx-home-stat-pill { min-width:43px !important; grid-template-columns:auto !important; grid-template-rows:auto auto !important; text-align:center; }
  body.fx-forumx .fx-home-stat-pill>.forumx-icon { display:none; }
  body.fx-forumx .fx-home-forum-row {
    min-height:0; grid-template-columns:1fr !important; padding:0 !important;
  }
  body.fx-forumx .fx-home-forum-main { padding:11px 10px !important; grid-template-columns:38px minmax(0,1fr) !important; gap:9px !important; }
  body.fx-forumx .fx-home-forum-icon { width:36px !important; height:36px !important; }
  body.fx-forumx .fx-home-forum-copy strong { font-size:13px !important; }
  body.fx-forumx .fx-home-forum-copy small { font-size:10px !important; line-height:1.4; }
  body.fx-forumx .fx-home-forum-counts { display:none !important; }
  body.fx-forumx .fx-home-forum-latest {
    padding:8px 10px 9px 57px !important; border:0 !important; border-top:1px solid #232e3a !important; background:#121921 !important;
  }
  body.fx-forumx .fx-home-forum-latest>a { grid-template-columns:28px minmax(0,1fr) 14px !important; }
  body.fx-forumx .fx-home-forum-latest .avatar,
  body.fx-forumx .fx-home-latest-empty-icon { width:28px !important; height:28px !important; }

  body.fx-forumx .topic-feed-card { margin-top:14px !important; }
  body.fx-forumx .topic-feed-tabs { padding:0 !important; }
  body.fx-forumx .topic-feed-tab { min-width:max-content; padding:0 10px !important; font-size:11px; }
  body.fx-forumx .fx-v40-table-head { display:none !important; }
  body.fx-forumx .fx-stream-topic { grid-template-columns:34px minmax(0,1fr) !important; gap:9px !important; padding:10px !important; }
  body.fx-forumx .fx-stream-index { display:none !important; }
  body.fx-forumx .fx-stream-metrics { grid-column:2; justify-content:flex-start; margin-top:5px; }
  body.fx-forumx .fx-stream-metric { min-width:auto !important; display:inline-flex !important; flex-direction:row !important; gap:4px !important; }
  body.fx-forumx .fx-stream-metric small { display:none; }

  body.fx-forumx .forum-page-head { display:block !important; }
  body.fx-forumx .forum-page-head .button-group { margin-top:13px; }
  body.fx-forumx .forum-page-head .button { flex:1 1 auto; }
  body.fx-forumx .thread-row-modern {
    min-height:66px !important; grid-template-columns:36px minmax(0,1fr) !important; gap:9px !important; padding:10px !important;
  }
  body.fx-forumx .thread-row-icon { width:34px !important; height:34px !important; }
  body.fx-forumx .thread-engagement { display:none !important; }
  body.fx-forumx .thread-last-modern { grid-column:2; grid-template-columns:minmax(0,1fr) 26px !important; margin-top:4px; }
  body.fx-forumx .thread-last-modern .avatar { width:26px !important; height:26px !important; }

  body.fx-forumx .thread-title-card { padding:14px !important; }
  body.fx-forumx .thread-title-card h1 { font-size:19px !important; }
  body.fx-forumx .thread-title-actions { margin-top:10px; width:100%; }

  body.fx-forumx .fxp-post {
    display:block !important; border-radius:8px !important;
  }
  body.fx-forumx .fxp-post-meta { min-height:38px !important; padding:0 8px !important; }
  body.fx-forumx .fxp-author-area {
    padding:10px !important; display:block !important; border:0 !important; border-bottom:1px solid #293543 !important; background:#121921 !important;
  }
  body.fx-forumx .fxp-author-profile { flex-direction:row !important; text-align:left; gap:9px !important; }
  body.fx-forumx .fxp-avatar { width:44px !important; height:44px !important; border-radius:8px !important; }
  body.fx-forumx .fxp-author-ranks { justify-content:flex-start !important; }
  body.fx-forumx .fxp-author-stats { display:none !important; }
  body.fx-forumx .fxp-post-content { min-height:0; padding:14px 12px 18px !important; }
  body.fx-forumx .fxp-body { font-size:13px !important; line-height:1.62 !important; }
  body.fx-forumx .fxp-post-footer { padding:6px !important; align-items:flex-start; flex-wrap:wrap; }
  body.fx-forumx .fxp-action { min-height:31px !important; padding:0 7px !important; }
  body.fx-forumx .fxp-action span:not(.fxp-action-icon) { font-size:10px; }

  body.fx-forumx .profile-cover { height:112px !important; min-height:112px !important; padding:9px !important; }
  body.fx-forumx .profile-overview { min-height:125px !important; padding:54px 12px 12px !important; display:block !important; }
  body.fx-forumx .profile-avatar-wrap { left:14px !important; top:-49px !important; width:84px !important; height:84px !important; }
  body.fx-forumx .profile-avatar-wrap .avatar-xl { width:84px !important; height:84px !important; border-radius:9px !important; }
  body.fx-forumx .profile-name-line { min-height:28px; padding-left:95px; margin-top:-42px; }
  body.fx-forumx .profile-name-line h1 { font-size:20px !important; }
  body.fx-forumx .profile-handle,
  body.fx-forumx .profile-status,
  body.fx-forumx .profile-meta { padding-left:95px; }
  body.fx-forumx .profile-actions { margin:13px 0 0 !important; display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)); width:100%; }
  body.fx-forumx .profile-actions form { width:100%; }
  body.fx-forumx .profile-actions .button { width:100%; }
  body.fx-forumx .profile-tabs { padding:0 4px !important; overflow-x:auto; }
  body.fx-forumx .profile-tabs a { min-width:max-content; padding:0 10px !important; }
  body.fx-forumx .profile-stat-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:7px !important; }
  body.fx-forumx .profile-stat-grid>div { min-height:61px !important; }

  body.fx-forumx .fx-footer-shell { padding-top:18px; padding-bottom:84px; }
  body.fx-forumx .fx-footer-v19-hero { display:block !important; padding-bottom:14px !important; }
  body.fx-forumx .fx-footer-v19-actions { margin-top:12px; display:grid; grid-template-columns:1fr 1fr; }
  body.fx-forumx .fx-footer-grid { grid-template-columns:1fr !important; gap:0 !important; padding:8px 0 12px; }
  body.fx-forumx .fx-footer-card { border-bottom:1px solid #222d38 !important; }
  body.fx-forumx .fx-footer-card-toggle { min-height:43px !important; cursor:pointer; }
  body.fx-forumx .fx-footer-card-chevron { display:inline-grid !important; }
  body.fx-forumx .fx-footer-card-body { display:block !important; padding-bottom:9px; }
  body.fx-forumx .fx-footer-card.is-collapsed .fx-footer-card-body { display:none !important; }
  body.fx-forumx .fx-footer-v19-status { display:grid; gap:3px; padding:10px 0 !important; }
  body.fx-forumx .fx-footer-bottom { padding:9px 0 !important; }
}

@media (max-width:420px) {
  body.fx-forumx .container { width:calc(100% - 14px); }
  body.fx-forumx .brand-copy strong { font-size:16px; }
  body.fx-forumx .header-search-toggle { display:none !important; }
  body.fx-forumx .fx-home-hero { padding:14px !important; }
  body.fx-forumx .fx-home-hero h1 { font-size:22px !important; }
  body.fx-forumx .fx-home-search button { padding-inline:11px; }
  body.fx-forumx .fx-home-hero-actions { display:grid; grid-template-columns:1fr 1fr; }
  body.fx-forumx .fx-home-hero-actions .button { min-width:0; padding-inline:8px; }
  body.fx-forumx .fx-home-category-heading strong { font-size:12px !important; }
  body.fx-forumx .fx-home-stat-pill small { display:none; }
  body.fx-forumx .profile-name-line { padding-left:88px; }
  body.fx-forumx .profile-handle,
  body.fx-forumx .profile-status,
  body.fx-forumx .profile-meta { padding-left:0; margin-top:8px !important; }
}

/* Explicitly neutralize former visual-effect settings. ForumX Professional uses
   a fixed restrained appearance regardless of legacy glow/effect preference. */
body.fx-forumx.fx-effects-off,
body.fx-forumx.fx-glow-low,
body.fx-forumx:not(.fx-effects-off) { background:var(--fx-bg) !important; }
body.fx-forumx :where(.card,.fx-home-category,.fx-home-side-card,.fxp-post,.profile-header,.thread-list) {
  filter:none !important; backdrop-filter:none !important;
}

/* --------------------------------------------------------------------------
   ForumX R12 — consolidated responsive/UI layer
   One source of truth for header icons, feed, profile, footer and mobile nav.
   -------------------------------------------------------------------------- */

/* Header: clean icons without boxed backgrounds */
body.fx-forumx .header-actions { display:flex; align-items:center; gap:4px !important; }
body.fx-forumx :where(.action-icon,.mobile-menu-button,.header-search-toggle,.header-login-button) {
  width:38px !important;
  min-width:38px !important;
  height:38px !important;
  min-height:38px !important;
  padding:0 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:0 !important;
  border-radius:8px !important;
  background:transparent !important;
  color:#94a4b7 !important;
  box-shadow:none !important;
}
body.fx-forumx :where(.action-icon,.mobile-menu-button,.header-search-toggle,.header-login-button):hover {
  background:rgba(255,255,255,.055) !important;
  color:#f5f8fc !important;
}
body.fx-forumx :where(.action-icon,.mobile-menu-button,.header-search-toggle,.header-login-button) .forumx-icon {
  width:20px !important;
  height:20px !important;
  margin:0 !important;
  flex:0 0 20px !important;
}
body.fx-forumx .profile-chip {
  width:38px !important;
  min-width:38px !important;
  height:38px !important;
  min-height:38px !important;
  padding:0 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:0 !important;
  border-radius:50% !important;
  background:transparent !important;
  box-shadow:none !important;
}
body.fx-forumx .profile-chip:hover { background:rgba(255,255,255,.055) !important; }
body.fx-forumx .profile-chip .avatar-small {
  width:33px !important;
  height:33px !important;
  border-radius:50% !important;
}
body.fx-forumx .profile-chip>span:not(.avatar),
body.fx-forumx .profile-chip>.forumx-icon { display:none !important; }

/* Remove decorative icon boxes from content; keep icons readable */
body.fx-forumx :where(
  .fx-home-category-icon,.fx-home-forum-icon,.fx-home-side-icon,
  .fx-home-latest-empty-icon,.fx-stream-section-icon,
  .profile-stat-grid>div>span,.fx-footer-link-icon
) {
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  color:#86a9d5 !important;
}
body.fx-forumx .fx-home-category-icon { width:26px !important; height:26px !important; }
body.fx-forumx .fx-home-forum-icon { width:30px !important; height:30px !important; }
body.fx-forumx .fx-home-side-icon,
body.fx-forumx .fx-stream-section-icon,
body.fx-forumx .profile-stat-grid>div>span { width:25px !important; height:25px !important; }
body.fx-forumx .fx-home-forum-main {
  grid-template-columns:30px minmax(0,1fr) !important;
  gap:10px !important;
}

/* Home hero / quick information */
body.fx-forumx .fx-home-search { display:none !important; }
body.fx-forumx .fx-home-hero-copy { gap:16px !important; }
body.fx-forumx .fx-home-hero-copy>p {
  font-size:15px !important;
  line-height:1.6 !important;
  color:#aab6c5 !important;
}
body.fx-forumx .fx-home-quick-notes {
  margin-top:2px !important;
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:10px !important;
}
body.fx-forumx .fx-home-quick-note {
  min-height:82px !important;
  padding:14px 15px !important;
  display:grid !important;
  grid-template-columns:28px minmax(0,1fr) !important;
  gap:10px !important;
  align-items:start !important;
  background:#151c25 !important;
  border:1px solid #283544 !important;
  border-radius:9px !important;
  box-shadow:none !important;
}
body.fx-forumx .fx-home-quick-icon {
  width:28px !important;
  height:28px !important;
  display:grid !important;
  place-items:center !important;
  color:#8bb3e3 !important;
}
body.fx-forumx .fx-home-quick-icon .forumx-icon { width:18px !important; height:18px !important; }
body.fx-forumx .fx-home-quick-note strong {
  display:block !important;
  font-size:14px !important;
  line-height:1.35 !important;
  color:#edf2f7 !important;
}
body.fx-forumx .fx-home-quick-note small {
  display:block !important;
  margin-top:4px !important;
  font-size:12px !important;
  line-height:1.5 !important;
  color:#8997a8 !important;
}
body.fx-forumx .fx-home-hero-actions { margin-top:0 !important; gap:8px !important; }
body.fx-forumx .fx-home-hero-actions .button { min-height:44px !important; }

/* Feed belongs at top of page, but is NOT sticky. Prevents empty gap. */
body.fx-forumx .fx-home-feed-stage-top {
  margin:0 0 14px !important;
  padding:0 !important;
}
body.fx-forumx .fx-home-feed-stage-top .topic-feed-card { margin:0 !important; }
body.fx-forumx .fx-home-feed-stage-top .topic-feed-tabs {
  position:relative !important;
  top:auto !important;
  z-index:auto !important;
}
body.fx-forumx .topic-feed-tab { font-size:13px !important; }
body.fx-forumx .fx-stream-title { font-size:14px !important; }
body.fx-forumx .fx-stream-meta { font-size:11px !important; }
body.fx-forumx .fx-v40-table-head { font-size:11px !important; }

/* Improve normal content readability */
body.fx-forumx .fx-home-forum-copy strong { font-size:15px !important; }
body.fx-forumx .fx-home-forum-copy small { font-size:12px !important; line-height:1.5 !important; }
body.fx-forumx .fx-home-category-heading strong,
body.fx-forumx .fx-home-side-header strong { font-size:15px !important; }
body.fx-forumx .fx-home-category-heading small,
body.fx-forumx .fx-home-member-row small,
body.fx-forumx .fx-home-side-count { font-size:11px !important; }
body.fx-forumx .fx-home-member-row strong { font-size:13px !important; }
body.fx-forumx .fx-home-count-pill b,
body.fx-forumx .fx-home-stat-pill b,
body.fx-forumx .fx-stream-metric b { font-size:14px !important; }
body.fx-forumx .fx-home-count-pill small,
body.fx-forumx .fx-home-stat-pill small,
body.fx-forumx .fx-stream-metric small { font-size:10px !important; }

/* Profile cover labels and tabs */
body.fx-forumx .profile-cover {
  display:flex !important;
  align-items:flex-start !important;
  gap:7px !important;
  flex-wrap:wrap !important;
}
body.fx-forumx .profile-cover-label,
body.fx-forumx .profile-online {
  min-height:28px !important;
  padding:0 10px !important;
  display:inline-flex !important;
  align-items:center !important;
  border:1px solid rgba(255,255,255,.12) !important;
  border-radius:999px !important;
  background:rgba(10,16,23,.82) !important;
  color:#dce5ef !important;
  font-size:11px !important;
  line-height:1 !important;
  box-shadow:none !important;
}
body.fx-forumx .profile-tabs {
  min-height:48px !important;
  margin:0 !important;
  padding:0 12px !important;
  display:flex !important;
  gap:0 !important;
  overflow-x:auto !important;
  background:#111820 !important;
  border:0 !important;
  border-top:1px solid #293543 !important;
  border-radius:0 !important;
}
body.fx-forumx .profile-tabs a {
  min-width:max-content !important;
  min-height:47px !important;
  padding:0 12px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  color:#8997a8 !important;
  font-size:13px !important;
  font-weight:680 !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  position:relative !important;
}
body.fx-forumx .profile-tabs a::before { content:none !important; display:none !important; }
body.fx-forumx .profile-tabs a.active { color:#f3f7fc !important; }
body.fx-forumx .profile-tabs a.active::after {
  content:"" !important;
  position:absolute !important;
  left:12px !important;
  right:12px !important;
  bottom:0 !important;
  height:2px !important;
  background:var(--fx-accent) !important;
  box-shadow:none !important;
}

/* Footer: larger and less dashboard-like */
body.fx-forumx .fx-footer-v19-actions,
body.fx-forumx .fx-footer-top { display:none !important; }
body.fx-forumx .fx-footer-brand-copy strong { font-size:19px !important; }
body.fx-forumx .fx-footer-brand-copy small { font-size:12px !important; }
body.fx-forumx .fx-footer-card-title { font-size:14px !important; }
body.fx-forumx .fx-footer-card-body a {
  min-height:36px !important;
  font-size:13px !important;
  color:#92a1b3 !important;
}
body.fx-forumx .fx-footer-link-icon { width:18px !important; height:18px !important; margin-right:7px !important; }
body.fx-forumx .fx-footer-link-icon .forumx-icon { width:14px !important; height:14px !important; }
body.fx-forumx .fx-footer-v19-status,
body.fx-forumx .fx-footer-bottom {
  min-height:auto !important;
  padding:11px 0 !important;
  font-size:12px !important;
  line-height:1.5 !important;
}

/* Bottom nav is intentionally hidden only on real desktop. */
@media (min-width:981px) {
  body.fx-forumx .mobile-bottom-nav { display:none !important; }
}

/* Tablet + mobile use the SAME navigation breakpoint as the hamburger menu. */
@media (max-width:980px) {
  body.fx-forumx {
    padding-bottom:82px !important;
    font-size:15px !important;
  }
  body.fx-forumx .container { width:calc(100% - 24px) !important; }
  body.fx-forumx .page-shell { padding-bottom:94px !important; }

  body.fx-forumx .mobile-bottom-nav {
    position:fixed !important;
    display:grid !important;
    grid-template-columns:repeat(5,minmax(0,1fr)) !important;
    align-items:stretch !important;
    left:0 !important;
    right:0 !important;
    bottom:0 !important;
    width:100% !important;
    min-height:64px !important;
    padding:0 0 max(6px,env(safe-area-inset-bottom)) !important;
    z-index:300 !important;
    border:0 !important;
    border-top:1px solid #263240 !important;
    border-radius:0 !important;
    background:rgba(12,17,23,.985) !important;
    box-shadow:0 -5px 18px rgba(0,0,0,.2) !important;
    backdrop-filter:none !important;
    box-sizing:border-box !important;
    isolation:isolate !important;
  }
  body.fx-forumx .mobile-bottom-nav>a {
    position:relative !important;
    min-width:0 !important;
    min-height:58px !important;
    padding:7px 2px 6px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:4px !important;
    color:#8e9db0 !important;
    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    text-decoration:none !important;
    pointer-events:auto !important;
    -webkit-tap-highlight-color:transparent !important;
  }
  body.fx-forumx .mobile-bottom-nav>a .forumx-icon {
    width:20px !important;
    height:20px !important;
    flex:0 0 20px !important;
  }
  body.fx-forumx .mobile-bottom-nav>a small {
    display:block !important;
    margin:0 !important;
    font-size:11px !important;
    line-height:1.1 !important;
    font-weight:700 !important;
    white-space:nowrap !important;
  }
  body.fx-forumx .mobile-bottom-nav>a.active,
  body.fx-forumx .mobile-bottom-nav>a[aria-current="page"] {
    color:#edf4ff !important;
    background:transparent !important;
  }
  body.fx-forumx .mobile-bottom-nav>a.active::after,
  body.fx-forumx .mobile-bottom-nav>a[aria-current="page"]::after {
    content:"" !important;
    position:absolute !important;
    top:0 !important;
    left:24% !important;
    right:24% !important;
    height:2px !important;
    background:var(--fx-accent) !important;
  }

  body.fx-forumx .main-nav {
    width:min(330px,86vw) !important;
    padding:10px 0 20px !important;
  }
  body.fx-forumx .main-nav>a,
  body.fx-forumx .main-nav .nav-button,
  body.fx-forumx .main-nav form.nav-mobile-logout {
    min-height:48px !important;
    padding:0 14px !important;
    font-size:14px !important;
  }
  body.fx-forumx .nav-mobile-section { font-size:11px !important; }

  body.fx-forumx .fx-home-quick-notes { grid-template-columns:1fr !important; }
  body.fx-forumx .fx-home-quick-note { min-height:0 !important; }
  body.fx-forumx .fx-home-hero h1 { font-size:32px !important; }
  body.fx-forumx .fx-home-hero-copy>p { font-size:14px !important; }
  body.fx-forumx .topic-feed-tabs { min-height:54px !important; }
  body.fx-forumx .topic-feed-tab { min-height:53px !important; padding:0 14px !important; font-size:13px !important; }
  body.fx-forumx .fx-v40-table-head { display:none !important; }
  body.fx-forumx .fx-home-forum-copy strong { font-size:14px !important; }
  body.fx-forumx .fx-home-forum-copy small { font-size:11px !important; }
  body.fx-forumx .fx-home-side-header strong { font-size:14px !important; }
  body.fx-forumx .fx-home-member-row strong { font-size:13px !important; }
  body.fx-forumx .fx-home-member-row small { font-size:11px !important; }
  body.fx-forumx .profile-tabs a { font-size:12px !important; }

  body.fx-forumx .fx-footer-shell { padding-bottom:84px !important; }
  body.fx-forumx .fx-footer-card-title { font-size:14px !important; }
  body.fx-forumx .fx-footer-card-body a { font-size:13px !important; }
}

/* Phone-specific refinements only. */
@media (max-width:760px) {
  body.fx-forumx .container { width:calc(100% - 16px) !important; }
  body.fx-forumx .header-inner { gap:7px !important; }
  body.fx-forumx :where(.action-icon,.mobile-menu-button,.header-search-toggle,.header-login-button,.profile-chip) {
    width:35px !important;
    min-width:35px !important;
    height:35px !important;
    min-height:35px !important;
  }
  body.fx-forumx .profile-chip .avatar-small { width:31px !important; height:31px !important; }
  body.fx-forumx .fx-home-hero { padding:16px !important; }
  body.fx-forumx .fx-home-hero h1 { font-size:26px !important; }
  body.fx-forumx .fx-home-quick-note { padding:12px 13px !important; }
  body.fx-forumx .fx-home-quick-note strong { font-size:13px !important; }
  body.fx-forumx .fx-home-quick-note small { font-size:11px !important; }
  body.fx-forumx .fx-home-hero-actions { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
  body.fx-forumx .profile-cover { padding:11px !important; gap:6px !important; }
  body.fx-forumx .profile-cover-label,
  body.fx-forumx .profile-online { min-height:26px !important; padding:0 9px !important; font-size:10px !important; }
  body.fx-forumx .profile-tabs { padding:0 5px !important; }
  body.fx-forumx .profile-tabs a { padding:0 10px !important; font-size:11px !important; }
}

@media (max-width:420px) {
  body.fx-forumx .brand-copy strong { max-width:90px !important; }
  body.fx-forumx .header-search-toggle { display:none !important; }
  body.fx-forumx .mobile-bottom-nav>a small { font-size:10px !important; }
}

/* --------------------------------------------------------------------------
   ForumX R13 — definitive bottom navigation viewport fix
   Old unified UI used left:50% + translateX(-50%). R12 changed left/right but
   did not reset transform, which shifted the entire bar half a viewport left.
   -------------------------------------------------------------------------- */
@media (max-width:980px) {
  body.fx-unified-v31.fx-forumx .mobile-bottom-nav {
    position:fixed !important;
    inset-inline:0 !important;
    left:0 !important;
    right:0 !important;
    bottom:0 !important;
    width:auto !important;
    max-width:none !important;
    margin:0 !important;
    transform:none !important;
    translate:none !important;
    grid-template-columns:repeat(5,minmax(0,1fr)) !important;
    box-sizing:border-box !important;
  }
  body.fx-unified-v31.fx-forumx .mobile-bottom-nav > a {
    min-width:0 !important;
    max-width:none !important;
    width:auto !important;
    margin:0 !important;
    transform:none !important;
    box-sizing:border-box !important;
  }
}

/* --------------------------------------------------------------------------
   ForumX R14 — Community Center card
   -------------------------------------------------------------------------- */
body.fx-forumx .fx-forum-center {
  margin: 0 0 16px !important;
  padding: 20px !important;
  overflow: hidden !important;
  background: linear-gradient(135deg,#111a25 0%,#122131 55%,#111820 100%) !important;
  border: 1px solid #2c3b4d !important;
  border-radius: 14px !important;
  box-shadow: 0 14px 34px rgba(0,0,0,.18) !important;
}
body.fx-forumx .fx-forum-center-head {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  margin-bottom: 16px !important;
}
body.fx-forumx .fx-forum-center-mark {
  width: 52px !important;
  height: 52px !important;
  flex: 0 0 52px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 11px !important;
  background: linear-gradient(145deg,#17385f,#1f4e82) !important;
  color: #8fc3ff !important;
  border: 1px solid #315b88 !important;
  box-shadow: none !important;
}
body.fx-forumx .fx-forum-center-mark .forumx-icon {
  width: 26px !important;
  height: 26px !important;
}
body.fx-forumx .fx-forum-center-head h1 {
  margin: 0 !important;
  color: #f3f6fa !important;
  font-size: clamp(24px,3vw,31px) !important;
  line-height: 1.12 !important;
  font-weight: 800 !important;
  letter-spacing: -.025em !important;
}
body.fx-forumx .fx-forum-center-head p {
  margin: 5px 0 0 !important;
  color: #a8b5c5 !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
}

body.fx-forumx .fx-forum-center-today {
  display: grid !important;
  grid-template-columns: repeat(3,minmax(0,1fr)) !important;
  margin-bottom: 12px !important;
  overflow: hidden !important;
  background: rgba(10,16,24,.5) !important;
  border: 1px solid #2b3a4b !important;
  border-radius: 11px !important;
}
body.fx-forumx .fx-forum-center-today article {
  min-height: 80px !important;
  display: grid !important;
  grid-template-columns: 40px minmax(0,1fr) !important;
  gap: 11px !important;
  align-items: center !important;
  padding: 12px 16px !important;
  position: relative !important;
}
body.fx-forumx .fx-forum-center-today article + article::before {
  content: "";
  position: absolute;
  left: 0;
  top: 16px;
  bottom: 16px;
  width: 1px;
  background: #2b3949;
}
body.fx-forumx .fx-forum-center-today article > span {
  width: 40px !important;
  height: 40px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 10px !important;
}
body.fx-forumx .fx-forum-center-today article > span.tone-blue { background:#143555 !important; color:#58b5ff !important; }
body.fx-forumx .fx-forum-center-today article > span.tone-green { background:#173c32 !important; color:#69dca0 !important; }
body.fx-forumx .fx-forum-center-today article > span.tone-purple { background:#30214a !important; color:#b78cff !important; }
body.fx-forumx .fx-forum-center-today .forumx-icon { width:21px !important; height:21px !important; }
body.fx-forumx .fx-forum-center-today strong {
  display: block !important;
  color: #f4f7fa !important;
  font-size: 18px !important;
  line-height: 1.05 !important;
}
body.fx-forumx .fx-forum-center-today small {
  display: block !important;
  margin-top: 4px !important;
  color: #9cabbc !important;
  font-size: 12px !important;
  line-height: 1.25 !important;
}

body.fx-forumx .fx-forum-center-recent {
  overflow: hidden !important;
  margin-bottom: 12px !important;
  background: rgba(10,16,24,.42) !important;
  border: 1px solid #2a3949 !important;
  border-radius: 11px !important;
}
body.fx-forumx .fx-forum-center-recent > header {
  min-height: 48px !important;
  padding: 0 16px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  border-bottom: 1px solid #293746 !important;
}
body.fx-forumx .fx-forum-center-recent h2 {
  margin: 0 !important;
  color: #f0f4f8 !important;
  font-size: 16px !important;
  font-weight: 780 !important;
}
body.fx-forumx .fx-forum-center-recent > header a {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  color: #74aeef !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}
body.fx-forumx .fx-forum-center-recent > header a .forumx-icon { width:14px !important; height:14px !important; }
body.fx-forumx .fx-forum-center-list { padding: 0 14px !important; }
body.fx-forumx .fx-forum-center-row {
  min-height: 76px !important;
  display: grid !important;
  grid-template-columns: 46px minmax(0,1fr) 74px !important;
  gap: 12px !important;
  align-items: center !important;
  padding: 11px 2px !important;
  color: inherit !important;
  border-bottom: 1px solid #293746 !important;
  text-decoration: none !important;
}
body.fx-forumx .fx-forum-center-row:last-child { border-bottom: 0 !important; }
body.fx-forumx .fx-forum-center-row:hover { background: rgba(255,255,255,.025) !important; }
body.fx-forumx .fx-forum-center-row-icon {
  width: 46px !important;
  height: 46px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 10px !important;
}
body.fx-forumx .fx-forum-center-row-icon.tone-blue { background:#15375b !important; color:#69b9ff !important; }
body.fx-forumx .fx-forum-center-row-icon.tone-purple { background:#35234d !important; color:#c187ff !important; }
body.fx-forumx .fx-forum-center-row-icon.tone-green { background:#193d31 !important; color:#76dca5 !important; }
body.fx-forumx .fx-forum-center-row-icon .forumx-icon { width:23px !important; height:23px !important; }
body.fx-forumx .fx-forum-center-row-main { min-width: 0 !important; }
body.fx-forumx .fx-forum-center-title-line {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-width: 0 !important;
}
body.fx-forumx .fx-forum-center-title-line strong {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  color: #eef3f8 !important;
  font-size: 14px !important;
  font-weight: 760 !important;
}
body.fx-forumx .fx-forum-center-title-line em {
  flex: 0 0 auto !important;
  padding: 3px 7px !important;
  border-radius: 5px !important;
  background: #233247 !important;
  color: #9db4ce !important;
  font-size: 10px !important;
  font-style: normal !important;
  font-weight: 700 !important;
}
body.fx-forumx .fx-forum-center-row-main > small {
  display: block !important;
  margin-top: 5px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  color: #8797aa !important;
  font-size: 11px !important;
  line-height: 1.35 !important;
}
body.fx-forumx .fx-forum-center-row-meta {
  display: grid !important;
  grid-template-columns: 16px auto !important;
  justify-content: end !important;
  align-items: center !important;
  gap: 4px !important;
  color: #a8b7c8 !important;
  text-align: right !important;
}
body.fx-forumx .fx-forum-center-row-meta .forumx-icon { width:16px !important; height:16px !important; }
body.fx-forumx .fx-forum-center-row-meta b { font-size:14px !important; }
body.fx-forumx .fx-forum-center-row-meta small {
  grid-column: 1 / -1 !important;
  color: #76879a !important;
  font-size: 10px !important;
}
body.fx-forumx .fx-forum-center-empty {
  min-height: 120px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  color: #8796a8 !important;
  text-align: center !important;
}
body.fx-forumx .fx-forum-center-empty .forumx-icon { width:24px !important; height:24px !important; }
body.fx-forumx .fx-forum-center-empty strong { color:#dce4ed !important; font-size:14px !important; }
body.fx-forumx .fx-forum-center-empty span { font-size:11px !important; }

body.fx-forumx .fx-forum-center-actions {
  display: grid !important;
  grid-template-columns: repeat(3,minmax(0,1fr)) !important;
  gap: 9px !important;
  margin-bottom: 12px !important;
}
body.fx-forumx .fx-forum-center-actions .button {
  min-height: 46px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  border-radius: 8px !important;
  font-size: 13px !important;
  font-weight: 750 !important;
}
body.fx-forumx .fx-forum-center-actions .button .forumx-icon { width:18px !important; height:18px !important; }

body.fx-forumx .fx-forum-center-totals {
  display: grid !important;
  grid-template-columns: repeat(3,minmax(0,1fr)) !important;
  gap: 9px !important;
}
body.fx-forumx .fx-forum-center-totals article {
  min-height: 94px !important;
  padding: 12px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  background: rgba(12,18,27,.42) !important;
  border: 1px solid #293746 !important;
  border-radius: 9px !important;
  text-align: center !important;
}
body.fx-forumx .fx-forum-center-totals article > span {
  width: 34px !important;
  height: 34px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 8px !important;
  background: #1c2c40 !important;
  color: #8db8eb !important;
}
body.fx-forumx .fx-forum-center-totals article > span .forumx-icon { width:17px !important; height:17px !important; }
body.fx-forumx .fx-forum-center-totals strong { color:#f3f6f9 !important; font-size:16px !important; }
body.fx-forumx .fx-forum-center-totals small { color:#8d9caf !important; font-size:10px !important; }

@media (max-width: 980px) {
  body.fx-forumx .fx-forum-center { padding: 16px !important; }
  body.fx-forumx .fx-forum-center-head h1 { font-size: 27px !important; }
  body.fx-forumx .fx-forum-center-today article { padding: 11px 12px !important; }
  body.fx-forumx .fx-forum-center-row { grid-template-columns: 44px minmax(0,1fr) 66px !important; }
}

@media (max-width: 640px) {
  body.fx-forumx .fx-forum-center {
    padding: 13px !important;
    border-radius: 11px !important;
  }
  body.fx-forumx .fx-forum-center-head { gap: 11px !important; margin-bottom: 12px !important; }
  body.fx-forumx .fx-forum-center-mark { width:44px !important; height:44px !important; flex-basis:44px !important; }
  body.fx-forumx .fx-forum-center-mark .forumx-icon { width:22px !important; height:22px !important; }
  body.fx-forumx .fx-forum-center-head h1 { font-size: 21px !important; }
  body.fx-forumx .fx-forum-center-head p { font-size: 12px !important; }
  body.fx-forumx .fx-forum-center-today article {
    grid-template-columns: 30px minmax(0,1fr) !important;
    gap: 7px !important;
    padding: 9px 7px !important;
  }
  body.fx-forumx .fx-forum-center-today article > span { width:30px !important; height:30px !important; border-radius:7px !important; }
  body.fx-forumx .fx-forum-center-today article > span .forumx-icon { width:16px !important; height:16px !important; }
  body.fx-forumx .fx-forum-center-today strong { font-size:15px !important; }
  body.fx-forumx .fx-forum-center-today small { font-size:9px !important; }
  body.fx-forumx .fx-forum-center-list { padding-inline: 10px !important; }
  body.fx-forumx .fx-forum-center-row {
    grid-template-columns: 38px minmax(0,1fr) 52px !important;
    gap: 9px !important;
    min-height: 68px !important;
  }
  body.fx-forumx .fx-forum-center-row-icon { width:38px !important; height:38px !important; border-radius:8px !important; }
  body.fx-forumx .fx-forum-center-row-icon .forumx-icon { width:19px !important; height:19px !important; }
  body.fx-forumx .fx-forum-center-title-line strong { font-size:12px !important; }
  body.fx-forumx .fx-forum-center-title-line em { display:none !important; }
  body.fx-forumx .fx-forum-center-row-main > small { font-size:10px !important; }
  body.fx-forumx .fx-forum-center-row-meta b { font-size:12px !important; }
  body.fx-forumx .fx-forum-center-actions { grid-template-columns: 1fr !important; gap:7px !important; }
  body.fx-forumx .fx-forum-center-actions .button { min-height:43px !important; }
  body.fx-forumx .fx-forum-center-totals article { min-height:80px !important; padding:9px 5px !important; }
  body.fx-forumx .fx-forum-center-totals article > span { width:30px !important; height:30px !important; }
  body.fx-forumx .fx-forum-center-totals strong { font-size:14px !important; }
  body.fx-forumx .fx-forum-center-totals small { font-size:9px !important; }
}


/* --------------------------------------------------------------------------
   ForumX R15 — thread author avatar geometry fix
   Keep avatar wrapper and image at the same size; remove the double frame.
   -------------------------------------------------------------------------- */
body.fx-forumx .fxp-author-profile {
  min-width: 0 !important;
}
body.fx-forumx .fxp-avatar-wrap {
  width: 78px !important;
  height: 78px !important;
  flex: 0 0 78px !important;
  padding: 0 !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: transparent !important;
  box-shadow: none !important;
}
body.fx-forumx .fxp-avatar {
  display: block !important;
  width: 78px !important;
  height: 78px !important;
  max-width: 78px !important;
  max-height: 78px !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: cover !important;
  border: 1px solid #3a4858 !important;
  border-radius: 50% !important;
  background: #1b2633 !important;
  box-shadow: none !important;
}
body.fx-forumx .fxp-online-dot {
  right: 1px !important;
  bottom: 2px !important;
  width: 13px !important;
  height: 13px !important;
  border: 2px solid #121921 !important;
  box-shadow: none !important;
}

@media (max-width: 900px) {
  body.fx-forumx .fxp-avatar-wrap {
    width: 64px !important;
    height: 64px !important;
    flex-basis: 64px !important;
  }
  body.fx-forumx .fxp-avatar {
    width: 64px !important;
    height: 64px !important;
    max-width: 64px !important;
    max-height: 64px !important;
  }
}

@media (max-width: 760px) {
  body.fx-forumx .fxp-author-area {
    padding: 11px 12px !important;
  }
  body.fx-forumx .fxp-author-profile {
    width: 100% !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 11px !important;
    text-align: left !important;
  }
  body.fx-forumx .fxp-avatar-wrap {
    width: 52px !important;
    height: 52px !important;
    flex: 0 0 52px !important;
  }
  body.fx-forumx .fxp-avatar {
    width: 52px !important;
    height: 52px !important;
    max-width: 52px !important;
    max-height: 52px !important;
  }
  body.fx-forumx .fxp-author-copy {
    width: auto !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    gap: 5px !important;
  }
  body.fx-forumx .fxp-author-copy > strong {
    max-width: 100% !important;
    color: #eef3f8 !important;
    font-size: 15px !important;
    line-height: 1.2 !important;
  }
  body.fx-forumx .fxp-author-ranks {
    justify-content: flex-start !important;
    margin-top: 0 !important;
    gap: 5px !important;
  }
  body.fx-forumx .fxp-online-dot {
    right: 0 !important;
    bottom: 1px !important;
    width: 12px !important;
    height: 12px !important;
    border-width: 2px !important;
  }
}

@media (max-width: 390px) {
  body.fx-forumx .fxp-avatar-wrap {
    width: 48px !important;
    height: 48px !important;
    flex-basis: 48px !important;
  }
  body.fx-forumx .fxp-avatar {
    width: 48px !important;
    height: 48px !important;
    max-width: 48px !important;
    max-height: 48px !important;
  }
}