/* STABLE-21 assembled 14 fragments *//* ══ 00_base.css ══ *//* ═══════════════════════════════════════════════════════════════════════ STABLE (style 21) — 00 BASE: fonts, token extras, shell, buttons Mockup: stable-theme.css §1/§2. All rules scoped [data-theme-id="raxboard_stable"]. ═══════════════════════════════════════════════════════════════════════ *//* ── Tokens the generator doesn't emit: secondary override (core aliases --secondary to muted), navy, accent aliases, primary ramp, region vars ── */[data-theme-id="raxboard_stable"] { --secondary: var(--rb-secondary, #3E74D9); --secondary-soft: var(--rb-secondary-soft, #E5EDFB); --color-navy: var(--rb-color-navy, #26334F); --color-navy-600: var(--rb-color-navy600, #1F2A42); --color-accent: var(--primary, #E9701D); --color-accent-500: var(--primary, #E9701D); --color-accent-600: color-mix(in srgb, var(--primary, #E9701D) 86%, black); --accent: var(--primary, #E9701D); --accent-soft: var(--rb-accent-soft, #FCEDE0); --avatar-radius: var(--rb-avatar-border-radius, 8px); --input: #FFFFFF; --input-background: #FFFFFF; --switch-background: #C9D3E0; --popover: #FFFFFF; --popover-foreground: #1C2536; --card: #FFFFFF; --card-foreground: #1C2536; /* primary ramp (rule 2: full ramp or orange fallback leaks) */ --color-primary-50: #FEF7F0; --color-primary-100: #FCEDE0; --color-primary-200: #F8D5B8; --color-primary-300: #F5B588; --color-primary-400: #F0954B; --color-primary-500: #E9701D; --color-primary-600: #D26112; --color-primary-700: #AC4F0F; --color-primary-800: #863D0C; --color-primary-900: #5F2B09; --color-primary: #E9701D; --rb-content-line-height: 1.7;}html[data-theme="dark"] [data-theme-id="raxboard_stable"],html.dark [data-theme-id="raxboard_stable"] { --secondary: var(--rb-secondary, #6E9BEA); --secondary-soft: var(--rb-secondary-soft, #1E2C48); --color-navy: var(--rb-color-navy, #202B44); --color-navy-600: var(--rb-color-navy600, #1A2337); --color-accent: var(--primary, #F0813A); --color-accent-500: var(--primary, #F0813A); --color-accent-600: color-mix(in srgb, var(--primary, #F0813A) 90%, black); --accent: var(--primary, #F0813A); --accent-soft: var(--rb-accent-soft, #372417); --input: #1E2637; --input-background: #1E2637; --switch-background: #38445D; --popover: #1A2232; --popover-foreground: #E6EAF1; --card: #1A2232; --card-foreground: #E6EAF1; --color-primary-50: #1F1710; --color-primary-100: #372417; --color-primary-200: #57351D; --color-primary-300: #8A5124; --color-primary-400: #C56A2C; --color-primary-500: #F0813A; --color-primary-600: #E1712C; --color-primary-700: #F28F4E; --color-primary-800: #F5A76F; --color-primary-900: #F8C094; --color-primary: #F0813A;}/* ── Shell ── */[data-theme-id="raxboard_stable"] body,body[data-theme-id="raxboard_stable"] { background: var(--background, #F2F4F8); font-family: var(--font-sans, 'Hanken Grotesk', system-ui, sans-serif); color: var(--foreground, #1C2536); -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility;}/* ── Cards: white, hairline border, radius-lg, soft shadow (mockup .rb-card) ── */[data-theme-id="raxboard_stable"] .rb-card,[data-theme-id="raxboard_stable"] .rb-cat,[data-theme-id="raxboard_stable"] .rbt-widget-sidebar .rb-widget { background: var(--surface, #FFFFFF); border: 1px solid var(--border, #E3E8EF); border-radius: var(--rb-radius-lg, var(--radius-lg, 14px)); box-shadow: var(--shadow-sm, 0 1px 3px rgba(23,32,51,.06));}/* ── Buttons (mockup .btn) ── */[data-theme-id="raxboard_stable"] .btn,[data-theme-id="raxboard_stable"] .rb-button { border-radius: var(--radius-sm, 6px); font-family: var(--font-sans); font-weight: 800; transition: background-color .15s ease, border-color .15s ease, color .15s ease, transform .04s ease;}[data-theme-id="raxboard_stable"] .btn:active,[data-theme-id="raxboard_stable"] .rb-button:active { transform: translateY(1px); }[data-theme-id="raxboard_stable"] .btn:focus-visible { outline: none; box-shadow: 0 0 0 3px color-mix(in srgb, var(--ring, #E9701D) 35%, transparent);}[data-theme-id="raxboard_stable"] .btn-primary,[data-theme-id="raxboard_stable"] .btn.btn-primary { background: var(--primary, #E9701D); color: #fff; border-color: var(--primary, #E9701D); }[data-theme-id="raxboard_stable"] .btn-primary:hover,[data-theme-id="raxboard_stable"] .btn.btn-primary:hover { background: var(--color-accent-600, #D26112); }[data-theme-id="raxboard_stable"] .btn-secondary,[data-theme-id="raxboard_stable"] .btn.btn-secondary { background: var(--secondary, #3E74D9); color: #fff; border-color: var(--secondary, #3E74D9); }[data-theme-id="raxboard_stable"] .btn-secondary:hover { background: color-mix(in srgb, var(--secondary, #3E74D9) 88%, #000); }[data-theme-id="raxboard_stable"] .btn-ghost { background: var(--muted, #EDF1F6); color: var(--text-primary, #1C2536); }[data-theme-id="raxboard_stable"] .btn-ghost:hover { background: var(--primary-soft, #FCEDE0); color: var(--primary, #E9701D); }[data-theme-id="raxboard_stable"] .btn-outline { background: transparent; border: 1.5px solid var(--primary, #E9701D); color: var(--primary, #E9701D);}[data-theme-id="raxboard_stable"] .btn-outline:hover { background: var(--primary, #E9701D); color: #fff; }/* ── Inputs (mockup .rb-input) ── */[data-theme-id="raxboard_stable"] .rb-input,[data-theme-id="raxboard_stable"] input[type="text"].form-input,[data-theme-id="raxboard_stable"] input[type="password"].form-input,[data-theme-id="raxboard_stable"] input[type="email"].form-input,[data-theme-id="raxboard_stable"] select.form-input,[data-theme-id="raxboard_stable"] textarea.form-input { border: 1px solid var(--border-strong, #D0D9E4); background: var(--input-background, #FFFFFF); border-radius: var(--radius-sm, 6px); font-family: var(--font-sans); color: var(--foreground);}[data-theme-id="raxboard_stable"] .rb-input:focus,[data-theme-id="raxboard_stable"] .form-input:focus { outline: none; border-color: var(--primary, #E9701D); box-shadow: 0 0 0 3px color-mix(in srgb, var(--ring, #E9701D) 18%, transparent);}/* ── Square avatars everywhere (signature) ── */[data-theme-id="raxboard_stable"] .rb-avatar,[data-theme-id="raxboard_stable"] .rb-avatar img,[data-theme-id="raxboard_stable"] img.rb-avatar { border-radius: var(--avatar-radius, 8px) !important;}/* ── Links ── */[data-theme-id="raxboard_stable"] a { text-decoration: none; }/* ══ 10_header_band.css ══ *//* ═══════════════════════════════════════════════════════════════════════ STABLE — 10 HEADER + STAFF BAR + NAVY PAGE BAND (mockup frames 01-06) ═══════════════════════════════════════════════════════════════════════ *//* ── Staff bar (mockup tpl-adminbar) ── */[data-theme-id="raxboard_stable"] .rb-adminbar { background: var(--rb-adminbar-bg, #171F31); color: var(--rb-adminbar-text, #C6CFDF); /* the action dropdowns (user menu, conversations, notifications) now live in the staff bar — lift it into a high stacking context so they render ABOVE the navy band + content cards below instead of behind them */ position: relative; z-index: 10050;}[data-theme-id="raxboard_stable"] .rb-adminbar .rb-user-menu__panel,[data-theme-id="raxboard_stable"] .rb-adminbar .rb-dropdown-panel,[data-theme-id="raxboard_stable"] .rb-adminbar [role="dialog"],[data-theme-id="raxboard_stable"] .rb-adminbar [role="menu"] { z-index: 10060 !important;}[data-theme-id="raxboard_stable"] .rb-adminbar-inner { max-width: var(--container, 1300px); margin: 0 auto; padding: 0 24px; height: var(--rb-adminbar-h, 46px); display: flex; align-items: center; gap: 22px;}[data-theme-id="raxboard_stable"] .ab-link { display: inline-flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 700; color: var(--rb-adminbar-text, #C6CFDF);}[data-theme-id="raxboard_stable"] .ab-link i { font-size: 15px; }[data-theme-id="raxboard_stable"] .ab-link:hover { color: #fff; }[data-theme-id="raxboard_stable"] .ab-right { margin-left: auto; display: flex; align-items: center; gap: 6px; }/* member action icons relocated into the staff bar → light on the dark bar */[data-theme-id="raxboard_stable"] .rb-adminbar .rb-icon-btn { width: 34px; height: 34px; color: var(--rb-adminbar-text, #C6CFDF); }[data-theme-id="raxboard_stable"] .rb-adminbar .rb-icon-btn i { font-size: 16px; }[data-theme-id="raxboard_stable"] .rb-adminbar .rb-icon-btn:hover { background: rgba(255,255,255,.13); color: #fff; }[data-theme-id="raxboard_stable"] .rb-adminbar .rb-badge-count { top: -3px; right: -3px; border: 2px solid var(--rb-adminbar-bg, #171F31); }[data-theme-id="raxboard_stable"] .rb-adminbar .rb-user-chip { padding: 3px; }[data-theme-id="raxboard_stable"] .rb-adminbar .rb-user-chip .rb-avatar { width: 28px; height: 28px; }[data-theme-id="raxboard_stable"] .rb-adminbar .rb-user-chip__name { display: inline; color: #fff; font-size: 13.5px; font-weight: 800; }[data-theme-id="raxboard_stable"] .rb-adminbar .rb-user-chip__chev { display: inline; color: var(--rb-adminbar-text, #C6CFDF); }/* staff: the header copy of the actions is hidden on desktop (staff bar shows them); it re-appears ≤860px where the staff bar itself is hidden */@media (min-width: 861px) { [data-theme-id="raxboard_stable"] .rb-adminbar + header.rb-header .rb-header-actions { display: none; }}[data-theme-id="raxboard_stable"] .ab-user { display: inline-flex; align-items: center; gap: 9px; background: rgba(255,255,255,.07); border-radius: 8px; padding: 5px 12px 5px 6px; font-size: 13.5px; font-weight: 800; color: #fff;}[data-theme-id="raxboard_stable"] .ab-user .rb-avatar,[data-theme-id="raxboard_stable"] .ab-user img { width: 26px; height: 26px; border-radius: 6px !important; }[data-theme-id="raxboard_stable"] .ab-user .ab-user-av { width: 26px; height: 26px; font-size: .7rem; }/* ── Header (mockup tpl-header) ── */[data-theme-id="raxboard_stable"] .rb-header { background: var(--rb-header-bg, #FFFFFF); color: var(--rb-header-text-color, #1C2536); border-bottom: 1px solid var(--rb-header-border-color, #E3E8EF); box-shadow: none;}[data-theme-id="raxboard_stable"] .rb-header-inner { max-width: var(--container, 1300px); margin: 0 auto; padding: 0 24px; height: var(--header-h, 72px); display: flex; align-items: center; gap: 28px;}[data-theme-id="raxboard_stable"] .rb-hamburger { display: none; }/* Logo lockup */[data-theme-id="raxboard_stable"] .rb-logo { display: flex; align-items: center; gap: 11px; flex: none; }[data-theme-id="raxboard_stable"] .rb-logo-mark { width: 40px; height: 40px; border-radius: 10px; flex: none; background: var(--color-navy, #26334F); color: #fff; display: grid; place-items: center;}[data-theme-id="raxboard_stable"] .rb-logo-mark svg { width: 22px; height: 22px; }[data-theme-id="raxboard_stable"] .rb-logo-mark .bar-a { fill: var(--primary, #E9701D); }[data-theme-id="raxboard_stable"] .rb-logo-word { font-size: 21px; font-weight: 800; letter-spacing: -.3px; color: var(--text-primary, #1C2536); white-space: nowrap;}[data-theme-id="raxboard_stable"] .rb-logo-word b { color: var(--primary, #E9701D); }[data-theme-id="raxboard_stable"] .rb-logo-img { height: var(--rb-logo-height, 40px); width: auto; max-width: 190px; }/* Primary nav — pills */[data-theme-id="raxboard_stable"] .rb-nav-list { display: flex; align-items: center; gap: 4px; min-width: 0; overflow: hidden; }[data-theme-id="raxboard_stable"] .rb-nav-item { display: flex; align-items: center; gap: 7px; padding: 10px 15px; border-radius: var(--radius, 10px); font-size: 15.5px; font-weight: 700; color: var(--text-secondary, #5C6675); white-space: nowrap;}[data-theme-id="raxboard_stable"] .rb-nav-item i.nic { font-size: 15px; width: 17px; text-align: center; }[data-theme-id="raxboard_stable"] .rb-nav-item .chev { width: 13px; height: 13px; opacity: .6; }[data-theme-id="raxboard_stable"] .rb-nav-item:hover { background: var(--surface-2, #F6F8FB); color: var(--text-primary, #1C2536); }[data-theme-id="raxboard_stable"] .rb-nav-item.is-active { font-weight: 800; color: var(--color-navy, #26334F); background: var(--background-alt, #EAEEF4);}html[data-theme="dark"] [data-theme-id="raxboard_stable"] .rb-nav-item.is-active { color: #fff; background: var(--surface-2, #202A3D); }/* Right actions */[data-theme-id="raxboard_stable"] .rb-header-actions { margin-left: auto; display: flex; align-items: center; gap: 8px; flex: none; }[data-theme-id="raxboard_stable"] button.rb-h-link,[data-theme-id="raxboard_stable"] .rb-h-link { display: flex; align-items: center; gap: 8px; white-space: nowrap; font-family: var(--font-sans); font-size: 15px; font-weight: 700; color: var(--text-primary, #1C2536); padding: 9px 14px; border-radius: var(--radius, 10px); border: 1px solid var(--border, #E3E8EF); background: transparent; cursor: pointer;}[data-theme-id="raxboard_stable"] .rb-h-link i { font-size: 15px; color: var(--text-secondary, #5C6675); }[data-theme-id="raxboard_stable"] .rb-h-link:hover { border-color: var(--primary, #E9701D); color: var(--primary, #E9701D); }[data-theme-id="raxboard_stable"] .rb-h-link:hover i { color: var(--primary, #E9701D); }[data-theme-id="raxboard_stable"] .rb-h-link.solid { background: var(--primary, #E9701D); border-color: var(--primary, #E9701D); color: #fff; }[data-theme-id="raxboard_stable"] .rb-h-link.solid i { color: #fff; }[data-theme-id="raxboard_stable"] .rb-h-link.solid:hover { background: var(--color-accent-600, #D26112); color: #fff; }[data-theme-id="raxboard_stable"] .rb-icon-btn { position: relative; width: 42px; height: 42px; border: none; background: none; cursor: pointer; border-radius: var(--radius, 10px); display: grid; place-items: center; color: var(--text-secondary, #5C6675);}[data-theme-id="raxboard_stable"] .rb-icon-btn:hover { background: var(--surface-2, #F6F8FB); color: var(--primary, #E9701D); }[data-theme-id="raxboard_stable"] .rb-icon-btn i { font-size: 18px; }[data-theme-id="raxboard_stable"] .rb-badge-count { position: absolute; top: 2px; right: 2px; min-width: 17px; height: 17px; padding: 0 4px; background: var(--danger, #D6453D); color: #fff; font-size: 10px; font-weight: 800; border-radius: 9px; display: grid; place-items: center;}/* user chip → avatar-only square button (mockup member header) */[data-theme-id="raxboard_stable"] .rb-user-chip { background: none; border: none; cursor: pointer; padding: 3px; border-radius: var(--radius, 10px); display: inline-flex; align-items: center;}[data-theme-id="raxboard_stable"] .rb-user-chip:hover { background: var(--surface-2, #F6F8FB); }[data-theme-id="raxboard_stable"] .rb-user-chip .rb-avatar { width: 36px; height: 36px; }[data-theme-id="raxboard_stable"] .rb-user-chip__name,[data-theme-id="raxboard_stable"] .rb-user-chip__chev { display: none; }/* Mockup has a single header row — hide the secondary submenu bar on desktop (links remain in the mobile hamburger panel) */[data-theme-id="raxboard_stable"] .rb-submenu { display: none !important; }/* ═══ NAVY PAGE BAND ═══ *//* Home band (own markup from partials/sidebar override) */[data-theme-id="raxboard_stable"] .rb-band { background: var(--rb-band-bg, #26334F); color: var(--rb-band-text, #FFFFFF);}[data-theme-id="raxboard_stable"] .rb-band--home { width: 100vw; margin-left: calc(50% - 50vw); margin-bottom: 24px;}[data-theme-id="raxboard_stable"] .rb-band-inner { max-width: var(--container, 1300px); margin: 0 auto; padding: 20px 24px 22px;}[data-theme-id="raxboard_stable"] .rb-band-row { display: flex; align-items: center; gap: 18px; }[data-theme-id="raxboard_stable"] .rb-band-row h1 { margin: 0; font-size: 27px; font-weight: 800; letter-spacing: -.3px; color: var(--rb-band-text, #FFFFFF) !important;}[data-theme-id="raxboard_stable"] .rb-band-meta { display: flex; align-items: center; gap: 8px; margin-top: 8px; font-size: 13.5px; font-weight: 700; color: var(--rb-band-muted, rgba(255,255,255,.66)) !important;}[data-theme-id="raxboard_stable"] .rb-band-actions { margin-left: auto; display: flex; align-items: center; gap: 10px; }[data-theme-id="raxboard_stable"] .rb-band-actions .btn,[data-theme-id="raxboard_stable"] .rb-band .btn { display: inline-flex; align-items: center; gap: 8px; height: 42px; padding: 0 18px; border: none; border-radius: var(--radius-sm, 6px); font-size: 14.5px; font-weight: 800; cursor: pointer; white-space: nowrap;}/* ── Band applied to existing page-top blocks (full-bleed technique): content re-centered via padding-inline so no inner wrapper is needed ── */[data-theme-id="raxboard_stable"] .crumbs,[data-theme-id="raxboard_stable"] nav[class*="rb-s7-0955"],[data-theme-id="raxboard_stable"] header.thread-header,[data-theme-id="raxboard_stable"] .page-header { background: var(--rb-band-bg, #26334F); width: 100vw; margin-left: calc(50% - 50vw); padding-inline: max(24px, calc(50vw - (var(--container, 1300px) / 2) + 24px));}/* breadcrumb strip = band top */[data-theme-id="raxboard_stable"] .crumbs,[data-theme-id="raxboard_stable"] nav[class*="rb-s7-0955"] { display: flex; align-items: center; gap: 7px; flex-wrap: wrap; font-size: 13px; font-weight: 700; padding-top: 20px; padding-bottom: 12px; margin-bottom: 0 !important; margin-top: 0;}/* Breadcrumb → gap ONLY before a genuinely non-banded block. The only such case is /search (.crumbs + .search-hero); every other breadcrumb is continued by a banded header (.page-header may be wrapped in .min-w-0 on forum-show, so a naive :has(+ .page-header) misses it → the s7-0955 nav must stay margin-bottom:0 unconditionally, handled by its base rule below). */[data-theme-id="raxboard_stable"] .crumbs:has(+ .search-hero) { padding-bottom: 20px; margin-bottom: 24px !important;}/* pill chips */[data-theme-id="raxboard_stable"] .crumbs a,[data-theme-id="raxboard_stable"] nav[class*="rb-s7-0955"] a { display: inline-flex; align-items: center; gap: 7px; height: 30px; padding: 0 13px; border-radius: 999px; background: rgba(255,255,255,.09); border: 1px solid rgba(255,255,255,.08); color: var(--rb-band-muted, rgba(255,255,255,.66)) !important;}[data-theme-id="raxboard_stable"] .crumbs a:hover,[data-theme-id="raxboard_stable"] nav[class*="rb-s7-0955"] a:hover { background: rgba(255,255,255,.17); color: #fff !important; }/* separators */[data-theme-id="raxboard_stable"] .crumbs .sep { color: rgba(255,255,255,.45); opacity: .8; }[data-theme-id="raxboard_stable"] nav[class*="rb-s7-0955"] i[class*="rb-s7-0776"] { color: rgba(255,255,255,.45); }/* current segment = solid white pill (orange in dark) */[data-theme-id="raxboard_stable"] .crumbs > span:not(.sep):not(.crumb-sep),[data-theme-id="raxboard_stable"] nav[class*="rb-s7-0955"] > span { display: inline-flex; align-items: center; height: 30px; padding: 0 13px; border-radius: 999px; background: #fff; border: 1px solid #fff; color: var(--color-navy, #26334F); font-weight: 800; max-width: 58vw; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}html[data-theme="dark"] [data-theme-id="raxboard_stable"] .crumbs > span:not(.sep):not(.crumb-sep),html[data-theme="dark"] [data-theme-id="raxboard_stable"] nav[class*="rb-s7-0955"] > span { background: var(--primary, #F0813A); border-color: var(--primary, #F0813A); color: var(--primary-foreground, #14100B);}html[data-theme="dark"] [data-theme-id="raxboard_stable"] .crumbs .sep { color: rgba(230,234,241,.4); }/* thread header block = band body */[data-theme-id="raxboard_stable"] header.thread-header { padding-top: 4px; padding-bottom: 22px; margin-top: 0 !important; margin-bottom: 24px !important; display: flex; align-items: center; gap: 18px; border: none; box-shadow: none;}[data-theme-id="raxboard_stable"] .thread-header .thread-head-title { font-size: 27px !important; font-weight: 800 !important; letter-spacing: -.3px; color: var(--rb-band-text, #FFFFFF) !important; margin: 0;}[data-theme-id="raxboard_stable"] .thread-header .thread-head-meta { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-top: 8px; font-size: 13.5px; font-weight: 700; color: var(--rb-band-muted, rgba(255,255,255,.66)) !important;}[data-theme-id="raxboard_stable"] .thread-header .thread-head-meta a { color: #fff; }[data-theme-id="raxboard_stable"] .thread-header .thread-head-meta .sep { opacity: .5; }[data-theme-id="raxboard_stable"] .thread-header .thread-head-pills { margin-bottom: 8px; }[data-theme-id="raxboard_stable"] .thread-header .thread-head-actions { margin-left: auto; display: flex; align-items: center; gap: 10px; }/* on-band ghost buttons (watch / bookmark / edit) */[data-theme-id="raxboard_stable"] .thread-header .thread-head-actions .btn,[data-theme-id="raxboard_stable"] .page-header .btn-ghost,[data-theme-id="raxboard_stable"] .btn-onband { background: rgba(255,255,255,.12); color: #fff; border: 1px solid rgba(255,255,255,.24); border-radius: var(--radius-sm, 6px); font-weight: 800;}[data-theme-id="raxboard_stable"] .thread-header .thread-head-actions .btn:hover,[data-theme-id="raxboard_stable"] .page-header .btn-ghost:hover,[data-theme-id="raxboard_stable"] .btn-onband:hover { background: rgba(255,255,255,.2); color: #fff; }/* forum-show / generic page header = band body */[data-theme-id="raxboard_stable"] .page-header { padding-top: 4px; padding-bottom: 22px; margin-bottom: 24px !important; align-items: center;}[data-theme-id="raxboard_stable"] .page-header .page-title { font-size: 27px !important; font-weight: 800 !important; letter-spacing: -.3px; color: var(--rb-band-text, #FFFFFF) !important;}[data-theme-id="raxboard_stable"] .page-header .page-subtitle { font-size: 13.5px; font-weight: 700; color: var(--rb-band-muted, rgba(255,255,255,.66)) !important; margin-top: 8px;}[data-theme-id="raxboard_stable"] .page-header .btn-primary { border: none; }/* whats-new / members standalone titles (crumb variant .crumb/.crumb-sep) */[data-theme-id="raxboard_stable"] .crumbs .crumb-sep { color: rgba(255,255,255,.45); }[data-theme-id="raxboard_stable"] .crumbs span.crumb { display: inline-flex; align-items: center; height: 30px; padding: 0 13px; border-radius: 999px; background: #fff; border: 1px solid #fff; color: var(--color-navy, #26334F); font-weight: 800;}html[data-theme="dark"] [data-theme-id="raxboard_stable"] .crumbs span.crumb { background: var(--primary, #F0813A); border-color: var(--primary, #F0813A); color: var(--primary-foreground, #14100B);}[data-theme-id="raxboard_stable"] .crumbs a.crumb { height: 30px; }/* h1.page-title NOT inside .page-header (whats-new, members): band it too */[data-theme-id="raxboard_stable"] .crumbs + h1.page-title,[data-theme-id="raxboard_stable"] .crumbs ~ h1.page-title { background: var(--rb-band-bg, #26334F); width: 100vw; margin-left: calc(50% - 50vw); margin-top: 0; margin-bottom: 24px; padding: 4px max(24px, calc(50vw - (var(--container, 1300px) / 2) + 24px)) 22px; font-size: 27px; font-weight: 800; letter-spacing: -.3px; color: var(--rb-band-text, #FFFFFF);}/* ── Mobile (mockup @860) ── */@media (max-width: 860px) { [data-theme-id="raxboard_stable"] .rb-adminbar { display: none; } [data-theme-id="raxboard_stable"] .rb-header-inner { padding: 0 12px; height: 60px; gap: 8px; } [data-theme-id="raxboard_stable"] .rb-hamburger { display: grid; place-items: center; width: 40px; height: 40px; border: 1px solid var(--border, #E3E8EF); background: var(--surface, #FFFFFF); border-radius: var(--radius-sm, 6px); color: var(--text-primary, #1C2536); flex: none; cursor: pointer; } [data-theme-id="raxboard_stable"] .rb-nav-list { display: none; } [data-theme-id="raxboard_stable"] .rb-h-link span { display: none; } [data-theme-id="raxboard_stable"] .rb-h-link { padding: 9px 11px; } [data-theme-id="raxboard_stable"] .rb-logo { margin-right: auto; gap: 8px; } [data-theme-id="raxboard_stable"] .rb-logo-mark { width: 36px; height: 36px; border-radius: 9px; } [data-theme-id="raxboard_stable"] .rb-logo-word { font-size: 18px; } [data-theme-id="raxboard_stable"] .rb-band-inner { padding: 16px 14px 18px; } [data-theme-id="raxboard_stable"] .rb-band-row h1 { font-size: 21px !important; } /* stack the band row on mobile: title/meta on top, action buttons full-width below */ [data-theme-id="raxboard_stable"] .rb-band-row { flex-direction: column; align-items: stretch; gap: 14px; } [data-theme-id="raxboard_stable"] .rb-band-actions { margin-left: 0; flex-wrap: wrap; } [data-theme-id="raxboard_stable"] .rb-band-actions .btn { flex: 1 1 0; justify-content: center; } [data-theme-id="raxboard_stable"] .rb-band-actions .btn { height: 40px; padding: 0 13px; font-size: 13.5px; } [data-theme-id="raxboard_stable"] .crumbs, [data-theme-id="raxboard_stable"] nav[class*="rb-s7-0955"], [data-theme-id="raxboard_stable"] header.thread-header, [data-theme-id="raxboard_stable"] .page-header { padding-inline: 14px; } [data-theme-id="raxboard_stable"] .thread-header .thread-head-title { font-size: 21px !important; } [data-theme-id="raxboard_stable"] .page-header .page-title { font-size: 21px !important; } [data-theme-id="raxboard_stable"] .crumbs { overflow-x: auto; flex-wrap: nowrap; scrollbar-width: none; } [data-theme-id="raxboard_stable"] .crumbs::-webkit-scrollbar { display: none; }}/* ── Band sits flush under the header (cancel main's top padding) ── */[data-theme-id="raxboard_stable"] .rb-band--home,[data-theme-id="raxboard_stable"] .crumbs,[data-theme-id="raxboard_stable"] nav[class*="rb-s7-0955"] { margin-top: -24px !important;}@media (max-width: 767px) { [data-theme-id="raxboard_stable"] .rb-band--home, [data-theme-id="raxboard_stable"] .crumbs, [data-theme-id="raxboard_stable"] nav[class*="rb-s7-0955"] { margin-top: -16px !important; }}/* forumshow: kill the breadcrumb bottom margin so the two navy strips join */[data-theme-id="raxboard_stable"] nav[class*="rb-s7-0955"] { margin-bottom: 0 !important; }/* breadcrumb pills: never uppercase (mockup) */[data-theme-id="raxboard_stable"] .crumbs a,[data-theme-id="raxboard_stable"] .crumbs span,[data-theme-id="raxboard_stable"] nav[class*="rb-s7-0955"] a,[data-theme-id="raxboard_stable"] nav[class*="rb-s7-0955"] span { text-transform: none !important; letter-spacing: 0 !important;}/* separators: plain, never pills */[data-theme-id="raxboard_stable"] .crumbs .sep,[data-theme-id="raxboard_stable"] .crumbs .crumb-sep { background: none !important; border: none !important; padding: 0 !important; height: auto !important; color: rgba(255,255,255,.45) !important;}/* mobile: 5 header icons don't fit 375px — hide search (reachable via hamburger), compact the rest (mockup mobile header = hamburger + logo + avatar) */@media (max-width: 860px) { [data-theme-id="raxboard_stable"] .rb-header-actions a.rb-icon-btn[href="/search"] { display: none; } [data-theme-id="raxboard_stable"] .rb-header-actions { gap: 2px; } [data-theme-id="raxboard_stable"] .rb-icon-btn { width: 38px; height: 38px; } [data-theme-id="raxboard_stable"] .rb-header-inner { gap: 6px; }}@media (max-width: 860px) { /* logo word must not push the avatar off-screen */ [data-theme-id="raxboard_stable"] .rb-logo-word { max-width: 128px; overflow: hidden; text-overflow: ellipsis; }}@media (max-width: 860px) { /* mockup mobile header = hamburger + logo + avatar (+mail/bell kept as features); tweaks lives in the account menu — hide its icon to fit 375px */ [data-theme-id="raxboard_stable"] .rb-header-actions > button[data-open-tweaks] { display: none; } /* thread band: title full-width, actions row below (mockup frame 13) */ [data-theme-id="raxboard_stable"] header.thread-header { flex-wrap: wrap; gap: 10px; } [data-theme-id="raxboard_stable"] .thread-header .thread-head-main { flex: 1 1 100%; min-width: 0; } [data-theme-id="raxboard_stable"] .thread-header .thread-head-actions { margin-left: 0; } [data-theme-id="raxboard_stable"] .thread-header .thread-head-meta { font-size: 12.5px; } [data-theme-id="raxboard_stable"] .thread-header .thread-head-actions .btn { height: 38px; padding: 0 13px; font-size: 13px; }}/* ══ 20_forum_index.css ══ *//* ═══════════════════════════════════════════════════════════════════════ STABLE — 20 FORUM INDEX (category cards + node rows) + SIDEBAR WIDGETS Real classes: .rb-cat > .cat-head + .nodes > .node-row (.node-row-icon > .node-icon, .node-main > .node-title-row/.node-desc/.subforum-chips, .node-stats > div > .num/.lbl, .node-last > .node-last-avatar/.node-last-body) Widgets: .rb-widget-container > .rb-widget-header (.rb-widget-icon/.rb-widget-title) + .rb-widget-body (mockup stable-shell.css §FORUM TABLE + §SIDEBAR WIDGETS) ═══════════════════════════════════════════════════════════════════════ *//* ── Category card ── */[data-theme-id="raxboard_stable"] .rb-cat { background: var(--surface, #FFFFFF); border: 1px solid var(--border, #E3E8EF); border-radius: var(--rb-category-header-radius, var(--rb-radius-lg, var(--radius-lg, 14px))); box-shadow: var(--shadow-sm); overflow: hidden; padding: 0;}/* navy header bar */[data-theme-id="raxboard_stable"] .cat-head { display: flex; align-items: center; gap: 12px; padding: 13px 20px; background: var(--rb-category-header-bg, #26334F); border: none; border-radius: 0;}[data-theme-id="raxboard_stable"] .cat-head h2,[data-theme-id="raxboard_stable"] .cat-head h2 a { margin: 0; font-size: 16.5px; font-weight: 800; color: var(--rb-category-header-color, #FFFFFF) !important; letter-spacing: .2px; white-space: nowrap;}[data-theme-id="raxboard_stable"] .cat-head h2 a:hover { color: #fff !important; }[data-theme-id="raxboard_stable"] .cat-head h2 a i { color: var(--rb-category-header-desc-color, rgba(255,255,255,.66)); font-size: 14px; }[data-theme-id="raxboard_stable"] .cat-head p { margin: 0; font-size: 13px; font-weight: 600; color: var(--rb-category-header-desc-color, rgba(255,255,255,.66)); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}[data-theme-id="raxboard_stable"] .cat-head .cat-meta { margin-left: auto; font-size: 12px; font-weight: 700; color: var(--rb-category-header-desc-color, rgba(255,255,255,.66)); white-space: nowrap;}/* ── Node rows ── */[data-theme-id="raxboard_stable"] .nodes { border: none; }[data-theme-id="raxboard_stable"] .node-row { display: grid; grid-template-columns: 52px minmax(0, 1fr) 170px 280px; align-items: center; gap: 16px; padding: 15px 20px; border-top: 1px solid var(--rb-forum-node-border, #ECF0F5); background: var(--rb-forum-node-bg, transparent); transition: background-color .15s ease;}[data-theme-id="raxboard_stable"] .node-row:first-child { border-top: none; }[data-theme-id="raxboard_stable"] .node-row:hover { background: var(--surface-2, #F6F8FB); }[data-theme-id="raxboard_stable"] .node-icon { width: 46px; height: 46px; border-radius: 11px; display: grid; place-items: center; color: var(--rb-forum-node-icon-color, #E9701D); background: var(--rb-forum-node-icon-bg, #FDF0E4);}[data-theme-id="raxboard_stable"] .node-icon i { font-size: 20px; }/* alt tile (announcement-flavored icons) — real markup has one .node-icon class; color via icon glyph class when present */[data-theme-id="raxboard_stable"] .node-icon:has(i.fa-bullhorn),[data-theme-id="raxboard_stable"] .node-icon:has(i.fa-megaphone),[data-theme-id="raxboard_stable"] .node-icon:has(i.fa-newspaper) { color: var(--rb-forum-node-icon-color-alt, #3E74D9); background: var(--rb-forum-node-icon-bg-alt, #E5EDFB);}[data-theme-id="raxboard_stable"] .node-main { min-width: 0; }[data-theme-id="raxboard_stable"] .node-title-row { display: flex; align-items: center; gap: 9px; }[data-theme-id="raxboard_stable"] .node-title { font-size: 16.5px; font-weight: 800; color: var(--text-primary, #1C2536); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}[data-theme-id="raxboard_stable"] .node-title:hover { color: var(--primary, #E9701D); }[data-theme-id="raxboard_stable"] .node-desc { margin: 4px 0 0; font-size: 13.5px; color: var(--text-secondary, #5C6675); line-height: 1.5;}/* subforum chips → mockup .rb-subforums link row */[data-theme-id="raxboard_stable"] .subforum-chips { display: flex; gap: 12px; margin-top: 7px; flex-wrap: wrap; align-items: center; }[data-theme-id="raxboard_stable"] .subforum-label { font-size: 11px; font-weight: 800; letter-spacing: .4px; color: var(--text-faint, #8D97A7); text-transform: uppercase;}[data-theme-id="raxboard_stable"] .subforum-label i { color: var(--primary, #E9701D); margin-right: 3px; }[data-theme-id="raxboard_stable"] .subforum-sep { display: none; }[data-theme-id="raxboard_stable"] .subforum-chip { display: inline-flex; align-items: center; gap: 5px; font-size: 13px; font-weight: 700; color: var(--text-secondary, #5C6675);}[data-theme-id="raxboard_stable"] .subforum-chip::before { content: "\f086"; /* fa-comments */ font-family: "Font Awesome 6 Free"; font-weight: 900; font-size: 11px; color: var(--primary, #E9701D);}[data-theme-id="raxboard_stable"] .subforum-chip:hover { color: var(--primary, #E9701D); }/* counts — labeled columns */[data-theme-id="raxboard_stable"] .node-stats { display: flex; gap: 22px; font-variant-numeric: tabular-nums;}[data-theme-id="raxboard_stable"] .node-stats > div { min-width: 62px; display: flex; flex-direction: column-reverse; }[data-theme-id="raxboard_stable"] .node-stats .lbl { display: block; font-size: 10.5px; font-weight: 800; text-transform: uppercase; letter-spacing: .6px; color: var(--text-faint, #8D97A7); margin-bottom: 2px;}[data-theme-id="raxboard_stable"] .node-stats .num { font-size: 15.5px; font-weight: 800; color: var(--text-primary, #1C2536);}/* last post */[data-theme-id="raxboard_stable"] .node-last { min-width: 0; display: flex; gap: 10px; align-items: center; }[data-theme-id="raxboard_stable"] .node-last-avatar { display: block; flex: none; }[data-theme-id="raxboard_stable"] .node-last-avatar .avatar,[data-theme-id="raxboard_stable"] .node-last-avatar img { width: 40px; height: 40px; border-radius: var(--avatar-radius, 8px); }[data-theme-id="raxboard_stable"] .node-last-body { min-width: 0; }[data-theme-id="raxboard_stable"] .node-last-title { display: block; font-size: 14px; font-weight: 700; color: var(--text-primary, #1C2536); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%;}[data-theme-id="raxboard_stable"] .node-last-title:hover { color: var(--primary, #E9701D); }[data-theme-id="raxboard_stable"] .node-last-meta { font-size: 12.5px; color: var(--text-faint, #8D97A7); margin-top: 3px; font-weight: 600;}[data-theme-id="raxboard_stable"] .node-last-meta .node-last-user { color: var(--text-secondary, #5C6675); font-weight: 700; }/* ═══ SIDEBAR WIDGETS ═══ */[data-theme-id="raxboard_stable"] .rbt-widget-sidebar { width: var(--rb-widget-sidebar-width, var(--sidebar-w, 340px)); }[data-theme-id="raxboard_stable"] .rb-widget-container { background: var(--surface, #FFFFFF); border: 1px solid var(--border, #E3E8EF); border-radius: var(--rb-radius-lg, var(--radius-lg, 14px)); box-shadow: var(--shadow-sm); overflow: hidden; padding: 0;}[data-theme-id="raxboard_stable"] .rb-widget-header { display: flex; align-items: center; gap: 9px; margin: 0; padding: 13px 18px; border-bottom: 1px solid var(--border, #E3E8EF); background: transparent;}[data-theme-id="raxboard_stable"] .rb-widget-title { font-size: 14.5px; font-weight: 800; color: var(--text-primary, #1C2536); text-transform: none; letter-spacing: 0;}[data-theme-id="raxboard_stable"] .rb-widget-icon { font-size: 15px; color: var(--primary, #E9701D); }[data-theme-id="raxboard_stable"] .rb-widget-body { padding: 14px 18px; }[data-theme-id="raxboard_stable"] .rb-widget-body .rb-ulink { color: var(--text-primary, #1C2536); font-weight: 700; }/* statbox rows (forum statistics style widgets) */[data-theme-id="raxboard_stable"] .rb-w-statbox { background: var(--surface-2, #F6F8FB); border: 1px solid var(--border, #E3E8EF); border-radius: var(--radius-sm, 6px);}/* ── Mobile (mockup @860) ── */@media (max-width: 860px) { [data-theme-id="raxboard_stable"] .node-row { grid-template-columns: 42px minmax(0, 1fr); gap: 4px 12px; padding: 13px 16px; align-items: start; } [data-theme-id="raxboard_stable"] .node-icon { width: 40px; height: 40px; border-radius: 9px; } [data-theme-id="raxboard_stable"] .node-icon i { font-size: 17px; } [data-theme-id="raxboard_stable"] .node-title { font-size: 15.5px; white-space: normal; } [data-theme-id="raxboard_stable"] .node-desc { display: none; } [data-theme-id="raxboard_stable"] .subforum-chips { display: none; } [data-theme-id="raxboard_stable"] .node-stats { display: none; } [data-theme-id="raxboard_stable"] .node-last { grid-column: 1 / -1; margin-top: 9px; padding-top: 10px; border-top: 1px dashed var(--border, #E3E8EF); } [data-theme-id="raxboard_stable"] .node-last-avatar .avatar, [data-theme-id="raxboard_stable"] .node-last-avatar img { width: 34px; height: 34px; } [data-theme-id="raxboard_stable"] .rbt-widget-sidebar { width: 100%; }}@media (max-width: 860px) { /* mobile category bar: name only (desc + count overflow the navy bar) */ [data-theme-id="raxboard_stable"] .cat-head p, [data-theme-id="raxboard_stable"] .cat-head .cat-meta { display: none; } [data-theme-id="raxboard_stable"] .cat-head { padding: 12px 16px; }}/* ══ 30_thread_list.css ══ *//* ═══════════════════════════════════════════════════════════════════════ STABLE — 30 THREAD LIST (mockup frame 04) Real: .node-toolbar > .filter-tabs > .filter-tab | .thread-list > .thread-row-wrap > .thread-row (.thread-avatar/.thread-main/.thread-stats/ .thread-last) | pagination (macros/layout/pagination output) ═══════════════════════════════════════════════════════════════════════ *//* ── Controls card (sort/filter tabs → mockup .rb-tl-controls chip buttons) ── */[data-theme-id="raxboard_stable"] .node-toolbar { background: var(--surface, #FFFFFF); border: 1px solid var(--border, #E3E8EF); border-radius: var(--rb-radius-lg, var(--radius-lg, 14px)); box-shadow: var(--shadow-sm); padding: 11px 16px; margin-bottom: 20px;}[data-theme-id="raxboard_stable"] .filter-tabs { display: flex; gap: 8px; flex-wrap: wrap; }[data-theme-id="raxboard_stable"] .filter-tab { display: inline-flex; align-items: center; gap: 7px; height: 38px; padding: 0 15px; border-radius: var(--radius-sm, 6px); background: var(--surface-2, #F6F8FB); border: 1px solid var(--border, #E3E8EF); font-size: 13.5px; font-weight: 700; color: var(--text-secondary, #5C6675);}[data-theme-id="raxboard_stable"] .filter-tab:hover { border-color: var(--primary, #E9701D); color: var(--primary, #E9701D); background: var(--primary-soft, #FCEDE0);}[data-theme-id="raxboard_stable"] .filter-tab.active { background: var(--color-navy, #26334F); border-color: var(--color-navy, #26334F); /* !important beats rb-core's a:not(...):not(...)... link rule (0,4,1) which otherwise pulls the active-tab text to --rb-link-color (dark) on navy */ color: #fff !important;}/* ── Thread list card ── */[data-theme-id="raxboard_stable"] .thread-list { background: var(--surface, #FFFFFF); border: 1px solid var(--border, #E3E8EF); border-radius: var(--rb-radius-lg, var(--radius-lg, 14px)); box-shadow: var(--shadow-sm); overflow: hidden;}[data-theme-id="raxboard_stable"] .thread-row-wrap { border-top: 1px solid var(--border, #E3E8EF);}[data-theme-id="raxboard_stable"] .thread-list .thread-row-wrap:first-child { border-top: none; }[data-theme-id="raxboard_stable"] .thread-row-wrap:hover { background: var(--surface-2, #F6F8FB); }/* pinned/sticky rows = inset 3px orange bar */[data-theme-id="raxboard_stable"] .thread-row-wrap.is-sticky,[data-theme-id="raxboard_stable"] .thread-row-wrap[data-sticky="1"],[data-theme-id="raxboard_stable"] .thread-row-wrap:has(.fa-thumbtack) { box-shadow: inset 3px 0 0 var(--primary, #E9701D);}[data-theme-id="raxboard_stable"] .thread-row { padding: 14px 20px; gap: 15px; }[data-theme-id="raxboard_stable"] .thread-avatar img { width: 44px !important; height: 44px !important; }[data-theme-id="raxboard_stable"] .rb-tr-title,[data-theme-id="raxboard_stable"] .rb-tr-title a { font-size: 15.5px !important; font-weight: 800 !important; color: var(--text-primary, #1C2536);}[data-theme-id="raxboard_stable"] .rb-tr-title a:hover { color: var(--primary, #E9701D); }[data-theme-id="raxboard_stable"] .thread-row .fa-thumbtack { color: var(--primary, #E9701D); font-size: 13px; }[data-theme-id="raxboard_stable"] .thread-sub { font-size: 13px !important; color: var(--text-faint, #8D97A7) !important; margin-top: 4px; font-weight: 600;}[data-theme-id="raxboard_stable"] .thread-sub .rb-tr-author span { color: var(--text-secondary, #5C6675); font-weight: 700; }/* stats cols */[data-theme-id="raxboard_stable"] .thread-stats { gap: 22px; font-variant-numeric: tabular-nums; }[data-theme-id="raxboard_stable"] .thread-stats .num { display: block; font-size: 15px; font-weight: 800; color: var(--text-primary, #1C2536) !important;}[data-theme-id="raxboard_stable"] .thread-stats .lbl { font-size: 10.5px !important; font-weight: 800; text-transform: uppercase; letter-spacing: .6px; color: var(--text-faint, #8D97A7) !important;}/* last col */[data-theme-id="raxboard_stable"] .thread-last-name { font-size: 13.5px !important; font-weight: 700 !important; color: var(--text-primary, #1C2536) !important; }[data-theme-id="raxboard_stable"] .thread-last-time { font-size: 12.5px !important; color: var(--text-faint, #8D97A7) !important; font-weight: 600; }[data-theme-id="raxboard_stable"] .thread-last img { width: 40px !important; height: 40px !important; }/* ── Thread prefixes (pill chips; colors come from thread_prefixes rows) ── */[data-theme-id="raxboard_stable"] .pill,[data-theme-id="raxboard_stable"] .thread-prefix { font-size: 11.5px; font-weight: 800; letter-spacing: .2px; padding: 2.5px 8px; border-radius: 5px; flex: none;}[data-theme-id="raxboard_stable"] .pill.accent { background: var(--rb-prefix-accent-bg, #FCEDE0); color: var(--rb-prefix-accent-text, #C05A10);}[data-theme-id="raxboard_stable"] .pill.primary,[data-theme-id="raxboard_stable"] .pill.info { background: var(--rb-prefix-primary-bg, #E5EDFB); color: var(--rb-prefix-primary-text, #2F5DB3);}/* ── Pagination (mockup .rb-pagination) ── */[data-theme-id="raxboard_stable"] .rb-pagination,[data-theme-id="raxboard_stable"] nav.pagination,[data-theme-id="raxboard_stable"] .pagination { display: flex; align-items: center; gap: 6px; flex-wrap: wrap;}[data-theme-id="raxboard_stable"] .rb-pagination a,[data-theme-id="raxboard_stable"] .rb-pagination span,[data-theme-id="raxboard_stable"] .pagination a,[data-theme-id="raxboard_stable"] .pagination > span,[data-theme-id="raxboard_stable"] .rb-pagination__page,[data-theme-id="raxboard_stable"] .rb-pagination__current { min-width: 38px; height: 38px; padding: 0 12px; border-radius: var(--radius-sm, 6px); background: var(--surface-2, #F6F8FB); border: 1px solid var(--border, #E3E8EF); display: inline-grid; place-items: center; font-size: 13.5px; font-weight: 800; color: var(--text-secondary, #5C6675);}[data-theme-id="raxboard_stable"] .rb-pagination a:hover,[data-theme-id="raxboard_stable"] .pagination a:hover,[data-theme-id="raxboard_stable"] .rb-pagination__page:hover { border-color: var(--primary, #E9701D); color: var(--primary, #E9701D);}[data-theme-id="raxboard_stable"] .rb-pagination .is-active,[data-theme-id="raxboard_stable"] .rb-pagination__current,[data-theme-id="raxboard_stable"] .pagination .current,[data-theme-id="raxboard_stable"] .pagination [aria-current="page"] { background: var(--color-navy, #26334F) !important; border-color: var(--color-navy, #26334F) !important; color: #fff !important;}/* thread-page number chips inside title rows (mockup .rb-th-pages) */[data-theme-id="raxboard_stable"] .thread-title-row .rb-tp,[data-theme-id="raxboard_stable"] .thread-pages span { font-size: 11px; font-weight: 700; color: var(--text-secondary, #5C6675); background: var(--surface-2, #F6F8FB); border: 1px solid var(--border, #E3E8EF); border-radius:var(--rb-user-radius, 4px); padding: 1px 6px;}/* ── Mobile (mockup @860) ── */@media (max-width: 860px) { [data-theme-id="raxboard_stable"] .thread-row { padding: 13px 16px; } [data-theme-id="raxboard_stable"] .thread-avatar img { width: 38px !important; height: 38px !important; } [data-theme-id="raxboard_stable"] .rb-tr-title { white-space: normal; } [data-theme-id="raxboard_stable"] .node-toolbar { padding: 10px 12px; } [data-theme-id="raxboard_stable"] .filter-tab { height: 34px; padding: 0 12px; font-size: 12.5px; }}/* ══ 40_postbit.css ══ *//* ═══════════════════════════════════════════════════════════════════════ STABLE — 40 POSTBIT + REPLY EDITOR (mockup frames 05-06, 13) Real: article.post-wrapper > .post > aside.rb-postbit.rb-postbit-modern (.rb-pbm compact strip, .rb-pb-avatar-link > .rb-pb-avatar, .rb-pb-online-dot, .rb-pb-username, .rb-pb-title, .rb-pb-badges > .userBanner, .rb-pb-hero, .rb-pb-rep, .rb-pb-rows > .rb-pb-row) + .post-body (.post-head > .post-meta/ .post-head__right, .post-prose, .post-foot > .post-action/.react-bar) ═══════════════════════════════════════════════════════════════════════ *//* ── Post card ── */[data-theme-id="raxboard_stable"] .post-wrapper { background: var(--surface, #FFFFFF) !important; border: 1px solid var(--border, #E3E8EF); border-radius: var(--rb-radius-lg, var(--radius-lg, 14px)) !important; box-shadow: var(--shadow-sm); overflow: hidden;}/* ── Author rail (mockup --rail-w 250px, framed avatar, boxed stats) ── */[data-theme-id="raxboard_stable"] .rb-postbit-modern { width: 250px; padding: 22px 18px; text-align: center; border-right: 1px solid var(--border, #E3E8EF); background: var(--surface-2, #F6F8FB);}/* compact strip only used on collapsed layouts — hide in modern rail */[data-theme-id="raxboard_stable"] .rb-postbit-modern .rb-pbm { display: none; }/* framed square avatar + online dot */[data-theme-id="raxboard_stable"] .rb-pb-avatar-link { position: relative; display: inline-block; padding: 5px; border: 1px solid var(--border-strong, #D0D9E4); border-radius: 12px; background: var(--surface, #FFFFFF); width: auto; height: auto;}[data-theme-id="raxboard_stable"] .rb-pb-avatar { width: 128px !important; height: 128px !important; display: block; object-fit: cover; border-radius: var(--avatar-radius, 8px) !important;}[data-theme-id="raxboard_stable"] .rb-pb-online-dot { position: absolute; right: -4px; bottom: -4px; width: 16px; height: 16px; border-radius: 50%; background: var(--success, #2E9E5B); border: 3px solid var(--surface, #FFFFFF); color: transparent; overflow: hidden;}[data-theme-id="raxboard_stable"] .rb-pb-online-dot i { display: none; }[data-theme-id="raxboard_stable"] .rb-pb-username { display: block; font-size: 17px; font-weight: 800; color: var(--text-primary, #1C2536); margin-top: 12px;}/* admin/staff usernames read as staff (red) via the group banner colors below */[data-theme-id="raxboard_stable"] .rb-pb-title { font-size: 13px; color: var(--text-secondary, #5C6675); font-weight: 700; margin-top: 2px;}/* badges — stacked chips */[data-theme-id="raxboard_stable"] .rb-pb-badges { display: flex; flex-direction: column; gap: 6px; margin-top: 12px;}[data-theme-id="raxboard_stable"] .rb-pb-badges .userBanner { font-size: 12px; font-weight: 800; letter-spacing: .3px; padding: 4.5px 10px !important; border-radius: 5px; justify-content: center;}/* hero cells (Points/Solutions) + rep + stat rows → BOXED rows (mockup .rb-pb-stats) */[data-theme-id="raxboard_stable"] .rb-pb-hero { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; margin-top: 14px;}[data-theme-id="raxboard_stable"] .rb-pb-hero-cell { border: 1px solid var(--border, #E3E8EF); background: var(--surface, #FFFFFF); border-radius: var(--radius-sm, 6px); padding: 6px 8px;}[data-theme-id="raxboard_stable"] .rb-pb-hero-cell__label { font-size: 10.5px; font-weight: 800; text-transform: uppercase; letter-spacing: .4px; color: var(--text-faint, #8D97A7);}[data-theme-id="raxboard_stable"] .rb-pb-hero-cell__value { font-size: 15px; font-weight: 800; color: var(--text-primary, #1C2536);}[data-theme-id="raxboard_stable"] .rb-pb-rep { display: flex; align-items: center; gap: 8px; border: 1px solid var(--border, #E3E8EF); background: var(--surface, #FFFFFF); border-radius: var(--radius-sm, 6px); padding: 6px 10px; margin-top: 6px; font-size: 12.5px;}[data-theme-id="raxboard_stable"] .rb-pb-rep__label { color: var(--text-faint, #8D97A7); font-weight: 700; }[data-theme-id="raxboard_stable"] .rb-pb-rep__val { color: var(--text-primary, #1C2536); font-weight: 800; }[data-theme-id="raxboard_stable"] .rb-pb-rep__pip { background: var(--border-strong, #D0D9E4); }[data-theme-id="raxboard_stable"] .rb-pb-rows { margin-top: 6px; display: grid; gap: 6px; text-align: left; }[data-theme-id="raxboard_stable"] .rb-pb-row { display: flex; align-items: center; justify-content: space-between; gap: 10px; font-size: 12.5px; white-space: nowrap; border: 1px solid var(--border, #E3E8EF); background: var(--surface, #FFFFFF); border-radius: var(--radius-sm, 6px); padding: 6px 10px;}[data-theme-id="raxboard_stable"] .rb-pb-row__icon { color: var(--primary, #E9701D); font-size: 12px; }[data-theme-id="raxboard_stable"] .rb-pb-row__label { color: var(--text-faint, #8D97A7); font-weight: 700; flex: 1; text-align: left; }[data-theme-id="raxboard_stable"] .rb-pb-row__value { color: var(--text-primary, #1C2536); font-weight: 800; overflow: hidden; text-overflow: ellipsis; }[data-theme-id="raxboard_stable"] .rb-pb-custom { margin-top: 8px; text-align: left; font-size: 12px; }/* ── Content column ── */[data-theme-id="raxboard_stable"] .post-body { min-width: 0; }[data-theme-id="raxboard_stable"] .post-head { display: flex; align-items: center; gap: 12px; padding: 18px 24px 0; margin-bottom: 14px; border: none;}[data-theme-id="raxboard_stable"] .post-meta { display: flex; align-items: center; gap: 10px; }[data-theme-id="raxboard_stable"] .post-meta .mono { font-family: var(--font-sans) !important; font-size: 13.5px; color: var(--text-faint, #8D97A7); font-weight: 700;}[data-theme-id="raxboard_stable"] .post-head__right { margin-left: auto; display: flex; align-items: center; gap: 13px; }[data-theme-id="raxboard_stable"] .post-num { font-family: var(--font-sans) !important; font-size: 13.5px; font-weight: 800; color: var(--text-faint, #8D97A7);}[data-theme-id="raxboard_stable"] .post-num:hover { color: var(--primary, #E9701D); }[data-theme-id="raxboard_stable"] .rb-thread-starter { font-size: 11px; font-weight: 800; letter-spacing: .3px; color: var(--rb-prefix-accent-text, #C05A10); background: var(--rb-prefix-accent-bg, #FCEDE0); border-radius:var(--rb-user-radius, 5px); padding: 2.5px 8px; display: inline-flex; align-items: center; gap: 5px;}[data-theme-id="raxboard_stable"] .post-prose { padding: 0 24px; font-size: 15.5px; line-height: var(--rb-content-line-height, 1.7); color: var(--foreground, #1C2536);}/* quotes — navy left bar (dark: secondary) */[data-theme-id="raxboard_stable"] .post-prose blockquote,[data-theme-id="raxboard_stable"] .bbcode-content blockquote,[data-theme-id="raxboard_stable"] .bbcode-quote { margin: 14px 0; background: var(--surface-2, #F6F8FB); border: 1px solid var(--border, #E3E8EF); border-left: 3px solid var(--color-navy, #26334F); border-radius: var(--radius-sm, 6px); padding: 12px 16px;}html[data-theme="dark"] [data-theme-id="raxboard_stable"] .post-prose blockquote,html[data-theme="dark"] [data-theme-id="raxboard_stable"] .bbcode-quote { border-left-color: var(--secondary, #6E9BEA);}/* foot — hairline top, links left, reactions */[data-theme-id="raxboard_stable"] .post-foot { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; padding: 14px 0 18px; border-top: 1px solid var(--border, #E3E8EF);}[data-theme-id="raxboard_stable"] .post-action { display: inline-flex; align-items: center; gap: 6px; font-size: 13.5px; font-weight: 700; color: var(--text-faint, #8D97A7); background: none; border: none; cursor: pointer; font-family: var(--font-sans); padding: 0;}[data-theme-id="raxboard_stable"] .post-action:hover { color: var(--primary, #E9701D); }[data-theme-id="raxboard_stable"] .post-foot .spacer { flex: 1; }/* reactions bar — strip pinned to card bottom */[data-theme-id="raxboard_stable"] .react-bar { display: inline-flex; align-items: center; gap: 9px; }[data-theme-id="raxboard_stable"] .react-bar--row { font-size: 13.5px; color: var(--text-secondary, #5C6675); font-weight: 600;}/* ── Reply editor card (bbcode editor at thread bottom) ── */[data-theme-id="raxboard_stable"] .rb-editor-card,[data-theme-id="raxboard_stable"] .quick-reply,[data-theme-id="raxboard_stable"] #quick-reply { background: var(--surface, #FFFFFF); border: 1px solid var(--border, #E3E8EF); border-radius: var(--rb-radius-lg, var(--radius-lg, 14px)); box-shadow: var(--shadow-sm);}[data-theme-id="raxboard_stable"] .bbcode-toolbar { border-bottom: 1px solid var(--border, #E3E8EF); background: transparent;}[data-theme-id="raxboard_stable"] .bbcode-toolbar .bbcode-btn,[data-theme-id="raxboard_stable"] .bbcode-toolbar .tb-btn { width: 34px; height: 34px; border-radius: var(--radius-sm, 6px); color: var(--text-secondary, #5C6675);}[data-theme-id="raxboard_stable"] .bbcode-toolbar .bbcode-btn:hover { background: var(--surface-2, #F6F8FB); color: var(--primary, #E9701D); }/* ── Mobile (mockup @860: rail → horizontal strip, hide boxed stats) ── */@media (max-width: 860px) { [data-theme-id="raxboard_stable"] .post { flex-direction: column; } [data-theme-id="raxboard_stable"] .rb-postbit-modern { width: 100%; display: flex; align-items: center; gap: 13px; text-align: left; padding: 14px 16px; border-right: none; border-bottom: 1px solid var(--border, #E3E8EF); } [data-theme-id="raxboard_stable"] .rb-pb-avatar-link { padding: 3px; border-radius: 9px; flex: none; } [data-theme-id="raxboard_stable"] .rb-pb-avatar { width: 52px !important; height: 52px !important; border-radius: 6px !important; } [data-theme-id="raxboard_stable"] .rb-pb-username { margin-top: 0; font-size: 15.5px; } [data-theme-id="raxboard_stable"] .rb-pb-badges { flex-direction: row; margin-top: 6px; flex-wrap: wrap; } [data-theme-id="raxboard_stable"] .rb-pb-badges .userBanner { padding: 3px 8px !important; font-size: 11px; } [data-theme-id="raxboard_stable"] .rb-pb-hero, [data-theme-id="raxboard_stable"] .rb-pb-rep, [data-theme-id="raxboard_stable"] .rb-pb-rows, [data-theme-id="raxboard_stable"] .rb-pb-custom { display: none; } [data-theme-id="raxboard_stable"] .post-head { padding: 14px 16px 0; } [data-theme-id="raxboard_stable"] .post-prose { padding: 0 16px; } [data-theme-id="raxboard_stable"] .post-foot { margin: 14px 0 0; padding-left: 16px !important; padding-right: 16px !important; gap: 12px; }}/* ══ 50_profile.css ══ *//* ═══════════════════════════════════════════════════════════════════════ STABLE — 50 PROFILE (mockup frame 07 — navy band hero) Real (master profile/show): cover block (.cover-bg Alpine) > .cover-content (avatar block + .cover-info > h1.cover-name + .userBanner, .cover-handle, .cover-meta) + .cover-actions | .profile-stats > .pstat (.pstat-val/.pstat-lbl) | .tabs > .tab | .profile-grid (content + rail widgets) ═══════════════════════════════════════════════════════════════════════ *//* ── Cover region → navy band hero (uploaded cover image stays if present) ── */[data-theme-id="raxboard_stable"] .cover-bg { background-color: var(--rb-band-bg, #26334F);}/* name row */[data-theme-id="raxboard_stable"] h1.cover-name { font-size: 26px; font-weight: 800; letter-spacing: -.3px;}[data-theme-id="raxboard_stable"] .cover-handle { font-family: var(--font-sans) !important; font-size: 13.5px; font-weight: 700;}[data-theme-id="raxboard_stable"] .cover-meta { font-family: var(--font-sans) !important; font-size: 13.5px; font-weight: 700;}[data-theme-id="raxboard_stable"] .cover-meta i { font-size: 13px; }/* action buttons on hero */[data-theme-id="raxboard_stable"] .cover-actions .btn { border-radius: var(--radius-sm, 6px); font-weight: 800;}[data-theme-id="raxboard_stable"] .cover-actions .btn:first-child { background: var(--primary, #E9701D); border-color: var(--primary, #E9701D); color: #fff;}[data-theme-id="raxboard_stable"] .cover-actions .btn:first-child:hover { background: var(--color-accent-600, #D26112); }/* profile avatar — framed square */[data-theme-id="raxboard_stable"] .profile-avatar,[data-theme-id="raxboard_stable"] .cover-content .rb-avatar { border-radius: var(--avatar-radius, 8px) !important;}/* ── Inline stat row (mockup .pv-stats: hairline top, divided stats) ── */[data-theme-id="raxboard_stable"] .profile-stats { display: flex; flex-wrap: wrap; background: var(--surface, #FFFFFF); border: 1px solid var(--border, #E3E8EF); border-radius: var(--rb-radius-lg, var(--radius-lg, 14px)); box-shadow: var(--shadow-sm); padding: 15px 0;}[data-theme-id="raxboard_stable"] .pstat { padding: 0 28px; border-left: 1px solid var(--border, #E3E8EF); text-align: left;}[data-theme-id="raxboard_stable"] .pstat:first-child { border-left: none; }[data-theme-id="raxboard_stable"] .pstat-val { font-size: 20px; font-weight: 800; color: var(--text-primary, #1C2536); font-variant-numeric: tabular-nums;}[data-theme-id="raxboard_stable"] .pstat-lbl { font-family: var(--font-sans) !important; font-size: 11px; font-weight: 800; letter-spacing: .6px; text-transform: uppercase; color: var(--text-faint, #8D97A7);}/* ── Tabs (mockup .rb-tabs: active = solid navy) ── */[data-theme-id="raxboard_stable"] .tabs { display: flex; gap: 3px; flex-wrap: wrap; background: var(--surface, #FFFFFF); border: 1px solid var(--border, #E3E8EF); border-radius: var(--rb-radius-lg, var(--radius-lg, 14px)); box-shadow: var(--shadow-sm); padding: 7px 10px;}[data-theme-id="raxboard_stable"] .tabs .tab { display: inline-flex; align-items: center; gap: 7px; padding: 10px 14px; border-radius: var(--radius-sm, 6px); font-size: 14px; font-weight: 800; color: var(--text-secondary, #5C6675); background: none; border: none; cursor: pointer; font-family: var(--font-sans);}[data-theme-id="raxboard_stable"] .tabs .tab i { font-size: 13px; }[data-theme-id="raxboard_stable"] .tabs .tab.active,[data-theme-id="raxboard_stable"] .tabs .tab.is-active,[data-theme-id="raxboard_stable"] .tabs .tab[aria-selected="true"] { color: #fff; background: var(--color-navy, #26334F);}html[data-theme="dark"] [data-theme-id="raxboard_stable"] .tabs .tab.active,html[data-theme="dark"] [data-theme-id="raxboard_stable"] .tabs .tab.is-active,html[data-theme="dark"] [data-theme-id="raxboard_stable"] .tabs .tab[aria-selected="true"] { background: var(--surface-raised, #232E43); color: var(--text-primary, #DEE4EE);}[data-theme-id="raxboard_stable"] .tabs .tab:hover:not(.active):not(.is-active) { color: var(--text-primary, #1C2536); background: var(--surface-2, #F6F8FB);}/* ── Profile grid content cards ── */[data-theme-id="raxboard_stable"] .profile-grid > * > .rb-card,[data-theme-id="raxboard_stable"] .profile-grid .surface-card { background: var(--surface, #FFFFFF); border: 1px solid var(--border, #E3E8EF); border-radius: var(--rb-radius-lg, var(--radius-lg, 14px)); box-shadow: var(--shadow-sm);}/* ── Mobile ── */@media (max-width: 860px) { [data-theme-id="raxboard_stable"] .pstat { padding: 0 16px; margin-bottom: 8px; } [data-theme-id="raxboard_stable"] .pstat-val { font-size: 17px; } [data-theme-id="raxboard_stable"] .cover-actions { width: 100%; flex-wrap: wrap; } [data-theme-id="raxboard_stable"] h1.cover-name { font-size: 21px; }}/* ══ 55_profile_hero.css ══ *//* ═══════════════════════════════════════════════════════════════════════ STABLE — 55 PROFILE BAND HERO (mockup frame 07) Transform the real cover-photo profile into the mockup's compact NAVY BAND hero: framed avatar + name/meta/badges + on-band actions + inline stat row, all on navy; white tab card + widgets below. Real markup: .page > .crumbs > .profile-cover.has-cover > .cover-bg(photo) + .cover-content(avatar+.cover-info+.cover-actions) > .profile-stats > .pstat(.pstat-val+.pstat-lbl) [×6] > .tabs > .tab .profile-grid ... ═══════════════════════════════════════════════════════════════════════ *//* crumbs = seamless TOP of the navy hero band (no gap before the cover) */[data-theme-id="raxboard_stable"] .page:has(.profile-cover) .crumbs { margin-bottom: 0 !important; padding-bottom: 14px;}/* ── cover → compact navy band w/ a FAINT cover-photo texture behind (mockup navy hero + subtle blended cover; the .rb-cover-fade layer is inline-styled absolute/opacity so it never flashes on hx-boost) ── */[data-theme-id="raxboard_stable"] .profile-cover,[data-theme-id="raxboard_stable"] .profile-cover.has-cover { margin: 0 !important; border: none !important; border-radius: 0 !important; background: var(--rb-band-bg, #26334F) !important; box-shadow: none !important; width: 100vw; margin-left: calc(50% - 50vw) !important; position: relative; overflow: hidden !important; padding-bottom: 15px;}/* faint cover layer: fade out toward the bottom so it blends into solid navy where the stat strip begins (seamless hero → footer) */[data-theme-id="raxboard_stable"] .profile-cover .rb-cover-fade { -webkit-mask-image: linear-gradient(to bottom, #000 55%, transparent); mask-image: linear-gradient(to bottom, #000 55%, transparent);}/* any legacy cover-photo controls that survive stay hidden */[data-theme-id="raxboard_stable"] .profile-cover .cover-bg,[data-theme-id="raxboard_stable"] .profile-cover .cover-bg-edit,[data-theme-id="raxboard_stable"] .profile-cover .cover-reposition-btn,[data-theme-id="raxboard_stable"] .profile-cover .cover-remove-btn,[data-theme-id="raxboard_stable"] .profile-cover .cover-reposition-bar { display: none !important;}/* cover-content → horizontal band row (kill the grid + avatar straddle) */[data-theme-id="raxboard_stable"] .profile-cover .cover-content { display: flex !important; grid-template-columns: none !important; align-items: center !important; gap: 20px !important; margin: 0 !important; padding: 22px max(24px, calc(50vw - (var(--container, 1300px) / 2) + 24px)) 0 !important; max-width: none !important; position: relative; z-index: 1;}/* framed avatar on band (mockup .rb-ava-frame: rgba-white frame, square avatar) */[data-theme-id="raxboard_stable"] .profile-cover .avatar.xl { width: 96px !important; height: 96px !important; border-radius: var(--avatar-radius, 8px) !important; border: 5px solid rgba(255,255,255,.1) !important; box-shadow: 0 0 0 1px rgba(255,255,255,.28) !important; background: rgba(255,255,255,.1) !important; flex: none !important; margin: 0 !important;}[data-theme-id="raxboard_stable"] .profile-cover .avatar.xl img { border-radius: var(--avatar-radius, 8px) !important; }/* info block: name white, handle/meta band-muted */[data-theme-id="raxboard_stable"] .cover-info { padding: 0 !important; flex: 1; min-width: 0; }[data-theme-id="raxboard_stable"] .cover-name { font-size: 26px !important; font-weight: 800 !important; letter-spacing: -.3px !important; line-height: 1.15 !important; color: var(--rb-band-text, #FFFFFF) !important;}[data-theme-id="raxboard_stable"] .cover-handle { color: var(--rb-band-muted, rgba(255,255,255,.66)) !important; margin-top: 3px !important;}[data-theme-id="raxboard_stable"] .cover-meta { color: var(--rb-band-muted, rgba(255,255,255,.66)) !important; gap: 16px !important; margin-top: 8px !important; font-size: 13.5px !important; font-weight: 700 !important;}[data-theme-id="raxboard_stable"] .cover-meta a,[data-theme-id="raxboard_stable"] .cover-meta span,[data-theme-id="raxboard_stable"] .cover-meta__status,[data-theme-id="raxboard_stable"] .cover-meta i { color: var(--rb-band-muted, rgba(255,255,255,.66)) !important; }/* admin banner already reads as the mockup admin badge (red) — leave it *//* actions on band: first = orange (Message/Edit), rest = on-band ghost */[data-theme-id="raxboard_stable"] .cover-actions { position: static !important; bottom: auto !important; right: auto !important; z-index: auto !important; margin-left: auto !important; padding: 0 !important; background: none !important; border: none !important; border-radius: 0 !important; box-shadow: none !important; gap: 10px !important; flex: none !important; align-self: center;}[data-theme-id="raxboard_stable"] .cover-actions .btn { background: rgba(255,255,255,.12) !important; color: #fff !important; border: 1px solid rgba(255,255,255,.24) !important;}[data-theme-id="raxboard_stable"] .cover-actions .btn:first-child { background: var(--primary, #E9701D) !important; border-color: var(--primary, #E9701D) !important; color: #fff !important;}[data-theme-id="raxboard_stable"] .cover-actions .btn:hover { filter: brightness(1.06); }/* ── stats → navy band continuation (mockup .pv-stats), inline, hairline dividers ── */[data-theme-id="raxboard_stable"] .profile-stats { background: var(--rb-band-bg, #26334F) !important; border: none !important; border-top: 1px solid rgba(255,255,255,.13) !important; border-radius: 0 !important; box-shadow: none !important; width: 100vw; margin: 0 0 24px calc(50% - 50vw) !important; display: flex !important; grid-template-columns: none !important; padding: 15px max(24px, calc(50vw - (var(--container, 1300px) / 2) + 24px)) 18px !important;}[data-theme-id="raxboard_stable"] .profile-stats .pstat { border: none !important; border-left: 1px solid rgba(255,255,255,.13) !important; padding: 0 28px !important; text-align: left;}[data-theme-id="raxboard_stable"] .profile-stats .pstat:first-child { padding-left: 0 !important; border-left: none !important; }[data-theme-id="raxboard_stable"] .profile-stats .pstat-val { color: var(--rb-band-text, #FFFFFF) !important; font-size: 20px !important; font-weight: 800 !important; font-variant-numeric: tabular-nums;}[data-theme-id="raxboard_stable"] .profile-stats .pstat-lbl { color: var(--rb-band-muted, rgba(255,255,255,.66)) !important; font-size: 11px !important; font-weight: 800 !important; letter-spacing: .6px !important; text-transform: uppercase !important;}/* ── content below the band = white cards w/ gap (tabs card + grid) ── */[data-theme-id="raxboard_stable"] .tabs { background: var(--surface, #FFFFFF); border: 1px solid var(--border, #E3E8EF); border-radius: var(--rb-radius-lg, var(--radius-lg, 14px)); box-shadow: var(--shadow-sm); padding: 7px 10px !important; margin-bottom: 20px; gap: 3px; flex-wrap: wrap;}[data-theme-id="raxboard_stable"] .tabs .tab { border-radius: var(--radius-sm, 6px); font-size: 14px; font-weight: 800; color: var(--text-secondary, #5C6675); padding: 10px 14px;}[data-theme-id="raxboard_stable"] .tabs .tab.active,[data-theme-id="raxboard_stable"] .tabs .tab[aria-selected="true"] { color: #fff !important; background: var(--color-navy, #26334F) !important;}html[data-theme="dark"] [data-theme-id="raxboard_stable"] .tabs .tab.active,html[data-theme="dark"] [data-theme-id="raxboard_stable"] .tabs .tab[aria-selected="true"] { background: var(--surface-raised, #232E43) !important; color: var(--text-primary, #DEE4EE) !important;}[data-theme-id="raxboard_stable"] .tabs .tab:hover:not(.active):not([aria-selected="true"]) { color: var(--text-primary, #1C2536); background: var(--surface-2, #F6F8FB);}/* ── mobile (mockup .rb-mobile band-profile wraps) ── */@media (max-width: 860px) { [data-theme-id="raxboard_stable"] .profile-cover .cover-content { flex-wrap: wrap !important; padding-left: 14px !important; padding-right: 14px !important; padding-top: 16px !important; } [data-theme-id="raxboard_stable"] .profile-cover .avatar.xl { width: 76px !important; height: 76px !important; } [data-theme-id="raxboard_stable"] .cover-name { font-size: 21px !important; } [data-theme-id="raxboard_stable"] .cover-actions { margin-left: 0 !important; width: 100%; margin-top: 12px; } [data-theme-id="raxboard_stable"] .cover-actions .btn { flex: 1; justify-content: center; } [data-theme-id="raxboard_stable"] .profile-stats { flex-wrap: wrap !important; padding-left: 14px !important; padding-right: 14px !important; gap: 12px 0; } [data-theme-id="raxboard_stable"] .profile-stats .pstat { flex: 0 0 33.33%; padding: 0 !important; border-left: none !important; }}/* ══ 60_auth.css ══ *//* ═══════════════════════════════════════════════════════════════════════ STABLE — 60 AUTH pages + modals (mockup frames 08-10) Real page: .ax-page > .ax-shell (.ax-hero brand panel + .ax-card form) Real modal: dialog.axm-dialog > .axm-shell (.axm-hero + .axm-card) Mockup: single centered 460px card / modal w/ navy head bar. CSS-only — hide the hero panels, center the card, keep every real form field. ═══════════════════════════════════════════════════════════════════════ *//* ── AUTH PAGE: centered card ── */[data-theme-id="raxboard_stable"] .ax-page { min-height: 640px; display: grid; place-items: center; padding: 56px 0;}[data-theme-id="raxboard_stable"] .ax-shell { display: block; max-width: none; background: none; border: none; box-shadow: none;}[data-theme-id="raxboard_stable"] .ax-hero { display: none !important; }[data-theme-id="raxboard_stable"] .ax-card { width: var(--rb-auth-form-max-width, 460px); max-width: calc(100vw - 32px); margin: 0 auto; background: var(--rb-auth-form-bg, #FFFFFF); border: 1px solid var(--rb-auth-form-border, #E3E8EF); border-radius: var(--rb-radius-lg, var(--radius-lg, 14px)); box-shadow: var(--shadow-lg, 0 18px 44px rgba(23,32,51,.16)); padding: 36px 34px;}/* Stable lockup above the heading (mockup .rb-auth-logo) */[data-theme-id="raxboard_stable"] .ax-card-head { text-align: center; margin-bottom: 26px; }[data-theme-id="raxboard_stable"] .ax-card-head::before { content: ""; display: block; width: 54px; height: 54px; margin: 0 auto 12px; border-radius: 13px; background-color: var(--color-navy, #26334F); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='5' y='5' width='14' height='4' rx='1.5' fill='white' opacity='.55'/%3E%3Crect x='5' y='11' width='14' height='4' rx='1.5' fill='white' opacity='.8'/%3E%3Crect x='5' y='17' width='9' height='4' rx='1.5' fill='%23E9701D'/%3E%3C/svg%3E"); background-size: 29px 29px; background-position: center; background-repeat: no-repeat;}[data-theme-id="raxboard_stable"] .ax-card-head h1 { font-size: 22px; font-weight: 800; color: var(--text-primary, #1C2536); margin: 0;}[data-theme-id="raxboard_stable"] .ax-card-head p { font-size: 14px; color: var(--text-secondary, #5C6675); margin: 4px 0 0;}[data-theme-id="raxboard_stable"] .ax-back { font-size: 13px; font-weight: 700; color: var(--text-faint, #8D97A7);}[data-theme-id="raxboard_stable"] .ax-back:hover { color: var(--primary, #E9701D); }/* fields (page + modal share look) */[data-theme-id="raxboard_stable"] .ax-field,[data-theme-id="raxboard_stable"] .axm-field { margin-bottom: 13px; }[data-theme-id="raxboard_stable"] .ax-field label,[data-theme-id="raxboard_stable"] .axm-field label { display: block; font-size: 13.5px; font-weight: 700; color: var(--text-primary, #1C2536); margin-bottom: 6px;}[data-theme-id="raxboard_stable"] .ax-input-wrap input,[data-theme-id="raxboard_stable"] .axm-input-wrap input { width: 100%; height: 44px; border: 1px solid var(--border-strong, #D0D9E4); background: var(--input-background, #FFFFFF); border-radius: var(--radius-sm, 6px); padding: 0 13px; font-family: var(--font-sans); font-size: 14.5px; color: var(--foreground, #1C2536);}[data-theme-id="raxboard_stable"] .ax-input-wrap input:focus,[data-theme-id="raxboard_stable"] .axm-input-wrap input:focus { outline: none; border-color: var(--primary, #E9701D); box-shadow: 0 0 0 3px color-mix(in srgb, var(--ring, #E9701D) 18%, transparent);}[data-theme-id="raxboard_stable"] .ax-field-row,[data-theme-id="raxboard_stable"] .axm-field-row { display: flex; align-items: center; justify-content: space-between; margin: -2px 0 20px; font-size: 13.5px;}[data-theme-id="raxboard_stable"] .ax-check,[data-theme-id="raxboard_stable"] .axm-check { display: flex; align-items: center; gap: 7px; color: var(--text-secondary, #5C6675); font-weight: 700;}[data-theme-id="raxboard_stable"] .ax-link,[data-theme-id="raxboard_stable"] .axm-link { color: var(--primary, #E9701D); font-weight: 800; }[data-theme-id="raxboard_stable"] .ax-link--bold,[data-theme-id="raxboard_stable"] .axm-link--bold { font-weight: 800; }/* submit — full width orange */[data-theme-id="raxboard_stable"] .ax-btn,[data-theme-id="raxboard_stable"] .axm-btn { width: 100%; height: 46px; border: none; border-radius: var(--radius-sm, 6px); background: var(--primary, #E9701D); color: #fff; font-family: var(--font-sans); font-size: 15px; font-weight: 800; cursor: pointer;}[data-theme-id="raxboard_stable"] .ax-btn:hover,[data-theme-id="raxboard_stable"] .axm-btn:hover { background: var(--color-accent-600, #D26112); }/* foot links */[data-theme-id="raxboard_stable"] .ax-foot,[data-theme-id="raxboard_stable"] .axm-foot { text-align: center; margin-top: 20px; padding-top: 20px; border-top: 1px solid var(--border, #E3E8EF); font-size: 14px; color: var(--text-secondary, #5C6675);}/* ── AUTH MODALS (mockup frames 09-10: navy head bar, no hero) ── */[data-theme-id="raxboard_stable"] dialog.axm-dialog { border: none; padding: 0; border-radius: var(--rb-radius-lg, var(--radius-lg, 14px)); box-shadow: var(--shadow-lg, 0 18px 44px rgba(23,32,51,.16)); overflow: hidden; width: 460px; max-width: calc(100vw - 32px); background: var(--rb-auth-form-bg, #FFFFFF);}[data-theme-id="raxboard_stable"] dialog.axm-dialog::backdrop { background: rgba(31, 42, 66, .55); backdrop-filter: blur(3px);}[data-theme-id="raxboard_stable"] .axm-shell { display: block; }[data-theme-id="raxboard_stable"] .axm-hero { display: none !important; }[data-theme-id="raxboard_stable"] .axm-card { width: 100%; padding: 0; background: transparent; }/* navy header bar w/ icon tile + close */[data-theme-id="raxboard_stable"] .axm-card-head { display: flex; align-items: center; gap: 12px; padding: 15px 20px; margin: 0 0 8px; background: var(--rb-band-bg, #26334F); color: var(--rb-band-text, #FFFFFF); text-align: left;}[data-theme-id="raxboard_stable"] .axm-card-head::before { content: ""; flex: none; width: 34px; height: 34px; border-radius: 8px; margin: 0; background-color: rgba(255,255,255,.12); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='5' y='5' width='14' height='4' rx='1.5' fill='white' opacity='.55'/%3E%3Crect x='5' y='11' width='14' height='4' rx='1.5' fill='white' opacity='.8'/%3E%3Crect x='5' y='17' width='9' height='4' rx='1.5' fill='%23E9701D'/%3E%3C/svg%3E"); background-size: 18px 18px; background-position: center; background-repeat: no-repeat;}[data-theme-id="raxboard_stable"] .axm-card-head h1,[data-theme-id="raxboard_stable"] .axm-card-head h2,[data-theme-id="raxboard_stable"] .axm-card-title { margin: 0; font-size: 17px; font-weight: 800; color: #fff;}[data-theme-id="raxboard_stable"] .axm-card-head p { display: none; }[data-theme-id="raxboard_stable"] .axm-close { margin-left: auto; width: 30px; height: 30px; border: none; cursor: pointer; border-radius: 7px; background: rgba(255,255,255,.1); color: var(--rb-band-text, #FFFFFF); display: grid; place-items: center; position: static;}[data-theme-id="raxboard_stable"] .axm-close:hover { background: rgba(255,255,255,.2); }[data-theme-id="raxboard_stable"] .axm-form,[data-theme-id="raxboard_stable"] .axm-custom-fields { padding: 16px 24px 0; }[data-theme-id="raxboard_stable"] .axm-foot { margin: 20px 24px 26px; }/* place the close button inside the head (real markup: .axm-close may sit on the dialog) — if absolutely positioned by core, pin to head corner */[data-theme-id="raxboard_stable"] dialog.axm-dialog > .axm-close,[data-theme-id="raxboard_stable"] .axm-shell > .axm-close { position: absolute; top: 13px; right: 16px; z-index: 2;}/* ── Mobile ── */@media (max-width: 860px) { [data-theme-id="raxboard_stable"] .ax-card { padding: 26px 20px; } [data-theme-id="raxboard_stable"] .ax-page { padding: 24px 0; min-height: 0; }}/* dialog sizes to content (core gives it a fixed flex height → white bands) */[data-theme-id="raxboard_stable"] dialog.axm-dialog[open] { height: auto !important; max-height: calc(100vh - 48px); display: block;}[data-theme-id="raxboard_stable"] dialog.axm-dialog:not([open]) { display: none !important; }/* ══ 70_footer.css ══ *//* ═══════════════════════════════════════════════════════════════════════ STABLE — 70 STATS STRIP + CORPORATE FOOTER (mockup frames 01/03/12) Own markup from the partials/footer override. ═══════════════════════════════════════════════════════════════════════ *//* ── Stats strip ── */[data-theme-id="raxboard_stable"] .rb-statstrip { background: var(--surface, #FFFFFF); border-top: 1px solid var(--border, #E3E8EF); margin-top: 36px;}[data-theme-id="raxboard_stable"] .rb-statstrip-inner { max-width: var(--container, 1300px); margin: 0 auto; padding: 22px 24px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px;}[data-theme-id="raxboard_stable"] .stat-tile { display: flex; align-items: center; justify-content: space-between; gap: 12px; background: var(--surface-2, #F6F8FB); border: 1px solid var(--border, #E3E8EF); border-radius: var(--radius, 10px); padding: 15px 18px;}[data-theme-id="raxboard_stable"] .stat-tile .tx b { display: block; font-size: 20px; font-weight: 800; color: var(--text-primary, #1C2536); font-variant-numeric: tabular-nums; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 160px;}[data-theme-id="raxboard_stable"] .stat-tile .tx small { font-size: 12.5px; color: var(--text-secondary, #5C6675); font-weight: 700;}[data-theme-id="raxboard_stable"] .stat-ic { width: 44px; height: 44px; border-radius: 10px; display: grid; place-items: center; flex: none;}[data-theme-id="raxboard_stable"] .stat-ic i { font-size: 18px; }[data-theme-id="raxboard_stable"] .stat-ic.blue { background: var(--secondary-soft, #E5EDFB); color: var(--secondary, #3E74D9); }[data-theme-id="raxboard_stable"] .stat-ic.green { background: color-mix(in srgb, var(--success, #2E9E5B) 15%, transparent); color: var(--success, #2E9E5B); }[data-theme-id="raxboard_stable"] .stat-ic.orange { background: var(--accent-soft, #FCEDE0); color: var(--primary, #E9701D); }[data-theme-id="raxboard_stable"] .stat-ic.pink { background: color-mix(in srgb, var(--danger, #D6453D) 12%, transparent); color: var(--danger, #D6453D); }/* ── Footer ── */[data-theme-id="raxboard_stable"] .rb-footer { background: var(--rb-footer-bg, #FFFFFF); border-top: 1px solid var(--border, #E3E8EF);}[data-theme-id="raxboard_stable"] .rb-footer-main { max-width: var(--container, 1300px); margin: 0 auto; padding: 34px 24px 30px; display: grid; grid-template-columns: 1.6fr 1fr 1fr; gap: 40px;}[data-theme-id="raxboard_stable"] .rb-footer h4 { margin: 0 0 14px; font-size: 15px; font-weight: 800; color: var(--text-primary, #1C2536);}[data-theme-id="raxboard_stable"] .rb-footer-about p { margin: 0; font-size: 14px; line-height: 1.7; color: var(--rb-footer-link-color, #5C6675);}[data-theme-id="raxboard_stable"] .rb-footer-brandrow { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; }[data-theme-id="raxboard_stable"] .rb-footer .rb-foot-logo { height: 26px; width: auto; }[data-theme-id="raxboard_stable"] .rb-footer-links-col ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 9px;}[data-theme-id="raxboard_stable"] .rb-footer-links-col a { display: inline-flex; align-items: center; gap: 9px; font-size: 14px; font-weight: 700; color: var(--rb-footer-link-color, #5C6675);}[data-theme-id="raxboard_stable"] .rb-footer-links-col a::before { content: ""; width: 7px; height: 7px; border-radius: 2px; background: var(--primary, #E9701D); flex: none;}[data-theme-id="raxboard_stable"] .rb-footer-links-col a:hover { color: var(--primary, #E9701D); }/* footer bar */[data-theme-id="raxboard_stable"] .rb-footer-bar { border-top: 1px solid var(--border, #E3E8EF); }[data-theme-id="raxboard_stable"] .rb-footer-bar-inner { max-width: var(--container, 1300px); margin: 0 auto; padding: 14px 24px; display: flex; align-items: center; gap: 10px; flex-wrap: wrap;}[data-theme-id="raxboard_stable"] .rb-fchip { display: inline-flex; align-items: center; gap: 7px; height: 36px; padding: 0 14px; border-radius: var(--radius-sm, 6px); border: 1px solid var(--border, #E3E8EF); background: var(--surface-2, #F6F8FB); font-size: 13px; font-weight: 700; color: var(--text-secondary, #5C6675); font-family: var(--font-sans);}[data-theme-id="raxboard_stable"] .rb-fchip i { font-size: 13px; }[data-theme-id="raxboard_stable"] a.rb-fchip:hover { color: var(--primary, #E9701D); border-color: var(--primary, #E9701D); }[data-theme-id="raxboard_stable"] .rb-fchip--themebar { gap: 2px; padding: 0 6px; }[data-theme-id="raxboard_stable"] .rb-tmode { width: 26px; height: 26px; border: none; background: none; cursor: pointer; border-radius: 5px; color: var(--text-faint, #8D97A7); display: grid; place-items: center; font-size: 12px;}[data-theme-id="raxboard_stable"] .rb-tmode:hover,[data-theme-id="raxboard_stable"] .rb-tmode.active,[data-theme-id="raxboard_stable"] .rb-tmode.is-active { background: var(--primary-soft, #FCEDE0); color: var(--primary, #E9701D);}[data-theme-id="raxboard_stable"] select.rb-fsel { appearance: none; -webkit-appearance: none; padding-right: 26px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238D97A7' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 8px center; background-size: 12px; cursor: pointer;}[data-theme-id="raxboard_stable"] .rb-footer-bar .links { margin-left: auto; display: flex; gap: 6px; flex-wrap: wrap; }/* legal line */[data-theme-id="raxboard_stable"] .rb-footer-legal { background: var(--muted, #EDF1F6); text-align: center; padding: 11px 20px; font-size: 12.5px; color: var(--rb-footer-text-color, #8D97A7); font-weight: 600;}[data-theme-id="raxboard_stable"] .rb-footer-legal b { color: var(--text-secondary, #5C6675); }/* ── Mobile (mockup @860: 2×2 strip, 1-col footer) ── */@media (max-width: 860px) { [data-theme-id="raxboard_stable"] .rb-statstrip-inner { grid-template-columns: 1fr 1fr; gap: 10px; padding: 16px 14px; } [data-theme-id="raxboard_stable"] .stat-tile { padding: 12px 14px; } [data-theme-id="raxboard_stable"] .stat-tile .tx b { font-size: 17px; } [data-theme-id="raxboard_stable"] .stat-ic { width: 38px; height: 38px; } [data-theme-id="raxboard_stable"] .rb-footer-main { grid-template-columns: 1fr; gap: 24px; padding: 24px 14px 22px; } [data-theme-id="raxboard_stable"] .rb-footer-bar-inner { padding: 12px 14px; } [data-theme-id="raxboard_stable"] .rb-footer-bar .links { margin-left: 0; }}/* ══ 90_audit_fixes.css ══ *//* ═══════════════════════════════════════════════════════════════════════ STABLE — 90 AUDIT FIXES (8-surface audit round 1, 2026-07-02) ═══════════════════════════════════════════════════════════════════════ *//* ── LatestThreads widget orange-leak guard (addon re-seeds its lt* props to #ff5722 on all styles; customCss loads last so this survives a revert) ── */[data-theme-id="raxboard_stable"] .rb-lt { --rb-lt-widget-primary: var(--primary, #E9701D); --rb-lt-tab-active-color: var(--primary, #E9701D); --rb-lt-title-hover-color: var(--primary, #E9701D);}/* ── HEADER ── */@media (max-width: 860px) { [data-theme-id="raxboard_stable"] .rb-hamburger i { font-size: 18px; }}/* ── BAND ── *//* 100vw full-bleed + desktop scrollbar = potential right overflow */body[data-theme-id="raxboard_stable"] { overflow-x: clip; }/* thread band icon tile (mockup .rb-band-icon 52px translucent) */[data-theme-id="raxboard_stable"] header.thread-header::before { content: "\f086"; font-family: "Font Awesome 6 Free"; font-weight: 900; width: 52px; height: 52px; border-radius: 12px; background: rgba(255,255,255,.1); color: #fff; display: grid; place-items: center; font-size: 24px; flex: none; align-self: center;}[data-theme-id="raxboard_stable"] .page-header { border: none; }@media (max-width: 860px) { [data-theme-id="raxboard_stable"] .page-header { align-items: stretch; } [data-theme-id="raxboard_stable"] header.thread-header::before { width: 42px; height: 42px; border-radius: 10px; font-size: 19px; }}/* ── FORUM INDEX ── *//* uniform 20px rhythm (mockup .rb-layout/.rb-col/.rb-aside gap 20) */[data-theme-id="raxboard_stable"] .rbt-content-shell.rb-with-sidebar { gap: 20px; }[data-theme-id="raxboard_stable"] .categories { gap: 0 !important; }[data-theme-id="raxboard_stable"] .rbt-widget-sidebar { gap: 20px; }/* empty last-post text (mockup .rb-lastpost.none) + hidden on mobile */[data-theme-id="raxboard_stable"] .node-last .rb-note-italic { font-style: normal; font-size: 13.5px; font-weight: 600; color: var(--text-faint, #8D97A7);}/* count icons before numbers (mockup .rb-count b svg) */[data-theme-id="raxboard_stable"] .node-stats .num::before { content: "\f086"; font-family: "Font Awesome 6 Free"; font-weight: 900; font-size: 12px; color: var(--text-faint, #8D97A7); margin-right: 5px;}[data-theme-id="raxboard_stable"] .node-stats > div:nth-child(2) .num::before { content: "\f075"; }/* card radius follows radiusLg (not the header-radius token) */[data-theme-id="raxboard_stable"] .rb-cat { border-radius: var(--rb-radius-lg, var(--radius-lg, 14px)); }/* subforum gap parity */[data-theme-id="raxboard_stable"] .subforum-chips { gap: 14px; }/* dark text-primary parity (mockup #DEE4EE vs foreground #E6EAF1) */html[data-theme="dark"] [data-theme-id="raxboard_stable"] { --text-primary: #DEE4EE; }@media (max-width: 860px) { [data-theme-id="raxboard_stable"] .node-last:has(.rb-note-italic) { display: none; }}/* ── THREAD LIST ── */[data-theme-id="raxboard_stable"] .thread-row { grid-template-columns: 48px minmax(0, 1fr) 170px 176px; display: grid;}[data-theme-id="raxboard_stable"] .filter-tabs { background: transparent; border: 0; padding: 0; border-radius: 0; }[data-theme-id="raxboard_stable"] .thread-row.pinned,[data-theme-id="raxboard_stable"] .thread-row.pinned:hover { background: transparent; }[data-theme-id="raxboard_stable"] .thread-row.hover-bg-muted:hover { background: transparent !important; }[data-theme-id="raxboard_stable"] .rb-pagination { background: var(--surface, #FFFFFF); border: 1px solid var(--border, #E3E8EF); border-radius: var(--rb-radius-lg, var(--radius-lg, 14px)); box-shadow: var(--shadow-sm); padding: 13px 20px;}[data-theme-id="raxboard_stable"] .rb-pagination a:hover,[data-theme-id="raxboard_stable"] .rb-pagination__page:hover { background: var(--surface-2, #F6F8FB); }@media (max-width: 860px) { [data-theme-id="raxboard_stable"] .thread-row { grid-template-columns: 40px minmax(0, 1fr); }}/* ── POSTBIT ── */[data-theme-id="raxboard_stable"] { --rb-postbit-width: 250px; }/* kill double card chrome on the inner .post */[data-theme-id="raxboard_stable"] .post-wrapper .post { border: 0; border-radius:var(--rb-user-radius, 0); background: transparent; box-shadow: none;}/* framed avatar — out-specify base !important rules */body[data-theme-id="raxboard_stable"] .rb-postbit.rb-postbit-modern .rb-pb-avatar-link { width: 140px !important; height: 140px !important; border-radius:var(--rb-user-radius, 12px) !important; padding: 5px !important; border: 1px solid var(--border-strong, #D0D9E4) !important; background: var(--surface, #FFFFFF) !important; overflow: visible !important; display: inline-block !important; margin: 0 auto;}body[data-theme-id="raxboard_stable"] .rb-postbit.rb-postbit-modern .rb-pb-avatar { width: 128px !important; height: 128px !important; border-radius: var(--avatar-radius, 8px) !important;}/* online dot — state-scoped */body[data-theme-id="raxboard_stable"] .rb-postbit-modern .rb-pb-online-dot { right: -4px; bottom: -4px; width: 16px; height: 16px; border: 3px solid var(--surface, #FFFFFF); border-radius: 50%;}body[data-theme-id="raxboard_stable"] .rb-postbit-modern .rb-pb-online-dot[data-online="1"] { background: var(--success, #2E9E5B); }/* rail identity typography */body[data-theme-id="raxboard_stable"] .rb-postbit-modern .rb-pb-username { font-size: 17px; font-weight: 800; color: var(--text-primary, #1C2536); }body[data-theme-id="raxboard_stable"] .rb-postbit-modern .rb-pb-title { font-size: 13px; font-weight: 700; color: var(--text-secondary, #5C6675); }body[data-theme-id="raxboard_stable"] .rb-postbit-modern .rb-pb-badges { gap: 6px; }/* boxed stat rows — beat the base look */body[data-theme-id="raxboard_stable"] .rb-postbit-modern .rb-pb-row { padding: 6px 10px; border-radius: var(--radius-sm, 6px); background: var(--surface, #FFFFFF); border: 1px solid var(--border, #E3E8EF); font-size: 12.5px; transform: none;}body[data-theme-id="raxboard_stable"] .rb-postbit-modern .rb-pb-row:hover { transform: none; background: var(--surface, #FFFFFF); }body[data-theme-id="raxboard_stable"] .rb-postbit-modern .rb-pb-row__icon { color: var(--primary, #E9701D); }body[data-theme-id="raxboard_stable"] .rb-postbit-modern .rb-pb-row__value { color: var(--text-primary, #1C2536); font-weight: 800; }body[data-theme-id="raxboard_stable"] .rb-postbit-modern .rb-pb-hero-cell { background: var(--surface, #FFFFFF); border: 1px solid var(--border, #E3E8EF); border-radius: var(--radius-sm, 6px); padding: 6px 8px;}body[data-theme-id="raxboard_stable"] .rb-postbit-modern .rb-pb-hero-cell__value { color: var(--text-primary, #1C2536); }body[data-theme-id="raxboard_stable"] .rb-postbit-modern .rb-pb-rep { flex-direction: row; justify-content: space-between; align-items: center; background: var(--surface, #FFFFFF); border: 1px solid var(--border, #E3E8EF); border-radius: var(--radius-sm, 6px); padding: 6px 10px;}/* quote internals — flat (navy bar comes from the container rule) */[data-theme-id="raxboard_stable"] .bbcode-quote__header { background: transparent; border-bottom: 0; padding: 0; margin-bottom: 6px;}[data-theme-id="raxboard_stable"] .bbcode-quote__author { font-size: 13px; font-weight: 800; color: var(--text-primary, #1C2536); }[data-theme-id="raxboard_stable"] .bbcode-quote__content { padding: 0; font-size: 14px; color: var(--text-secondary, #5C6675); }/* post head padding (base !important shrinks it) */[data-theme-id="raxboard_stable"] .post-head { padding-top: 18px !important; padding-bottom: 0 !important; }/* thread-starter chip — design language */[data-theme-id="raxboard_stable"] .post-head .rb-thread-starter { text-transform: none; letter-spacing: .3px; font-size: 11px; font-weight: 800; border-radius:var(--rb-user-radius, 5px); padding: 2.5px 8px; background: var(--rb-prefix-accent-bg, #FCEDE0); color: var(--rb-prefix-accent-text, #C05A10);}/* foot action hover: color only */[data-theme-id="raxboard_stable"] .post-action:hover { background: none; }/* reply editor card (real container .rb-reply-card) */[data-theme-id="raxboard_stable"] .rb-reply-card { background: var(--surface, #FFFFFF); border: 1px solid var(--border, #E3E8EF); border-radius: var(--rb-radius-lg, var(--radius-lg, 14px)); box-shadow: var(--shadow-sm);}[data-theme-id="raxboard_stable"] .bbcode-toolbar { border: none; border-bottom: 1px solid var(--border, #E3E8EF); border-radius: 0; background: transparent;}@media (max-width: 860px) { /* 769-860 dead zone: force single column + horizontal author strip */ [data-theme-id="raxboard_stable"] .post { grid-template-columns: minmax(0, 1fr) !important; } body[data-theme-id="raxboard_stable"] .rb-postbit-modern { flex-direction: row; flex-wrap: wrap; align-items: center; } body[data-theme-id="raxboard_stable"] .rb-postbit.rb-postbit-modern .rb-pb-avatar-link { width: 60px !important; height: 60px !important; padding: 3px !important; border-radius:var(--rb-user-radius, 9px) !important; } body[data-theme-id="raxboard_stable"] .rb-postbit.rb-postbit-modern .rb-pb-avatar { width: 52px !important; height: 52px !important; border-radius:var(--rb-user-radius, 6px) !important; } body[data-theme-id="raxboard_stable"] .rb-postbit-modern .rb-pb-username { margin-top: 0; font-size: 15.5px; margin-left: 13px; } body[data-theme-id="raxboard_stable"] .rb-postbit-modern .rb-pb-title { margin-left: 13px; }}/* ── PROFILE ── */[data-theme-id="raxboard_stable"] .profile-cover .cover-bg { background: linear-gradient(115deg, var(--color-navy-600, #1F2A42), var(--color-navy, #26334F) 55%, #3A4B73);}/* keep uploaded cover image when present (inline bgStyle sets background-image) */[data-theme-id="raxboard_stable"] .profile-cover .avatar.xl { border-radius: 12px !important; border: 1px solid var(--border-strong, #D0D9E4); padding: 5px; background: var(--surface, #FFFFFF);}[data-theme-id="raxboard_stable"] .profile-cover .avatar.xl img { border-radius: var(--avatar-radius, 8px) !important; }/* actions: in-hero, not viewport-floating */[data-theme-id="raxboard_stable"] .cover-actions { position: static; bottom: auto; right: auto; padding: 0; background: none; border: none; border-radius: 0; box-shadow: none;}/* single hairline dividers */[data-theme-id="raxboard_stable"] .pstat { border-right: 0 !important; border-bottom: 0 !important; }/* real tab-panel + rail cards */[data-theme-id="raxboard_stable"] .profile-grid .activity-list,[data-theme-id="raxboard_stable"] .profile-grid .side-card { background: var(--surface, #FFFFFF); border: 1px solid var(--border, #E3E8EF); border-radius: var(--rb-radius-lg, var(--radius-lg, 14px)); box-shadow: var(--shadow-sm);}/* breadcrumb pill text size (base per-crumb rule sets 11px) */[data-theme-id="raxboard_stable"] .crumbs a,[data-theme-id="raxboard_stable"] .crumbs span.crumb,[data-theme-id="raxboard_stable"] .crumbs > span:not(.sep):not(.crumb-sep) { font-size: 13px !important; }/* ── AUTH ── *//* modal: center + content height */[data-theme-id="raxboard_stable"] dialog.axm-dialog[open] { margin: auto; height: fit-content !important; overflow-y: auto;}/* page shell: center card, unclip shadow */[data-theme-id="raxboard_stable"] .ax-shell { display: contents; }/* core flex gaps double the rhythm — theme margins carry spacing */[data-theme-id="raxboard_stable"] .ax-card,[data-theme-id="raxboard_stable"] .ax-form,[data-theme-id="raxboard_stable"] .ax-field,[data-theme-id="raxboard_stable"] .axm-card,[data-theme-id="raxboard_stable"] .axm-form,[data-theme-id="raxboard_stable"] .axm-field { gap: 0; }/* input leading icons (real feature): make room */[data-theme-id="raxboard_stable"] .ax-input-wrap input,[data-theme-id="raxboard_stable"] .axm-input-wrap input { padding-left: 40px; }[data-theme-id="raxboard_stable"] .ax-input-wrap input::placeholder,[data-theme-id="raxboard_stable"] .axm-input-wrap input::placeholder { color: var(--text-faint, #8D97A7); }/* modal radii vs core !important */[data-theme-id="raxboard_stable"] .axm-shell input:not([type="checkbox"]):not([type="radio"]),[data-theme-id="raxboard_stable"] .axm-shell .axm-btn { border-radius: var(--radius-sm, 6px) !important; }/* custom fields */[data-theme-id="raxboard_stable"] .axm-form .axm-custom-fields { padding: 0; }[data-theme-id="raxboard_stable"] .ax-custom-fields input,[data-theme-id="raxboard_stable"] .ax-custom-fields select,[data-theme-id="raxboard_stable"] .axm-custom-fields input,[data-theme-id="raxboard_stable"] .axm-custom-fields select { height: 44px; border: 1px solid var(--border-strong, #D0D9E4); border-radius: var(--radius-sm, 6px); background: var(--input-background, #FFFFFF); font-family: var(--font-sans); font-size: 14.5px; color: var(--foreground); padding: 0 13px; width: 100%;}/* label-row variant of field-row (password label + forgot link) */[data-theme-id="raxboard_stable"] .ax-field .ax-field-row,[data-theme-id="raxboard_stable"] .axm-field .axm-field-row { margin: 0 0 6px; }/* terms rows: top-aligned multi-line */[data-theme-id="raxboard_stable"] .ax-check--terms,[data-theme-id="raxboard_stable"] .axm-form > .axm-check:has(a) { align-items: flex-start; font-weight: 600; line-height: 1.5; margin: -2px 0 18px;}/* flat submit (no glow/lift) */[data-theme-id="raxboard_stable"] .ax-btn,[data-theme-id="raxboard_stable"] .axm-btn { box-shadow: none; }[data-theme-id="raxboard_stable"] .ax-btn:hover,[data-theme-id="raxboard_stable"] .axm-btn:hover { filter: none; transform: none; }/* links inherit row size */[data-theme-id="raxboard_stable"] .ax-link,[data-theme-id="raxboard_stable"] .axm-link { font-size: inherit; }/* modal head title follows band-text token (dark parity) */[data-theme-id="raxboard_stable"] .axm-card-head h1,[data-theme-id="raxboard_stable"] .axm-card-head h2,[data-theme-id="raxboard_stable"] .axm-card-title { color: var(--rb-band-text, #FFFFFF); }/* backdrop follows dark navy */[data-theme-id="raxboard_stable"] dialog.axm-dialog::backdrop { background: rgba(31, 42, 66, .55); background: color-mix(in srgb, #1F2A42 55%, transparent);}/* ── FOOTER ── */[data-theme-id="raxboard_stable"] .rb-statstrip { margin-top: 12px; }@media (max-width: 767px) { [data-theme-id="raxboard_stable"] .rb-statstrip { margin-top: 8px; }}/* ══ 95_style_tweaks.css ══ *//* ═══════════════════════════════════════════════════════════════════════ STABLE — 95 STYLE-TWEAK WIRING Make the per-user style tweaks (user-tweaks.css emits :root{--x !important} + body[data-*]) actually reach Stable's surfaces. My earlier fragments hardcode radius/font/avatar so the tweaks were blocked; route them through the tweak vars/attrs here. (Tweak vars: --rb-radius/--radius, --rb-base-font-size, --rb-avatar-border-radius; attrs: data-user-density, data-postbit-layout, data-forum-view.) ═══════════════════════════════════════════════════════════════════════ *//* ── RADIUS tweak (sharp 0 / normal 8 / rounded 14 / pill 24 → --rb-radius) ── Route the CARD surfaces through --rb-radius so the slider is visible. Default (no tweak) = the theme radius property (6px); tweak overrides !important. ── */[data-theme-id="raxboard_stable"] .rb-card,[data-theme-id="raxboard_stable"] .rb-cat,[data-theme-id="raxboard_stable"] .thread-list,[data-theme-id="raxboard_stable"] .surface-card,[data-theme-id="raxboard_stable"] .rb-widget-container,[data-theme-id="raxboard_stable"] .post-wrapper,[data-theme-id="raxboard_stable"] .rb-pagination,[data-theme-id="raxboard_stable"] .rb-reply-card,[data-theme-id="raxboard_stable"] .rb-auth-card,[data-theme-id="raxboard_stable"] .tabs,[data-theme-id="raxboard_stable"] .profile-grid .activity-list,[data-theme-id="raxboard_stable"] .profile-grid .side-card { border-radius: var(--rb-radius, 8px) !important;}/* small controls scale a touch tighter than cards but still follow the tweak */[data-theme-id="raxboard_stable"] .btn,[data-theme-id="raxboard_stable"] .rb-button,[data-theme-id="raxboard_stable"] .rb-input,[data-theme-id="raxboard_stable"] .filter-tab,[data-theme-id="raxboard_stable"] .rb-chipbtn,[data-theme-id="raxboard_stable"] .rb-page,[data-theme-id="raxboard_stable"] .form-control { border-radius: max(0px, calc(var(--rb-radius, 8px) - 2px)) !important;}/* ── FONT-SIZE tweak (small 14 / normal 15 / large 16 → --rb-base-font-size) ── Scale the reading surfaces (post body, node/thread descriptions) with it. ── */[data-theme-id="raxboard_stable"] .post-prose,[data-theme-id="raxboard_stable"] .rb-pb-text,[data-theme-id="raxboard_stable"] .post-body .bbcode-content,[data-theme-id="raxboard_stable"] .rb-pb-content .post-prose { font-size: var(--rb-base-font-size, 15px) !important;}/* secondary text scales proportionally (0.9×) */[data-theme-id="raxboard_stable"] .node-desc,[data-theme-id="raxboard_stable"] .rb-trend-title,[data-theme-id="raxboard_stable"] .thread-sub { font-size: calc(var(--rb-base-font-size, 15px) * 0.9) !important;}/* ── AVATAR-SHAPE tweak (round / square → --rb-avatar-border-radius) ── 00_base already routes .rb-avatar through --avatar-radius=var(--rb-avatar-border-radius); here we un-hardcode the few spots that pinned a literal radius. ── */[data-theme-id="raxboard_stable"] .ab-user .rb-avatar,[data-theme-id="raxboard_stable"] .ab-user img,[data-theme-id="raxboard_stable"] .ab-user .ab-user-av { border-radius: var(--rb-avatar-border-radius, 6px) !important;}[data-theme-id="raxboard_stable"] .rb-user-chip .rb-avatar { border-radius: var(--rb-avatar-border-radius, 8px) !important;}/* postbit framed avatar: the frame stays 12px, the image follows the tweak */[data-theme-id="raxboard_stable"] .rb-postbit.rb-postbit-modern .rb-pb-avatar,[data-theme-id="raxboard_stable"] .profile-cover .avatar.xl img { border-radius: var(--rb-avatar-border-radius, 8px) !important;}/* ── DENSITY tweak (compact / spacious → body[data-user-density]) ── Base rules cover base classes; reinforce on Stable's custom surfaces so the toggle is uniform (cards, postbit, band). ── */[data-theme-id="raxboard_stable"][data-user-density="compact"] .rb-cat .cat-head { padding: 9px 16px; }[data-theme-id="raxboard_stable"][data-user-density="compact"] .node-row { padding: 9px 16px; }[data-theme-id="raxboard_stable"][data-user-density="compact"] .rb-widget-body { padding: 9px 14px; }[data-theme-id="raxboard_stable"][data-user-density="compact"] .rb-pb-content { padding: 12px 16px; }[data-theme-id="raxboard_stable"][data-user-density="spacious"] .rb-cat .cat-head { padding: 18px 24px; }[data-theme-id="raxboard_stable"][data-user-density="spacious"] .node-row { padding: 20px 24px; }[data-theme-id="raxboard_stable"][data-user-density="spacious"] .rb-widget-body { padding: 18px 22px; }[data-theme-id="raxboard_stable"][data-user-density="spacious"] .rb-pb-content { padding: 24px 28px; }/* ── POSTBIT-LAYOUT tweak (left / right / top / none → body[data-postbit-layout]) ── The modern postbit is a flex row (rail + body). Re-order / re-orient it. ── */[data-theme-id="raxboard_stable"][data-postbit-layout="right"] .post { flex-direction: row-reverse; }[data-theme-id="raxboard_stable"][data-postbit-layout="right"] .rb-postbit-modern { border-right: none; border-left: 1px solid var(--border, #E3E8EF); }[data-theme-id="raxboard_stable"][data-postbit-layout="top"] .post { flex-direction: column; }[data-theme-id="raxboard_stable"][data-postbit-layout="top"] .rb-postbit-modern { width: 100% !important; flex-direction: row; align-items: center; gap: 14px; border-right: none; border-bottom: 1px solid var(--border, #E3E8EF);}[data-theme-id="raxboard_stable"][data-postbit-layout="top"] .rb-postbit-modern .rb-pb-rows,[data-theme-id="raxboard_stable"][data-postbit-layout="top"] .rb-postbit-modern .rb-pb-hero,[data-theme-id="raxboard_stable"][data-postbit-layout="top"] .rb-postbit-modern .rb-pb-rep { display: none; }[data-theme-id="raxboard_stable"][data-postbit-layout="none"] .rb-postbit-modern { display: none !important; }/* ── FORUM-VIEW tweak (classic / card → body[data-forum-view]) ── Base handles the thread-list layout switch; keep Stable's row chrome intact in both. (No override needed — verified base rules apply; documented.) ── *//* ══ 96_mobile_fixes.css ══ *//* ═══════════════════════════════════════════════════════════════════════ STABLE — 96 MOBILE FIXES (UI-tester sweep @375px) ═══════════════════════════════════════════════════════════════════════ *//* ── Postbit DUPLICATE avatar on mobile ── The modern postbit ships TWO identity blocks: the compact `.rb-pbm` (small avatar + name/title, shown on narrow widths by the base) AND the full rail (`.rb-pb-avatar-link` framed avatar + username + badges + stat boxes, shown on desktop). On mobile the base showed `.rb-pbm` while my rail-strip rules ALSO kept the framed rail visible → two avatars stacked. Use ONLY the compact `.rb-pbm` strip on mobile (matches mockup frame 13), hide the rail. */@media (max-width: 860px) { [data-theme-id="raxboard_stable"] .rb-postbit-modern .rb-pbm { display: flex !important; align-items: center; gap: 12px; width: 100%; margin: 0; } [data-theme-id="raxboard_stable"] .rb-postbit-modern .rb-pbm .avatar, [data-theme-id="raxboard_stable"] .rb-postbit-modern .rb-pbm img { width: 48px !important; height: 48px !important; border-radius: var(--rb-avatar-border-radius, 8px) !important; flex: none; } [data-theme-id="raxboard_stable"] .rb-postbit-modern .rb-pbm .rb-pbm__id { min-width: 0; } [data-theme-id="raxboard_stable"] .rb-postbit-modern .rb-pbm .rb-pbm__name { font-size: 15.5px; font-weight: 800; color: var(--text-primary, #1C2536); } [data-theme-id="raxboard_stable"] .rb-postbit-modern .rb-pbm .rb-pbm__title { font-size: 12.5px; color: var(--text-secondary, #5C6675); } /* hide the full-rail duplicates (framed avatar + stacked identity + stat boxes). High specificity (body + attr + .rb-postbit.rb-postbit-modern) to beat 90_audit's `display:inline-block !important` on the framed avatar. */ body[data-theme-id="raxboard_stable"] .rb-postbit.rb-postbit-modern .rb-pb-avatar-link, body[data-theme-id="raxboard_stable"] .rb-postbit.rb-postbit-modern .rb-pb-username, body[data-theme-id="raxboard_stable"] .rb-postbit.rb-postbit-modern .rb-pb-title, body[data-theme-id="raxboard_stable"] .rb-postbit.rb-postbit-modern .rb-pb-badges, body[data-theme-id="raxboard_stable"] .rb-postbit.rb-postbit-modern .rb-pb-hero, body[data-theme-id="raxboard_stable"] .rb-postbit.rb-postbit-modern .rb-pb-rep, body[data-theme-id="raxboard_stable"] .rb-postbit.rb-postbit-modern .rb-pb-rows, body[data-theme-id="raxboard_stable"] .rb-postbit.rb-postbit-modern .rb-pb-custom { display: none !important; } /* the rail becomes a slim full-width author bar */ [data-theme-id="raxboard_stable"] .rb-postbit.rb-postbit-modern { width: 100% !important; flex-direction: row !important; padding: 12px 16px !important; border-right: none !important; border-bottom: 1px solid var(--border, #E3E8EF) !important; background: var(--surface-2, #F6F8FB) !important; }}/* ══ 97_clubs_events.css ══ *//* ═══════════════════════════════════════════════════════════════════════ STABLE — 97 CLUBS / EVENTS band consistency Clubs + Events use `.rf-page-head` (not `.page-header`), so they skipped the navy band. Band it to match every other content page. ═══════════════════════════════════════════════════════════════════════ */[data-theme-id="raxboard_stable"] .rf-page-head { background: var(--rb-band-bg, #26334F); width: 100vw; margin-left: calc(50% - 50vw); padding: 20px max(24px, calc(50vw - (var(--container, 1300px) / 2) + 24px)) 22px; margin-top: 0; margin-bottom: 24px; border: none !important; box-shadow: none; display: flex; align-items: center; gap: 14px; flex-wrap: wrap;}[data-theme-id="raxboard_stable"] .rf-page-head > div:first-child { min-width: 0; }[data-theme-id="raxboard_stable"] .rf-page-head h1 { font-size: 27px; font-weight: 800; letter-spacing: -.3px; color: var(--rb-band-text, #FFFFFF) !important; margin: 0; display: flex; align-items: center; gap: 10px;}[data-theme-id="raxboard_stable"] .rf-page-head h1 i { color: var(--primary, #E9701D); }[data-theme-id="raxboard_stable"] .rf-page-head .desc,[data-theme-id="raxboard_stable"] .rf-page-head > div:first-child p { color: var(--rb-band-muted, rgba(255,255,255,.66)) !important; font-size: 13.5px; font-weight: 700; margin: 6px 0 0;}/* any action block that sits inside the head → push right + on-band ghost */[data-theme-id="raxboard_stable"] .rf-page-head > div:last-child:not(:first-child) { margin-left: auto; display: flex; align-items: center; gap: 10px;}[data-theme-id="raxboard_stable"] .rf-page-head > div:last-child:not(:first-child) .btn:not(.btn-primary) { background: rgba(255,255,255,.12); color: #fff; border: 1px solid rgba(255,255,255,.24);}@media (max-width: 860px) { [data-theme-id="raxboard_stable"] .rf-page-head { padding-left: 14px; padding-right: 14px; padding-top: 16px; } [data-theme-id="raxboard_stable"] .rf-page-head h1 { font-size: 21px; }}/* ══ 98_thread_fixes.css ══ *//* ═══════════════════════════════════════════════════════════════════════ STABLE — 98 THREAD FIXES (mobile breadcrumb + band icon + similar threads) ═══════════════════════════════════════════════════════════════════════ *//* ── "Benzer konular" (similar threads) header had a solid BLUE bar (.rb-s7-0441 → background: var(--secondary)). Each rb-s7 class here is used exactly once (similar-threads only), so overriding is safe. Match the theme: subtle surface header w/ orange icon + hairline. ── */[data-theme-id="raxboard_stable"] .rb-s7-0441 { background: var(--surface-2, #F6F8FB) !important; border-bottom: 1px solid var(--border, #E3E8EF) !important;}[data-theme-id="raxboard_stable"] .rb-s7-0441 h3 { color: var(--text-primary, #1C2536); }[data-theme-id="raxboard_stable"] .rb-s7-0441 i { color: var(--primary, #E9701D); }[data-theme-id="raxboard_stable"] .rb-s7-0484 { background: var(--surface, #FFFFFF) !important; border: 1px solid var(--border, #E3E8EF) !important; border-radius: var(--rb-radius-lg, var(--radius-lg, 8px));}[data-theme-id="raxboard_stable"] .rb-s7-0986:hover { background: var(--surface-2, #F6F8FB) !important; }/* ── Mobile: the thread band icon tile (::before) is redundant on a narrow screen — hide it (user request). ── */@media (max-width: 860px) { [data-theme-id="raxboard_stable"] header.thread-header::before { display: none !important; } /* ── Breadcrumb compact on mobile — the pills were too big/cluttered. Tighter chips, smaller gap/height, single swipeable line. ── */ [data-theme-id="raxboard_stable"] .crumbs, [data-theme-id="raxboard_stable"] nav[class*="rb-s7-0955"] { gap: 5px; font-size: 12px; padding-top: 16px; padding-bottom: 10px; } [data-theme-id="raxboard_stable"] .crumbs a, [data-theme-id="raxboard_stable"] .crumbs > span:not(.sep):not(.crumb-sep), [data-theme-id="raxboard_stable"] .crumbs span.crumb, [data-theme-id="raxboard_stable"] nav[class*="rb-s7-0955"] a, [data-theme-id="raxboard_stable"] nav[class*="rb-s7-0955"] > span { height: 26px; padding: 0 10px; font-size: 12px; max-width: 46vw; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /* the home-crumb pill can shrink to just its icon to save space */ [data-theme-id="raxboard_stable"] .crumbs a:first-child, [data-theme-id="raxboard_stable"] nav[class*="rb-s7-0955"] a:first-child { padding: 0 9px; }} /* ── Thread-list rating column fix ────────────────────────────────────── .thread-row is a 4-col GRID (48px avatar | 1fr main | 170px stats | 176px last). Core inserts an optional .thread-rating-col as a 5th DOM item with no matching track, so on rated threads the rating steals the stats column and the last-reply wraps to a new grid row (row jumps to ~2 lines). Give rated rows a 5th track, and make the rating a compact inline chip. ── */ [data-theme-id="raxboard_stable"] .thread-row:has(.thread-rating-col) { grid-template-columns: 48px minmax(0, 1fr) auto 170px 176px; } [data-theme-id="raxboard_stable"] .thread-rating-col { flex-direction: row !important; align-items: center !important; gap: 5px !important; padding: 0 !important; width: auto !important; min-width: 0 !important; white-space: nowrap; } [data-theme-id="raxboard_stable"] .thread-rating-col > * { display: inline-flex !important; align-items: center; gap: 1px; margin: 0 !important; } [data-theme-id="raxboard_stable"] .thread-rating-col i, [data-theme-id="raxboard_stable"] .thread-rating-col .rb-tr-star { font-size: 12px !important; line-height: 1 !important; width: auto !important; } [data-theme-id="raxboard_stable"] .thread-rating-col .rb-tr-star.is-on { color: var(--primary, #E9701D) !important; } [data-theme-id="raxboard_stable"] .thread-rating-col .rb-tr-star:not(.is-on) { color: var(--borderStrong, #D0D9E4) !important; } [data-theme-id="raxboard_stable"] .thread-rating-col .rb-tr-rating-num, [data-theme-id="raxboard_stable"] .thread-rating-col > :last-child { font-size: 12px !important; font-weight: 700 !important; color: var(--text-faint, #8D97A7) !important; } /* ── Profile cover-actions: moderation tools collapsed into a toggle dropdown (Warn / Ban / Edit user) to declutter the hero action row. ── */ /* ── Profile cover-actions: moderation tools collapsed into a toggle dropdown (Warn / Ban / Edit user) to declutter the hero action row. ── */ /* ── Profile cover-actions: moderation tools collapsed into a toggle dropdown (Warn / Ban / Edit user) to declutter the hero action row. ── */ /* let the moderation dropdown escape the hero band (no cover photo/radius to clip on the Stable cover, so overflow:visible is safe). */ [data-theme-id="raxboard_stable"] .profile-cover.rb-stable-cover { overflow: visible !important; } [data-theme-id="raxboard_stable"] .cover-mod { position: relative; display: inline-flex; } [data-theme-id="raxboard_stable"] .cover-mod__toggle { display: inline-flex; align-items: center; gap: 7px; } [data-theme-id="raxboard_stable"] .cover-mod__chev { font-size: 11px; transition: transform .18s ease; } [data-theme-id="raxboard_stable"] .cover-mod__chev.is-open { transform: rotate(180deg); } [data-theme-id="raxboard_stable"] .cover-mod__menu { position: absolute; top: calc(100% + 8px); right: 0; z-index: 60; display: flex; flex-direction: column; gap: 8px; min-width: 210px; padding: 10px; background: var(--surface, #FFFFFF); border: 1px solid var(--border, #E3E8EF); border-radius: var(--rb-radius-lg, var(--radius-lg, 12px)); box-shadow: 0 14px 34px -8px rgba(16, 26, 48, .30); } /* The cover-actions buttons are styled as white "ghost" buttons for the navy hero band (white bg + white text) — invisible on the WHITE dropdown card. Restyle them as visible text menu items inside the dropdown. */ [data-theme-id="raxboard_stable"] .cover-mod__menu .btn { width: 100%; justify-content: flex-start; gap: 10px; margin: 0; padding: 9px 11px; background: transparent !important; border: none !important; box-shadow: none !important; color: var(--text-primary, #1C2536) !important; font-weight: 600; border-radius: var(--rb-radius, var(--radius, 9px)); } [data-theme-id="raxboard_stable"] .cover-mod__menu .btn i { color: var(--text-faint, #8D97A7); width: 18px; text-align: center; } [data-theme-id="raxboard_stable"] .cover-mod__menu .btn:hover { background: var(--surface-2, #F6F8FB) !important; } [data-theme-id="raxboard_stable"] .cover-mod__menu .btn-warning, [data-theme-id="raxboard_stable"] .cover-mod__menu .btn-warning i, [data-theme-id="raxboard_stable"] .cover-mod__menu #profileWarnBtn, [data-theme-id="raxboard_stable"] .cover-mod__menu #profileWarnBtn i { color: var(--color-warning, var(--warning, #E9701D)) !important; } /* id selectors (#profileWarnBtn/#profileBanBtn) carry their own !important bg in the base theme — beat them from the menu scope so the fill is removed. */ [data-theme-id="raxboard_stable"] .cover-mod__menu #profileWarnBtn, [data-theme-id="raxboard_stable"] .cover-mod__menu #profileBanBtn { background: transparent !important; border: none !important; box-shadow: none !important; } [data-theme-id="raxboard_stable"] .cover-mod__menu .btn-warning:hover { background: var(--accent-soft, #FCEDE0) !important; } [data-theme-id="raxboard_stable"] .cover-mod__menu .btn-danger, [data-theme-id="raxboard_stable"] .cover-mod__menu .btn-danger i { color: var(--destructive, var(--danger, #DC2626)) !important; } [data-theme-id="raxboard_stable"] .cover-mod__menu .btn-danger:hover { background: color-mix(in srgb, var(--destructive, #DC2626) 10%, transparent) !important; } @media (max-width: 640px) { [data-theme-id="raxboard_stable"] .cover-mod { display: block; } [data-theme-id="raxboard_stable"] .cover-mod__toggle { width: 100%; justify-content: center; } [data-theme-id="raxboard_stable"] .cover-mod__menu { left: 0; right: 0; min-width: 0; } } /* ── Post-foot action row was cramped: the base `.post-body footer.post-foot` rule sets gap:6px (and 4px on mobile), which out-specifies the theme's 18px. Give the Reply/Quote/Save + flag/edit/delete buttons real breathing room. ── */ [data-theme-id="raxboard_stable"] .post-body footer.post-foot, [data-theme-id="raxboard_stable"] .post-body > .post-foot, [data-theme-id="raxboard_stable"] .post-foot { gap: 16px !important; row-gap: 10px !important; } @media (max-width: 640px) { [data-theme-id="raxboard_stable"] .post-body footer.post-foot, [data-theme-id="raxboard_stable"] .post-body > .post-foot, [data-theme-id="raxboard_stable"] .post-foot { gap: 12px !important; row-gap: 8px !important; } } /* ── Full-bleed navy band (thread-header / crumbs / page-header) uses a 100vw width + container-centering padding that assumes it lives in a CENTERED full-width container. When a widget sidebar is active the band lives inside the narrower left `.rbt-content` column, so the full-bleed math mis-centers and clips the breadcrumb/title. Contain the band to its column instead. ── */ [data-theme-id="raxboard_stable"] .rb-with-sidebar .thread-header, [data-theme-id="raxboard_stable"] .rb-with-sidebar .crumbs, [data-theme-id="raxboard_stable"] .rb-with-sidebar nav[class*="rb-s7-0955"], [data-theme-id="raxboard_stable"] .rb-with-sidebar .page-header { width: auto !important; margin-left: 0 !important; margin-right: 0 !important; padding-inline: 24px !important; } /* ── Standalone page-header (static /page/* pages) is the FIRST element in `.page` with no breadcrumb above it, so its 4px top padding jams the title against the band's top edge (looks clipped). Give it real top padding. Forum-show page-headers follow a breadcrumb / are wrapped, so they are not `.page > .page-header:first-child` and keep the tight spacing. ── */ [data-theme-id="raxboard_stable"] .page > .page-header:first-child { padding-top: 22px !important; } /* ── Post content top gap ────────────────────────────────────────────── rb-core ships `.post-prose { padding: 12px !important }` (and `.post-wrapper .post-prose { padding: 12px !important }`). The !important defeats the theme's non-important `.post-prose { padding: 0 24px }`, so the content gets 12px on every side — an unwanted 12px band ABOVE the text (on top of the .post-head's 14px margin-bottom) and 12px sides that sit 4px left of the .post-head / .post-foot (which use 16px). Reassert the theme padding with higher specificity + !important: 0 top (kill the gap), 16px sides (align with head/foot), small bottom to breathe above .post-foot. ── */ [data-theme-id="raxboard_stable"] .post-wrapper .post-prose, [data-theme-id="raxboard_stable"] .post-body .post-prose { padding: 0 16px 12px !important; } @media (max-width: 860px) { [data-theme-id="raxboard_stable"] .post-wrapper .post-prose, [data-theme-id="raxboard_stable"] .post-body .post-prose { padding: 0 14px 10px !important; } } /* mig859:rated-row-mobile-fix — rated threads must collapse to 2-col on phones too (the .thread-row:has(.thread-rating-col) 5-col rule has no media query and out-specifies the mobile rule, so it leaked onto phones). */ @media (max-width: 860px){ [data-theme-id="raxboard_stable"] .thread-row:has(.thread-rating-col){ grid-template-columns: 40px minmax(0, 1fr); } [data-theme-id="raxboard_stable"] .thread-row .thread-rating-col{ display: none; } }