/* Craic Hub Community: mobile-first, matches the exchange theme */
#cmw{max-width:1180px;margin:0 auto;padding:8px 12px 24px}
.cmhero{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:6px 0 10px}.cmhero h1{margin:0;font-size:26px}.cmsp{flex:1}
.cmpill{font-size:12px;padding:3px 9px;border-radius:99px;background:rgba(245,197,66,.14);color:var(--gold);border:1px solid rgba(245,197,66,.35);font-weight:700}
.cmb{background:linear-gradient(135deg,#34d399,#10b981);color:#04130b;border:0;border-radius:12px;padding:10px 15px;font:inherit;font-weight:800;cursor:pointer}
.cmb.alt{background:rgba(14,38,27,.9);color:var(--txt);border:1px solid var(--line);font-weight:700}.cmb.sm{padding:6px 10px;font-size:13px}.cmb.red{background:#7f1d1d;color:#fff}.cmb:disabled{opacity:.5;cursor:default}
.cmwarn{background:rgba(245,197,66,.07);border:1px solid rgba(245,197,66,.28);color:#fde68a;border-radius:12px;padding:8px 12px;font-size:13px;margin:0 0 10px}
.cmcard{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:16px;box-shadow:var(--glow)}
.cmgate{max-width:760px;margin:10px auto}.cmgate h2{margin:0 0 6px}.cmgate ul{padding-left:18px;color:var(--mut);line-height:1.6}
.cmplans{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}.cmplan{border:1px solid var(--line);border-radius:14px;padding:14px;background:rgba(5,12,8,.5)}
.cmplan b{font-size:22px;display:block}.cmplan .cmold{text-decoration:line-through;color:var(--mut);font-size:14px;margin-right:6px}.cmplan.gold{border-color:#a1840f;background:linear-gradient(150deg,#3b2f05,#11241a 70%)}
.cmoff{display:inline-block;background:var(--gold);color:#241a00;font-weight:900;font-size:12px;border-radius:99px;padding:2px 8px;margin-left:6px}
.cmapp{display:grid;grid-template-columns:240px 1fr;gap:12px}
.cmtabs{display:flex;flex-direction:column;gap:4px}.cmtab{display:flex;gap:8px;align-items:center;text-align:left;padding:11px 12px;border-radius:12px;border:1px solid transparent;background:transparent;color:var(--mut);font:inherit;font-weight:700;cursor:pointer}
.cmtab.on,.cmtab:hover{background:var(--card);color:var(--txt);border-color:var(--line)}.cmtab .cmn{margin-left:auto;background:var(--dn);color:#fff;border-radius:99px;font-size:11px;padding:1px 7px}
.cmmain{min-width:0}.cmhead{display:flex;align-items:center;gap:8px;margin:0 0 10px}.cmhead h2{margin:0;font-size:19px;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cmcomp textarea,.cmin,.cmsel{width:100%;box-sizing:border-box;padding:11px 12px;border-radius:12px;border:1px solid var(--line);background:#0b1a12;color:var(--txt);font:inherit;font-size:15px}
.cmcomp textarea{min-height:70px;resize:vertical}.cmcomp .cmrow{display:flex;justify-content:space-between;align-items:center;margin-top:8px;gap:8px}
.cmerr{color:#fca5a5;font-size:13px;min-height:1.2em}.cmok{color:var(--up);font-size:13px}
.cmpost{display:flex;gap:10px;padding:12px;border-bottom:1px solid var(--line)}.cmpost:last-child{border-bottom:0}.cmpost.pin{background:rgba(245,197,66,.06)}
.cmav{width:38px;height:38px;border-radius:50%;flex:none;background:#163020;display:flex;align-items:center;justify-content:center;font-size:20px;overflow:hidden;border:1px solid var(--line)}.cmav img{width:100%;height:100%;object-fit:cover}
.cmpb{min-width:0;flex:1}.cmname{font-weight:800}.cmname .cmadm{color:var(--gold);font-size:11px;margin-left:5px;border:1px solid rgba(245,197,66,.4);border-radius:6px;padding:0 4px}.cmt{color:var(--mut);font-size:12px;margin-left:6px}
.cmbody{white-space:pre-wrap;word-wrap:break-word;overflow-wrap:anywhere;margin:3px 0 6px;line-height:1.45}.cmbody a{color:var(--acc)}
.cmacts{display:flex;flex-wrap:wrap;gap:5px;align-items:center}.cmr{background:rgba(14,38,27,.8);border:1px solid var(--line);border-radius:99px;padding:3px 8px;color:var(--txt);font:inherit;font-size:13px;cursor:pointer}.cmr.on{border-color:var(--acc);background:rgba(52,211,153,.15)}
.cmlink{background:none;border:0;color:var(--mut);font:inherit;font-size:13px;cursor:pointer;padding:3px 5px}.cmlink:hover{color:var(--txt)}
.cmreplies{margin:8px 0 0 0;border-left:2px solid var(--line);padding-left:8px}
.cmlist .cmitem{display:flex;gap:10px;align-items:center;padding:11px 12px;border-bottom:1px solid var(--line);cursor:pointer}.cmlist .cmitem:hover{background:rgba(52,211,153,.05)}.cmitem small{color:var(--mut);display:block}
.cmdm{display:flex;flex-direction:column;gap:6px;max-height:55vh;overflow:auto;padding:6px}.cmbub{max-width:80%;padding:8px 11px;border-radius:14px;background:#163020;white-space:pre-wrap;overflow-wrap:anywhere}.cmbub.me{align-self:flex-end;background:#0f5c3f}.cmbub small{display:block;color:var(--mut);font-size:11px}
.cmdlg{border:1px solid var(--line);border-radius:18px;background:#0b1a12;color:var(--txt);max-width:520px;width:calc(100% - 24px);padding:18px}.cmdlg::backdrop{background:rgba(0,0,0,.6)}.cmdlg label{display:block;font-size:13px;color:var(--mut);margin:10px 0 4px}
.cmfoot{color:var(--mut);font-size:12.5px;text-align:center;margin:14px 0 0}
.cmemo{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.cmemo button{font-size:20px;background:#163020;border:1px solid var(--line);border-radius:10px;padding:4px 7px;cursor:pointer}.cmemo button.on{border-color:var(--acc)}
@media(max-width:820px){.cmapp{grid-template-columns:1fr}.cmtabs{flex-direction:row;overflow-x:auto;gap:4px;position:sticky;top:0;z-index:5;background:var(--bg);padding:4px 0}.cmtab{padding:9px 11px;white-space:nowrap;font-size:14px}.cmplans{grid-template-columns:1fr}.cmhero h1{font-size:22px}}