/* One bounded Club workspace. The footer and its artwork share one height. */
body[data-ui=club].club-page .club-shell{position:relative}
body[data-ui=club].club-connected{--ui-footer:clamp(180px,25dvh,240px)}
body[data-ui=club].club-connected .club-shell{position:relative;padding:12px 28px 16px}
body[data-ui=club].club-connected .club-header{height:80px;min-height:80px;margin:0}
body[data-ui=club].club-connected .club-context{height:44px;gap:12px}
body[data-ui=club].club-connected .club-panels{margin-top:8px;gap:16px}
body[data-ui=club].club-connected .club-panel{border-radius:18px}
body[data-ui=club].club-connected .panel-heading{height:60px;min-height:60px;padding:0 12px}
body[data-ui=club].club-connected .community-tabs button{min-height:36px;padding:8px 12px;font-size:16px}
body[data-ui=club].club-connected :is(.panel-add,.mentions-button,.vote-help){width:44px;height:44px;min-height:44px}
body[data-ui=club].club-connected :is(#polls,#topics-list,#ideas,#update-feed){padding:12px;gap:12px}
body[data-ui=club].club-connected :is(.poll-card,.topic-card,.club-update,.idea-card){padding:16px;background:#fff9ed;border-color:#11110e18}
body[data-ui=club].club-connected .feed{padding:10px 14px;scrollbar-gutter:stable}
body[data-ui=club].club-connected .message{max-width:100%;margin-bottom:10px;padding:8px 4px}
body[data-ui=club].club-connected .message.message-own{max-width:90%;padding:10px 12px;background:#f4e5c9;border-color:transparent}
body[data-ui=club].club-connected .message-text{overflow-wrap:anywhere}
body[data-ui=club].club-connected .message-bar .message-time{font-size:11px;opacity:.8}
body[data-ui=club].club-connected .club-panel .composer-wrap{flex:none;margin:4px 10px 10px;padding:6px;border-radius:14px;background:#fff9ed;border-color:#11110e2a}
body[data-ui=club].club-connected .composer-wrap:focus-within{border-color:var(--ui-ink);box-shadow:0 0 0 2px #11110e0a}
body[data-ui=club].club-connected #composer{gap:6px;min-width:0}
body[data-ui=club].club-connected #message{min-height:44px;max-height:104px;padding:11px 2px;line-height:22px;resize:none}
body[data-ui=club].club-connected :is(#attach-image,#send){flex:none;width:44px;height:44px;min-width:44px;min-height:44px;padding:11px;border-radius:10px}
body[data-ui=club].club-connected #send:disabled{opacity:.35}
body[data-ui=club].club-connected .composer-status:not(:empty){padding:6px 8px 2px;font-size:12px;line-height:1.4}
body[data-ui=club].club-connected .member-welcome{flex:none;width:100%;max-width:none;margin:0 0 8px;padding:10px 14px}
body[data-ui=club].club-connected .welcome-dismiss{min-width:44px;min-height:44px}
body[data-ui=club].club-connected #club-site-slot:not([hidden]){flex:0 1 auto;max-height:18dvh;min-height:0;overflow:auto}
body[data-ui=club] .wallet-note:empty{display:none}
body[data-ui=club] .wallet-note{font-size:15px;line-height:1.5;margin:8px 0 0}
body[data-ui=club] #gate-note p{margin:0}
body[data-ui=club] #gate-note{max-width:360px;text-wrap:pretty}
@media(max-width:1000px){
 body[data-ui=club].club-connected .club-tabs{flex:none;margin:0;padding:4px;border-color:#11110e20;background:#11110e08}
 body[data-ui=club].club-connected .club-tabs button{min-height:40px;font-size:15px}
 body[data-ui=club].club-connected .club-context{order:-1}
 body[data-ui=club].club-connected .club-panels{gap:0}
 body[data-ui=club].club-connected .panel-heading{height:56px;min-height:56px}
}
@media(max-width:700px){
 body[data-ui=club].club-connected .club-shell{padding:8px 12px 10px}
 body[data-ui=club].club-connected .club-header{height:68px;min-height:68px}
 body[data-ui=club].club-connected .club-context{height:40px}
 body[data-ui=club].club-connected .club-panel{border-radius:16px}
 body[data-ui=club].club-connected .feed{padding:8px 10px}
 body[data-ui=club].club-connected .community-tabs button{font-size:15px;padding:8px 10px}
 body[data-ui=club].club-connected .message-actions :is(.heart-button,.message-tools>button){min-width:36px;min-height:36px;height:36px}
}
@media(max-height:620px){
 body[data-ui=club].club-connected{--ui-footer:160px}
 body[data-ui=club].club-connected .club-context{height:36px}
 body[data-ui=club].club-connected .club-panels{margin-top:6px}
 body[data-ui=club].club-connected .club-tabs button{min-height:36px}
 body[data-ui=club].club-connected .panel-heading{height:52px;min-height:52px}
}

body[data-ui=club].session-check #gate-note{visibility:visible}