/* Community / Club: scoped styles, compatible with the existing application shell. */
.club-page { --club-ink:#f1f3ed; --club-muted:#9ca99f; --club-line:#2e3b33; --club-green:#c4eeac; color:var(--club-ink); max-width:1600px; margin:auto; }
.club-page *,.club-ops * { box-sizing:border-box; }
.club-hero { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:32px 34px; margin-bottom:20px; border:1px solid #384d3b; border-radius:18px; background:radial-gradient(ellipse at 88% 15%,#47633655,transparent 48%),linear-gradient(120deg,#1d3125,#17231d); position:relative; overflow:hidden; }
.club-eyebrow,.club-section-label { font-size:10px; letter-spacing:1.8px; font-weight:700; color:var(--club-muted); }
.club-eyebrow { color:#c1d9b8; }
.club-hero h1 { font-size:clamp(28px,3vw,44px); font-weight:600; line-height:1.1; margin:13px 0 12px; letter-spacing:-1.6px; }
.club-hero h1>span:first-child { color:#809d74; font-weight:300; }
.club-hero p { margin:0; color:#b4c3b6; font-size:14px; }
.club-spark { display:inline-block; color:var(--club-green); font-size:30px; margin-left:20px; }
.club-hub-link { color:var(--club-green); text-decoration:none; border:1px solid #607858; border-radius:30px; padding:13px 20px; font-size:12px; white-space:nowrap; }
.club-workspace { display:grid; grid-template-columns:200px minmax(300px,1fr) 218px; min-width:0; background:#141d18; border:1px solid var(--club-line); border-radius:16px; overflow:hidden; }
.club-rooms { padding:25px 13px 18px; background:#151f19; border-right:1px solid var(--club-line); }
.club-rooms>.club-section-label { padding:0 9px 18px; display:flex; justify-content:space-between; }
.club-rooms nav { display:grid; gap:5px; }
.club-rooms button { display:flex; align-items:center; gap:11px; text-align:left; width:100%; padding:12px 10px; border:1px solid transparent; border-radius:8px; color:#aeb9b1; background:transparent; font:inherit; font-size:12px; cursor:pointer; }
.club-rooms button>span:first-child { font-size:19px; width:20px; color:#91a78d; }
.club-rooms button[aria-current=true] { background:#30422d; border-color:#4b6540; color:#e3f2d8; }
.club-rooms button[aria-current=true]>span:first-child { color:var(--club-green); }
.club-rooms button:hover { background:#243329; }
.club-rooms button small { display:block; color:#9caa9d; font-size:10px; margin-top:4px; }
.club-room-note { border-top:1px solid var(--club-line); padding:24px 10px 0; margin-top:20px; }
.club-room-note>span { display:block; font-size:28px; color:var(--club-green); margin-bottom:10px; }
.club-room-note strong { font-size:12px; }.club-room-note p { font-size:11px; line-height:1.7; color:var(--club-muted); margin-top:8px; }
.club-conversation { position:relative; min-width:0; display:flex; flex-direction:column; height:min(740px,calc(100dvh - 270px)); min-height:490px; }
.club-room-heading { padding:22px 24px 18px; display:flex; gap:16px; align-items:center; justify-content:space-between; border-bottom:1px solid var(--club-line); }
.club-room-heading h2 { font-size:19px; margin:7px 0 4px; letter-spacing:-.4px; }.club-room-heading p { font-size:11px; color:var(--club-muted); margin:0; }
#club-connection { font-size:10px; white-space:nowrap; color:#abcba0; }#club-connection::before { content:""; display:inline-block; width:5px; height:5px; background:#acd998; border-radius:50%; margin-right:6px; }#club-connection.offline { color:#edc290; }#club-connection.offline::before { background:#edc290; }
.club-timeline { flex:1; overflow-y:auto; overscroll-behavior:contain; scrollbar-width:thin; scrollbar-color:#4a604e transparent; padding:20px 23px; scroll-behavior:auto; }
.club-message { display:flex; align-items:flex-start; gap:10px; margin:0 0 23px; min-width:0; }
.club-avatar { flex:0 0 31px; height:31px; background:#485246; border-radius:10px; display:grid; place-items:center; font-size:11px; color:#e0e9d9; font-weight:700; margin-top:1px; }
.club-avatar.bot-avatar { background:transparent; }.club-avatar img { width:31px; height:31px; }
.club-message-body { min-width:0; flex:1; }.club-message-body>header { display:flex; align-items:center; gap:7px; flex-wrap:wrap; margin:2px 0 9px; font-size:11px; }
.club-message-body>header strong { color:#e4ebe2; font-weight:600; }.club-message-body time { color:#839389; font-size:9px; margin-left:auto; }
.club-role { font-size:8px; color:#b2bfb4; border:1px solid #405046; border-radius:3px; padding:2px 4px; line-height:1.3; }.club-role.bot { color:#d0eebc; border-color:#556e43; background:#304329; letter-spacing:.5px; }
.club-bubble { background:#202b24; border:1px solid #2c3a30; border-radius:0 12px 12px 12px; padding:14px 16px; overflow-wrap:anywhere; }
.club-bubble>p { color:#d3dcd4; white-space:pre-wrap; font-size:12px; line-height:1.8; margin:0; }.club-bubble a { color:#c4e7b0; }.club-publication-label { display:block; color:#8fb07d; font-size:8px; letter-spacing:1.25px; margin-bottom:8px; }
.is-official .club-bubble { background:linear-gradient(135deg,#273624,#1d2a21); border-color:#3a4d30; }.is-own .club-avatar { background:#6c765c; }.is-own .club-bubble { background:#29392d; }
.club-attachment { display:flex; align-items:center; gap:13px; margin-top:15px; padding:10px; background:#111b16; border:1px solid #3a4d35; border-radius:8px; text-decoration:none; min-width:0; }
.club-attachment>img { width:92px; height:92px; object-fit:cover; border-radius:5px; flex-shrink:0; }.club-attachment>span { min-width:0; }.club-attachment small { display:block; font-size:7px; color:#9da98d; letter-spacing:1.3px; }.club-attachment strong { display:block; font-size:13px; color:#eff0e6; margin:9px 0 12px; }.club-attachment em { font-size:10px; color:#c0dfa4; font-style:normal; }
.club-compose { border-top:1px solid var(--club-line); padding:15px 20px; background:#18231c; }
.club-compose textarea { display:block; border:1px solid #3e5140; border-radius:9px; background:#111b15; color:#e3ebdf; resize:vertical; max-height:150px; min-height:67px; padding:13px; width:100%; font:inherit; font-size:12px; }.club-compose textarea::placeholder { color:#829382; }.club-compose>div { display:flex; align-items:center; gap:10px; margin-top:10px; }.club-compose>div>span { color:#839582; font-size:9px; }#club-count { margin-left:auto; white-space:nowrap; }.club-send { border:0; border-radius:6px; background:var(--club-green); color:#1d2d19; padding:9px 15px; font-weight:700; cursor:pointer; }.club-send>span { margin-left:16px; }.club-send:disabled { opacity:.5; cursor:wait; }#club-error { color:#ffd19c; font-size:11px; margin:10px 0 0; }
.club-history-button { display:block; margin:0 auto 24px; border:0; background:transparent; color:#a9c99c; font-size:11px; cursor:pointer; }.club-new-messages { position:absolute; bottom:142px; left:50%; transform:translateX(-50%); padding:9px 15px; background:#c4eeac; color:#14240f; border:0; border-radius:30px; font-size:11px; cursor:pointer; z-index:1; }
.club-empty { text-align:center; margin:60px auto; max-width:300px; }.club-empty>span { font-size:40px; color:#b1d599; }.club-empty h3 { font-size:17px; font-weight:500; line-height:1.5; }.club-empty p { font-size:12px; line-height:1.8; color:#9aa995; }
.club-discover { border-left:1px solid var(--club-line); padding:25px 18px; background:#19221b; }.club-discover>.club-section-label { font-size:9px; letter-spacing:1.2px; margin-bottom:19px; }
.club-discover-art { display:block; padding:18px 15px; background:linear-gradient(145deg,#486843,#273e2b); border:1px solid #5b7850; border-radius:11px; text-decoration:none; color:#eef2de; }
.club-art-symbol { height:104px; display:flex; align-items:center; justify-content:center; font-size:76px; line-height:1; color:#d3eeaa; }.club-art-symbol span { font-size:84px; color:#93ac66; margin-left:-18px; }.club-discover-art>small { font-size:8px; letter-spacing:1.1px; color:#d0ddbb; }.club-discover-art h3 { font-size:24px; line-height:1.16; letter-spacing:-.7px; margin:13px 0; font-weight:500; }.club-discover-art p { color:#d2d9bf; font-size:9px; }.club-discover-art>span { display:block; color:#e8f7d2; border-top:1px solid #728460; padding-top:13px; margin-top:19px; font-size:10px; }
.club-bot-intro { margin:25px 0 18px; }.club-bot-intro>img { width:32px; height:32px; margin-bottom:10px; }.club-bot-intro strong { display:block; font-size:10px; }.club-bot-intro strong span { font-size:7px; color:#bbda9b; margin-left:4px; }.club-bot-intro p { color:#9fae9d; font-size:11px; line-height:1.7; }.club-discover-links a { display:flex; justify-content:space-between; border-top:1px solid var(--club-line); padding:12px 0; color:#c4cfbd; font-size:11px; text-decoration:none; }
.club-footer { display:flex; justify-content:space-between; font-size:8px; color:#74846f; letter-spacing:1.8px; margin:20px 3px; }.club-footer span { letter-spacing:.4px; }.club-mobile-room { display:none; }.club-sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.club-page [hidden],.club-ops [hidden] { display:none!important; }.club-page :focus-visible,.club-ops :focus-visible { outline:2px solid #c4eeac; outline-offset:3px; }
.club-ops { max-width:1100px; margin:auto; }.club-ops section { margin:18px 0; }.club-ops label { display:grid; gap:6px; font-size:12px; color:#bbc8bf; }.club-ops input,.club-ops select,.club-ops textarea { padding:10px; border:1px solid #44584a; background:#142018; color:#e6ece3; border-radius:6px; min-width:0; width:100%; }.club-ops input[type=checkbox] { width:auto; }.club-ops-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }.club-ops-checks { display:flex; flex-wrap:wrap; gap:14px; margin:16px 0; }.club-ops-checks label { display:flex; align-items:center; }.club-ops article { border:1px solid #3c4e3e; padding:15px; border-radius:8px; margin:12px 0; }.club-ops article>header { display:flex; flex-wrap:wrap; justify-content:space-between; gap:10px; }.club-ops article p { font-size:13px; line-height:1.7; }.club-ops .club-op-note { font-size:12px; color:#aabcaa; line-height:1.7; }.club-ops-alert { padding:12px; color:#efcb94; background:#362c1f; border-radius:8px; font-size:12px; }.club-ops a { color:#c4eeac; }.club-ops-stat { display:flex; gap:30px; flex-wrap:wrap; }.club-ops-stat strong { font-size:30px; display:block; color:#cee6ba; }.club-ops-stat span { font-size:11px; color:#a8b6a3; }.club-ops details { margin:15px 0; }.club-ops summary { cursor:pointer; }
@media (max-width:1250px) { .club-workspace { grid-template-columns:180px minmax(300px,1fr); }.club-discover { display:none; } }
@media (max-width:850px) { .club-hero { padding:24px; }.club-workspace { grid-template-columns:160px minmax(260px,1fr); }.club-rooms { padding-inline:8px; }.club-rooms button { font-size:10px; gap:8px; }.club-hub-link { padding:10px 13px; font-size:10px; }.club-timeline { padding:18px 15px; }.club-compose { padding:13px; }.club-ops-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:620px) { .club-hero { padding:22px 19px; margin-bottom:13px; border-radius:12px; }.club-hero h1 { font-size:29px; letter-spacing:-1.1px; }.club-eyebrow { font-size:8px; letter-spacing:1.3px; }.club-spark { margin-left:10px; font-size:24px; }.club-hero p { font-size:11px; }.club-hub-link { display:none; }.club-workspace { display:block; border-radius:12px; }.club-rooms { display:none; }.club-mobile-room { display:flex; align-items:center; gap:12px; padding:10px 15px; font-size:11px; color:#a8bca0; border-bottom:1px solid var(--club-line); }.club-mobile-room select { flex:1; width:100%; background:#243326; border:1px solid #4a5e42; color:#dcead4; border-radius:5px; padding:8px; font-size:12px; }.club-conversation { height:calc(100dvh - 240px); min-height:520px; }.club-room-heading { padding:16px; }.club-room-heading h2 { font-size:17px; }.club-room-heading p { font-size:10px; }.club-room-heading .club-section-label { font-size:8px; }.club-timeline { padding:17px 12px; }.club-message { gap:8px; }.club-avatar { flex-basis:25px; height:25px; border-radius:8px; }.club-avatar img { width:25px; height:25px; }.club-message-body>header { gap:5px; font-size:10px; }.club-message-body time { font-size:8px; }.club-bubble { padding:12px; }.club-bubble>p { font-size:12px; }.club-attachment { gap:10px; padding:8px; }.club-attachment>img { width:65px; height:72px; }.club-attachment strong { font-size:11px; }.club-publication-label { font-size:7px; letter-spacing:.8px; }#club-compose-hint { display:none; }#club-count { margin-left:0; }.club-send { margin-left:auto; }.club-footer { font-size:7px; letter-spacing:.9px; }.club-footer>span { display:none; }.club-ops-grid { grid-template-columns:1fr; } }
@media (prefers-reduced-motion:reduce) { .club-page * { scroll-behavior:auto!important; } }
@media(max-width:768px) {
  .main:has(#cgbx-club-v2) { min-height:0; padding-bottom:8px; }
  .club-page { height:calc(100dvh - 166px - env(safe-area-inset-bottom)); min-height:400px; display:flex; flex-direction:column; }
  .club-hero { flex-shrink:0; }
  .club-workspace { flex:1; min-height:0; }
  .club-conversation { height:100%; min-height:0; }
  .club-timeline { min-height:60px; }
  .club-compose textarea { min-height:55px; height:55px; resize:none; }
  .club-footer { display:none; }
  body:has(#cgbx-club-v2) .support-assistant { top:78px; bottom:auto; right:19px; }
  body:has(#cgbx-club-v2) .support-assistant-launch { padding:6px 9px; font-size:9px; }
  body:has(#cgbx-club-v2) .support-assistant-launch img { width:16px; height:16px; }
  body:has(#cgbx-club-v2) .support-assistant>section { top:38px; bottom:auto; }
}
@media(max-width:768px) and (max-height:700px) {
  .club-hero { padding-top:14px; padding-bottom:14px; }
  .club-hero p { display:none; }
  .club-room-heading { padding-top:10px; padding-bottom:10px; }
}
@media(max-width:620px) {
  .club-hero { padding:17px 19px; }
  .club-hero h1 { margin-top:9px; margin-bottom:9px; }
  .club-room-heading { padding:12px 16px; }
  #cgbx-club-v2 .club-compose textarea { min-height:55px; height:55px; }
}

/* CGBX V3 community palette: scoped to the community surface. */
.club-page {
  --club-ink:#eef8ff; --club-muted:#8ca8b8; --club-line:rgba(65,191,231,.22); --club-green:#3dd8ff;
  color:var(--club-ink); background:#030b12;
}
.club-page .club-hero { border-color:rgba(61,216,255,.28); background:radial-gradient(ellipse at 88% 15%,rgba(35,151,192,.28),transparent 48%),linear-gradient(120deg,#071b29,#050b12); }
.club-page .club-eyebrow,.club-page .club-section-label { color:#8ca8b8; }
.club-page .club-hero h1>span:first-child { color:#4bb4d3; }
.club-page .club-hero p { color:#b6cbd6; }
.club-page .club-hub-link { color:#90edff; border-color:#2b89a6; background:#071926; }
.club-page .club-workspace { background:#07131f; border-color:var(--club-line); }
.club-page .club-rooms { background:#06101a; border-color:var(--club-line); }
.club-page .club-rooms button { color:#b0c7d3; }
.club-page .club-rooms button>span:first-child { color:#6ca8bc; }
.club-page .club-rooms button[aria-current=true] { background:#0c3041; border-color:#2ab9dc; color:#effbff; }
.club-page .club-rooms button[aria-current=true]>span:first-child { color:var(--club-green); }
.club-page .club-rooms button:hover { background:#0a2431; }
.club-page .club-room-note { border-color:var(--club-line); }
.club-page .club-room-note>span,.club-page .club-spark { color:var(--club-green); }
.club-page .club-conversation,.club-page .club-room-heading,.club-page .club-compose { border-color:var(--club-line); }
.club-page .club-room-heading { background:#07131f; }
.club-page .club-room-heading p,.club-page .club-message-body time { color:#8daabb; }
.club-page .club-avatar { background:#1a4154; color:#e9fbff; }
.club-page .club-bubble { background:#0b1d2a; border-color:#1c4b60; }
.club-page .club-bubble>p { color:#d9edf5; }
.club-page .club-bubble a,.club-page .club-attachment em,.club-page .club-discover-links a { color:#89eaff; }
.club-page .club-role { color:#a9d0de; border-color:#286077; }
.club-page .club-role.bot { color:#a4efff; border-color:#2b91ae; background:#0b3040; }
.club-page .is-official .club-bubble { background:linear-gradient(135deg,#103043,#0b1b27); border-color:#2b718a; }
.club-page .club-attachment { background:#06131e; border-color:#22566b; }
.club-page .club-compose { background:#06111b; }
.club-page .club-compose textarea { border-color:#286078; background:#030b12; color:#e9f8ff; }
.club-page .club-compose textarea::placeholder { color:#7694a2; }
.club-page .club-send { background:#3dd8ff; color:#03121c; }
.club-page .club-history-button { color:#82e7ff; }
.club-page .club-new-messages { background:#3dd8ff; color:#03121c; }
.club-page .club-discover { background:#06111b; border-color:var(--club-line); }
.club-page .club-discover-art { background:linear-gradient(145deg,#0e3a4d,#0a1e2b); border-color:#2d85a2; color:#e7faff; }
.club-page .club-art-symbol { color:#8deaff; }.club-page .club-art-symbol span { color:#4ca9c4; }
.club-page .club-discover-art>small,.club-page .club-discover-art p { color:#a9d2df; }
.club-page .club-discover-art>span { color:#c6f3ff; border-color:#2d6b81; }
.club-page .club-bot-intro strong span { color:#8eeaff; }
.club-page .club-footer { color:#668596; }
.club-page .club-mobile-room { color:#9ec6d5; border-color:var(--club-line); }
.club-page .club-mobile-room select { background:#0b2635; border-color:#2a6e85; color:#e7faff; }
.club-page :focus-visible { outline-color:#baf5ff; }