/* Vestiário uses the existing app brand and figurinha renderer. */
.community{--community-bg:var(--bdr-surface);--community-line:var(--bdr-control-line);color:var(--bdr-ink);min-width:0}
.community *{box-sizing:border-box}.community [hidden]{display:none!important}
.community h2,.community h3{color:var(--bdr-ink);margin:0 0 12px}.community p{line-height:1.5;margin:8px 0 16px}.community label,.community legend{color:var(--bdr-secondary);font-weight:650}.community small,.community .community-muted{color:var(--bdr-secondary);font-size:13px;line-height:1.5}
.community button,.community input,.community textarea,.community select{font:inherit;max-width:100%;border-radius:var(--bdr-radius-control)}.community button{background:var(--bdr-raised);color:var(--bdr-ink);border:1px solid var(--community-line);padding:11px 16px;min-height:44px;cursor:pointer;transition:background .16s ease,border-color .16s ease,transform .16s ease;line-height:1.3;white-space:normal}
.community button:hover:not(:disabled){border-color:var(--bdr-accent);background:var(--bdr-raised)}.community button:active:not(:disabled){transform:translateY(1px)}.community button:disabled{opacity:1;background:var(--bdr-disabled);color:var(--bdr-disabled-ink);cursor:not-allowed}.community button[data-community-disabled]:disabled{cursor:wait}.community button[aria-pressed=true]{border-color:var(--bdr-accent);background:var(--bdr-raised);color:var(--bdr-accent)}
.community button.community-primary{background:var(--bdr-accent);border-color:var(--bdr-accent);color:var(--bdr-accent-ink);font-weight:800}.community button.community-primary:hover:not(:disabled){background:var(--bdr-accent-hover);color:var(--bdr-accent-ink)}
.community :is(button,input,textarea,select,summary):focus-visible{outline:3px solid var(--bdr-accent);outline-offset:4px}
.community input:not([type=radio]),.community textarea,.community select{display:block;width:100%;min-height:48px;background:var(--bdr-raised);color:var(--bdr-ink);border:1px solid var(--community-line);padding:12px 14px;margin:8px 0 20px;font-size:16px}.community select{appearance:auto;padding-right:32px}.community textarea{resize:vertical}.community input::placeholder,.community textarea::placeholder{color:var(--bdr-secondary);opacity:1}
.community-hero{position:relative;overflow:hidden;isolation:isolate;min-height:230px;border-radius:var(--bdr-radius-panel);background:linear-gradient(120deg,#183226,#0c1620);display:flex;align-items:end;border:1px solid var(--community-line)}.community-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.community-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,7,13,.94),rgba(5,7,13,.66) 60%,rgba(5,7,13,.3))}.community-hero-copy{padding:24px;max-width:600px}.community-hero h2{font-size:clamp(30px,5vw,48px);line-height:1.05;text-transform:uppercase;letter-spacing:-.02em}.community-hero p{color:var(--bdr-ink)}.community-kicker{display:block;color:var(--bdr-accent);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.09em;margin-bottom:12px}.community-cover-button{background:rgba(5,7,13,.8)!important}
.community-tabs,.community-filters,.community-switch,.community-actions{display:flex;gap:8px;flex-wrap:wrap}.community-tabs{margin:20px 0 4px}.community-filters{margin:16px 0 20px}.community-status{min-height:24px;color:var(--bdr-accent)}.community-section-head{display:flex;justify-content:space-between;align-items:start;gap:16px}.community-section-head p{color:var(--bdr-secondary);max-width:620px}.community-section-head button{flex-shrink:0}.community-section-head>div{min-width:0}.community-posts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}.community-post{padding:24px;background:var(--community-bg);border:1px solid var(--community-line);border-radius:var(--bdr-radius-panel);overflow-wrap:anywhere}.community-post header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px}.community-tag{color:var(--bdr-accent);font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:800}.community-body{white-space:pre-wrap;color:var(--bdr-secondary)}.community details{border-top:1px solid var(--community-line);padding-top:14px;margin-top:16px}.community summary{cursor:pointer;color:var(--bdr-ink);min-height:44px;padding:10px 0;font-weight:700}.community-comments p{padding-bottom:12px;border-bottom:1px solid var(--bdr-line);white-space:pre-wrap}.community-comments form{margin-top:20px}.community-poll{display:grid;gap:8px}.community-poll button{display:flex;justify-content:space-between;gap:14px;text-align:left}.community-poll button span:last-child{font-size:12px;flex-shrink:0;align-self:center}.community-empty{padding:24px;background:var(--community-bg);border-radius:var(--bdr-radius-panel);border:1px dashed var(--community-line);grid-column:1/-1;line-height:1.6}.community-empty p{color:var(--bdr-secondary)}
.community-card-layout{display:grid;grid-template-columns:minmax(260px,400px) minmax(0,1fr);gap:32px;margin-top:24px;align-items:start}.community-card-stage{display:flex;flex-direction:column;align-items:center;gap:16px;padding:24px 16px;border-radius:var(--bdr-radius-panel);background:radial-gradient(ellipse at 50% 30%,rgba(183,255,32,.09),transparent 65%),var(--community-bg);min-width:0}.community-card-stage>.player-card,.community-card-stage>.player-sticker{flex-shrink:0}.community-card-info h3{margin-top:4px}.community-stat{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 0;border-bottom:1px solid var(--community-line)}.community-stat small{display:block;margin-top:4px}.community-stat strong{white-space:nowrap;font-size:20px}.community-card-info>p{margin-top:20px}.community-card-info .community-primary{width:100%}.community-switch button{font-size:13px}
.community-dialog{--community-dialog-inset:var(--bdr-panel-inset,20px);position:fixed;margin:auto;width:min(580px,calc(100vw - 24px));max-height:calc(100dvh - 32px);overflow:auto;background:var(--bdr-surface);color:var(--bdr-ink);border:1px solid var(--community-line);border-radius:var(--bdr-radius-panel);padding:var(--community-dialog-inset);box-shadow:0 24px 80px #0008}.community-dialog::backdrop{background:#02060bba;backdrop-filter:blur(5px)}.community-dialog[open]{animation:community-enter .18s ease-out}.community-dialog-head{display:flex;gap:20px;align-items:start;justify-content:space-between;margin-bottom:var(--bdr-space-2,8px)}.community-dialog-head h2{font-size:26px;line-height:1.15}.community-dialog-head button{padding:8px;width:44px;flex-shrink:0;font-size:24px}.community-dialog form>button[type=submit]{width:100%;margin-top:12px}.community-dialog-status{color:var(--bdr-secondary)}.community-rating{border:0;border-bottom:1px solid var(--community-line);padding:12px 0 20px;margin:0 0 14px;min-width:0}.community-rating>div{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:10px}.community-rating label{position:relative;cursor:pointer}.community-rating label:last-child{grid-column:1/-1}.community-rating input{position:absolute;opacity:0;width:100%;height:100%;inset:0;margin:0;cursor:pointer}.community-rating span{display:flex;justify-content:center;align-items:center;min-height:46px;border:1px solid var(--community-line);background:var(--bdr-raised);border-radius:var(--bdr-radius-control);font-size:16px}.community-rating input:checked+span{color:var(--bdr-accent-ink);background:var(--bdr-accent);border-color:var(--bdr-accent)}.community-rating input:focus-visible+span{outline:3px solid var(--bdr-accent);outline-offset:3px}.community-attendance-row{min-width:0;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:10px 0;border-top:1px solid var(--bdr-line)}.community-cover-preview{aspect-ratio:8/3;background:var(--bdr-raised);border:1px solid var(--community-line);border-radius:var(--bdr-radius-panel);overflow:hidden;margin:16px 0;display:grid;place-items:center;color:var(--bdr-secondary)}.community-cover-preview img{width:100%;height:100%;object-fit:cover}
/* Text composers use one rhythm: 8px within a field, 16px between groups. */
.community-dialog :is([data-community-form="post"],[data-community-form="edit-post"]){display:grid;grid-template-columns:minmax(0,1fr);gap:var(--bdr-space-2);min-width:0}
.community-dialog :is([data-community-form="post"],[data-community-form="edit-post"]) :is(input:not([type=file]),textarea,select){margin:0}
.community-dialog :is([data-community-form="post"],[data-community-form="edit-post"])>label:not(:first-child){margin-top:var(--bdr-space-2)}
.community-dialog :is([data-community-form="post"],[data-community-form="edit-post"])>:is(section,details,div,p,button){margin-block:var(--bdr-space-2) 0}
.community-dialog :is([data-community-form="post"],[data-community-form="edit-post"])>p:first-child{margin-top:0}
.community-dialog [data-community-form="post"] .community-post-options[open],.community-dialog [data-community-form="post"] :is(#community-options,#community-alt-field){display:grid;gap:var(--bdr-space-2)}
.community-dialog [data-community-form="post"] :is(#community-options,#community-alt-field)[hidden]{display:none}
.community-dialog [data-community-form="post"] :is(#community-options,#community-alt-field)>p{margin:0}
@keyframes community-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:700px){.community-posts{grid-template-columns:1fr}.community-section-head{display:block}.community-section-head>button{width:100%}.community-hero{min-height:210px}.community-card-layout{grid-template-columns:1fr;}.community-card-stage{padding:20px 10px}.community-tabs button{flex:1 1 120px}.community-poll button{flex-wrap:wrap}.community-attendance-row button{font-size:12px;max-width:150px;flex-shrink:0}}
@media(prefers-reduced-motion:reduce){.community *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Scope dark-surface tokens here: the application also has light form tokens. */
body.organization-ui.matchday-ui.street-ui .community {
  --text-primary:var(--ui-text);--text-secondary:var(--ui-secondary);--text-tertiary:var(--ui-secondary);
  --ink-900:var(--ui-surface);--ink-800:var(--ui-raised);--ink-760:var(--ui-raised);--ink-950:var(--street-dark);
  --border-strong:var(--ui-outline,#73836a);--border-subtle:var(--street-line);--brand-lime:var(--street-lime);
  --accent-primary-soft:var(--ui-raised);--community-bg:var(--ui-surface);--community-line:var(--street-line);
  color:#f2f5e9;
}
body.organization-ui.matchday-ui.street-ui .community :is(h2,h3){color:#f2f5e9;font-family:'BR Street','Barlow Condensed',sans-serif;line-height:1.12}
body.organization-ui.matchday-ui.street-ui .community .community-hero h2{font-size:clamp(32px,5vw,52px)}
body.organization-ui.matchday-ui.street-ui #appShell .community h3{font:700 18px/1.35 var(--body);color:var(--ui-text)}
body.organization-ui.matchday-ui.street-ui .community .community-section-head p{color:#becbbb}
body.organization-ui.matchday-ui.street-ui #appShell .community button[aria-pressed=true]{color:var(--street-dark);background:var(--street-lime);border-color:var(--street-lime)}
body.organization-ui.matchday-ui.street-ui .community select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' stroke='%23d8e2d0' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:44px}
body.organization-ui.matchday-ui.street-ui .community .community-hero:not(:has(.community-cover)){background-image:linear-gradient(90deg,#07150ee0,#07150e66),url('/assets/street-arena-v166.webp');background-size:cover;background-position:center}
body.organization-ui.matchday-ui.street-ui .community-card-stage .street-athlete-card{width:100%;max-width:310px;flex:none}
body.organization-ui.matchday-ui.street-ui #appShell .community .community-rating input:checked+span{color:#172013;background:#b7ff45;border-color:#b7ff45;font-weight:800}
body.organization-ui.matchday-ui.street-ui #appShell .community .community-rating input:not(:checked)+span{color:#f2f5e9;background:#202b23}
body.organization-ui.matchday-ui.street-ui #appShell .community .community-rating span{font-size:16px}
/* v196 — same components and tokens as the match hub; media stays opt-in. */
body.organization-ui.matchday-ui.street-ui #appShell .community button{border-radius:var(--bdr-radius-control);font:650 14px/1.4 var(--body);touch-action:manipulation}
body.organization-ui.matchday-ui.street-ui #appShell .community button.community-primary{min-height:48px;padding:13px 18px;font-weight:750}
body.organization-ui.matchday-ui.street-ui #appShell .community :is(input:not([type=radio]),textarea,select){border-radius:var(--bdr-radius-control);background-color:var(--bdr-field);color:var(--bdr-field-ink);border-color:var(--bdr-field-line);font:400 16px/1.4 var(--body)}
body.organization-ui.matchday-ui.street-ui #appShell .community :is(input,textarea)::placeholder{color:var(--bdr-field-muted)}
body.organization-ui.matchday-ui.street-ui #appShell .community select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' stroke='%2317241b' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}
.community-post{box-shadow:none}.community-post>h3{margin-bottom:12px}.community-post>.community-body{margin-bottom:20px}
.community-reactions{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 12px;padding-top:16px;border-top:1px solid var(--street-line)}
.community-reactions button{min-width:52px;min-height:44px;padding:8px 12px;font-variant-numeric:tabular-nums;transition:transform 160ms ease,background-color 160ms ease}
.community-reactions button:active{transform:scale(.95)}
.community-post-media{display:grid;justify-items:start;gap:12px;margin:20px 0;padding:16px;background:var(--ui-canvas);border:1px solid var(--street-line);border-radius:var(--bdr-radius-panel)}
.community-post-media img{display:block;max-width:100%;width:auto;max-height:440px;object-fit:contain;border-radius:8px;margin:auto}
.community-post-media small{margin:0}
.community-attachment-tools{border:1px solid var(--street-line);border-radius:var(--bdr-radius-panel);background:var(--ui-canvas)}
.community-attachment-tools>summary{line-height:1.5}
.community-sticker-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:16px 0}
body.organization-ui.matchday-ui.street-ui #appShell .community .community-sticker-picker button{font:800 22px/1.1 var(--club-display);min-height:64px;background:var(--ui-raised);color:var(--street-lime);border:1px solid var(--ui-outline,#73836a);border-radius:var(--bdr-radius-control);letter-spacing:.02em}
body.organization-ui.matchday-ui.street-ui #appShell .community .community-sticker-picker button:hover{color:var(--street-dark);background:var(--street-lime)}
#community-attachment-preview{display:grid;gap:12px;justify-items:start;margin:16px 0}
#community-attachment-preview img,#community-share-media img{max-width:100%;max-height:260px;object-fit:contain;background:var(--ui-canvas);border-radius:8px}
.community-share-preview{padding:16px;margin:16px 0 24px;border:1px solid var(--bdr-line);border-radius:var(--bdr-radius-control);background:var(--ui-canvas);color:var(--ui-text);white-space:pre-wrap;overflow-wrap:anywhere}
.community .community-share-whatsapp,.community .community-share-download{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border-radius:var(--bdr-radius-control);border:1px solid var(--ui-outline,#73836a);color:var(--ui-text);text-decoration:none;font-weight:650;line-height:1.4}
.community .community-share-whatsapp:hover,.community .community-share-download:hover{background:var(--ui-raised)}
#community-share-media{display:grid;gap:12px;margin-bottom:16px}
@media(max-width:700px){.community-posts{gap:16px}.community-reactions{gap:8px}.community-post{padding:16px}.community-attachment-tools{padding:12px}.community-dialog .community-actions>*{flex:1 1 100%}.community-post-media{padding:12px}}

@media(max-width:600px){.community-reactions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.community-reactions button{width:100%;min-width:0}}
/* v197 — content first, secondary tools stay secondary. */
.community-status:empty{display:none}
.community-refresh{display:flex;justify-content:flex-end;margin:4px 0 12px}
.community-refresh button{background:transparent;border-color:transparent;padding:8px;font-size:13px;min-height:44px}
.community-tabs{flex-wrap:nowrap;margin-top:12px}
.community-tabs button{flex:1 1 0;min-width:0}
body.organization-ui.matchday-ui.street-ui .community .community-hero-compact{min-height:0;background-image:none;background:transparent;border:0;border-radius:0}
.community-hero-compact:after,.community-hero-compact .community-cover,.community-hero-compact .community-kicker,.community-hero-compact p,.community-hero-compact .community-cover-button{display:none}
.community-hero-compact .community-hero-copy{padding:8px 0}
body.organization-ui.matchday-ui.street-ui .community .community-hero-compact h2{font-size:28px;margin:0}
.community-album .community-card-layout{margin-top:12px;gap:20px}
.community-album .community-card-stage{padding:12px;gap:12px}
.community-album .community-card-stage>p{margin:0;text-align:center}
.community-album .community-card-stage>.community-primary{width:100%}
.community-album .community-card-info>p{margin:8px 0 16px}
.community-dialog-head{position:sticky;top:calc(-1 * var(--community-dialog-inset));z-index:2;background:var(--community-bg);padding:16px var(--community-dialog-inset);margin:calc(-1 * var(--community-dialog-inset)) calc(-1 * var(--community-dialog-inset)) var(--bdr-space-2,8px);align-items:center}
body.organization-ui.matchday-ui.street-ui .community-dialog-head h2{margin:0;min-width:0;font-size:24px;line-height:1.15;overflow-wrap:anywhere}
.community .community-action-icon{display:block;width:var(--bdr-icon);height:var(--bdr-icon);flex:none;stroke-width:var(--bdr-icon-stroke)}
.community :is(.community-refresh-button,.community-dialog-head button){display:inline-flex;align-items:center;justify-content:center;min-width:44px;padding:10px}
body.organization-ui.matchday-ui.street-ui.arena-ui #appShell .community button[data-community-disabled]:disabled{cursor:wait}
.community-file-picker{position:relative;display:flex;align-items:center;justify-content:center;min-height:48px;padding:12px 16px;background:var(--ui-raised);border:1px solid var(--ui-outline,#82917c);border-radius:var(--bdr-radius-control);cursor:pointer;text-align:center;overflow:hidden}
body.organization-ui.matchday-ui.street-ui #appShell .community .community-file-picker input[type=file]{position:absolute;inset:0;opacity:0;width:100%;height:100%;margin:0;padding:0;cursor:pointer}
.community-file-picker:focus-within{outline:3px solid var(--brand-lime);outline-offset:3px}
.community-file-name{display:block;overflow-wrap:anywhere}
.community-attachment-tools>summary{padding:4px 0;min-height:44px}
.community-attachment-tools:not([open]){padding:4px 12px}
.community-stickers summary,.community-post-options summary{font-size:14px}
.community-dialog form>button[type=submit]{position:sticky;bottom:calc(-1 * var(--community-dialog-inset));z-index:1;box-shadow:0 0 0 8px var(--community-bg)}
@media(max-width:700px){
 body.organization-ui.matchday-ui.street-ui #appShell .community-tabs button{flex:1 1 0}
 .community-card-layout{gap:16px}
 .community-dialog{--community-dialog-inset:16px;max-height:calc(100dvh - 24px);margin:auto}
 .community-hero:not(.community-hero-compact){min-height:160px}
 .community-hero-copy{padding:16px}
}

.community-section-head+.community-posts{margin-top:16px}
body.organization-ui.matchday-ui.street-ui #appShell .community .community-file-picker,
body.organization-ui.matchday-ui.street-ui #appShell .community .community-file-picker>span{color:var(--ui-text,#f5f7ed);font:650 15px/1.4 var(--body)}
/* v198 — one album frame, fewer navigation layers, direct media choices. */
.community-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px}
.community-title-row h2{margin:0;min-width:0;overflow-wrap:anywhere}
.community-title-row .community-refresh-button{min-width:44px;min-height:44px;flex:none;font-size:24px;background:rgba(8,17,12,.8);border-color:var(--community-line)}
.community-hero-copy{width:100%;max-width:none}
.community-hero-compact .community-title-row{width:100%}
.community-management{border:0!important;margin:0 0 8px!important;padding:0!important}
.community-management>summary{font-size:13px;min-height:44px;padding:10px 0;color:var(--text-secondary)}
.community-management>button{margin-bottom:12px}
.community-album>select{margin-bottom:8px!important}
.community-card-frame{width:230px;max-width:100%;margin:0 auto;container-type:inline-size}
body.organization-ui.matchday-ui.street-ui #appShell .community .community-card-frame>.album-sticker{display:block!important;width:100%!important;max-width:none!important;min-height:0!important;aspect-ratio:5/7!important;height:auto!important;margin:0!important;transform:none!important}
.community-card-actions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;width:100%}
.community-card-actions button{flex:1 1 130px;font-size:13px}
.community-expanded-card{max-width:min(340px,calc((100dvh - 170px)*.714));margin:0 auto;container-type:inline-size}
body.organization-ui.matchday-ui.street-ui #appShell .community .community-expanded-card>.album-sticker{width:100%!important;max-width:none!important;min-height:0!important;height:auto!important;aspect-ratio:5/7!important}
.community-attachment-tools{margin:12px 0;padding:12px}
.community-attachment-choices{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;align-items:start}
.community-file-field{min-width:0}
.community-attachment-choices>button{min-height:48px}
.community-file-name{font-size:12px;line-height:1.4;margin:6px 0 0}
.community-attachment-tools>.community-muted{display:block;margin-top:8px}
body.organization-ui.matchday-ui.street-ui #appShell .community .community-sticker-picker button{padding:8px;display:flex;flex-direction:column;align-items:stretch;gap:6px;font:650 12px/1.3 var(--body);background:var(--ui-canvas);color:var(--ui-text)}
.community-sticker-art{display:grid;place-items:center;gap:4px;min-height:88px;background:linear-gradient(145deg,#c9ff70,#97dc24);border-radius:4px;padding:10px;color:#172013;font-size:26px;clip-path:polygon(3% 5%,100% 0,96% 94%,0 100%)}
.community-sticker-art>b{font:900 21px/1.05 'BR Street','Barlow Condensed',sans-serif;color:#172013}
.community-sticker-label{font:650 12px/1.3 var(--body);color:var(--ui-text)}
#community-attachment-preview:has(>p:only-child){display:none}
@media(max-width:700px){
 body.organization-ui.matchday-ui.street-ui #appShell .community-tabs button{font-size:14px;min-height:44px;padding:10px 14px}
 .community-card-layout{margin-top:8px!important}
 .community-album .community-card-stage{gap:8px;padding:10px}
 .community-card-frame{width:clamp(165px,calc((100svh - 470px)*.714),230px)}
 .community-card-actions button{min-height:44px;font-size:12px;padding:8px}
 .community-album .community-card-stage>.community-muted{font-size:12px}
}
.community-title-row>.community-management{position:relative;margin:0!important;flex:none}
.community-title-row>.community-management>summary{list-style:none;display:flex;align-items:center;justify-content:center;padding:8px;min-width:60px;min-height:44px;background:rgba(8,17,12,.8);border:1px solid var(--community-line);border-radius:var(--bdr-radius-control);color:var(--ui-text);font-size:12px}
.community-title-row>.community-management>summary::-webkit-details-marker{display:none}
.community-title-row>.community-management>button{position:absolute;right:0;top:calc(100% + 6px);min-width:160px;z-index:4;box-shadow:0 8px 24px #0008;background:var(--ui-surface);white-space:nowrap}
.community-hero:has(.community-management[open]){overflow:visible;z-index:3}
@media(max-width:700px){
 body.organization-ui.matchday-ui.street-ui .community .community-hero h2{font-size:28px}
 .community-title-row{gap:8px}
 .community-title-row h2{flex:1;min-width:0}
}
body.organization-ui.matchday-ui.street-ui #appShell .community .community-sticker-picker button:hover,
body.organization-ui.matchday-ui.street-ui #appShell .community .community-sticker-picker button:focus-visible{background:var(--ui-raised);color:var(--ui-text);border-color:var(--street-lime)}

/* The content column can shrink without pushing actions outside the viewport. */
.community-attendance-row>span{min-width:0;overflow-wrap:anywhere}
.community-dialog .community-actions{align-items:stretch}
.community-dialog .community-actions>*{min-width:0;overflow-wrap:anywhere}
@media(max-width:360px){.community-title-row{flex-wrap:wrap}.community-title-row h2{flex-basis:100%}.community-title-row>.community-management{margin-left:auto!important}.community-attachment-choices{grid-template-columns:1fr}}

/* Publication tools keep the conversation, rather than account controls, in front. */
#communityRoot .community-post>header{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
#communityRoot .community-post>header>small{flex:1;min-width:0;overflow-wrap:anywhere}
#communityRoot .community-post-menu{position:relative;display:block;flex:none;margin:0;padding:0;border:0;background:transparent}
#communityRoot .community-post-menu>summary{display:flex;align-items:center;justify-content:center;list-style:none;min-width:44px;min-height:44px;padding:8px;border:1px solid transparent;border-radius:var(--bdr-radius-control);color:var(--ui-text);cursor:pointer}
#communityRoot .community-post-menu>summary::-webkit-details-marker{display:none}
#communityRoot .community-post-menu>summary:after{display:none}
#communityRoot .community-post-menu>summary:hover,#communityRoot .community-post-menu[open]>summary{background:var(--ui-raised);border-color:var(--community-line)}
#communityRoot .community-post-menu>div{position:absolute;right:0;top:calc(100% + 4px);z-index:5;display:grid;grid-template-columns:minmax(0,1fr);gap:4px;width:min(220px,calc(100vw - 64px));padding:var(--bdr-space-1);background:var(--ui-surface);border:1px solid var(--ui-outline);border-radius:var(--bdr-radius-panel);box-shadow:0 8px 24px #0005}
#appShell #communityRoot .community-post-menu>div>button{width:100%;min-width:0;min-height:44px;text-align:left;overflow-wrap:anywhere;background:transparent;border-color:transparent;border-radius:calc(var(--bdr-radius-panel) - var(--bdr-space-1) - 1px)}
#communityRoot .community-post-menu>div>button:hover{background:var(--ui-raised);border-color:var(--community-line)}
#communityRoot .community-post:focus-visible,#communityRoot .community-withdrawn article:focus-visible{outline:2px solid var(--bdr-accent);outline-offset:3px}
#communityRoot .community-withdrawn{display:block;min-width:0;margin:24px 0 0;padding:0;border:1px solid var(--community-line);border-radius:var(--bdr-radius-panel);background:var(--community-bg)}
#communityRoot .community-withdrawn>summary{min-height:48px;padding:14px 16px;line-height:1.4;overflow-wrap:anywhere}
#communityRoot .community-withdrawn>p,#communityRoot .community-withdrawn>.community-withdrawn-list,#communityRoot .community-withdrawn>button{margin:12px 16px}
#communityRoot .community-withdrawn>p{font-size:14px;color:var(--bdr-secondary);line-height:1.5}
#communityRoot .community-withdrawn-list{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;min-width:0}
#communityRoot .community-withdrawn-list>article{display:flex;align-items:center;gap:12px;justify-content:space-between;min-width:0;padding:12px;border:1px solid var(--community-line);border-radius:var(--bdr-radius-control);background:var(--ui-surface)}
#communityRoot .community-withdrawn-list>article>div{min-width:0;overflow-wrap:anywhere}
#communityRoot .community-withdrawn-list h4{margin:0;font:650 14px/1.4 var(--body);color:var(--ui-text)}
#communityRoot .community-withdrawn-list p{margin:6px 0 0;font-size:12px;line-height:1.5;color:var(--bdr-secondary)}
#communityRoot .community-withdrawn-list button{flex:none;min-height:44px}
#communityRoot .community-dialog .community-edit-review{min-width:0;margin:var(--bdr-space-2) 0 0;padding:var(--bdr-space-4);background:var(--ui-raised);border:1px solid var(--community-line);border-radius:var(--bdr-radius-control)}
#communityRoot .community-edit-review>p{white-space:pre-wrap;overflow-wrap:anywhere;max-height:180px;overflow:auto;line-height:1.5}
#communityRoot .community-edit-review .community-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
#communityRoot .community-dialog .community-actions{display:flex;gap:var(--bdr-space-2);flex-wrap:wrap;margin-top:var(--bdr-space-2)}
#communityRoot .community-dialog .community-actions>*{flex:1 1 150px;min-height:44px}
#communityRoot .community-dialog-status>button,#communityRoot .community-status>button{display:block;min-height:44px;margin-top:12px}
#communityRoot .community-dialog [data-community-form="edit-post"] .community-actions{position:sticky;bottom:calc(-1 * var(--community-dialog-inset));padding:10px 0;background:var(--community-bg);z-index:1}
#communityRoot .community-dialog [data-community-form="edit-post"] .community-actions>button{position:static;box-shadow:none}
@media(max-width:360px){#communityRoot .community-withdrawn-list>article{flex-wrap:wrap}#communityRoot .community-withdrawn-list>article>button{width:100%}}