/* XERICORE community: same colors as the Courses page (loaded after forum.css) */
:root { --xc-bg:#070b11; --xc-panel:#0a1018; --xc-line:rgba(255,255,255,.08); --xc-text:#e6edf3; --xc-soft:#b4bfcc; --xc-muted:#8b98a8; --xc-acc:var(--accent,#00d4ff); }

html body:has(.forum-page) { background-color: #05080c !important; background-image: none !important; }

/* Panels */
html body .forum-top, html body .fcompose, html body .fcomposer, html body .fs-card, html body .fx-panel, html body .fp.fp-full, html body .fe, html body .ic, html body .mq-card, html body .ffeat { background: var(--xc-panel) !important; border: 1px solid var(--xc-line) !important; box-shadow: none !important; }
html body .fe { border-style: dashed !important; }
html body .fx-share { background: rgba(255,255,255,.03) !important; border: 1px solid var(--xc-line) !important; }
html body .fm-dialog { background: var(--xc-panel) !important; border: 1px solid var(--xc-line) !important; box-shadow: 0 24px 80px rgba(0,0,0,.7) !important; }
html body .fm-toast { background: var(--xc-panel) !important; border-color: var(--xc-line) !important; }
html body #feedView > .fcompose { background: var(--xc-panel) !important; }

/* Inputs */
html body .fcompose-input, html body .forum-search, html body .fcomposer textarea, html body .fc-reply textarea, html body .fm-field input, html body .fm-field select, html body .fm-field textarea, html body .mr-note, html body .mq-note, html body .ic textarea { background-color: #070b11 !important; border-color: var(--xc-line) !important; box-shadow: none !important; }
html body .forum-search:focus, html body .fcomposer textarea:focus, html body .fc-reply textarea:focus, html body .fm-field input:focus, html body .fm-field select:focus, html body .fm-field textarea:focus, html body .ic textarea:focus { border-color: rgba(255,255,255,.28) !important; box-shadow: none !important; outline: none !important; }
html body .ic.open { border-color: rgba(255,255,255,.28) !important; box-shadow: none !important; }
html body .ic.open textarea { border-color: rgba(255,255,255,.2) !important; }

/* Buttons and chips */
html body .fm-btn-primary, html body .ic-post { box-shadow: none !important; }
html body .forum-cats button { background: rgba(255,255,255,.04) !important; border: 1px solid var(--xc-line) !important; color: var(--xc-soft) !important; }
html body .forum-cats button.on { background: var(--xc-acc) !important; border-color: var(--xc-acc) !important; color: #04121a !important; }
html body .fx-trend button { background: rgba(255,255,255,.04) !important; border: 1px solid var(--xc-line) !important; color: var(--xc-soft) !important; }
html body .mq-actions button { border-color: var(--xc-line) !important; }

/* Left menu */
html body .fnav-item.on, html body .fx-left .forum-cats button.on { background: rgba(255,255,255,.06) !important; color: var(--xc-acc) !important; box-shadow: inset 2px 0 0 var(--xc-acc) !important; border-color: transparent !important; }
html body .fx-left .forum-cats button { background: none !important; border: 0 !important; color: #b7c1cd !important; }

/* Tabs and dividers */
html body .fx-tabs, html body .forum-tabs { border-bottom: 1px solid var(--xc-line) !important; }
html body .fx-stat + .fx-stat { border-left: 1px solid var(--xc-line) !important; }
html body #postList .fp.social { border-bottom: 1px solid var(--xc-line) !important; }
html body #postList .fp.social:last-child { border-bottom: 0 !important; }
html body #threads > .fc { border-bottom: 1px solid var(--xc-line) !important; }
html body #threads > .fc:last-child { border-bottom: 0 !important; }
html body .fs-card ol li { border-bottom: 1px solid var(--xc-line) !important; }
html body .fs-card ol li:last-child { border-bottom: 0 !important; }

/* Media and avatars */
html body .fp-media { background: #070b11 !important; border: 1px solid var(--xc-line) !important; }
html body .fm-preview img, html body .ic-preview img { border: 1px solid var(--xc-line) !important; }
html body .fav { box-shadow: none !important; }
html body .fp-skel { background: linear-gradient(90deg, #0a1018 25%, #0f1823 50%, #0a1018 75%) !important; background-size: 200% 100% !important; border-color: var(--xc-line) !important; }