/* VEXO Hubs — dark navy / blue accent, consistent with the platform theme variables when present. */
.hb-top{margin:0 0 12px}
.hb-card a{display:flex;gap:12px;align-items:flex-start;color:inherit;text-decoration:none}
.hb-card h3{margin:0 0 4px}.hb-meta{display:flex;gap:8px;flex-wrap:wrap;align-items:center;font-size:.85rem;color:var(--muted,#8e8e93)}
.hb-icon{width:48px;height:48px;border-radius:14px;object-fit:cover;flex:none}
.hb-initial{display:grid;place-items:center;background:linear-gradient(135deg,#3d7bf5,#1b1b1f);color:#fff;font-weight:700;font-size:1.2rem}
.hb-invite{max-width:520px;margin:auto;text-align:center;display:grid;gap:10px;justify-items:center}
.hb-app{display:grid;grid-template-columns:280px minmax(0,1fr);max-width:100%;min-width:0;gap:0;min-height:calc(100vh - 140px);border:1px solid var(--line,#26262b);border-radius:18px;overflow:hidden;background:var(--panel,#141417)}
.hb-side{background:#0e0e10;border-right:1px solid var(--line,#26262b);padding:16px;display:flex;flex-direction:column;gap:12px;overflow:auto}
.hb-hubhead{display:flex;gap:10px;align-items:center}.hb-hubhead h1{font-size:1.1rem;margin:0}.hb-hubhead small{color:var(--muted,#8e8e93)}
.hb-chans h2{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted,#8e8e93);margin:14px 0 6px}
.hb-chan{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;color:#c7c7cc;text-decoration:none;min-height:40px}
.hb-chan:hover{background:#1b1b1f}.hb-chan.is-active{background:#232327;color:#fff}.hb-chan .ib-count{margin-left:auto}
.hb-chan svg{width:16px;height:16px;flex:none}
.hb-rules{font-size:.9rem}
.hb-chat{display:flex;flex-direction:column;min-width:0;min-height:0}
.hb-chathead{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--line,#26262b)}
.hb-chathead h2{margin:0;font-size:1rem}.hb-chathead small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hb-live{margin-left:auto;font-size:.8rem;color:#4ade80}.hb-back{display:none}
.hb-scroll{flex:1;overflow:auto;padding:12px 16px;min-height:300px;max-height:calc(100vh - 290px)}
.hb-list{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.hb-msg{position:relative;padding:8px 10px;border-radius:12px}
.hb-msg:hover{background:#18181b}.hb-msg.is-deleted{opacity:.6}
.hb-msg-head{display:flex;gap:8px;align-items:baseline}.hb-msg-head a{color:#f2f2f4;text-decoration:none}.hb-msg-head small{color:var(--muted,#8e8e93)}
.hb-body{color:#d1d1d6;word-wrap:break-word;overflow-wrap:anywhere;line-height:1.45}
.hb-body code{background:#0b0b0d;border:1px solid #26262b;border-radius:6px;padding:1px 5px}
.hb-code{background:#0b0b0d;border:1px solid #26262b;border-radius:10px;padding:10px 12px;overflow:auto;font-size:.88rem;margin:6px 0}
.hb-code code{background:none;border:0;padding:0}
.lx-k{color:#5a8ff7;font-weight:600}.lx-s{color:#a5e3a0}.lx-n{color:#f5b36b}.lx-c{color:#8e8e93;font-style:italic}.lx-g{color:#67d4f0}
.hb-mention{background:#23232755;color:#c7c7cc;border-radius:6px;padding:0 3px}.hb-mention.is-me{background:#3d7bf5;color:#fff}
.hb-replyto{font-size:.8rem;color:var(--muted,#8e8e93);margin-bottom:2px}
.hb-files{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}.hb-files img{max-width:260px;max-height:200px;border-radius:10px;border:1px solid #26262b}
.hb-links{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}
.hb-link{display:inline-flex;gap:6px;align-items:center;padding:6px 10px;border:1px solid #323238;border-radius:10px;background:#1b1b1f;color:#d1d1d6;text-decoration:none;font-size:.88rem}
.hb-link span{text-transform:capitalize;color:#5a8ff7}.hb-link.is-private{color:var(--muted,#8e8e93)}.hb-link svg{width:14px;height:14px}
.hb-reacts{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}
.hb-react{border:1px solid #323238;background:#1b1b1f;color:#f2f2f4;border-radius:999px;padding:2px 9px;min-height:30px;cursor:pointer}.hb-react.is-mine{background:#3d7bf5;border-color:#3d7bf5}
.hb-actions{display:none;position:absolute;right:8px;top:-14px;background:#141417;border:1px solid #26262b;border-radius:10px;padding:2px;gap:2px}
.hb-msg:hover .hb-actions,.hb-msg:focus-within .hb-actions{display:flex}
.hb-actions button{background:none;border:0;color:#c7c7cc;padding:4px 7px;border-radius:8px;cursor:pointer;font-size:.8rem;min-height:30px}.hb-actions button:hover{background:#232327}
.hb-compose{display:flex;gap:8px;align-items:flex-end;padding:10px 16px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--line,#26262b);flex-wrap:wrap}
.hb-compose textarea{flex:1;min-width:0;resize:none;font-size:16px;min-height:44px;max-height:200px;border-radius:12px}
.hb-replybar{flex-basis:100%;font-size:.85rem;color:#c7c7cc}
.hb-attach{min-height:44px;cursor:pointer}.hb-readonly{padding:12px 16px;border-top:1px solid var(--line,#26262b);margin:0}
#hb-composer>.help{padding:0 16px}
.hb-dialog{background:#141417;color:#f2f2f4;border:1px solid #26262b;border-radius:16px;max-width:640px;width:92vw;max-height:80vh}
.hb-dialog::backdrop{background:#000a}
.hb-settings{display:grid;gap:16px}.hb-danger{border-color:#7f1d1d}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
@media (max-width:767px){
 .hb-app{grid-template-columns:minmax(0,1fr);border-radius:0;border-left:0;border-right:0;min-height:calc(100dvh - 120px)}
 .hb-app .hb-chat{display:none}.hb-app.show-chat .hb-side{display:none}.hb-app.show-chat .hb-chat{display:flex;height:calc(100dvh - 120px)}
 .hb-back{display:inline-flex}.hb-scroll{max-height:none;min-height:0;padding:8px 10px}.hb-compose{padding-left:10px;padding-right:10px}
 .hb-code{font-size:.8rem}.hb-files img{max-width:100%}
 .hb-msg:hover .hb-actions,.hb-msg:focus-within .hb-actions{position:static;display:flex;flex-wrap:wrap;background:none;border:0;padding:4px 0 0}
 .hb-chan{min-height:44px}
}
.hb-chat,.hb-scroll,.hb-msg,.hb-body{min-width:0;max-width:100%}
.hb-list{grid-template-columns:minmax(0,1fr)}