


.page-clubhouse .club-verified {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 1px var(--s2);
  font-family: var(--ui);
  font-size: var(--t-micro);
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  white-space: nowrap;
  color: var(--gold-bright);
  border: 1px solid var(--gold-deep);
  border-radius: 999px;
}

.page-clubhouse .club-verified__tick {
  display: block;
  width: 5px;
  height: 9px;
  margin-top: -3px;
  border: solid currentColor;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}


.page-clubhouse .club-follow { display: inline-flex; flex-wrap: wrap; align-items: center; gap: var(--s1) var(--s2); }
.page-clubhouse .club-follow[hidden] { display: none; }

.page-clubhouse .club-msg__top > .club-follow { margin-left: auto; }
.page-clubhouse .club-follow__btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 32px;
  padding: 0 var(--s3);
  font: inherit;
  font-family: var(--ui);
  font-size: var(--t-micro);
  font-weight: 600;
  letter-spacing: 0.04em;
  color: var(--gold-bright);
  background: var(--ctl-bg);
  border: 1px solid var(--gold);
  border-radius: 999px;
  text-decoration: none;
  cursor: pointer;
}

.page-clubhouse .club-follow__btn::after { content: ""; position: absolute; inset: -6px 0; }
.page-clubhouse .club-follow__btn:hover { background: var(--ctl-bg-hover); }
.page-clubhouse .club-follow__btn:focus-visible { outline: 2px solid var(--focus); outline-offset: 2px; }
.page-clubhouse .club-follow__btn:disabled { cursor: progress; opacity: 0.6; }
.page-clubhouse .club-follow__btn[hidden] { display: none; }
.page-clubhouse .club-follow__btn[aria-pressed="true"] { color: var(--ctl-text); background: var(--ctl-bg); border-color: var(--ctl-line); }
.page-clubhouse .club-follow__btn[aria-pressed="true"]:hover { background: var(--ctl-bg-hover); border-color: var(--ctl-line-hover); }
.page-clubhouse .club-follow__btn[aria-pressed="true"]::before {
  content: "";
  width: 4px;
  height: 8px;
  margin-top: -3px;
  border: solid var(--gold-bright);
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.page-clubhouse .club-follow__note { font-size: var(--t-micro); color: var(--muted); }
.page-clubhouse .club-follow__note:empty { display: none; }


.page-clubhouse .club-follow--record .club-follow__btn { min-height: 44px; padding: 0 var(--s5); font-size: var(--t-body); }
.page-clubhouse .club-follow--record .club-follow__btn::after { inset: 0; }
.page-clubhouse .club-record__followers { font-family: var(--mono); font-variant-numeric: tabular-nums; font-size: var(--t-micro); color: var(--muted); }
.page-clubhouse .club-follow-slot { margin-left: auto; }
.page-clubhouse .club-follow-slot:empty { display: none; }


.page-clubhouse .club-viewtabs { margin: 0 0 var(--s4); }
.page-clubhouse .club-viewtabs[hidden] { display: none; }
.page-clubhouse .club-view--following > .club-head,
.page-clubhouse .club-view--following > .club-feed,
.page-clubhouse .club-view--following > .club-callbar,
.page-clubhouse .club-view--following > .club-call,
.page-clubhouse .club-view--following > .club-fine,
.page-clubhouse .club-view--following > .club-composer__gate,
.page-clubhouse .club-view--following > .club-composer { display: none; }

.page-clubhouse .club-following { min-width: 0; }
.page-clubhouse .club-following[hidden] { display: none; }
.page-clubhouse .club-following__head { padding-bottom: var(--s3); border-bottom: var(--rule-gilt); }
.page-clubhouse .club-following__title { margin: 0; font-family: var(--display); font-weight: 600; font-size: var(--t-lead); line-height: 1.25; color: var(--text); }
.page-clubhouse .club-following__meta { margin: var(--s2) 0 0; font-family: var(--ui); font-size: var(--t-micro); color: var(--muted); }
.page-clubhouse .club-following__status { margin: var(--s3) 0 0; min-height: 1.3em; font-size: var(--t-micro); color: var(--muted); }
.page-clubhouse .club-following__status:empty { display: none; }
.page-clubhouse .club-following__empty a,
.page-clubhouse .club-following .club-empty a { color: var(--gold-bright); text-decoration: underline; text-underline-offset: 3px; }
.page-clubhouse .club-following__room { display: inline-block; margin-top: var(--s2); font-size: var(--t-micro); color: var(--gold-bright); text-decoration: underline; text-underline-offset: 3px; }
.page-clubhouse .club-following__more { margin-top: var(--s4); }
.page-clubhouse .club-following__more[hidden] { display: none; }
.page-clubhouse .club-following__fine { margin-top: var(--s4); }

.page-clubhouse .club-msg--ghost .club-call-row,
.page-clubhouse .club-msg--ghost .club-msg__body { opacity: 0.55; }


@media (max-width: 899px) {
  .page-clubhouse .club-viewtabs { order: -1; margin-bottom: var(--s3); }
  .page-clubhouse .club-viewtabs .club-tabs { display: flex; }
  .page-clubhouse .club-viewtabs .club-tabs__btn { flex: 1 1 0; min-height: 44px; }
  .page-clubhouse .club-following { order: 5; margin-top: var(--s3); }
  .page-clubhouse .club-follow-slot { margin-left: 0; flex-basis: 100%; }
  .page-clubhouse .club-follow--record { display: flex; }
  .page-clubhouse .club-follow--record .club-follow__btn { width: 100%; }
}
