/* 021XE11B — Owner Control Center infrastructure monitor */
.community-infra-title{margin-top:18px}.community-infra-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0}.community-infra-summary article,.community-infra-card{background:rgba(7,16,22,.78);border:1px solid rgba(32,217,255,.16);border-radius:14px;padding:14px;min-width:0}.community-infra-summary span,.community-infra-head small{display:block;color:#7fa6b5;font-size:10px;font-weight:800;letter-spacing:.08em}.community-infra-summary strong{display:block;margin-top:5px;font-size:18px;color:#edfaff}.community-infra-summary small{display:block;margin-top:4px;color:#7895a1}.community-infra-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.community-infra-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.community-infra-head strong{display:block;margin-top:3px;color:#edfaff}.community-infra-card p{margin:10px 0;color:#91aebb;font-size:12px;line-height:1.45}.community-infra-metrics{display:flex;flex-wrap:wrap;gap:6px}.community-infra-metrics span{border:1px solid rgba(255,255,255,.08);border-radius:999px;padding:5px 8px;color:#c8dbe2;font-size:11px}.community-infra-status{border-radius:999px;padding:5px 8px;font-size:10px;font-weight:900;white-space:nowrap}.community-infra-status.ok,.community-infra-summary .ok{color:#62f3c0}.community-infra-status.warn,.community-infra-summary .warn{color:#ffd166}.community-infra-status.bad,.community-infra-summary .bad{color:#ff6b7a}.community-infra-status.muted{color:#91aebb}.community-infra-note{margin:12px 0 0;color:#7895a1;font-size:11px;line-height:1.5}@media(max-width:900px){.community-infra-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.community-infra-grid{grid-template-columns:1fr}}@media(max-width:520px){.community-infra-summary{grid-template-columns:1fr}}

/* 021XE14A — full-workspace direct messages with an embedded persistent call panel. */
.community-dm-view{position:absolute;inset:0;width:100%;height:100%;min-width:0;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) auto;overflow:hidden;padding:0!important;background:#181b20;color:#eef5f8}
.community-dm-view[hidden]{display:none!important}
.community-dm-conversation{min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden;background:#181b20}
.community-dm-chat-head{flex:0 0 52px;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 10px 0 14px;border-bottom:1px solid #252930;background:#181b20}
.community-dm-chat-member{min-width:0;display:flex;align-items:center;gap:10px}.community-dm-chat-member>div{min-width:0}.community-dm-chat-member .community-avatar{width:32px;height:32px;flex:0 0 32px}.community-dm-chat-member small{display:block;color:#20d9ff;font-size:8px;font-weight:900;letter-spacing:.11em}.community-dm-chat-member h2{margin:1px 0 0;overflow:hidden;color:#f3f7f9;font-size:14px;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.community-dm-chat-member p{margin:2px 0 0;overflow:hidden;color:#7f939f;font-size:9px;text-overflow:ellipsis;white-space:nowrap}
.community-dm-head-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}.community-dm-head-actions button,#community-member-video-call{display:grid;place-items:center}.community-dm-head-actions button{width:34px;height:34px;border:1px solid transparent;border-radius:8px;background:transparent;color:#9babb5;font-size:17px;cursor:pointer}.community-dm-head-actions button:hover,.community-dm-head-actions button[aria-pressed="true"]{border-color:#2b4654;background:#10232d;color:#20d9ff}
.community-dm-messages{flex:1 1 auto;width:100%;height:auto;min-height:0;margin:0;padding:10px 18px 12px;display:block;overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#293640 transparent}
.community-dm-message,.community-dm-message.mine{width:100%;max-width:none;align-self:auto;border:0;border-radius:8px;background:transparent;padding:8px 7px}.community-dm-message:hover,.community-dm-message.mine:hover{background:#0a1119}.community-dm-message .community-message-meta strong{display:inline;color:inherit;font-size:12px}.community-dm-message .community-message-meta time{display:inline}.community-dm-message p{margin:3px 0 0;color:#c5d0d9;font-size:12.5px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}
.community-dm-status{flex:0 0 auto;min-height:16px;margin:0;padding:0 17px;color:#7fb9c9;font-size:10px;line-height:16px}.community-dm-status.error{color:#ff7d8a}
.community-dm-form{position:relative;flex:0 0 auto;width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;margin:0;padding:6px 12px 10px;border-top:0;background:#181b20}.community-dm-form textarea{width:100%;min-height:42px;max-height:120px;resize:none;border:1px solid #30353d;border-radius:8px;outline:0;background:#22262c;color:#fff;padding:10px 11px;font:inherit;font-size:12px}.community-dm-form textarea:focus{border-color:#1e7390}.community-dm-form button{height:42px;border:1px solid #19d3ff;border-radius:8px;background:#19d3ff;color:#051017;padding:0 16px;font-weight:900;cursor:pointer}
.community-dm-profile-rail{width:var(--member-rail-width,240px);min-width:220px;max-width:286px;height:100%;min-height:0;overflow:hidden;border-left:1px solid #252930;background:#15181d}.community-dm-profile-rail[hidden]{display:none!important}.community-dm-profile-rail>header{height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-bottom:1px solid #252930}.community-dm-profile-rail>header strong{font-size:11px}.community-dm-profile-rail>header button{border:0;background:transparent;color:#91a3ae;font-size:22px;cursor:pointer}.community-dm-profile-body{height:calc(100% - 52px);overflow-y:auto;padding:20px 16px;text-align:center}.community-dm-profile-body>.community-avatar{width:72px;height:72px;margin:0 auto;font-size:24px}.community-dm-profile-body h3{margin:12px 0 3px;font-size:17px}.community-dm-profile-body>p{margin:0;color:#8295a1;font-size:11px}.community-dm-profile-body dl{margin:22px 0 0;text-align:left}.community-dm-profile-body dl>div{display:grid;gap:5px;padding:11px 0;border-top:1px solid #252d34}.community-dm-profile-body dt{color:#758894;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.community-dm-profile-body dd{margin:0;overflow-wrap:anywhere;color:#dfe8ed;font-size:11px}

.community-call-panel{flex:0 1 68%;width:100%;max-height:min(72%,680px);min-height:320px;display:flex;flex-direction:column;overflow:hidden;padding:0!important;border-bottom:1px solid #26343d;background:#071219}.community-call-panel[hidden]{display:none!important}.community-call-panel>header{flex:0 0 auto;min-height:50px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 14px;border-bottom:1px solid rgba(255,255,255,.08)}.community-call-panel>header small{display:block;color:#20d9ff;font-size:8px;font-weight:900;letter-spacing:.12em}.community-call-panel>header h2{margin:2px 0 0;color:#f1fbff;font-size:14px}.community-call-panel>header p{margin:2px 0 0;color:#8caab6;font-size:9px}.community-call-head-actions{display:flex;align-items:center;gap:8px}.community-call-head-actions button{width:30px;height:30px;border:1px solid rgba(255,255,255,.13);border-radius:7px;background:#10212a;color:#d8e8ee;font-size:18px;cursor:pointer}
.community-call-route{border:1px solid rgba(32,217,255,.22);border-radius:999px;padding:6px 9px;color:#9ec1cd;font-size:10px;font-weight:900;letter-spacing:.08em}.community-call-route.direct{color:#62f3c0;border-color:rgba(98,243,192,.35)}.community-call-route.relay{color:#ffd166;border-color:rgba(255,209,102,.35)}
.community-call-stage{position:relative;flex:1 1 auto;min-height:240px;overflow:hidden;background:radial-gradient(circle at 50% 25%,#15303b,#02070a 70%)}.community-call-participants{position:absolute;inset:0;display:grid;grid-template-columns:repeat(2,minmax(0,min(420px,1fr)));align-items:center;justify-content:center;gap:14px;padding:14px}.community-call-participant{position:relative;width:100%;min-width:0;aspect-ratio:4/3;overflow:hidden;border:1px solid rgba(255,255,255,.13);border-radius:12px;background:linear-gradient(145deg,#142a34,#071219);box-shadow:0 14px 36px rgba(0,0,0,.32)}.community-call-participant video{position:absolute;inset:0;width:100%;height:100%;background:transparent;object-fit:cover}.community-call-participant-avatar{position:absolute;inset:0;display:grid;place-items:center}.community-call-participant-avatar strong{display:grid;place-items:center;width:clamp(64px,22%,96px);aspect-ratio:1;border:1px solid rgba(32,217,255,.28);border-radius:50%;background:linear-gradient(145deg,#1b3d4a,#0b1d25);color:#dff8ff;font-size:clamp(22px,4vw,36px)}.community-call-participant-avatar[hidden],.community-call-participant video[hidden]{display:none!important}.community-call-participant-label{position:absolute;z-index:2;right:8px;bottom:8px;left:8px;display:flex;align-items:baseline;gap:7px;min-width:0;border-radius:8px;padding:6px 8px;background:linear-gradient(90deg,rgba(2,9,13,.86),rgba(2,9,13,.28));color:#f1fbff}.community-call-participant-label strong,.community-call-participant-label small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.community-call-participant-label strong{font-size:12px}.community-call-participant-label small{color:#9db7c1;font-size:10px}.community-call-shared-screen{position:absolute;z-index:2;inset:12px;overflow:hidden;border:1px solid rgba(32,217,255,.25);border-radius:12px;background:#020608}.community-call-shared-screen[hidden]{display:none!important}.community-call-shared-screen video{width:100%;height:100%;background:#020608;object-fit:contain}.community-call-panel[data-screen-share-owner]:not([data-screen-share-owner=""]) .community-call-participant{position:absolute;z-index:4;bottom:26px;width:clamp(140px,20%,190px);aspect-ratio:16/9}.community-call-panel[data-screen-share-owner]:not([data-screen-share-owner=""]) .community-call-participant-remote{right:calc(clamp(140px,20%,190px) + 38px)}.community-call-panel[data-screen-share-owner]:not([data-screen-share-owner=""]) .community-call-participant-local{right:26px}.community-call-panel[data-screen-share-owner]:not([data-screen-share-owner=""]) .community-call-participant-avatar strong{width:48px;font-size:18px}.community-call-screen-share-status{position:absolute;z-index:5;top:22px;left:22px;margin:0;border:1px solid rgba(32,217,255,.3);border-radius:999px;padding:5px 9px;background:rgba(3,13,18,.82);color:#dff8ff;font-size:10px;font-weight:800;letter-spacing:.02em}.community-call-screen-share-status[hidden]{display:none!important}
.community-call-participants{grid-template-columns:repeat(2,minmax(0,420px))}
.community-call-actions{flex:0 0 auto;display:flex;align-items:center;justify-content:center;gap:10px;padding:8px}.community-call-actions[hidden]{display:none!important}.community-call-actions button{min-width:92px;border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:8px 13px;background:#142733;color:#eaf8fc;font-size:11px;font-weight:800;cursor:pointer}.community-call-actions button.accept{background:#0f8a63;border-color:#30d89d}.community-call-actions button.danger{background:#a72e42;border-color:#e2556d}.community-call-actions button[aria-pressed="true"]{background:#493642;color:#ffbdc9}
.community-call-panel{display:grid;grid-template-rows:auto minmax(0,1fr) auto}
.community-call-stage{min-height:0}
.community-call-participant{height:100%;aspect-ratio:auto}
.community-call-actions{min-height:58px}
.community-call-actions button{min-height:44px}
.community-call-actions #community-call-screen-share{min-height:44px}
.community-call-panel.minimized{max-height:none;min-height:0}.community-call-panel.minimized>header{border-bottom:0}.community-call-panel.minimized .community-call-stage,.community-call-panel.minimized .community-call-actions{display:none!important}
.community-dm-view.call-docked{z-index:20;pointer-events:none;background:transparent}.community-dm-view.call-docked .community-dm-conversation{background:transparent;pointer-events:none}.community-dm-view.call-docked .community-dm-chat-head,.community-dm-view.call-docked .community-dm-messages,.community-dm-view.call-docked .community-dm-status,.community-dm-view.call-docked .community-dm-form,.community-dm-view.call-docked .community-dm-profile-rail{display:none!important}.community-dm-view.call-docked .community-call-panel{position:absolute;right:12px;bottom:12px;width:min(560px,calc(100% - 24px));max-height:min(72vh,620px);min-height:320px;border:1px solid rgba(32,217,255,.28);border-radius:12px;box-shadow:0 18px 48px rgba(0,0,0,.55);pointer-events:auto}.community-dm-view.call-docked .community-call-panel.minimized{display:flex!important;min-height:0}

@media(max-width:1050px){.community-dm-profile-rail{display:none!important}.community-dm-view{grid-template-columns:minmax(0,1fr)}}
@media(max-width:680px){.community-dm-chat-head{padding-left:10px}.community-dm-chat-member .community-avatar{display:none}.community-dm-head-actions{gap:3px}.community-dm-head-actions button{width:30px}.community-call-panel{flex-basis:74%;max-height:80%;min-height:380px}.community-call-panel>header{min-height:44px;gap:8px;padding:4px 10px}.community-call-panel>header small{line-height:1}.community-call-panel>header h2{margin-top:0}.community-call-panel>header p{margin-top:1px;line-height:1.1}.community-call-route{padding:4px 7px}.community-call-stage{min-height:240px}.community-call-participants{grid-template-columns:minmax(0,1fr);grid-template-rows:repeat(2,minmax(0,1fr));gap:10px;padding:10px 10px 12px}.community-call-participant{height:100%;aspect-ratio:auto}.community-call-participant-avatar strong{width:48px;font-size:18px}.community-call-panel[data-screen-share-owner]:not([data-screen-share-owner=""]) .community-call-participant{bottom:16px;width:30%;height:auto}.community-call-panel[data-screen-share-owner]:not([data-screen-share-owner=""]) .community-call-participant-remote{right:calc(30% + 24px)}.community-call-panel[data-screen-share-owner]:not([data-screen-share-owner=""]) .community-call-participant-local{right:16px}.community-call-participant-label{padding:4px 6px}.community-call-participant-label small{display:none}.community-call-shared-screen{inset:8px}.community-call-actions{min-height:0;flex-wrap:nowrap;gap:4px;padding:6px 8px 10px}.community-call-actions button{min-width:44px;min-height:44px;padding:0 5px;font-family:var(--mac-font-sans,system-ui);font-size:12px;font-weight:700;line-height:1.2;letter-spacing:normal;text-transform:none;white-space:nowrap}#community-call-controls button[data-mobile-label]{font-size:0}#community-call-controls button[data-mobile-label]::after{content:attr(data-mobile-label);font-family:var(--mac-font-sans,system-ui);font-size:12px;font-weight:700;line-height:1.2;letter-spacing:normal;text-transform:none}.community-dm-messages{padding:12px}.community-dm-form{padding:6px 8px 8px}}
@media(max-width:680px){.community-call-stage{min-height:0}}

/* Authoritative Friends API lists and request states. */
.community-friends-list{height:calc(100% - 50px);margin-top:10px;overflow-y:auto}.community-friend-row{width:100%;display:flex;align-items:center;gap:11px;border:0;border-bottom:1px solid #202a32;background:transparent;color:#eaf2f6;padding:11px 8px;text-align:left;cursor:pointer}.community-friend-row:hover{background:#0d1820}.community-friend-row>.community-avatar{width:36px;height:36px;flex:0 0 36px}.community-friend-row>span:last-child{min-width:0}.community-friend-row strong,.community-friend-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.community-friend-row strong{font-size:13px}.community-friend-row small{margin-top:3px;color:#7f929f;font-size:11px}.community-message-requests-content{overflow-y:auto}.community-friends-error{margin:18px;border:1px solid rgba(255,107,122,.35);border-radius:9px;background:rgba(98,18,31,.2);color:#ff9aa5;padding:12px;font-size:12px;line-height:1.45}

/* 109.06 professional visual refinement. Structural layout and interaction
   selectors remain unchanged; these rules only restyle the current workspace. */
.community-build-109-06{
  --community-canvas:var(--mac-color-canvas);
  --community-panel:var(--mac-color-panel);
  --community-panel-raised:var(--mac-color-panel-raised);
  --community-rail:var(--mac-color-rail);
  --community-line:var(--mac-color-line);
  --community-line-soft:var(--mac-color-line-soft);
  --community-text:var(--mac-color-text);
  --community-muted:var(--mac-color-muted);
  --community-subtle:var(--mac-color-subtle);
  --community-accent:var(--mac-color-accent);
  --community-accent-soft:var(--mac-color-accent-soft);
  --community-positive:var(--mac-color-positive);
  color:var(--community-text);
  font-family:var(--mac-font-sans);
  font-feature-settings:"kern" 1,"tnum" 1;
}

/* Server-owned Resources workspace. The Community workspace remains the outer surface. */
.community-resource-category-tabs,
.community-resource-tabs{display:flex;align-items:center;gap:8px;overflow-x:auto;max-width:100%;padding:0 0 12px;scrollbar-width:thin}
.community-resource-category-tabs button,
.community-resource-tabs button,
.community-resource-manage-toggle{min-height:36px;border:1px solid var(--line,#2d3440);border-radius:9px;background:transparent;color:inherit;padding:7px 12px;white-space:nowrap}
.community-resource-category-tabs button.active,
.community-resource-tabs button.active{background:color-mix(in srgb,var(--accent,#6f8cff) 18%,transparent);border-color:var(--accent,#6f8cff)}
.community-resource-manage-toggle{margin:0 0 14px}
.community-resource-directory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));gap:14px;width:100%;max-width:100%;min-width:0}
.community-resource-directory-card{display:flex;flex-direction:column;align-items:flex-start;width:100%;max-width:100%;min-width:0;overflow:hidden;gap:10px;padding:16px;border:1px solid var(--line,#2d3440);border-radius:12px;background:color-mix(in srgb,currentColor 3%,transparent)}
.community-resource-directory-card h2,.community-resource-directory-card p{margin:0;overflow-wrap:anywhere}
.community-resource-directory-card>a{margin-top:auto}
.community-resource-card-meta{display:flex;flex-wrap:wrap;gap:6px}
.community-resource-card-meta span{font-size:.75rem;opacity:.76}
.community-resource-affiliate{width:100%;max-width:100%;padding:8px 10px;border-left:3px solid #d8a13b;font-size:.82rem;line-height:1.4;white-space:normal;overflow-wrap:anywhere}
.community-resource-error{color:#f08b8b}
.community-resource-manager{display:grid;gap:16px;margin-top:16px;padding-top:16px;border-top:1px solid var(--line,#2d3440)}
.community-resource-manager h2{margin:0}
.community-resource-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:900px}
.community-resource-form label{display:grid;gap:6px;min-width:0}
.community-resource-form input,.community-resource-form textarea,.community-resource-form select{box-sizing:border-box;width:100%;min-width:0}
.community-resource-form textarea{min-height:80px;resize:vertical}
.community-resource-form .community-resource-check{display:flex;align-items:center;gap:8px}
.community-resource-form .community-resource-check input{width:auto}
.community-resource-form-actions{display:flex;align-items:end;gap:8px}
.community-resource-manage-list{display:grid;gap:8px}
.community-resource-manage-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;padding:10px 0;border-top:1px solid var(--line,#2d3440)}
.community-resource-manage-row>div:first-child{display:grid;min-width:0}
.community-resource-manage-row strong,.community-resource-manage-row small{overflow-wrap:anywhere}
.community-resource-manage-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}

@media (max-width:640px){
  .community-resource-form{grid-template-columns:minmax(0,1fr)}
  .community-resource-form input,.community-resource-form select,.community-resource-form textarea,.community-resource-form-actions button,.community-resource-manage-toggle,.community-resource-manage-actions button,.community-resource-category-tabs button,.community-resource-tabs button{min-height:44px}
  .community-resource-form .community-resource-check input{width:44px;height:44px;margin:0}
  .community-resource-manage-row{align-items:flex-start;flex-direction:column}
  .community-resource-manage-actions{justify-content:flex-start;width:100%}
}
.community-build-109-06 .community-workspace{background:var(--community-canvas)!important}
.community-build-109-06 .community-org-rail{border-color:var(--community-line)!important;background:var(--community-rail)!important}
.community-build-109-06 .community-channel-rail{border-color:var(--community-line)!important;background:#10161c!important}
.community-build-109-06 .community-main-stack,
.community-build-109-06 .community-chat-panel,
.community-build-109-06 .community-dm-view,
.community-build-109-06 .community-dm-conversation,
.community-build-109-06 .community-message-form,
.community-build-109-06 .community-dm-form{background:var(--community-canvas)!important}
.community-build-109-06 .community-member-rail{border-color:var(--community-line)!important;background:#0f151b!important}

/* Community selector: squared-off product marks instead of gaming bubbles. */
.community-build-109-06 .community-org-list{gap:7px!important;padding:10px 0!important}
.community-build-109-06 .community-org-button{position:relative;border-radius:8px!important}
.community-build-109-06 .community-org-button>span{width:42px!important;height:42px!important;border:1px solid #2a3944!important;border-radius:8px!important;background:#151e25!important;color:#b9c8d1!important;box-shadow:none!important;font-size:11px!important;letter-spacing:.02em}
.community-build-109-06 .community-org-button:hover>span{border-radius:8px!important;border-color:#3b5360!important;background:#1a252d!important;color:#eef7fa!important;box-shadow:none!important}
.community-build-109-06 .community-org-button.active::before{content:"";position:absolute;left:-6px;top:10px;bottom:10px;width:2px;border-radius:2px;background:var(--community-accent)}
.community-build-109-06 .community-org-button.active>span{border-radius:8px!important;border-color:#3b6f7b!important;background:#14252c!important;color:#a9e4ef!important;box-shadow:none!important}
.community-build-109-06 .community-dm-home{width:42px;height:42px;margin-bottom:7px!important;border:1px solid #2a3944;border-radius:8px;background:#151e25;color:#b9c8d1}
.community-build-109-06 .community-dm-home:hover,.community-build-109-06 .community-dm-home.active,.community-build-109-06 .community-dm-home[aria-current="page"]{border-color:#3b6f7b;border-radius:8px;background:#14252c;color:#a9e4ef}
.community-build-109-06 .community-dm-separator{width:28px;height:1px;background:#25313a}
.community-build-109-06 .community-account-card{border-color:var(--community-line-soft)!important}
.community-build-109-06 .community-avatar{border-color:#35505d;background:#17252d;color:#cae9ef}

/* Authenticated visitors remain in the platform shell, but never inherit a
   member workspace merely because their platform identity is valid. */
.community-visitor-view{box-sizing:border-box;width:100%;height:100%;min-width:0;min-height:0;padding:clamp(24px,6vw,88px);place-items:center;overflow:auto;background:radial-gradient(circle at 50% 32%,rgba(26,106,128,.16),transparent 42%)}
.community-visitor-view:not([hidden]){display:grid}
.community-visitor-card{width:min(680px,100%);padding:clamp(26px,5vw,54px);border:1px solid rgba(57,91,105,.72);border-radius:18px;background:linear-gradient(145deg,rgba(15,26,34,.94),rgba(8,15,21,.96));box-shadow:0 28px 80px rgba(0,0,0,.34);text-align:center}
.community-visitor-mark{display:grid;place-items:center;width:76px;height:76px;margin:0 auto 22px;overflow:hidden;border:1px solid #315a69;border-radius:18px;background:#13242c;color:#bfeef7;font-size:18px;font-weight:900;letter-spacing:.08em}
.community-visitor-mark img{display:block;width:100%;height:100%;object-fit:cover}
.community-visitor-eyebrow{margin:0 0 12px;color:#46cce8;font-size:10px;font-weight:850;letter-spacing:.18em}
.community-visitor-card h1{margin:0;color:#f0f7fa;font-size:clamp(28px,4vw,44px);line-height:1.08;letter-spacing:-.035em}
.community-visitor-card h1 span{color:#79dced}
.community-visitor-description{max-width:56ch;margin:16px auto 0;color:#9cb0ba;font-size:14px;line-height:1.65}
.community-visitor-notice{display:grid;gap:7px;margin:28px 0 20px;padding:17px 18px;border-radius:10px;background:rgba(16,37,47,.72);text-align:left}
.community-visitor-notice strong{color:#dcecf1;font-size:13px}.community-visitor-notice span{color:#91a6af;font-size:12px;line-height:1.55}
.community-visitor-card>button{min-height:44px;padding:0 18px;border:1px solid #31879b;border-radius:8px;background:#15323b;color:#dffaff;font:750 12px/1 var(--mac-font-sans,system-ui);cursor:pointer}
.community-visitor-card>button:hover,.community-visitor-card>button:focus-visible{background:#1c4551;color:#fff}
body.community-visitor-mode .community-main-stack>:not(.community-visitor-view){display:none!important}
body.community-visitor-mode :is(.community-member-rail,.community-info-rail,#community-server-channel-content,#community-dm-nav,#community-server-menu-button,.mac-os-workspace-label){display:none!important}
body.community-visitor-mode .community-channel-head{border-bottom:0!important}
@media(max-width:620px){.community-visitor-view{padding:18px 12px 82px}.community-visitor-card{padding:26px 18px;border-radius:13px}.community-visitor-mark{width:62px;height:62px;border-radius:14px}}

/* Server identity and navigation hierarchy. */
.community-build-109-06 .community-channel-head{height:56px!important;flex-basis:56px!important;border-color:var(--community-line)!important;background:#121920!important}
.community-build-109-06 .community-server-menu-button{height:56px;padding:7px 12px;border-radius:0}
.community-build-109-06 .community-server-menu-button:hover{background:#172028}
.community-build-109-06 .community-server-head-copy small{margin-bottom:4px;color:var(--community-accent);font-size:8px;letter-spacing:.14em}
.community-build-109-06 .community-server-head-copy strong{font-size:13px;font-weight:720;letter-spacing:.01em}
.community-build-109-06 .community-server-head-copy em{margin-top:3px;color:var(--community-subtle);font-size:8.5px}
.community-build-109-06 .community-server-chevron{color:#71818c;font-size:14px}
.community-build-109-06 .community-channel-scroll{padding:7px 8px 14px}
.community-build-109-06 .community-channel-section-label{padding:10px 7px 5px;color:#687985;font-size:8px;letter-spacing:.16em}
.community-build-109-06 .community-rail-category{margin-bottom:7px!important}
.community-build-109-06 .community-rail-category-head{height:24px!important;min-height:24px!important;padding:0 5px 0 3px!important;color:#73838e}
.community-build-109-06 .community-rail-category-head strong{font-size:9.5px!important;font-weight:700!important;line-height:24px!important;letter-spacing:.055em!important;text-transform:uppercase}
.community-build-109-06 .community-category-drag{color:#566671;font-size:10px}
.community-build-109-06 .community-rail-category-discord .community-rail-category-head strong::before{content:"";display:inline-block;width:11px;height:11px;margin-right:6px;vertical-align:-2px;background:currentColor;opacity:.75;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M4 5h16v12H8l-4 3V5Zm3 4v2h10V9H7Zm0 4v2h7v-2H7Z'/%3E%3C/svg%3E") center/contain no-repeat}

/* Compact channel rows with explicit hover, active, unread, and muted states. */
.community-build-109-06 #community-server-channel-content .community-channel-row{min-height:32px!important;margin:1px 0;border:1px solid transparent;border-radius:6px!important;background:transparent}
.community-build-109-06 #community-server-channel-content .community-channel-button{min-height:30px!important;padding:5px 7px!important;gap:7px!important;border-radius:5px!important;color:#91a0aa!important}
.community-build-109-06 #community-server-channel-content .community-channel-button strong{font-size:12px!important;line-height:18px!important;font-weight:590!important;letter-spacing:.005em}
.community-build-109-06 #community-server-channel-content .community-channel-row:hover{border-color:#27343d;background:#151e25!important}
.community-build-109-06 #community-server-channel-content .community-channel-row:hover .community-channel-button{color:#dce6eb!important;background:transparent!important}
.community-build-109-06 #community-server-channel-content .community-channel-row.active{border-color:#2b5865;background:#15242b!important;box-shadow:inset 2px 0 var(--community-accent)}
.community-build-109-06 #community-server-channel-content .community-channel-button.active{color:#f1f7f9!important;background:transparent!important;box-shadow:none!important}
.community-build-109-06 #community-server-channel-content .community-channel-row.unread .community-channel-button strong,
.community-build-109-06 #community-server-channel-content .community-channel-row[data-unread="true"] .community-channel-button strong{color:#eef5f7;font-weight:720!important}
.community-build-109-06 #community-server-channel-content .community-channel-row.unread::before,
.community-build-109-06 #community-server-channel-content .community-channel-row[data-unread="true"]::before{content:"";position:absolute;left:-6px;width:2px;height:14px;border-radius:2px;background:#dce8ec}
.community-build-109-06 #community-server-channel-content .community-channel-row.muted,.community-build-109-06 #community-server-channel-content .community-channel-row[aria-disabled="true"]{opacity:.52}
.community-build-109-06 .community-channel-provider{color:#697984!important;font-size:9px!important;font-weight:520!important}

/* Stored channel emoji text remains in the DOM data attribute; SVG masks provide the visual glyphs. */
.community-build-109-06 .community-channel-glyph{--channel-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' d='M9 3 7 21M17 3l-2 18M4 9h16M3 15h16'/%3E%3C/svg%3E");width:18px;height:18px;display:grid;place-items:center;color:#71838e!important;font-size:0!important;line-height:0!important}
.community-build-109-06 .community-channel-glyph::before{content:"";width:14px;height:14px;background:currentColor;mask:var(--channel-icon) center/contain no-repeat}
.community-build-109-06 #community-server-channel-content .community-channel-button>span.community-channel-glyph:first-child{width:18px!important;height:18px!important;color:#71838e!important;font-size:0!important;line-height:0!important}
.community-build-109-06 .community-channel-glyph[data-kind="welcome"]{--channel-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M12 3v4M12 17v4M3 12h4M17 12h4M5.6 5.6l2.8 2.8M15.6 15.6l2.8 2.8M18.4 5.6l-2.8 2.8M8.4 15.6l-2.8 2.8'/%3E%3C/svg%3E")}
.community-build-109-06 .community-channel-glyph[data-kind="news"]{--channel-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linejoin='round' d='M4 4h13v16H4zM17 8h3v12h-3M7 8h7M7 12h7M7 16h4'/%3E%3C/svg%3E")}
.community-build-109-06 .community-channel-glyph[data-kind="calendar"]{--channel-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M5 4h14v16H5zM8 2v4M16 2v4M5 9h14M8 13h2M12 13h2M16 13h1M8 17h2M12 17h2'/%3E%3C/svg%3E")}
.community-build-109-06 .community-channel-glyph[data-kind="chart"]{--channel-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M4 19V5M4 19h16M7 15l4-4 3 2 5-6'/%3E%3C/svg%3E")}
.community-build-109-06 .community-channel-glyph[data-kind="forum"]{--channel-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linejoin='round' d='M4 5h16v11H9l-5 4V5ZM8 9h8M8 12h5'/%3E%3C/svg%3E")}
.community-build-109-06 .community-channel-glyph[data-kind="announcement"]{--channel-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='m4 11 12-5v12L4 13v-2Zm4 3 1 5h3l-1-4'/%3E%3C/svg%3E")}
.community-build-109-06 .community-channel-glyph[data-kind="support"]{--channel-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M12 3a7 7 0 0 0-7 7v5M12 3a7 7 0 0 1 7 7v5M5 13H3v5h4v-5H5Zm14 0h2v5h-4v-5h2Zm0 5c0 2-2 3-5 3'/%3E%3C/svg%3E")}
.community-build-109-06 .community-channel-glyph[data-kind="media"]{--channel-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M5 6h10v12H5zM15 10l5-3v10l-5-3z'/%3E%3C/svg%3E")}
.community-build-109-06 #community-server-channel-content .community-channel-row:hover .community-channel-glyph{color:#a9c0ca!important}
.community-build-109-06 #community-server-channel-content .community-channel-row.active .community-channel-glyph{color:var(--community-accent)!important}

/* Quiet, consistent controls. */
.community-build-109-06 .community-channel-action{width:24px;height:24px;border:1px solid transparent;border-radius:6px;font-size:0}
.community-build-109-06 .community-channel-action::before,.community-build-109-06 .community-head-icon::before,.community-build-109-06 .community-composer-actions button::before{content:"";width:14px;height:14px;background:currentColor;mask:var(--control-icon) center/contain no-repeat}
.community-build-109-06 .community-channel-action:hover{border-color:#34434d;background:#202a32;color:#e7f0f4}
.community-build-109-06 .community-channel-action[title^="Invite"]{--control-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' d='M9 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8ZM3 21a6 6 0 0 1 12 0M19 8v6M16 11h6'/%3E%3C/svg%3E")}
.community-build-109-06 .community-channel-action[title*="settings"]{--control-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M12 8a4 4 0 1 0 0 8 4 4 0 0 0 0-8Zm0-5 1 2 2 .8 2.2-.4 1.4 1.4-.4 2.2.8 2 2 1-1 2-2 .8-.4 2.2-1.4 1.4-2.2-.4-2 .8-1 2h-2l-1-2-2-.8-2.2.4-1.4-1.4.4-2.2-.8-2-2-1 1-2 2-.8.4-2.2 1.4-1.4 2.2.4 2-.8 1-2h2Z'/%3E%3C/svg%3E")}
.community-build-109-06 .community-channel-action[title*="Permanent"]{--control-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linejoin='round' d='M6 10h12v10H6zM8 10V7a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E")}

/* Conversation header and content hierarchy. */
.community-build-109-06 .community-chat-head,.community-build-109-06 .community-dm-chat-head{height:56px!important;min-height:56px!important;flex-basis:56px!important;border-color:var(--community-line)!important;background:var(--community-panel)!important}
.community-build-109-06 .community-chat-channel-meta{gap:10px!important}
.community-build-109-06 .community-channel-symbol{width:28px;height:28px;display:grid;place-items:center;border:1px solid #2b3d47;border-radius:7px;background:#121c22;color:var(--community-accent)!important;font-size:0!important}
.community-build-109-06 .community-channel-symbol::before{content:"";width:14px;height:14px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' d='M9 3 7 21M17 3l-2 18M4 9h16M3 15h16'/%3E%3C/svg%3E") center/contain no-repeat}
.community-build-109-06 .community-chat-head h2{font-size:13px!important;font-weight:700;letter-spacing:.01em}
.community-build-109-06 .community-channel-source{color:#71838e!important;font-size:8px!important;letter-spacing:.05em;text-transform:uppercase}
.community-build-109-06 .community-online{border-right:1px solid var(--community-line);padding-right:10px!important}
.community-build-109-06 .community-online>span{width:6px;height:6px;background:var(--community-positive);box-shadow:none}
.community-build-109-06 .community-head-icon{--control-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='2' fill='%23000'/%3E%3Ccircle cx='5' cy='12' r='2' fill='%23000'/%3E%3Ccircle cx='19' cy='12' r='2' fill='%23000'/%3E%3C/svg%3E");width:30px;height:30px;border:1px solid transparent;border-radius:7px;color:#8797a2;font-size:0!important;filter:none!important}
.community-build-109-06 .community-head-icon[aria-label="Notification settings"]{--control-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M6 9a6 6 0 0 1 12 0v5l2 3H4l2-3V9Zm4 11h4'/%3E%3C/svg%3E")}
.community-build-109-06 .community-head-icon[aria-label="Pinned items"]{--control-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='m9 3 6 6-2 2 4 4-2 2-4-4-2 2-6-6 6-6Zm0 12-5 5'/%3E%3C/svg%3E")}
.community-build-109-06 .community-head-icon[aria-label="Show or hide members"]{--control-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' d='M9 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8Zm7-1a3 3 0 1 0 0-6M2 21a7 7 0 0 1 14 0M16 14a6 6 0 0 1 6 6'/%3E%3C/svg%3E")}
.community-build-109-06 .community-head-icon:hover,.community-build-109-06 .community-head-icon.active{border-color:#2e414b;background:#17242b;color:#b8d6de}
.community-build-109-06 .community-search-wrap input{height:32px;border-color:#293740;border-radius:7px;background:#0d1318;color:var(--community-text);font-size:10.5px}
.community-build-109-06 .community-search-wrap input:focus{border-color:#417786;box-shadow:0 0 0 2px rgba(55,184,213,.09)}
.community-build-109-06 .community-message-list,.community-build-109-06 .community-dm-messages{padding-top:14px!important}
.community-build-109-06 .community-message{border-radius:6px!important;padding:8px 9px!important}
.community-build-109-06 .community-message:hover,.community-build-109-06 .community-dm-message:hover{background:#11181e!important}
.community-build-109-06 .community-message-meta strong{font-size:12px;font-weight:680;color:#e1e9ed}
.community-build-109-06 .community-message-meta span,.community-build-109-06 .community-message-meta time{color:#687984;font-size:9px}
.community-build-109-06 .community-message p,.community-build-109-06 .community-dm-message p{color:#c1ccd2;font-size:12.5px;line-height:1.55}

/* Composer and utility actions. */
.community-build-109-06 .community-message-form{padding:8px 14px 12px!important}
.community-build-109-06 .community-message-form textarea,.community-build-109-06 .community-dm-form textarea{min-height:40px!important;height:40px!important;border-color:#2b3942!important;border-radius:7px!important;background:#151d23!important;color:#e9eff2!important;padding:10px 11px!important}
.community-build-109-06 .community-message-form textarea:focus,.community-build-109-06 .community-dm-form textarea:focus{border-color:#447b88!important;box-shadow:0 0 0 2px rgba(55,184,213,.08)}
.community-build-109-06 .community-attach{width:38px!important;height:38px!important;border-color:#2b3942!important;border-radius:7px!important;background:#12191f!important;color:#8fa0aa;font-size:18px}
.community-build-109-06 .community-composer-actions{height:40px;border:1px solid #2b3942;border-radius:7px;background:#12191f;padding:3px}
.community-build-109-06 .community-composer-actions button{--control-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='2' fill='%23000'/%3E%3Ccircle cx='5' cy='12' r='2' fill='%23000'/%3E%3Ccircle cx='19' cy='12' r='2' fill='%23000'/%3E%3C/svg%3E");width:29px;height:30px;border-radius:6px;color:#7e8f99;font-size:0!important}
.community-build-109-06 .community-composer-actions button[aria-label="Send a Gift"]{--control-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linejoin='round' d='M4 10h16v11H4zM3 6h18v4H3zM12 6v15M12 6c-1-4-6-4-6-1 0 2 3 2 6 1Zm0 0c1-4 6-4 6-1 0 2-3 2-6 1Z'/%3E%3C/svg%3E")}
.community-build-109-06 .community-composer-actions button[aria-label="Sticker"]{--control-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linejoin='round' d='M5 3h14v11l-7 7H5V3Zm7 18v-7h7'/%3E%3C/svg%3E")}
.community-build-109-06 .community-composer-actions button[aria-label="Emoji"]{--control-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9' fill='none' stroke='%23000' stroke-width='2'/%3E%3Ccircle cx='9' cy='10' r='1' fill='%23000'/%3E%3Ccircle cx='15' cy='10' r='1' fill='%23000'/%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' d='M8 15c2 2 6 2 8 0'/%3E%3C/svg%3E")}
.community-build-109-06 .community-composer-actions button[aria-label="Apps"]{--control-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' d='M4 4h6v6H4zM14 4h6v6h-6zM4 14h6v6H4zM14 14h6v6h-6z'/%3E%3C/svg%3E")}
.community-build-109-06 .community-composer-actions button strong{font-size:8px;letter-spacing:.02em}
.community-build-109-06 .community-composer-actions button:hover{background:#1b272e;color:#bad5dc}

/* Member rail and status signals. */
.community-build-109-06 .community-member-rail-head{height:56px!important;min-height:56px!important;flex-basis:56px!important;border-color:var(--community-line)!important;background:#11181e!important;padding:0 12px}
.community-build-109-06 .community-member-rail-head strong{font-size:11px;font-weight:700;letter-spacing:.02em}
.community-build-109-06 .community-member-count-badge{height:20px;min-width:24px;border-color:#30414b;border-radius:6px;background:#151f25;color:#99abb5}
.community-build-109-06 .community-member-section{padding:12px 8px 4px}
.community-build-109-06 .community-member-role-groups{padding-bottom:8px}
.community-build-109-06 .community-member-section-title{color:#6e7e89;font-size:8px;letter-spacing:.14em}
.community-build-109-06 .community-member-row{min-height:38px;padding:4px 6px;border:1px solid transparent;border-radius:6px;color:#9ba9b2}
.community-build-109-06 .community-member-row:hover{border-color:#26343d;background:#151d23;color:#e7eef1}
.community-build-109-06 .community-member-avatar{border-color:#304852;background:#17232a;color:#c4dce3}
.community-build-109-06 .community-member-status-dot{width:9px;height:9px;border-width:2px;border-color:#0f151b;background:#52616a}
.community-build-109-06 .community-member-status-dot[data-presence="online"]{background:var(--community-positive)}
.community-build-109-06 .community-member-status-dot[data-presence="idle"]{background:#f5bd42}
.community-build-109-06 .community-member-status-dot[data-presence="dnd"]{background:#ff6673}
.community-build-109-06 .community-member-status-dot[data-presence="invisible"],
.community-build-109-06 .community-member-status-dot[data-presence="offline"]{background:#52616a}
.community-build-109-06 .community-member-copy strong{font-size:10.5px;font-weight:620}
.community-build-109-06 .community-member-copy small{color:#697b86;font-size:8px}
.community-build-109-06 .community-member-row.owner .community-member-copy strong{color:#d7bd7b}
.community-build-109-06 .community-member-row.moderator .community-member-copy strong{color:#83c7d5}
.community-build-109-06 .community-member-rail-foot{border-color:var(--community-line-soft);background:#0d1318;color:#596b76}

/* Friends and direct messages share the product palette. */
.community-build-109-06 .community-friends-view,.community-build-109-06 .community-message-requests-view{background:var(--community-canvas);color:var(--community-text)}
.community-build-109-06 .community-friends-head,.community-build-109-06 .community-message-requests-head{height:56px;border-color:var(--community-line);background:var(--community-panel);padding:0 16px}
.community-build-109-06 .community-friends-head button,.community-build-109-06 .community-message-requests-head button{border-radius:7px;color:#93a2ac}
.community-build-109-06 .community-friends-head button:hover,.community-build-109-06 .community-friends-head button.active,.community-build-109-06 .community-message-requests-head button:hover,.community-build-109-06 .community-message-requests-head button.active{background:#182229;color:#e8eff2}
.community-build-109-06 .community-friends-head .community-add-friend{background:#18323a;color:#9edbe7}
.community-build-109-06 .community-friends-layout aside{border-color:var(--community-line)}
.community-build-109-06 .community-friends-search{border-color:#293740;border-radius:7px;background:#11181e}
.community-build-109-06 .community-friend-row{border-color:var(--community-line-soft);border-radius:6px;padding:9px 8px}
.community-build-109-06 .community-friend-row:hover{background:#131c22}
.community-build-109-06 .community-dm-chat-member small{color:var(--community-accent)}
.community-build-109-06 .community-dm-profile-rail{border-color:var(--community-line);background:#0f151b}
.community-build-109-06 .community-call-panel{border-color:#2c3b44;background:#0b1419}
.community-build-109-06 .community-call-stage{background:radial-gradient(circle at 50% 20%,#18272e,#080c10 72%)}
.community-build-109-06 .community-call-actions button{border-radius:7px}

/* Keyboard accessibility and restrained motion. */
.community-build-109-06 :is(button,input,textarea,select,[tabindex]):focus-visible{outline:2px solid var(--mac-focus-ring)!important;outline-offset:2px!important}
@media(prefers-reduced-motion:reduce){.community-build-109-06 *{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}
@media(max-width:1180px){.community-build-109-06 .community-search-wrap input{width:150px}.community-build-109-06 .community-chat-tools{gap:2px}}
@media(max-width:900px){.community-build-109-06 .community-search-wrap input{width:132px}}

/* 109.06 mobile integration: keep the existing DM and account actions reachable. */
.community-build-109-06 .community-account-card #community-settings{display:block!important;position:relative!important;z-index:70!important;width:54px!important;min-height:28px!important;padding:5px 2px!important;border:1px solid #2b3944!important;border-radius:6px!important;background:#10161d!important;color:#a9dce5!important;text-align:center!important;font-size:10px!important;cursor:pointer!important;pointer-events:auto!important}
.community-build-109-06 .community-account-card #community-settings:hover,.community-build-109-06 .community-account-card #community-settings:focus-visible{background:#18323a!important;color:#fff!important}
@media(max-width:620px){
.community-build-109-06 .community-workspace{display:grid!important;grid-template-columns:64px minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr)!important;overflow:hidden!important;min-width:0!important}
.community-build-109-06 .community-workspace[hidden]{display:none!important}
.community-build-109-06 .community-org-rail{display:flex!important;grid-column:1;grid-row:1;min-width:0!important;width:64px!important;padding:8px 4px!important;overflow-y:auto!important}
.community-build-109-06 .community-channel-rail{display:flex!important;grid-column:2;grid-row:1;min-width:0!important;overflow-y:auto!important;border-bottom:0!important}
.community-build-109-06 .community-chat-view,.community-build-109-06 .community-friends-view,.community-build-109-06 .community-message-requests-view,.community-build-109-06 .community-dm-view{min-width:0!important}
.community-build-109-06 .community-dm-home{display:grid!important;flex-shrink:0!important;width:42px!important;height:42px!important;align-self:center!important}
.community-build-109-06 .community-account-card{display:flex!important;flex-direction:column!important;align-items:center!important;gap:5px!important}
.community-build-109-06 .community-account-card #community-settings{display:block!important}
.community-build-109-06 .community-member-rail{display:none!important}
}

/* Global DM Phase 1: Friends row actions. */
.community-friend-row .community-friend-copy{min-width:0;flex:1}
.community-friend-avatar-wrap{position:relative;display:block;width:36px;height:36px;flex:0 0 36px}
.community-friend-avatar-wrap>.community-avatar{width:36px;height:36px}
.community-friend-avatar-wrap>.community-member-status-dot{position:absolute;right:-1px;bottom:-1px}
.community-friend-actions{position:relative;display:flex;align-items:center;gap:8px;margin-left:auto;flex-shrink:0}
.community-friend-action{display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:50%;background:#222c34;color:#b8c7d1;cursor:pointer;font-size:23px;line-height:1}
.community-friend-action:hover,.community-friend-action:focus-visible{background:#304650;color:#e9fbff;outline:2px solid #35b9d6;outline-offset:1px}
.community-friend-menu{position:absolute;right:0;top:calc(100% + 5px);z-index:60;display:flex;flex-direction:column;min-width:172px;padding:6px;background:#20272d;border:1px solid #3c4d56;border-radius:8px;box-shadow:0 8px 24px #0008}
.community-friend-menu[hidden]{display:none}
.community-friend-menu button{border:0;background:transparent;color:#edf3f6;text-align:left;padding:9px 10px;border-radius:4px;cursor:pointer;font-size:12px}
.community-friend-menu button:hover,.community-friend-menu button:focus-visible{background:#34444e}
.community-friend-menu button.danger{color:#ff9c9c}
.community-friend-menu button.danger:hover{background:#542d32}

/* Preserve Website Home navigation, positioned at the upper-right. */
.community-website-home{position:fixed;top:10px;right:12px;left:auto;bottom:auto;z-index:90;display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:0 10px;border:1px solid #315160;border-radius:7px;background:#111b22;color:#dff8ff;font-size:11px;font-weight:750;text-decoration:none;white-space:nowrap}
.community-website-home:hover,.community-website-home:focus-visible{background:#20323e;color:#fff}
body.community-auth-mode .community-website-home{display:none}
@media(max-width:640px){.community-website-home{top:8px;right:8px;min-height:30px;padding:0 8px;font-size:10px}}

/* DM message actions: hidden until hover/focus, accessible through right click. */
.community-dm-message{position:relative}
.community-dm-message-actions{position:absolute;right:12px;top:-16px;display:flex;gap:3px;padding:4px;background:#202a32;border:1px solid #3b4e59;border-radius:7px;z-index:5;opacity:0;pointer-events:none}
.community-dm-message:hover .community-dm-message-actions,.community-dm-message:focus-within .community-dm-message-actions{opacity:1;pointer-events:auto}
.community-dm-message-actions>button{border:0;border-radius:4px;background:transparent;color:#e7f5fa;padding:5px 8px;cursor:pointer}
.community-dm-message-actions>button:hover,.community-dm-message-actions>button:focus-visible{background:#345260}
.community-dm-message-menu{position:absolute;right:0;top:100%;min-width:175px;padding:5px;display:flex;flex-direction:column;background:#1d2830;border:1px solid #41545e;border-radius:7px;box-shadow:0 8px 25px #0009;z-index:10}
.community-dm-message-menu[hidden]{display:none}
.community-dm-message-menu button{border:0;background:transparent;color:#eaf6fa;padding:9px;text-align:left;border-radius:4px;cursor:pointer}
.community-dm-message-menu button:hover{background:#345260}
.community-dm-message:has(.community-dm-message-menu:not([hidden])) .community-dm-message-actions{opacity:1;pointer-events:auto}

/* One-to-one DM action controls: hover, keyboard and touch access. */
.community-dm-message{position:relative;isolation:isolate}
.community-dm-message:focus-visible{outline:1px solid #3b7485;outline-offset:-2px}
.community-dm-message-actions{top:-19px;right:10px;align-items:center;max-width:calc(100% - 20px);box-shadow:0 6px 18px #0007}
.community-dm-message-actions>button{min-width:30px;min-height:30px;font-size:14px;line-height:1}
.community-dm-message-menu{top:calc(100% + 3px);right:0;min-width:185px;max-width:min(260px,calc(100vw - 32px));max-height:60vh;overflow-y:auto}
.community-dm-message-menu button{min-height:36px;font-size:12px}
.community-dm-message-menu button:last-child{color:#ff9ba5}
@media(hover:none){.community-dm-message-actions{opacity:1;pointer-events:auto;position:relative;top:auto;right:auto;width:max-content;margin:4px 0 0 auto}.community-dm-message-menu{top:100%}}

/* Macdicator inline DM editing. */
.community-dm-inline-edit{display:flex;flex-direction:column;gap:8px;margin:7px 0 5px;width:min(100%,760px)}
.community-dm-inline-edit textarea{display:block;width:100%;min-height:38px;max-height:240px;resize:none;box-sizing:border-box;padding:12px 14px;border:1px solid #386676;border-radius:9px;background:#171f27;color:#edf8fb;font:inherit;font-size:13px;line-height:1.5;outline:none;box-shadow:0 0 0 2px #18c8ee14}
.community-dm-inline-edit textarea:focus{border-color:#21c9ec;box-shadow:0 0 0 2px #21c9ec26}
.community-dm-edit-hint{color:#92aab5;font-size:11px}
.community-dm-edit-controls{display:flex;justify-content:flex-end;gap:8px}
.community-dm-edit-controls button{min-height:32px;padding:6px 13px;border-radius:7px;font-size:11px;font-weight:700;cursor:pointer}
.community-dm-edit-cancel{border:1px solid #40515b;background:#222c34;color:#dbe7ec}
.community-dm-edit-save{border:1px solid #20d1f4;background:#20d1f4;color:#07151c}
.community-dm-edit-controls button:disabled{opacity:.55;cursor:wait}
.community-dm-message-actions[hidden]{display:none!important}

/* Persistent DM member profile card. */
.community-dm-profile-rail{width:286px;min-width:250px;max-width:286px;border-left:1px solid #253744;background:#10171e}
.community-dm-profile-banner{height:108px;position:relative;display:flex;align-items:flex-start;justify-content:flex-end;padding:14px;background:#13212a;color:#6ce4f4;font-size:9px;font-weight:900;letter-spacing:.18em}
.community-dm-profile-banner>img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}
.community-dm-profile-banner>img[hidden]{display:none}
.community-dm-profile-actions{position:relative;z-index:3}
.community-dm-profile-banner button{border:1px solid #ffffff30;border-radius:50%;width:27px;height:27px;background:#07151b88;color:#e6f7fb;font-size:19px;cursor:pointer}
.community-dm-profile-body{height:calc(100% - 108px);padding:0 17px 18px;text-align:left}
.community-dm-profile-body>.community-avatar{position:relative;width:76px;height:76px;margin:-38px 0 0;border:5px solid #10171e;border-radius:50%;font-size:24px;background:#16495b;color:#e7fcff}
.community-dm-profile-body h3{margin:12px 0 2px;font-size:18px}
.community-dm-profile-body>p{margin:0;color:#9cb3c0;font-size:12px}
.community-dm-profile-body dl{margin:19px 0 0}
.community-dm-profile-body dl>div{padding:12px 0}
.community-dm-view-full-profile{width:100%;min-height:38px;margin-top:18px;border:1px solid #355767;border-radius:8px;background:#20313d;color:#e6faff;font-size:12px;font-weight:800;cursor:pointer}
.community-dm-view-full-profile:hover{border-color:#27c9e8;background:#173d4d}

@media(max-width:1050px){.community-dm-view{position:relative}.community-dm-profile-rail:not([hidden]){display:block!important;position:absolute;z-index:12;right:0;top:0;bottom:0;height:100%;width:min(286px,85%);max-width:85%;box-shadow:-16px 0 40px #0008}}

.community-dm-profile-actions{display:flex;align-items:center;gap:6px}
.community-dm-profile-actions button{display:grid;place-items:center;width:28px;height:28px;border:1px solid #ffffff35;border-radius:50%;background:#07151b88;color:#e6f7fb;cursor:pointer;font-size:13px}
.community-dm-profile-actions button:hover,.community-dm-profile-actions button[aria-expanded="true"]{background:#146078;color:white}
.community-dm-profile-menu{position:absolute;z-index:30;right:12px;top:48px;width:190px;display:flex;flex-direction:column;gap:2px;padding:7px;border:1px solid #35505e;border-radius:10px;background:#17232c;box-shadow:0 14px 35px #0009}
.community-dm-profile-menu[hidden]{display:none!important}
.community-dm-profile-menu button{min-height:34px;padding:8px 10px;border:0;border-radius:6px;background:transparent;color:#e0edf2;text-align:left;font-size:12px;cursor:pointer}
.community-dm-profile-menu button:hover{background:#254453}
.community-dm-profile-menu button.danger{color:#ff9b9b}
/* Menu items must override the circular banner action-button rule. */
.community-dm-profile-banner .community-dm-profile-menu{box-sizing:border-box;width:210px;max-width:calc(100vw - 24px)}
.community-dm-profile-banner .community-dm-profile-menu button{display:block;box-sizing:border-box;width:100%;height:auto;min-height:36px;padding:9px 11px;border:0;border-radius:6px;background:transparent;color:#e0edf2;text-align:left;white-space:nowrap;overflow-wrap:normal;word-break:normal;letter-spacing:normal;font-size:12px;font-weight:600;line-height:1.35}
.community-dm-profile-banner .community-dm-profile-menu button:hover{background:#254453}
.community-dm-profile-banner .community-dm-profile-menu button.danger{color:#ff9b9b}


/* Align profile card below the DM toolbar and overlap avatar on banner edge. */
@media(min-width:1051px){
  .community-dm-profile-rail{height:calc(100% - 52px);margin-top:52px}
}
.community-dm-profile-banner{overflow:visible}
.community-dm-profile-banner>#community-dm-profile-avatar{position:absolute;z-index:2;left:17px;bottom:-38px;display:grid;place-items:center;width:76px;height:76px;margin:0;border:5px solid #10171e;border-radius:50%;background:#16495b;color:#e7fcff;font-size:24px;letter-spacing:normal}
.community-dm-profile-body{height:calc(100% - 108px);padding-top:47px}

/* Shared DM header: member name and Settings span across the conversation and profile. */
.community-dm-view{grid-template-rows:56px minmax(0,1fr)}
.community-dm-chat-head{grid-column:1/-1;grid-row:1;min-width:0;width:100%;height:56px!important;min-height:56px!important;flex-basis:auto!important;padding:0 14px!important;box-sizing:border-box}
.community-dm-chat-head-inner{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-width:0}
.community-dm-conversation{grid-column:1;grid-row:2}
.community-dm-profile-rail{grid-column:2;grid-row:2;height:100%!important;margin-top:0!important}
@media(max-width:1050px){.community-dm-profile-rail:not([hidden]){top:56px;bottom:0;height:calc(100% - 56px)!important}}

/* Full-width Macdicator DM action toolbar. */
.community-dm-head-actions{min-width:0;gap:7px}
.community-dm-head-actions>button{flex:0 0 32px;width:32px;height:32px;font-size:17px}
.community-dm-header-search{display:flex;align-items:center;gap:6px;min-width:100px;width:clamp(140px,22vw,270px);height:32px;padding:0 9px;border:1px solid #34434d;border-radius:8px;background:#111a22;color:#91aab8}
.community-dm-header-search input{min-width:0;width:100%;border:0;outline:0;background:transparent;color:#e9f7fa;font:inherit;font-size:12px}
.community-dm-header-search span{font-size:19px}
.community-dm-pins-panel{flex:0 0 auto;padding:12px 16px;border-bottom:1px solid #2c414d;background:#12232d;color:#a9c8d5;font-size:12px}
.community-dm-pins-panel[hidden],.community-dm-message[hidden]{display:none!important}
@media(max-width:760px){.community-dm-chat-member small,.community-dm-chat-member p{display:none}.community-dm-chat-head{padding:0 6px!important}.community-dm-head-actions{gap:1px}.community-dm-head-actions>button{flex-basis:27px;width:27px}.community-dm-header-search{width:100px;min-width:72px;padding:0 5px}}

.community-dm-search-wrap{position:relative;min-width:0}
.community-dm-search-filters{position:absolute;right:0;top:38px;z-index:60;width:min(350px,85vw);padding:12px;border:1px solid #37515d;border-radius:10px;background:#17232c;box-shadow:0 14px 38px #0009;color:#e7f5f9}
.community-dm-search-filters[hidden],.community-dm-search-results[hidden]{display:none!important}
.community-dm-search-filters>strong{display:block;margin:0 0 8px;color:#a5b9c4;font-size:11px}
.community-dm-search-filters>button{display:block;width:100%;padding:9px;border:0;border-radius:6px;background:transparent;color:#e7f5f9;text-align:left;font-size:12px;cursor:pointer}
.community-dm-search-filters>button:hover{background:#244554}
.community-dm-search-filters small{display:block;margin:4px 0 0 22px;color:#9ab3c0}
.community-dm-search-filters>p{font-size:10px;color:#9ab3c0}
.community-dm-search-results{position:absolute;z-index:20;top:56px;left:0;right:0;max-height:min(55vh,520px);overflow:auto;padding:14px;background:#13222c;border-bottom:1px solid #385462;box-shadow:0 12px 24px #0007}
.community-dm-search-results>strong{margin-right:15px}
.community-dm-search-results>button:not(.community-dm-search-hit){float:right;border:1px solid #45616c;border-radius:6px;background:#223944;color:white;cursor:pointer}
.community-dm-search-hit{display:block;width:100%;margin:5px 0;padding:10px;border:1px solid #304b58;border-radius:7px;background:#1a2d38;color:#e5f6fa;text-align:left;cursor:pointer;white-space:normal;overflow-wrap:anywhere}
.community-dm-search-hit:hover{background:#254b5c}

/* Advanced DM search: override generic toolbar-button and form-field styling. */
.community-dm-head-actions .community-dm-search-wrap{flex:0 1 auto;min-width:0}
.community-dm-head-actions .community-dm-search-wrap .community-dm-header-search{box-sizing:border-box;width:clamp(140px,22vw,270px);max-width:100%;height:32px;padding:0 9px;gap:6px}
.community-dm-head-actions .community-dm-search-wrap .community-dm-header-search input{box-sizing:border-box;flex:1 1 auto;width:100%;min-width:0;height:28px;margin:0;padding:0;border:0!important;border-radius:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;color:#e9f7fa;font-size:12px}
.community-dm-head-actions .community-dm-search-wrap .community-dm-header-search:focus-within{border-color:#39c9e6;box-shadow:0 0 0 1px #39c9e640}
.community-dm-head-actions .community-dm-search-wrap .community-dm-search-filters{box-sizing:border-box;right:0;left:auto;top:38px;width:320px;max-width:calc(100vw - 20px);padding:12px;letter-spacing:normal;font-weight:normal}
.community-dm-head-actions .community-dm-search-wrap .community-dm-search-filters>button{display:block;box-sizing:border-box;width:100%;height:auto;min-height:52px;padding:9px 10px;border:0;border-radius:7px;background:transparent;color:#e7f5f9;text-align:left;white-space:normal;line-height:1.4;font-size:12px;font-weight:600}
.community-dm-head-actions .community-dm-search-wrap .community-dm-search-filters>button:hover{background:#244554}
.community-dm-head-actions .community-dm-search-wrap .community-dm-search-filters small{display:block;margin:3px 0 0 22px;color:#9ab3c0;font-size:11px;font-weight:400;text-align:left;line-height:1.35}
@media(max-width:760px){.community-dm-head-actions .community-dm-search-wrap .community-dm-header-search{width:100px;min-width:72px;padding:0 5px}}

/* Explicit two-column filter rows; no inherited toolbar button layout. */
.community-dm-head-actions .community-dm-search-wrap .community-dm-search-filters>button{display:grid!important;grid-template-columns:18px minmax(0,1fr);align-items:start;justify-items:stretch;column-gap:8px;width:100%;height:auto;min-height:52px;text-align:left}
.community-dm-search-filters .community-dm-filter-icon{display:block;grid-column:1;font-size:13px;line-height:18px;text-align:center}
.community-dm-search-filters .community-dm-filter-copy{display:flex;grid-column:2;flex-direction:column;align-items:flex-start;min-width:0;gap:3px;text-align:left}
.community-dm-search-filters .community-dm-filter-copy strong{font-size:12px;font-weight:600;line-height:18px;white-space:normal}
.community-dm-head-actions .community-dm-search-wrap .community-dm-search-filters .community-dm-filter-copy small{display:block;margin:0!important;padding:0!important;text-align:left!important;line-height:1.35}

/* One active message toolbar; opened menu stacks above adjacent message rows. */
.community-dm-messages .community-dm-message{position:relative;z-index:0;overflow:visible}
.community-dm-messages .community-dm-message.dm-actions-active,
.community-dm-messages .community-dm-message:focus-within{z-index:15}
.community-dm-messages .community-dm-message .community-dm-message-actions{opacity:0;pointer-events:none}
.community-dm-messages .community-dm-message.dm-actions-active .community-dm-message-actions,
.community-dm-messages .community-dm-message:focus-within .community-dm-message-actions{opacity:1;pointer-events:auto}
.community-dm-messages .community-dm-message .community-dm-message-menu:not([hidden]){z-index:30}
@media(hover:none){.community-dm-messages .community-dm-message .community-dm-message-actions{opacity:1;pointer-events:auto}}

/* Read receipts opens from message actions without occupying the message flow. */
.community-dm-conversation{position:relative}
.community-dm-receipts-popover{position:absolute;z-index:55;top:10px;right:12px;box-sizing:border-box;width:min(350px,calc(100% - 24px));padding:16px;border:1px solid #365564;border-radius:10px;background:#182833;color:#eaf7fa;box-shadow:0 14px 35px #0009}
.community-dm-receipts-popover[hidden]{display:none!important}
.community-dm-receipts-popover h3{margin:0 28px 14px 0;font-size:14px}
.community-dm-receipts-popover>label{display:block;margin:10px 0;font-size:12px}
.community-dm-receipts-popover #community-dm-receipts-close{position:absolute;top:8px;right:10px;border:0;background:transparent;color:#dceef4;font-size:23px;cursor:pointer}
.community-dm-thread-row{position:relative;display:flex;align-items:center;min-width:0}
.community-dm-thread-row .community-dm-thread{flex:1;min-width:0;padding-right:30px}
.community-dm-thread-close{position:absolute;right:6px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:22px;height:22px;padding:0;border:0;border-radius:5px;background:transparent;color:#9bb0bd;font-size:18px;cursor:pointer}
.community-dm-thread-close:hover,.community-dm-thread-close:focus-visible{background:#344955;color:#fff}

/* Profile-owned preference popover; never displaces the message timeline. */
.community-dm-profile-rail{position:relative;overflow:visible}
.community-dm-profile-rail .community-dm-receipts-popover{position:absolute;z-index:65;top:48px;right:10px;left:auto;width:min(350px,calc(100vw - 24px));max-width:none}
.community-dm-profile-rail .community-dm-profile-banner{position:relative}
.community-dm-profile-rail .community-dm-profile-menu{z-index:60}

.community-dm-profile-menu .community-dm-setting-state{float:right;margin-left:10px;color:#6cdae8;font-size:11px;font-weight:800}
.community-dm-profile-menu button[aria-pressed="true"] .community-dm-setting-state{color:#71edba}
.community-dm-profile-menu button:disabled{opacity:.55;cursor:wait}

/* Friends search uses one focus ring on the outer container, not the nested input. */
.community-build-109-06 .community-friends-search{box-sizing:border-box}
.community-build-109-06 .community-friends-search:focus-within{border-color:var(--community-accent);box-shadow:0 0 0 1px var(--community-accent)}
.community-build-109-06 .community-friends-search input,
.community-build-109-06 .community-friends-search input:focus,
.community-build-109-06 .community-friends-search input:focus-visible{box-sizing:border-box;min-width:0;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;appearance:none}

/* Add Friend: one focus border on the containing row, never on its input. */
.community-build-109-06 .community-add-friend-user-row:focus-within{border-color:var(--community-accent);box-shadow:0 0 0 1px var(--community-accent)}
.community-build-109-06 .community-add-friend-user-row #community-add-friend-username,
.community-build-109-06 .community-add-friend-user-row #community-add-friend-username:focus,
.community-build-109-06 .community-add-friend-user-row #community-add-friend-username:focus-visible{box-sizing:border-box;min-width:0;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important}

/* Add Friend's outer form card was the second visible box. Keep the input as the only field outline. */
#community-add-friend-form.community-add-friend-form{border:0!important;border-radius:0!important;background:transparent!important;padding:0!important;box-shadow:none!important}
#community-add-friend-form .community-add-friend-user-row{border:0!important;padding-bottom:0!important;box-shadow:none!important}
#community-add-friend-form #community-add-friend-username{border:1px solid #2c4755!important;border-radius:7px!important;padding:0 10px!important;background:#101b23!important}
#community-add-friend-form #community-add-friend-username:focus,
#community-add-friend-form #community-add-friend-username:focus-visible{border-color:var(--community-accent,#19d3ff)!important;outline:0!important;box-shadow:none!important}

/* DM history introduction: scrolls with messages, never stored as a message. */
.community-dm-introduction{display:flex;flex-direction:column;align-items:flex-start;gap:9px;padding:30px 18px 22px;border-bottom:1px solid #35424c;color:#f4f7fa}
.community-dm-introduction-avatar{display:grid;place-items:center;width:76px;height:76px;border-radius:50%;background:#275469;color:#fff;font-size:27px;font-weight:800}
.community-dm-introduction h2{margin:4px 0 0;font-size:24px;line-height:1.2;overflow-wrap:anywhere}
.community-dm-introduction p{margin:0;line-height:1.5;font-size:13px}
.community-dm-introduction .community-dm-introduction-handle{font-size:17px;color:#b5d7e6}
.community-dm-introduction-footer{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:7px;font-size:12px}
.community-dm-introduction-mutual{font-weight:700;color:#b8d6e2}
.community-dm-introduction-footer button{min-height:32px;padding:6px 12px;border:1px solid #315461;border-radius:7px;background:#1a3039;color:#dcebf0;font-size:12px;font-weight:700;cursor:pointer;transition:background .15s,border-color .15s,color .15s}
.community-dm-introduction-footer .community-dm-introduction-friend{border-color:var(--community-accent,#19d3ff);background:var(--community-accent-soft,#173b47);color:var(--community-accent,#19d3ff)}
.community-dm-introduction-footer .community-dm-introduction-report{border-color:#81505a;background:#3d242d;color:#ffb3bd}
.community-dm-introduction-footer button:hover{background:#254653;border-color:var(--community-accent,#19d3ff)}
.community-dm-introduction-footer button:focus-visible{outline:2px solid var(--community-accent,#19d3ff);outline-offset:2px}
.community-dm-introduction-footer button[hidden]{display:none!important}

/* Align Friends / DM rail with server channel scale and Macdicator tokens. */
.community-build-109-06 .community-dm-nav{
  background:#10161c!important;
  color:var(--community-text);
  font-family:var(--mac-font-sans);
}
.community-build-109-06 .community-dm-find{
  min-height:34px;
  background:#111c24!important;
  border:1px solid var(--community-line)!important;
  color:var(--community-text)!important;
  font-family:inherit;
  font-size:12px!important;
  font-weight:590!important;
}
.community-build-109-06 .community-dm-find:hover{border-color:#315461!important;background:#172730!important}
.community-build-109-06 .community-dm-primary{gap:1px}
.community-build-109-06 .community-dm-primary button{
  min-height:32px!important;
  padding:5px 7px!important;
  gap:7px!important;
  margin:1px 0;
  border:1px solid transparent!important;
  border-radius:6px!important;
  background:transparent!important;
  color:#91a0aa!important;
  font-family:inherit;
}
.community-build-109-06 .community-dm-primary button strong{
  font-family:inherit;
  font-size:12px!important;
  line-height:18px!important;
  letter-spacing:.005em!important;
  font-weight:590!important;
}
.community-build-109-06 .community-dm-primary button span{width:18px!important;flex:0 0 18px;color:#71838e!important}
.community-build-109-06 .community-dm-primary button span svg{width:18px!important;height:18px!important}
.community-build-109-06 .community-dm-primary button:hover{
  border-color:#27343d!important;
  background:#151e25!important;
  color:#dce6eb!important;
}
.community-build-109-06 .community-dm-primary button.active{
  border-color:#2b5865!important;
  border-radius:6px!important;
  background:#15242b!important;
  color:#f1f7f9!important;
  box-shadow:inset 2px 0 var(--community-accent)!important;
}
.community-build-109-06 .community-dm-primary button:hover span,
.community-build-109-06 .community-dm-primary button.active span{color:var(--community-accent)!important}
.community-build-109-06 .community-dm-list-head{
  color:#687985!important;
  font-family:inherit;
  font-size:9px!important;
  line-height:14px!important;
  letter-spacing:.12em;
  margin:16px 7px 7px!important;
}
.community-build-109-06 .community-dm-list-head button{color:var(--community-accent)!important}
.community-build-109-06 .community-dm-list{color:var(--community-muted)}
.community-build-109-06 .community-dm-empty{display:grid;gap:8px;padding:14px 8px;color:#81939e;font-size:11px}
.community-build-109-06 .community-dm-empty p{margin:0}
.community-build-109-06 .community-dm-empty button{justify-self:start;min-height:30px;padding:0 10px;border:1px solid #315461;border-radius:6px;background:#15242b;color:#bfefff;font:700 10px/1.2 inherit;cursor:pointer}
.community-build-109-06 .community-dm-empty button:hover{background:#1b3540;color:#fff}
.community-build-109-06 .community-dm-thread{
  min-height:34px;
  border:1px solid transparent!important;
  border-radius:6px!important;
  background:transparent!important;
  color:#91a0aa!important;
  font-family:inherit;
  padding:3px 6px!important;
}
.community-build-109-06 .community-dm-thread strong{
  font-family:inherit;
  font-size:12px!important;
  line-height:18px!important;
  letter-spacing:.005em;
  font-weight:590!important;
}
.community-build-109-06 .community-dm-thread:hover{border-color:#27343d!important;background:#151e25!important;color:#dce6eb!important}
.community-build-109-06 .community-dm-thread.active{border-color:#2b5865!important;background:#15242b!important;color:#f1f7f9!important;box-shadow:inset 2px 0 var(--community-accent)!important}
.community-build-109-06 .community-dm-thread>span{border-color:#315461;background:#122d37;color:#dffaff}
.community-build-109-06 .community-dm-thread-close{color:#71838e}
.community-build-109-06 .community-dm-thread-close:hover{color:#e8f3f6;background:#21323a}

/* Friends includes Pending: existing request panels remain the single source of truth. */
.community-build-109-06 #community-friends-view{position:absolute!important;inset:0!important}
.community-build-109-06 #community-friends-view #community-message-requests-view{position:relative!important;inset:auto!important;width:100%!important;height:calc(100% - 52px)!important;min-height:0!important;overflow:auto!important;background:var(--community-canvas)!important}
.community-build-109-06 #community-friends-view #community-message-requests-view[hidden]{display:none!important}
.community-build-109-06 #community-friends-view #community-message-requests-view .community-message-requests-head{background:var(--community-panel)!important}
.community-build-109-06 #community-friends-view #community-message-requests-view .community-message-requests-head>strong,
.community-build-109-06 #community-friends-view #community-message-requests-view .community-message-requests-head>i{display:none!important}
.community-build-109-06 .community-friends-pending-count{display:inline-grid;place-items:center;min-width:16px;height:16px;padding:0 4px;border-radius:9px;background:#285363;color:#dcf9ff;font-size:10px;margin-left:3px}
.community-build-109-06 .community-friends-pending-count[hidden]{display:none!important}
.community-build-109-06 #community-friends-view .community-friends-head [data-friends-section="pending"]{display:inline-flex;align-items:center;gap:3px}
.community-build-109-06 #community-friends-view .community-message-requests-content{padding:10px 16px;overflow-y:auto}

/* Status stays visible on Pending if acceptance succeeds but server friendship sync fails. */
.community-build-109-06 .community-friend-request-status{margin:8px 16px;padding:10px 12px;border-radius:7px;background:#142e38;border:1px solid #285566;color:#bdeaf2;font-size:12px;line-height:1.5}
.community-build-109-06 .community-friend-request-status.error{background:#2d171f;border-color:#72404c;color:#ffc3c9}
.community-build-109-06 .community-friend-request-status[hidden]{display:none!important}

/* New Message: native Macdicator typography and controls, preserving the original picker. */
.community-build-109-06 .community-new-message-dialog{
  background:#101a21!important;color:#e8f4f8!important;border:1px solid #31505c!important;
  font-family:var(--mac-font-sans,system-ui)!important;
}
.community-build-109-06 .community-new-message-dialog,
.community-build-109-06 .community-new-message-dialog *{font-family:var(--mac-font-sans,system-ui)!important}
.community-build-109-06 .community-new-message-dialog>header{padding:18px 20px 12px;background:#111e26;border-bottom:1px solid #29414c}
.community-build-109-06 .community-new-message-dialog>header h2{font-size:17px!important;font-weight:700!important;color:#f1f9fc!important}
.community-build-109-06 .community-new-message-dialog>header p{font-size:12px!important;color:#92acb9!important}
.community-build-109-06 .community-new-message-dialog>header>button{font-size:22px;color:#9db3bd}
.community-build-109-06 .community-new-message-search{padding:12px 20px 8px}
.community-build-109-06 .community-new-message-search input{border:1px solid #3c6372!important;background:#0c171e!important;box-shadow:none!important;color:#f1f8fa;font-size:12px!important}
.community-build-109-06 .community-new-message-search input:focus{border-color:#25cfea!important;outline:2px solid #25cfea28!important;outline-offset:1px}
.community-build-109-06 .community-new-message-search small{font-size:11px!important;color:#94abb7!important}
.community-build-109-06 .community-new-message-member{color:#dceaf0;min-height:44px}
.community-build-109-06 .community-new-message-member:hover{background:#192d36}
.community-build-109-06 .community-new-message-member.selected{background:#1b3540}
.community-build-109-06 .community-new-message-copy strong{font-size:12px!important;font-weight:650!important}
.community-build-109-06 .community-new-message-copy small{font-size:11px!important;color:#8fa6b1!important}
.community-build-109-06 .community-new-message-check{border-color:#64828f;border-radius:5px}
.community-build-109-06 .community-new-message-member.selected .community-new-message-check{border-color:#28d0ea;background:#28d0ea;color:#0b222b}
.community-build-109-06 .community-new-message-avatar::after{content:none!important}
.community-build-109-06 .community-new-message-status{font-size:12px;color:#99e4f1;line-height:1.45}
.community-build-109-06 .community-new-message-dialog>footer{display:flex;justify-content:flex-end;gap:8px;padding:16px 20px;border-color:#2a404b;background:#111d25}
.community-build-109-06 .community-new-message-dialog>footer button{min-width:112px;height:35px;padding:0 15px;font-size:12px!important;font-weight:650!important;border:1px solid #365565;border-radius:7px;box-shadow:none}
.community-build-109-06 .community-new-message-dialog>footer #community-new-message-cancel{background:#1b303b;color:#d4e6ed;border-color:#3a5663}
.community-build-109-06 .community-new-message-dialog>footer #community-new-message-cancel:hover{background:#25404d}
.community-build-109-06 .community-new-message-dialog>footer #community-new-message-create{background:#116f86;color:#f1fcff;border-color:#2ca3bf}
.community-build-109-06 .community-new-message-dialog>footer #community-new-message-create:hover:not(:disabled){background:#178ba4}
.community-build-109-06 .community-new-message-dialog>footer #community-new-message-create:disabled{background:#18313b;color:#718c98;border-color:#294856;cursor:not-allowed}

/* Outstanding DM interactions badge; preserve the existing bubble and placement. */
.community-build-109-06 #community-dm-home{position:relative!important;overflow:visible!important}
.community-build-109-06 #mac-dm-interaction-count{position:absolute;top:-6px;right:-7px;z-index:2;display:flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 4px;border:2px solid #151e25;border-radius:999px;background:#e64256;color:#fff;font:800 10px/1 Arial,sans-serif;letter-spacing:0;box-sizing:border-box;white-space:nowrap;pointer-events:none}
.community-build-109-06 #mac-dm-interaction-count[hidden]{display:none!important}


/* Native Macdicator Voice / Stage */
.community-native-media{min-height:0;flex:1;display:flex;overflow:hidden;padding:0;background:radial-gradient(circle at 50% 0,#10222b 0,#0b1117 46%,#080d12 100%)}
.community-native-media[hidden]{display:none!important}
.community-native-media-card{width:100%;max-width:none;min-height:100%;margin:0;border:0;border-radius:0;background:#0d171f;box-shadow:none;overflow:hidden;display:flex;flex-direction:column}
.community-native-media-top{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:24px 26px 18px;border-bottom:1px solid #21343e}
.community-native-media-top small{display:block;color:#22d3ee;font-size:10px;font-weight:850;letter-spacing:.12em;margin-bottom:7px}
.community-native-media-top h3{margin:0;color:#f2fbff;font-size:22px}
.community-native-media-top p{margin:6px 0 0;color:#9fb4c1;font-size:12px;line-height:1.5}
.community-native-media-count{min-width:120px;text-align:right}
.community-native-media-count strong{display:block;color:#e9fbff;font-size:19px}
.community-native-media-count span{display:block;color:#718a99;font-size:10px;text-transform:uppercase;letter-spacing:.08em}
.community-native-media-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#21343e;border-bottom:1px solid #21343e}
.community-native-media-stats span{padding:13px 16px;background:#101c25;color:#93a9b7;font-size:11px}
.community-native-media-stats b{color:#dff9ff}
.community-native-media-actions{display:flex;gap:9px;padding:18px 26px 0}
:is(.community-native-media-actions,.community-stage-waiting-actions) button{min-width:120px;min-height:44px;border:1px solid #386678;border-radius:7px;padding:10px 14px;background:#183845;color:#e8fbff;font-weight:750;cursor:pointer}
:is(.community-native-media-actions,.community-stage-waiting-actions) .primary{background:#116378;border-color:#1aaac8}
:is(.community-native-media-actions,.community-stage-waiting-actions) button:hover{filter:brightness(1.12)}
:is(.community-native-media-actions,.community-stage-waiting-actions) button:disabled{opacity:.45;cursor:not-allowed}
.community-native-media-connection{align-self:center;margin-left:auto;padding:6px 9px;border:1px solid #294451;border-radius:999px;background:#101b22;color:#8ea6b2;font-size:10px;font-weight:750;letter-spacing:.05em;text-transform:uppercase}
.community-native-media-connection[data-state="connected"]{border-color:#245d4c;color:#a7e7cf;background:#10231e}
.community-native-media-connection[data-state="joining"],
.community-native-media-connection[data-state="loading"],
.community-native-media-connection[data-state="reconnecting"]{border-color:#725c2a;color:#f1d38a;background:#261f10}
.community-native-media-connection[data-state="error"]{border-color:#713941;color:#f0aeb7;background:#2a1518}
#community-native-media-status{display:block;min-height:20px;margin:10px 26px 12px;color:#9dc2ce}
.community-native-media-participants{margin:0 26px 14px;border:1px solid #223944;border-radius:8px;background:#0b141a;overflow:hidden}
.community-native-media-participants-head{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-bottom:1px solid #1f333d;color:#b7cbd4;font-size:11px}
.community-native-media-participants-head strong{color:#e2f6fb}
.community-native-media-participant-list{display:flex;flex-wrap:wrap;gap:7px;padding:9px 10px;min-height:38px}
.community-native-media-participant{display:inline-flex;align-items:center;gap:7px;padding:6px 9px;border:1px solid #28404b;border-radius:999px;background:#101c23;color:#c8d9df;font-size:11px}
.community-native-media-participant-avatar{display:inline-grid;place-items:center;width:24px;height:24px;flex:0 0 24px;border:1px solid #304852;border-radius:50%;background:#17232a;color:#c4dce3;font-size:9px;font-weight:800}
.community-native-media-participant-avatar>.community-presence-indicator{--community-presence-ring:#101c23}
.community-native-media-participant[data-speaking="true"]{border-color:#258fac;box-shadow:0 0 0 1px #16495a inset}
.community-native-media-participant[data-hand-raised="true"]{border-color:#7b652f;background:#241f12}
.community-native-media-participant[data-hand-raised="true"]::after{content:"✋";font-size:12px}
.community-native-media-participant-role{color:#78929e;font-size:9px;text-transform:uppercase;letter-spacing:.06em}
.community-native-media-participant-actions{display:inline-flex;gap:4px;margin-left:2px}
.community-native-media-participant-actions button{min-width:0;padding:3px 6px;border:1px solid #355463;border-radius:5px;background:#172934;color:#d6edf4;font-size:9px;font-weight:750;cursor:pointer}
.community-native-media-participant-actions button:hover{background:#1e3947}
.community-native-media-participant-actions button[data-stage-action="remove"]{border-color:#674149;color:#f2c0c6;background:#2b181c}
.community-native-media-empty{color:#6f8792;font-size:11px}
.community-native-media-frame-wrap{margin:0 18px 18px;border:1px solid #31505f;border-radius:10px;overflow:hidden;background:#060b0f;flex:1;min-height:0;display:flex;flex-direction:column}
.community-native-media-frame-wrap[hidden]{display:none!important}
.community-native-media-sessionbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 12px;border-bottom:1px solid #243b47;background:#10232d;color:#8fa6b4;font-size:11px;flex:0 0 auto}
.community-native-media-sessionbar strong{color:#dffaff}
#community-native-media-frame{display:block;width:100%;height:auto;min-height:0;flex:1;border:0;background:#05090c}
.community-native-media-share-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);gap:10px;padding:10px;min-height:0;flex:1;background:#05090c}
.community-native-media-share-grid:empty{display:none}
.community-native-media-share-tile{min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden;border:1px solid #294550;border-radius:8px;background:#081016}
.community-native-media-share-tile-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border-bottom:1px solid #223944;background:#0f1c24;flex:0 0 auto}
.community-native-media-share-tile-head strong{overflow:hidden;color:#e8faff;font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.community-native-media-share-tile-head span{color:#22d3ee;font-size:9px;font-weight:800;letter-spacing:.08em}
.community-native-media-share-tile iframe{display:block;width:100%;height:100%;min-width:0;min-height:0;flex:1 1 auto;border:0;background:#000}
.community-native-media-share-grid:has(.community-native-media-share-tile:only-child){grid-template-columns:1fr;grid-template-rows:minmax(0,1fr)}
.community-native-media-share-grid:has(.community-native-media-share-tile:only-child) .community-native-media-share-tile{height:100%}
@media(max-width:900px){.community-native-media-share-grid{grid-template-columns:1fr}.community-native-media-share-tile{min-height:260px}}
body.community-native-media-mode #community-message-list,
body.community-native-media-mode #community-message-form,
body.community-native-media-mode #community-typing{display:none!important}

/* Market News: compact provider metadata directly below the channel header. */
body.community-market-news-mode #community-message-list{padding-top:8px!important}
.community-financialjuice-shell{margin:0;padding:0!important}
.community-market-news-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:24px;margin:0 0 8px;padding:0 2px}
.community-market-news-meta small{color:#84949e;font-size:10.5px;line-height:1.35}
.community-market-news-meta small span{padding:0 3px;color:#60717b}
.community-market-news-live{flex:0 0 auto;padding:4px 8px;border:1px solid rgba(255,255,255,.14);border-radius:999px;color:#d8e2e7;font-size:11px;font-weight:700;letter-spacing:.08em;line-height:1}

/* Economic Calendar: provider content framed as a native Macdicator workspace. */
body.community-economic-calendar-mode #community-message-list{display:flex!important;min-width:0!important;min-height:0!important;overflow:hidden!important;padding:0!important;background:#0b1015}
.community-economic-calendar-shell{box-sizing:border-box;width:100%;height:100%;min-width:0;min-height:0;display:flex;flex-direction:column;gap:8px;padding:8px clamp(14px,2vw,24px) 18px;background:linear-gradient(180deg,#0e151b 0,#0a0f14 100%);color:#e7eef2}
.community-economic-calendar-toolbar{width:min(1180px,100%);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px;flex:0 0 auto;padding:0 2px 8px;border-bottom:1px solid #26323a}
.community-economic-calendar-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex:0 0 auto}.community-economic-calendar-source{color:#74858f;font-size:9px;white-space:nowrap}.community-economic-calendar-actions button{min-height:30px;border:1px solid #31424c;border-radius:6px;background:#141e25;color:#c7d4da;padding:0 10px;font:inherit;font-size:10px;font-weight:720;cursor:pointer}.community-economic-calendar-actions button:hover,.community-economic-calendar-actions button:focus-visible{border-color:#427181;background:#192a32;color:#f3fbfd;outline:0}
.community-economic-calendar-frame{width:min(1180px,100%);min-width:0;min-height:480px;flex:1 1 auto;margin:0 auto;display:grid;place-items:center;overflow:hidden;border:1px solid #26343d;border-radius:8px;background:#12151c;box-shadow:0 14px 34px rgba(0,0,0,.18)}.community-economic-calendar-viewport{position:relative;flex:0 0 auto;overflow:hidden;background:#12151c}.community-economic-calendar-frame iframe{position:absolute;inset:0;display:block;width:700px;height:600px;border:0;background:#12151c;color-scheme:dark;transform-origin:top left}
.community-economic-calendar-shell:fullscreen{width:100vw;height:100vh;padding:16px 22px 22px;background:#090e13}.community-economic-calendar-shell:fullscreen .community-economic-calendar-frame{width:100%;max-width:none}
@media(max-width:760px){.community-economic-calendar-shell{gap:7px;padding:8px 10px 10px}.community-economic-calendar-toolbar{gap:10px;padding-bottom:7px}.community-economic-calendar-actions{gap:5px}.community-economic-calendar-actions button{min-height:28px;padding:0 8px}.community-economic-calendar-frame{min-height:420px}}
@media(max-width:700px){
  .community-native-media{padding:10px}
  .community-native-media-top{padding:18px;gap:12px}
  .community-native-media-stats{grid-template-columns:1fr}
  .community-native-media-count{min-width:auto}
  .community-native-media-actions{padding:14px 18px 0}
  #community-native-media-status{margin:10px 18px 16px}
  #community-native-media-frame{min-height:480px;height:68vh}
}


/* Category rail separators + direct header drag reorder */
.community-build-109-06 .community-rail-category{
  position:relative;
  padding-bottom:6px;
  margin-bottom:7px!important;
  border-bottom:1px solid #22313a;
}
.community-build-109-06 .community-rail-category:last-of-type{border-bottom-color:#2b3b45}
.community-build-109-06 .community-rail-category-head[draggable="true"]{cursor:grab}
.community-build-109-06 .community-rail-category-head[draggable="true"]:active{cursor:grabbing}
.community-build-109-06 .community-rail-category.category-dragging{opacity:.55}
.community-build-109-06 .community-rail-category.category-drop-before::before,
.community-build-109-06 .community-rail-category.category-drop-after::after{
  content:"";
  position:absolute;
  left:2px;
  right:2px;
  height:2px;
  border-radius:2px;
  background:#22d3ee;
  box-shadow:0 0 0 1px #0b2028,0 0 8px #22d3ee66;
  z-index:3;
  pointer-events:none;
}
.community-build-109-06 .community-rail-category.category-drop-before::before{top:-4px}
.community-build-109-06 .community-rail-category.category-drop-after::after{bottom:-4px}
.community-build-109-06 .community-category-drag{display:none!important}

/* Phase 4A — Native Stage Chat rail */
.community-stage-chat-rail{width:var(--member-rail-width,240px);min-width:220px;max-width:320px;height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden;border-left:1px solid #25343c;background:#0c151b}
#community-stage-chat-rail[hidden]{display:none!important}
.community-stage-chat-head{height:52px;flex:0 0 52px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 12px;border-bottom:1px solid #25343c;background:#101b22}
.community-stage-chat-head>div{min-width:0}.community-stage-chat-head strong{display:block;color:#eefbff;font-size:12px}.community-stage-chat-head small{display:block;overflow:hidden;color:#72909d;font-size:9px;text-overflow:ellipsis;white-space:nowrap}
.community-stage-chat-messages{flex:1 1 auto;min-height:0;overflow-y:auto;padding:10px 9px 12px;scrollbar-width:thin;scrollbar-color:#2c414b transparent}
.community-stage-chat-message{position:relative;padding:8px 7px;border-radius:7px}.community-stage-chat-message:hover{background:#101c23}
.community-stage-chat-message-meta{display:flex;align-items:baseline;gap:6px;margin-bottom:3px}.community-stage-chat-message-meta strong{color:#e6f7fb;font-size:11px}.community-stage-chat-message-meta span{color:#5f7a87;font-size:9px}.community-stage-chat-message p{margin:0;color:#c5d4da;font-size:11px;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}
.community-stage-chat-message-actions{display:flex;align-items:center;gap:4px;margin-top:6px}.community-stage-chat-message-actions button{border:1px solid #294552;border-radius:5px;background:#12242e;color:#9fc5d1;padding:3px 6px;font-size:9px;cursor:pointer}.community-stage-chat-message-actions button:hover{background:#18333f;color:#e2fbff}.community-stage-chat-message-actions button.danger{border-color:#603c44;background:#28181c;color:#ebb5bd}
.community-stage-chat-reactions{display:flex;flex-wrap:wrap;gap:4px;margin-top:5px}.community-stage-chat-reaction{border:1px solid #2b4653;border-radius:999px;background:#10202a;color:#b8d0d8;padding:2px 6px;font-size:9px}
.community-stage-chat-empty{padding:18px 10px;color:#617d89;font-size:10px;text-align:center}
.community-stage-chat-typing{min-height:18px;flex:0 0 auto;padding:0 10px;color:#5fa8bb;font-size:9px;line-height:18px}
.community-stage-chat-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;align-items:end;padding:8px 9px 5px;border-top:1px solid #22343d;background:#10191f}.community-stage-chat-form textarea{width:100%;min-height:38px;max-height:110px;resize:none;border:1px solid #2a4552;border-radius:7px;outline:0;background:#17242c;color:#eaf7fb;padding:9px 10px;font:inherit;font-size:11px}.community-stage-chat-form textarea:focus{border-color:#1d8dab}.community-stage-chat-form button{height:38px;border:1px solid #1ba8c8;border-radius:7px;background:#12667a;color:#effcff;padding:0 12px;font-size:10px;font-weight:800;cursor:pointer}.community-stage-chat-form button:disabled{opacity:.45;cursor:not-allowed}
.community-stage-chat-status{min-height:16px;margin:0;padding:0 9px 6px;background:#10191f;color:#79aab8;font-size:9px;line-height:16px}.community-stage-chat-status.error{color:#ff8793}
body.community-stage-chat-mode #community-member-rail,body.community-voice-chat-mode #community-member-rail{display:none!important}
body.community-stage-chat-mode #community-stage-chat-rail:not([hidden]),body.community-voice-chat-mode #community-stage-chat-rail:not([hidden]){display:flex!important}
@media(max-width:900px){.community-stage-chat-rail{width:220px;min-width:200px}}
@media(max-width:760px){.community-stage-chat-rail{position:absolute;right:0;top:52px;bottom:0;z-index:25;width:min(86vw,320px);max-width:none;box-shadow:-10px 0 24px #0008}}

.community-native-media-screen-share-status{margin:0 26px 12px;padding:9px 10px;border:1px solid #2a4754;border-radius:8px;background:#0c171d;display:flex;align-items:center;gap:9px}
.community-native-media-screen-share-status[hidden]{display:none!important}
.community-native-media-screen-share-status strong{color:#e9fbff;font-size:10px;text-transform:uppercase;letter-spacing:.08em}
.community-native-media-screen-share-status span{min-width:0;flex:1;color:#85a8b4;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.community-native-media-screen-share-status button{border:1px solid #65414a;border-radius:6px;background:#2a181d;color:#f0bcc4;padding:5px 8px;font-size:9px;font-weight:800;cursor:pointer}
.community-native-media-participant[data-screen-sharing="true"]{border-color:#1d89a8;background:#10252e;box-shadow:0 0 0 1px #153846 inset}
.community-native-media-participant[data-screen-sharing="true"] .community-native-media-participant-role::after{content:" • SHARING";color:#35c9ee}

.community-stage-rail-count{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;min-width:44px;padding:1px 6px;border-radius:999px;background:#23272d;color:#aeb8c2;font-size:10px;font-weight:800;line-height:16px;white-space:nowrap}
.community-channel-button.active .community-stage-rail-count{background:#1d2e35;color:#d7f7ff}

/* Native media right rail: the same isolated chat shell switches to Voice Chat or Stage Chat.
   Normal Members rail is suppressed for both media channel types. */
body.community-native-media-mode #community-members-toggle{display:none!important;}


/* Stage source-of-truth reconciliation 2026-10-02 */
.community-stage-top-meta{display:none;min-width:0;align-items:center;gap:14px;color:#81929e;font-size:10px}
.community-stage-top-meta strong{color:#eef9fc;font-size:13px;font-weight:750;letter-spacing:.01em}
.community-stage-top-meta span{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}
.community-stage-top-meta b{color:#c9d8de;font-size:10px}
body.community-stage-chat-mode .community-chat-channel-meta{display:none!important}
body.community-stage-chat-mode .community-stage-top-meta{display:flex}

.community-stage-waiting{display:none;min-height:0;flex:1 1 auto;align-items:center;justify-content:center;padding:clamp(52px,9vh,110px) 28px 34px;text-align:center}
.community-stage-waiting-copy{width:min(100%,620px)}
.community-stage-waiting h3{margin:0;color:#f2fbff;font-size:clamp(24px,3vw,36px);font-weight:750;letter-spacing:-.025em}
.community-stage-waiting p{margin:13px auto 0;max-width:560px;color:#8499a5;font-size:13px;line-height:1.6}
.community-stage-waiting .community-stage-waiting-subtitle{margin-top:12px;color:#c0d0d7;font-size:15px;font-weight:650}
.community-stage-waiting-member{display:inline-flex;align-items:center;justify-content:center;gap:9px;margin-top:30px;padding:9px 13px;border:1px solid #223b46;border-radius:999px;background:#0b171e;color:#90a5af;font-size:11px}
.community-stage-waiting-member strong{color:#dff5fa;font-weight:750}
.community-stage-waiting-dot{width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:#22d3ee;box-shadow:0 0 0 3px #113742,0 0 14px #22d3ee66}
.community-stage-waiting-actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:24px}
.community-stage-waiting-actions .community-native-media-connection{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:44px;margin-left:0;padding:0 14px}
.community-native-media[data-stage-waiting="true"]>.community-native-media-card>.community-native-media-actions{display:none}
.community-native-media[data-stage-waiting="true"] .community-native-media-top,
.community-native-media[data-stage-waiting="true"] .community-native-media-stats,
.community-native-media[data-stage-waiting="true"] #community-native-media-status,
.community-native-media[data-stage-waiting="true"] .community-native-media-screen-share-status,
.community-native-media[data-stage-waiting="true"] .community-native-media-participants,
.community-native-media[data-stage-waiting="true"] .community-native-media-frame-wrap{display:none!important}
.community-native-media[data-stage-waiting="true"] .community-stage-waiting{display:flex}
.community-native-media[data-stage-waiting="true"] 
.community-stage-chat-mode .community-native-media-share-tile{border:0;border-radius:0;}
/* Macdicator Stage Phase 1 — live shell only. Existing media behavior is unchanged. */
body.community-stage-chat-mode .community-native-media-card{position:relative}
.community-stage-live{display:none;min-height:0;flex:1 1 auto;padding:clamp(28px,5vh,54px) clamp(22px,4vw,52px) 126px;background:#000}
body.community-stage-chat-mode .community-native-media[data-stage-waiting="false"] .community-stage-live:not([hidden]){display:flex;align-items:center;justify-content:center}
.community-stage-live-speakers{width:min(100%,980px);display:grid;gap:18px;align-items:stretch;justify-content:center;margin:auto}
.community-stage-live-speakers[data-speaker-count="0"]{grid-template-columns:minmax(280px,520px)}
.community-stage-live-speakers[data-speaker-count="1"]{grid-template-columns:minmax(300px,520px)}
.community-stage-live-speakers[data-speaker-count="2"]{grid-template-columns:repeat(2,minmax(260px,430px))}
.community-stage-live-speakers[data-speaker-count="3"],
.community-stage-live-speakers[data-speaker-count="4"]{grid-template-columns:repeat(2,minmax(240px,410px))}
.community-stage-speaker-tile{aspect-ratio:1/1;min-width:0;overflow:hidden;border:1px solid #294653;border-radius:18px;background:
  radial-gradient(circle at 50% 35%,rgba(34,211,238,.08),transparent 34%),
  linear-gradient(145deg,#10232d,#0a151c 68%);box-shadow:0 18px 46px rgba(0,0,0,.32);display:flex;flex-direction:column}
.community-stage-speaker-tile[data-speaking="true"]{border-color:#22d3ee;box-shadow:0 0 0 1px rgba(34,211,238,.22),0 0 30px rgba(34,211,238,.13),0 18px 46px rgba(0,0,0,.32)}
.community-stage-speaker-visual{position:relative;display:grid;place-items:center;flex:1;min-height:0}
.community-stage-speaker-avatar{display:grid;place-items:center;width:clamp(78px,11vw,132px);height:clamp(78px,11vw,132px);border:1px solid #31515f;border-radius:50%;background:linear-gradient(145deg,#173540,#0d1d25);color:#dffaff;font-size:clamp(28px,4vw,50px);font-weight:850;box-shadow:inset 0 0 0 5px rgba(34,211,238,.035),0 0 34px rgba(34,211,238,.08)}
.community-stage-speaker-badge{position:absolute;left:16px;top:16px;padding:6px 8px;border:1px solid #2a5967;border-radius:999px;background:#0a1d25;color:#73dff2;font-size:9px;font-weight:850;letter-spacing:.1em}
.community-stage-speaker-muted{position:absolute;right:10px;bottom:10px;padding:4px 6px;border:1px solid #70444a;border-radius:999px;background:rgba(43,20,25,.9);color:#f0abb3;font:800 8px/1 Arial,sans-serif;letter-spacing:.06em}
.community-stage-speaker-meta{display:flex;align-items:center;min-height:48px;padding:0 16px;border-top:1px solid #203742;background:rgba(7,16,22,.72)}
.community-stage-speaker-meta strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#effaff;font-size:12px;font-weight:760}
.community-stage-live-empty{padding:34px;border:1px dashed #294653;border-radius:16px;background:#0c171e;color:#6f8792;text-align:center;font-size:12px}

/* Phase 1 choice: individual floating controls, no dock container. */
body.community-stage-chat-mode .community-native-media[data-stage-waiting="false"] .community-native-media-actions{
  position:absolute;z-index:22;left:50%;bottom:24px;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:10px;width:auto;padding:0;background:transparent;border:0;box-shadow:none
}
body.community-stage-chat-mode .community-native-media[data-stage-waiting="false"] .community-native-media-actions button{
  min-width:0;width:46px;height:46px;padding:0 8px;border:1px solid #31515d;border-radius:14px;background:#102129;color:#e8faff;font-size:10px;font-weight:800;line-height:1.05;text-align:center;box-shadow:0 10px 26px rgba(0,0,0,.3)
}
body.community-stage-chat-mode .community-native-media[data-stage-waiting="false"] .community-native-media-actions button:hover,
body.community-stage-chat-mode .community-native-media[data-stage-waiting="false"] .community-native-media-actions button:focus-visible{border-color:#22d3ee;background:#15303a;outline:none}
body.community-stage-chat-mode .community-native-media[data-stage-waiting="false"] .community-native-media-actions #community-native-media-leave,
body.community-stage-chat-mode .community-native-media[data-stage-waiting="false"] .community-native-media-actions #community-native-media-end-stage{border-color:#6c343c;background:#28171b;color:#ff9aa2}
body.community-stage-chat-mode .community-native-media[data-stage-waiting="false"] .community-native-media-connection{display:none!important}

/* Keep the current screen-share presentation untouched in Phase 1. */
body.community-stage-chat-mode .community-native-media[data-stage-waiting="false"]:has(.community-native-media-frame-wrap:not([hidden])) .community-stage-live{display:none!important}

@media(max-width:760px){
  .community-stage-waiting{padding:28px 14px 22px}
  .community-stage-waiting-actions{gap:8px;margin-top:20px}
  .community-stage-waiting-actions :is(button,.community-native-media-connection){min-height:44px}
  .community-stage-live{padding:22px 14px 112px}
  .community-stage-live-speakers[data-speaker-count="2"],
  .community-stage-live-speakers[data-speaker-count="3"],
  .community-stage-live-speakers[data-speaker-count="4"]{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .community-stage-speaker-tile{border-radius:14px}
  body.community-stage-chat-mode .community-native-media[data-stage-waiting="false"] .community-native-media-actions{gap:7px;bottom:18px;max-width:calc(100% - 20px)}
  body.community-stage-chat-mode .community-native-media[data-stage-waiting="false"] .community-native-media-actions button{width:42px;height:42px;border-radius:12px;font-size:9px}
}

/* Phase 1 cleanup approved 2026-10-01: remove legacy Stage chrome while live. */
body.community-stage-chat-mode .community-native-media[data-stage-waiting="false"] .community-native-media-top,
body.community-stage-chat-mode .community-native-media[data-stage-waiting="false"] .community-native-media-stats,
body.community-stage-chat-mode .community-native-media[data-stage-waiting="false"] #community-native-media-status,
body.community-stage-chat-mode .community-native-media[data-stage-waiting="false"] .community-native-media-participants,
body.community-stage-chat-mode .community-native-media[data-stage-waiting="false"] .community-native-media-screen-share-status{
  display:none!important;
}
body.community-stage-chat-mode .community-native-media[data-stage-waiting="false"] .community-native-media-card{
  padding-top:0;
}
body.community-stage-chat-mode .community-native-media[data-stage-waiting="false"] .community-stage-live{
  min-height:100%;
}

/* Phase 1 screen-share speaker rail: keep speakers visible beside shared content. */
body.community-stage-chat-mode .community-native-media[data-stage-waiting="false"]:has(.community-native-media-frame-wrap:not([hidden])) .community-native-media-card{
  display:grid;
  grid-template-columns:minmax(0,1fr) clamp(180px,18vw,240px);
  grid-template-rows:minmax(0,1fr);
  gap:12px;
  padding:12px 12px 92px;
}
body.community-stage-chat-mode .community-native-media[data-stage-waiting="false"]:has(.community-native-media-frame-wrap:not([hidden])) .community-native-media-frame-wrap{
  display:flex!important;
  grid-column:1;
  grid-row:1;
  margin:0;
  min-width:0;
  min-height:0;
}
body.community-stage-chat-mode .community-native-media[data-stage-waiting="false"]:has(.community-native-media-frame-wrap:not([hidden])) .community-stage-live{
  display:flex!important;
  grid-column:2;
  grid-row:1;
  min-width:0;
  min-height:0;
  padding:0;
  background:transparent;
  align-items:flex-start;
  justify-content:stretch;
}
body.community-stage-chat-mode .community-native-media[data-stage-waiting="false"]:has(.community-native-media-frame-wrap:not([hidden])) .community-stage-live-speakers{
  width:100%;
  display:flex;
  flex-direction:column;
  gap:10px;
  margin:0;
}
body.community-stage-chat-mode .community-native-media[data-stage-waiting="false"]:has(.community-native-media-frame-wrap:not([hidden])) .community-stage-speaker-tile{
  width:100%;
  aspect-ratio:1/1;
  min-height:0;
  border-radius:14px;
}
body.community-stage-chat-mode .community-native-media[data-stage-waiting="false"]:has(.community-native-media-frame-wrap:not([hidden])) .community-stage-speaker-avatar{
  width:clamp(58px,7vw,84px);
  height:clamp(58px,7vw,84px);
  font-size:clamp(22px,3vw,32px);
}
body.community-stage-chat-mode .community-native-media[data-stage-waiting="false"]:has(.community-native-media-frame-wrap:not([hidden])) .community-stage-speaker-badge{
  left:10px;
  top:10px;
  padding:5px 7px;
  font-size:8px;
}
body.community-stage-chat-mode .community-native-media[data-stage-waiting="false"]:has(.community-native-media-frame-wrap:not([hidden])) .community-stage-speaker-meta{
  min-height:40px;
  padding:0 12px;
}
body.community-stage-chat-mode .community-native-media[data-stage-waiting="false"]:has(.community-native-media-frame-wrap:not([hidden])) .community-stage-live-empty{
  display:none;
}
@media(max-width:900px){
  body.community-stage-chat-mode .community-native-media[data-stage-waiting="false"]:has(.community-native-media-frame-wrap:not([hidden])) .community-native-media-card{
    grid-template-columns:minmax(0,1fr) 150px;
  }
}
@media(max-width:700px){
  body.community-stage-chat-mode .community-native-media[data-stage-waiting="false"]:has(.community-native-media-frame-wrap:not([hidden])) .community-native-media-card{
    grid-template-columns:1fr;
    grid-template-rows:minmax(0,1fr) auto;
  }
  body.community-stage-chat-mode .community-native-media[data-stage-waiting="false"]:has(.community-native-media-frame-wrap:not([hidden])) .community-native-media-frame-wrap{
    grid-column:1;
    grid-row:1;
  }
  body.community-stage-chat-mode .community-native-media[data-stage-waiting="false"]:has(.community-native-media-frame-wrap:not([hidden])) .community-stage-live{
    grid-column:1;
    grid-row:2;
  }
  body.community-stage-chat-mode .community-native-media[data-stage-waiting="false"]:has(.community-native-media-frame-wrap:not([hidden])) .community-stage-live-speakers{
    flex-direction:row;
    overflow-x:auto;
  }
  body.community-stage-chat-mode .community-native-media[data-stage-waiting="false"]:has(.community-native-media-frame-wrap:not([hidden])) .community-stage-speaker-tile{
    flex:0 0 120px;
  }
}

/* Phase 1 screen-share surface: Macdicator-native technical grid. */
body.community-stage-chat-mode .community-native-media[data-stage-waiting="false"]:has(.community-native-media-frame-wrap:not([hidden])) .community-native-media-card{
  position:relative;
  overflow:hidden;
  background:#000;
}
body.community-stage-chat-mode .community-native-media[data-stage-waiting="false"]:has(.community-native-media-frame-wrap:not([hidden])) .community-native-media-card::before{
  content:none;
}
body.community-stage-chat-mode .community-native-media[data-stage-waiting="false"]:has(.community-native-media-frame-wrap:not([hidden])) .community-native-media-frame-wrap{
  position:relative;
  z-index:1;
  border:1px solid rgba(72,198,221,.42);
  border-radius:14px;
  background:#000;
  box-shadow:
    0 0 0 1px rgba(34,211,238,.035),
    0 18px 44px rgba(0,0,0,.38),
    0 0 34px rgba(34,211,238,.07);
}
body.community-stage-chat-mode .community-native-media[data-stage-waiting="false"]:has(.community-native-media-frame-wrap:not([hidden])) .community-stage-live{
  position:relative;
  z-index:1;
}
body.community-stage-chat-mode .community-native-media[data-stage-waiting="false"]:has(.community-native-media-frame-wrap:not([hidden])) .community-native-media-actions{
  z-index:3;
}

/* Screen-share surface: restore original pre-transparency dark grey treatment. */
body.community-stage-chat-mode .community-native-media-share-grid{
  background:#000!important;
}
body.community-stage-chat-mode .community-native-media-share-tile{
  background:#000!important;
}
body.community-stage-chat-mode .community-native-media-share-tile iframe{
  background:#000!important;
}



/* Stage cleanup: remove legacy outer media-session container only. */
body.community-stage-chat-mode .community-native-media[data-stage-waiting="false"]:has(.community-native-media-frame-wrap:not([hidden])) .community-native-media-sessionbar{
  display:none!important;
}
body.community-stage-chat-mode .community-native-media[data-stage-waiting="false"]:has(.community-native-media-frame-wrap:not([hidden])) .community-native-media-frame-wrap{
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:#000!important;
  overflow:visible;
}
body.community-stage-chat-mode .community-native-media[data-stage-waiting="false"]:has(.community-native-media-frame-wrap:not([hidden])) .community-native-media-share-grid{
  padding:0!important;
  background:#000!important;
}


/* Stage single-share sizing test: keep the VDO viewer at 16:9 without stretching. */
body.community-stage-chat-mode .community-native-media-share-grid:has(.community-native-media-share-tile:only-child){
  display:flex;
  align-items:center;
  justify-content:center;
  container-type:size;
  overflow:hidden;
}
body.community-stage-chat-mode .community-native-media-share-grid:has(.community-native-media-share-tile:only-child) .community-native-media-share-tile{
  width:min(100cqw,calc((100cqh - 38px) * 1.84));
  height:auto;
  max-width:100%;
  flex:0 0 auto;
}
body.community-stage-chat-mode .community-native-media-share-grid:has(.community-native-media-share-tile:only-child) .community-native-media-share-tile iframe{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:1.84 / 1;
  flex:0 0 auto;
}


/* Stage/Voice header controls: media modes do not use Community search. */
body.community-native-media-mode .community-search-wrap{
  display:none!important;
}
.community-stage-top-actions{
  display:none;
  align-items:center;
  gap:8px;
}
body.community-stage-chat-mode .community-stage-top-actions{
  display:flex;
}
.community-stage-top-actions button{
  height:32px;
  min-width:84px;
  padding:0 12px;
  border:1px solid #31515d;
  border-radius:8px;
  background:#102129;
  color:#e8faff;
  font-size:10px;
  font-weight:800;
  cursor:pointer;
}
.community-stage-top-actions button:hover,
.community-stage-top-actions button:focus-visible{
  border-color:#22d3ee;
  background:#15303a;
  outline:none;
}
.community-stage-top-actions #community-stage-raise-hand[data-raised="true"]{
  border-color:#8b6f2d;
  background:#2b2413;
  color:#ffd978;
}
body.community-stage-chat-mode .community-chat-tools>.community-online,
body.community-stage-chat-mode .community-chat-tools>.community-head-icon{
  display:none!important;
}


/* Stage Chat is an overlay drawer; opening Messages must never reflow the server/channel rails. */
body.community-stage-chat-mode .community-workspace{
  position:relative;
}
body.community-stage-chat-mode #community-stage-chat-rail:not([hidden]){
  position:absolute;
  top:52px;
  right:0;
  bottom:0;
  z-index:35;
  width:var(--member-rail-width,240px);
  min-width:220px;
  max-width:320px;
  height:auto;
  box-shadow:-12px 0 28px rgba(0,0,0,.38);
}
@media(max-width:900px){
  body.community-stage-chat-mode #community-stage-chat-rail:not([hidden]){
    width:220px;
    min-width:200px;
  }
}
@media(max-width:760px){
  body.community-stage-chat-mode #community-stage-chat-rail:not([hidden]){
    width:min(86vw,320px);
    min-width:0;
  }
}

body.community-voice-chat-mode #community-member-rail{display:none!important;}
body.community-voice-chat-mode #community-stage-chat-rail:not([hidden]){display:flex!important;}
body.community-native-media-mode #community-members-toggle{display:none!important;}

/* STAGE MESSAGE UI FIX 2026-10-02 START */

/* Compact Stage message-bubble control */
body.community-stage-chat-mode
#community-stage-messages-toggle {
  position: relative;
  width: 32px;
  min-width: 32px;
  height: 32px;
  padding: 0;
  border: 1px solid #31515d;
  border-radius: 8px;
  background: #102129;
  color: transparent;
  font-size: 0;
  overflow: visible;
}

/* Bubble body */
body.community-stage-chat-mode
#community-stage-messages-toggle::before {
  content: "";
  position: absolute;
  left: 8px;
  top: 8px;
  width: 14px;
  height: 11px;
  box-sizing: border-box;
  border: 1.6px solid #dff8ff;
  border-radius: 4px;
}

/* Bubble tail */
body.community-stage-chat-mode
#community-stage-messages-toggle::after {
  content: "";
  position: absolute;
  left: 10px;
  top: 18px;
  width: 5px;
  height: 5px;
  border-left: 1.6px solid #dff8ff;
  border-bottom: 1.6px solid #dff8ff;
  transform: skewY(-32deg);
  background: #102129;
}

body.community-stage-chat-mode
#community-stage-messages-toggle:hover,
body.community-stage-chat-mode
#community-stage-messages-toggle:focus-visible {
  border-color: #22d3ee;
  background: #15303a;
  outline: none;
}

body.community-stage-chat-mode
#community-stage-messages-toggle:hover::after,
body.community-stage-chat-mode
#community-stage-messages-toggle:focus-visible::after {
  background: #15303a;
}

body.community-stage-chat-mode
#community-stage-messages-toggle[aria-pressed="true"] {
  border-color: #22d3ee;
  background: #102a34;
  box-shadow: 0 0 0 1px rgba(34,211,238,.12);
}

body.community-stage-chat-mode
#community-stage-messages-toggle[aria-pressed="true"]::before {
  border-color: #67e8f9;
}

body.community-stage-chat-mode
#community-stage-messages-toggle[aria-pressed="true"]::after {
  border-color: #67e8f9;
  background: #102a34;
}

/* Make Stage Messages belong to the black Stage surface */
body.community-stage-chat-mode
#community-stage-chat-rail:not([hidden]) {
  background: #000;
  border-left: 1px solid #202b31;
}

body.community-stage-chat-mode
#community-stage-chat-rail .community-stage-chat-head {
  background: #000;
  border-bottom-color: #202b31;
}

body.community-stage-chat-mode
#community-stage-chat-rail .community-stage-chat-messages {
  background: #000;
}

body.community-stage-chat-mode
#community-stage-chat-rail .community-stage-chat-typing {
  background: #000;
}

body.community-stage-chat-mode
#community-stage-chat-rail .community-stage-chat-form {
  background: #000;
  border-top-color: #202b31;
}

body.community-stage-chat-mode
#community-stage-chat-rail .community-stage-chat-status {
  background: #000;
}

/* STAGE MESSAGE UI FIX 2026-10-02 END */

/* MACDICATOR COMMUNITY HALL ICON 2026-10-02 */
.community-build-109-06 .community-channel-glyph[data-kind='hall']{--channel-icon:url("data:image/svg+xml,%3Csvg%20xmlns=%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox=%270%200%2024%2024%27%3E%3Cpath%20fill=%27none%27%20stroke=%27%23000%27%20stroke-width=%272%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27%20d=%27M4%2020V8l8-5%208%205v12M8%2020v-7h8v7M3%2020h18%27%2F%3E%3C%2Fsvg%3E");}

/* STAGE VOICE EDGE DRAWER TEST 2026-10-02 */
body.community-stage-chat-mode.community-build-109-06 .community-workspace,body.community-voice-chat-mode.community-build-109-06 .community-workspace{position:relative!important;grid-template-columns:72px var(--channel-rail-width) minmax(0,1fr) 0!important;background:#000!important;}
body.community-stage-chat-mode .community-member-rail,body.community-voice-chat-mode .community-member-rail{display:none!important;}
body.community-stage-chat-mode .community-main-stack,body.community-stage-chat-mode .community-chat-panel,body.community-stage-chat-mode .community-native-media,body.community-stage-chat-mode .community-native-media-card{background:#000!important;}
body.community-stage-chat-mode.community-build-109-06 .community-chat-head,body.community-voice-chat-mode.community-build-109-06 .community-chat-head{width:100%!important;}
body.community-stage-chat-mode #community-stage-chat-rail,body.community-voice-chat-mode #community-stage-chat-rail{position:absolute!important;top:52px!important;right:0!important;bottom:0!important;left:auto!important;width:300px!important;min-width:300px!important;max-width:300px!important;height:auto!important;z-index:500!important;margin:0!important;border:0!important;border-left:1px solid #202b31!important;border-radius:0!important;background:#000!important;box-shadow:-12px 0 28px rgba(0,0,0,.42)!important;overflow:hidden!important;}
body.community-stage-chat-mode #community-stage-chat-rail[hidden],body.community-voice-chat-mode #community-stage-chat-rail[hidden]{display:none!important;}
body.community-stage-chat-mode #community-stage-chat-rail .community-stage-chat-head,body.community-stage-chat-mode #community-stage-chat-rail .community-stage-chat-messages,body.community-stage-chat-mode #community-stage-chat-rail .community-stage-chat-typing,body.community-stage-chat-mode #community-stage-chat-rail .community-stage-chat-form,body.community-stage-chat-mode #community-stage-chat-rail .community-stage-chat-status,body.community-voice-chat-mode #community-stage-chat-rail .community-stage-chat-head,body.community-voice-chat-mode #community-stage-chat-rail .community-stage-chat-messages,body.community-voice-chat-mode #community-stage-chat-rail .community-stage-chat-typing,body.community-voice-chat-mode #community-stage-chat-rail .community-stage-chat-form,body.community-voice-chat-mode #community-stage-chat-rail .community-stage-chat-status{background:#000!important;}

/* STAGE DRAWER CONTENT SHIFT TEST 2026-10-02 */
body.community-stage-chat-mode .community-native-media-card{width:100%!important;transition:width .18s ease!important;}
body.community-stage-chat-mode:has(#community-stage-chat-rail:not([hidden])) .community-native-media-card{width:calc(100% - 300px)!important;}

/* STAGE SHARE BORDER + FINAL DRAWER ALIGNMENT 2026-10-02 */
body.community-stage-chat-mode .community-native-media-frame-wrap,body.community-stage-chat-mode .community-native-media-share-tile{border-color:#000!important;border-radius:0!important;box-shadow:none!important;outline:0!important;}
body.community-stage-chat-mode .community-native-media-share-grid{border:0!important;border-radius:0!important;box-shadow:none!important;outline:0!important;}
body.community-stage-chat-mode #community-stage-chat-rail:not([hidden]){top:56px!important;bottom:0!important;}


/* USER BRANCH: persistent member dock */
body.community-build-109-06 .community-channel-rail{
  overflow:hidden!important;
}
body.community-build-109-06 #community-server-channel-content,
body.community-build-109-06 #community-dm-nav{
  min-height:0;
}
body.community-build-109-06 #community-server-channel-content{
  flex:1 1 auto;
  overflow-y:auto;
}
body.community-build-109-06 .community-user-dock{
  box-sizing:border-box!important;
  flex:0 0 auto!important;
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:8px!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:9px 8px!important;
  border:0!important;
  border-top:1px solid #26343f!important;
  background:#0c131a!important;
  overflow:hidden!important;
}
body.community-build-109-06 .community-user-dock .community-user-dock-avatar{
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  margin:0!important;
  border:1px solid #365361!important;
  box-shadow:0 0 0 2px #081016!important;
}
body.community-build-109-06 .community-user-dock-identity{
  display:block!important;
  min-width:0!important;
  overflow:hidden!important;
}
body.community-build-109-06 .community-user-dock-identity strong,
body.community-build-109-06 .community-user-dock-identity small{
  display:block!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
body.community-build-109-06 .community-user-dock-identity strong{
  color:#f2f7fa!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:1.2!important;
}
body.community-build-109-06 .community-user-dock-identity small{
  margin-top:2px!important;
  color:#7f9aaa!important;
  font-size:9px!important;
  line-height:1.2!important;
}
body.community-build-109-06 .community-user-dock-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:3px!important;
  min-width:0!important;
}
body.community-build-109-06 .community-user-dock .community-user-dock-action,
body.community-build-109-06 .community-user-dock #community-settings{
  position:relative!important;
  z-index:70!important;
  display:grid!important;
  place-items:center!important;
  grid-column:auto!important;
  width:28px!important;
  min-width:28px!important;
  height:30px!important;
  min-height:30px!important;
  margin:0!important;
  padding:0!important;
  border:1px solid transparent!important;
  border-radius:7px!important;
  background:transparent!important;
  color:#a9bac5!important;
  cursor:pointer!important;
  pointer-events:auto!important;
  touch-action:manipulation!important;
}
body.community-build-109-06 .community-user-dock .community-user-dock-action svg{
  width:16px!important;
  height:16px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
body.community-build-109-06 .community-user-dock .community-user-dock-action:hover:not(:disabled),
body.community-build-109-06 .community-user-dock .community-user-dock-action:focus-visible:not(:disabled),
body.community-build-109-06 .community-user-dock #community-settings:hover,
body.community-build-109-06 .community-user-dock #community-settings:focus-visible:hover:focus-visible{
  border-color:#315363!important;
  background:#16242d!important;
  color:#eafcff!important;
  outline:none!important;
}
body.community-build-109-06 .community-user-dock .community-user-dock-action:disabled{
  opacity:.42!important;
  cursor:not-allowed!important;
}
body.community-build-109-06 .community-user-dock #community-account-mic.is-muted{
  border-color:#73434a!important;
  background:#2a171b!important;
  color:#ff9da7!important;
}@media(max-width:620px){
  body.community-build-109-06 .community-user-dock{
    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    z-index:120!important;
    grid-template-columns:38px minmax(0,1fr) auto!important;
    width:100vw!important;
    max-width:100vw!important;
    min-height:58px!important;
    padding:8px 10px calc(8px + env(safe-area-inset-bottom,0px))!important;
    border-top:1px solid #315160!important;
    background:#0b131aF5!important;
    backdrop-filter:blur(14px);
  }
  body.community-build-109-06 .community-main-stack{
    padding-bottom:66px!important;
  }
}
@media(max-width:420px){
  body.community-build-109-06 .community-user-dock-identity small{display:none!important}
  body.community-build-109-06 .community-user-dock{
    grid-template-columns:36px minmax(0,1fr) auto!important;
    gap:6px!important;
  }
  body.community-build-109-06 .community-user-dock .community-user-dock-action,
  body.community-build-109-06 .community-user-dock #community-settings{
    width:27px!important;
    min-width:27px!important;
  }
}


/* USER BRANCH: force dock identity/actions visible over legacy account-card rules */
body.community-build-109-06 .community-channel-rail .community-account-card.community-user-dock > .community-user-dock-identity{
  display:block!important;
}
body.community-build-109-06 .community-channel-rail .community-account-card.community-user-dock > .community-user-dock-actions{
  display:flex!important;
}


/* USER BRANCH: interactive dock profile and mirrored member presence */
body.community-build-109-06 .community-user-dock{
  position:relative!important;
  grid-template-columns:minmax(0,1fr) auto!important;
}
body.community-build-109-06 .community-user-dock-profile{
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr)!important;
  align-items:center!important;
  gap:8px!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:inherit!important;
  text-align:left!important;
  cursor:pointer!important;
}
body.community-build-109-06 .community-user-dock-profile:hover .community-user-dock-identity strong,
body.community-build-109-06 .community-user-dock-profile:focus-visible .community-user-dock-identity strong{color:#fff!important}
body.community-build-109-06 .community-user-dock-profile:focus-visible{
  outline:1px solid #315363!important;outline-offset:3px!important;border-radius:7px!important
}
body.community-build-109-06 .community-user-dock-avatar-wrap{
  position:relative!important;display:block!important;width:38px!important;height:38px!important;min-width:38px!important
}
body.community-build-109-06 .community-user-dock-avatar-wrap .community-user-dock-avatar{
  width:38px!important;height:38px!important;min-width:38px!important
}
body.community-build-109-06 .community-user-dock-status-dot{
  position:absolute!important;right:-1px!important;bottom:-1px!important;width:10px!important;height:10px!important;
  border:2px solid #0c131a!important;border-radius:50%!important;box-sizing:border-box!important
}
body.community-build-109-06 .community-user-dock-profile.online .community-user-dock-status-dot{background:var(--community-positive)!important}
body.community-build-109-06 .community-user-dock-status-dot[data-presence="idle"]{background:#f5bd42!important}
body.community-build-109-06 .community-user-dock-status-dot[data-presence="dnd"]{background:#ff6673!important}
body.community-build-109-06 .community-user-dock-status-dot[data-presence="invisible"],
body.community-build-109-06 .community-user-dock-status-dot[data-presence="offline"]{background:#52616a!important}

body.community-build-109-06 .community-user-dock .community-user-dock-action.is-headset-active{
  border-color:#267e91!important;background:#12323d!important;color:#5be6fa!important
}
body.community-build-109-06 .community-user-dock .community-user-dock-action.is-headset-muted{
  border-color:#6b5660!important;background:#24191f!important;color:#dba8b7!important
}
body.community-build-109-06 .community-user-dock .community-user-dock-action.is-deafened{
  border-color:#73434a!important;background:#2a171b!important;color:#ff9da7!important
}
body.community-build-109-06 .community-user-dock-menu{
  position:absolute!important;left:6px!important;right:6px!important;bottom:calc(100% + 8px)!important;z-index:180!important;
  box-sizing:border-box!important;min-width:0!important;padding:7px!important;border:1px solid #304552!important;border-radius:10px!important;
  background:#101820!important;box-shadow:0 16px 36px #000a!important;color:#edf8fb!important
}
body.community-build-109-06 .community-user-dock-menu[hidden]{display:none!important}
body.community-build-109-06 .community-user-dock-menu button{
  display:flex!important;align-items:center!important;gap:8px!important;width:100%!important;min-height:32px!important;padding:7px 8px!important;margin:0!important;
  border:0!important;border-radius:6px!important;background:transparent!important;color:#cbdbe2!important;text-align:left!important;font-size:11px!important;cursor:pointer!important
}
body.community-build-109-06 .community-user-dock-menu button:hover,
body.community-build-109-06 .community-user-dock-menu button:focus-visible{background:#1a2a34!important;color:#fff!important;outline:none!important}
.community-role-test-indicator{position:fixed;top:40px;right:12px;z-index:10020;padding:6px 10px;border:1px solid #d7a93d;border-radius:6px;background:#241b09;color:#ffe29a;font:800 10px/1.2 Arial,sans-serif;letter-spacing:.08em;box-shadow:0 6px 20px rgba(0,0,0,.35)}
.community-role-test-control{margin:7px 8px;padding:9px;border:1px solid #8b6822;border-radius:7px;background:#181308;color:#ffe29a}
.community-role-test-control>strong{display:block;margin-bottom:6px;font-size:9px;letter-spacing:.12em}
.community-role-test-control>span,.community-role-test-control>label{display:block;margin:4px 0;color:#d8c58f;font-size:9px;line-height:1.35}
.community-role-test-control select{width:100%;min-height:30px;border:1px solid #6f5725;border-radius:5px;background:#0c1014;color:#fff;font-size:11px}
.community-role-test-control>div{display:flex;gap:6px;margin-top:7px}
body.community-build-109-06 .community-user-dock-menu .community-role-test-control button{min-height:28px!important;padding:5px 7px!important;border:1px solid #6f5725!important;border-radius:5px!important;background:#201a0d!important;color:#ffe29a!important;font-size:9px!important}
.community-role-test-control small{display:block;margin-top:6px;color:#c5ad75;font-size:9px;line-height:1.35}
body.community-build-109-06 .community-user-dock-menu-profile{display:flex!important;align-items:center!important;gap:9px!important;padding:5px 5px 9px!important}
body.community-build-109-06 .community-user-dock-menu-profile .community-avatar{width:36px!important;height:36px!important;min-width:36px!important}
body.community-build-109-06 .community-user-dock-menu-profile strong,
body.community-build-109-06 .community-user-dock-menu-profile small{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
body.community-build-109-06 .community-user-dock-menu-profile strong{font-size:12px!important}
body.community-build-109-06 .community-user-dock-menu-profile small{margin-top:2px!important;color:#78909d!important;font-size:9px!important}
@media(max-width:620px){
  body.community-build-109-06 .community-user-dock-menu{left:10px!important;right:10px!important;bottom:calc(100% + 8px)!important}
  body.community-build-109-06 .community-user-dock-profile{grid-template-columns:36px minmax(0,1fr)!important}
}


/* USER BRANCH: restore approved dock geometry */
body.community-build-109-06 .community-user-dock{
  height:56px!important;
  min-height:56px!important;
  max-height:56px!important;
  padding:9px 8px!important;
  align-items:center!important;
}
body.community-build-109-06 .community-user-dock-profile{
  height:38px!important;
  min-height:38px!important;
  align-self:center!important;
}
body.community-build-109-06 .community-user-dock-actions{
  height:30px!important;
  min-height:30px!important;
  align-self:center!important;
  align-items:center!important;
}
body.community-build-109-06 .community-user-dock .community-user-dock-action,
body.community-build-109-06 .community-user-dock #community-settings{
  width:28px!important;
  min-width:28px!important;
  height:30px!important;
  min-height:30px!important;
  align-self:center!important;
}
body.community-build-109-06 .community-user-dock-avatar-wrap,
body.community-build-109-06 .community-user-dock-avatar-wrap .community-user-dock-avatar{
  width:38px!important;
  min-width:38px!important;
  height:38px!important;
}
@media(max-width:620px){
  body.community-build-109-06 .community-user-dock{
    height:auto!important;
    min-height:58px!important;
    max-height:none!important;
  }
}


/* USER BRANCH: span dock across server + channel rails */
body.community-build-109-06 .community-workspace,
body.community-build-109-06.community-channel-welcome .community-workspace{
  grid-template-rows:minmax(0,1fr) 56px!important;
}
body.community-build-109-06 .community-org-rail{
  grid-column:1!important;
  grid-row:1!important;
  min-height:0!important;
}
body.community-build-109-06 .community-channel-rail{
  grid-column:2!important;
  grid-row:1!important;
  min-height:0!important;
}
body.community-build-109-06 .community-main-stack{
  grid-column:3!important;
  grid-row:1 / 3!important;
  min-height:0!important;
}
body.community-build-109-06 .community-member-rail{
  grid-column:4!important;
  grid-row:1 / 3!important;
  min-height:0!important;
}
body.community-build-109-06.community-members-collapsed .community-member-rail{
  grid-column:4!important;
  grid-row:1 / 3!important;
}
body.community-build-109-06 .community-user-dock{
  grid-column:1 / 3!important;
  grid-row:2!important;
  width:100%!important;
  max-width:none!important;
  height:56px!important;
  min-height:56px!important;
  max-height:56px!important;
  margin:0!important;
  padding:9px 10px!important;
  border-top:1px solid #26343f!important;
  border-right:1px solid var(--community-line)!important;
  background:#0c131a!important;
  box-sizing:border-box!important;
  z-index:85!important;
}
body.community-build-109-06 .community-user-dock-profile{
  max-width:min(220px,calc(100% - 104px))!important;
}
body.community-build-109-06 .community-user-dock-actions{
  margin-left:auto!important;
  flex:0 0 auto!important;
}
@media(max-width:1350px){
  body.community-build-109-06 .community-user-dock-profile{
    max-width:min(205px,calc(100% - 104px))!important;
  }
}
@media(max-width:620px){
  body.community-build-109-06 .community-workspace,
  body.community-build-109-06.community-channel-welcome .community-workspace{
    grid-template-rows:minmax(0,1fr)!important;
  }
  body.community-build-109-06 .community-user-dock{
    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    width:100vw!important;
    max-width:100vw!important;
    height:auto!important;
    min-height:58px!important;
    max-height:none!important;
    grid-column:auto!important;
    grid-row:auto!important;
    border-right:0!important;
  }
  body.community-build-109-06 .community-main-stack{
    grid-column:2!important;
    grid-row:1!important;
  }
}


/* USER BRANCH: raise approved dock under rail divider */
@media(min-width:621px){
  body.community-build-109-06 .community-user-dock{
    position:relative!important;
    transform:translateY(-8px)!important;
  }
}


/* USER BRANCH: match dock rail styling and reserve controls */
@media(min-width:621px){
  body.community-build-109-06 .community-user-dock{
    background:#10161c!important;
    border-top:1px solid var(--community-line)!important;
    border-right:1px solid var(--community-line)!important;
    box-shadow:none!important;
    grid-template-columns:minmax(0,1fr) 94px!important;
    gap:8px!important;
    overflow:visible!important;
  }
  body.community-build-109-06 .community-user-dock-profile{
    min-width:0!important;
    max-width:none!important;
    width:auto!important;
  }
  body.community-build-109-06 .community-user-dock-actions{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    width:94px!important;
    min-width:94px!important;
    max-width:94px!important;
    justify-content:flex-end!important;
    gap:4px!important;
    overflow:visible!important;
  }
  body.community-build-109-06 .community-user-dock .community-user-dock-action,
  body.community-build-109-06 .community-user-dock #community-settings{
    display:grid!important;
    visibility:visible!important;
    opacity:1!important;
    width:28px!important;
    min-width:28px!important;
    max-width:28px!important;
    height:30px!important;
    min-height:30px!important;
    max-height:30px!important;
    flex:0 0 28px!important;
  }
  body.community-build-109-06 .community-user-dock-identity{
    min-width:0!important;
    overflow:hidden!important;
  }
}


/* USER BRANCH: final dock visibility and border correction */
@media(min-width:621px){
  body.community-build-109-06 .community-account-card.community-user-dock{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 94px!important;
    align-items:center!important;
    height:56px!important;
    min-height:56px!important;
    max-height:56px!important;
    padding:9px 10px!important;
    background:#10161c!important;
    border:1px solid var(--community-line)!important;
    border-radius:0!important;
    box-shadow:none!important;
    overflow:visible!important;
  }
  body.community-build-109-06 .community-account-card.community-user-dock > .community-user-dock-actions{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:4px!important;
    width:94px!important;
    min-width:94px!important;
    max-width:94px!important;
    height:30px!important;
    min-height:30px!important;
    overflow:visible!important;
  }
  body.community-build-109-06 .community-account-card.community-user-dock > .community-user-dock-profile{
    display:grid!important;
    visibility:visible!important;
    opacity:1!important;
    min-width:0!important;
    max-width:none!important;
    height:38px!important;
  }
  body.community-build-109-06 .community-account-card.community-user-dock .community-user-dock-action,
  body.community-build-109-06 .community-account-card.community-user-dock #community-settings{
    display:grid!important;
    visibility:visible!important;
    opacity:1!important;
    width:28px!important;
    min-width:28px!important;
    max-width:28px!important;
    height:30px!important;
    min-height:30px!important;
    max-height:30px!important;
    flex:0 0 28px!important;
  }
}


/* USER BRANCH: keep dock profile and controls on same row */
@media(min-width:621px){
  body.community-build-109-06 .community-account-card.community-user-dock > .community-user-dock-profile{
    grid-column:1!important;
    grid-row:1!important;
  }
  body.community-build-109-06 .community-account-card.community-user-dock > .community-user-dock-actions{
    grid-column:2!important;
    grid-row:1!important;
  }
}


/* USER BRANCH: configurable account-card shell */
body.community-build-109-06 .community-user-dock-profile-menu{
  left:8px!important;
  right:8px!important;
  bottom:calc(100% + 8px)!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid #30363f!important;
  border-radius:12px!important;
  background:#24262c!important;
  box-shadow:0 18px 42px rgba(0,0,0,.55)!important;
}
body.community-build-109-06 .community-user-card-banner{
  height:92px!important;
  background:linear-gradient(135deg,#7f2427,#9c2427)!important;
  border-bottom:1px solid #30363f!important;
}
body.community-build-109-06 .community-user-card-profile{
  position:relative!important;
  display:flex!important;
  align-items:flex-end!important;
  gap:10px!important;
  min-height:54px!important;
  padding:0 14px!important;
}
body.community-build-109-06 .community-user-card-avatar{
  position:relative!important;
  width:58px!important;
  min-width:58px!important;
  height:58px!important;
  margin-top:-29px!important;
  border:3px solid #24262c!important;
  background:#17252d!important;
  font-size:16px!important;
}
body.community-build-109-06 .community-user-card-class{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  min-width:0!important;
  margin:0 0 5px!important;
  padding:6px 9px!important;
  border:0!important;
  border-radius:9px!important;
  background:#32343b!important;
  color:#aeb2bb!important;
  font-size:10px!important;
  line-height:1.2!important;
  cursor:pointer!important;
}
body.community-build-109-06 .community-user-card-class span{
  display:grid!important;
  place-items:center!important;
  width:16px!important;
  height:16px!important;
  border-radius:50%!important;
  background:#747983!important;
  color:#23252a!important;
  font-style:normal!important;
  font-weight:900!important;
}
body.community-build-109-06 .community-user-card-class em{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-style:italic!important;
}
body.community-build-109-06 .community-user-card-identity{
  padding:8px 14px 10px!important;
}
body.community-build-109-06 .community-user-card-identity strong,
body.community-build-109-06 .community-user-card-identity small,
body.community-build-109-06 .community-user-card-role{
  display:block!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
body.community-build-109-06 .community-user-card-identity strong{
  color:#fff!important;
  font-size:16px!important;
  font-weight:850!important;
}
body.community-build-109-06 .community-user-card-identity small{
  margin-top:2px!important;
  color:#b5bac1!important;
  font-size:10px!important;
}
body.community-build-109-06 .community-user-card-role{
  width:max-content!important;
  max-width:100%!important;
  margin-top:6px!important;
  padding:3px 7px!important;
  border-radius:999px!important;
  background:#123d43!important;
  color:#55e6d4!important;
  font-size:8px!important;
  font-weight:900!important;
  letter-spacing:.04em!important;
}
body.community-build-109-06 .community-user-card-section{
  margin:0 10px 10px!important;
  padding:5px!important;
  border-radius:9px!important;
  background:#2d3036!important;
}
body.community-build-109-06 .community-user-card-section button{
  display:grid!important;
  grid-template-columns:22px minmax(0,1fr) auto auto!important;
  align-items:center!important;
  gap:6px!important;
  width:100%!important;
  min-height:34px!important;
  padding:7px 8px!important;
  border:0!important;
  border-radius:7px!important;
  background:transparent!important;
  color:#c7cbd2!important;
  text-align:left!important;
  cursor:pointer!important;
}
body.community-build-109-06 .community-user-card-section button:hover,
body.community-build-109-06 .community-user-card-section button:focus-visible{
  background:#3a3d44!important;
  color:#fff!important;
  outline:none!important;
}
body.community-build-109-06 .community-user-card-section button+button{
  margin-top:2px!important;
  border-top:1px solid #3b3e45!important;
  border-radius:0 0 7px 7px!important;
}
body.community-build-109-06 .community-user-card-icon{
  display:grid!important;
  place-items:center!important;
  width:20px!important;
  height:20px!important;
  color:#b6bbc4!important;
  font-size:11px!important;
  font-weight:800!important;
}
body.community-build-109-06 .community-user-card-section strong{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:10px!important;
  font-weight:700!important;
}
body.community-build-109-06 .community-user-card-warning{
  display:grid!important;
  place-items:center!important;
  width:15px!important;
  height:15px!important;
  border-radius:50%!important;
  background:#ffd34d!important;
  color:#262626!important;
  font-size:9px!important;
  font-weight:900!important;
}
body.community-build-109-06 .community-user-card-chevron{
  color:#a4aab3!important;
  font-size:18px!important;
  line-height:1!important;
}
@media(max-width:620px){
  body.community-build-109-06 .community-user-dock-profile-menu{
    left:10px!important;
    right:10px!important;
    max-height:70vh!important;
    overflow-y:auto!important;
  }
}


/* USER BRANCH: ensure account shell escapes legacy hidden child rule */
body.community-build-109-06 .community-account-card.community-user-dock > .community-user-dock-menu:not([hidden]){
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
}


/* USER BRANCH: account shell subdrawers */
body.community-build-109-06 .community-user-dock-profile-menu{
  overflow:visible!important;
}
body.community-build-109-06 .community-user-card-class b{
  margin-left:auto!important;
  color:#9aa1aa!important;
  font-style:normal!important;
}
body.community-build-109-06 .community-user-dock-submenu{
  position:absolute!important;
  left:calc(100% + 8px)!important;
  width:230px!important;
  min-width:230px!important;
  padding:6px!important;
  border:1px solid #30363f!important;
  border-radius:10px!important;
  background:#24262c!important;
  box-shadow:0 18px 42px rgba(0,0,0,.55)!important;
  color:#d6d9df!important;
  z-index:190!important;
}
body.community-build-109-06 .community-user-dock-submenu[hidden]{display:none!important}
body.community-build-109-06 #community-user-dock-status-menu{top:202px!important}
body.community-build-109-06 #community-user-dock-accounts-menu{top:286px!important}
body.community-build-109-06 #community-user-dock-character-menu{top:92px!important}
body.community-build-109-06 .community-user-dock-duration-menu{
  left:calc(200% + 16px)!important;
  top:202px!important;
  width:142px!important;
  min-width:142px!important;
}
body.community-build-109-06 .community-user-dock-submenu button{
  display:grid!important;
  grid-template-columns:18px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:7px!important;
  width:100%!important;
  min-height:36px!important;
  padding:7px 8px!important;
  border:0!important;
  border-radius:6px!important;
  background:transparent!important;
  color:#c8ccd3!important;
  text-align:left!important;
  cursor:pointer!important;
}
body.community-build-109-06 .community-user-dock-submenu button:hover,
body.community-build-109-06 .community-user-dock-submenu button:focus-visible,
body.community-build-109-06 .community-user-dock-submenu button[aria-checked="true"]{
  background:#363940!important;
  color:#fff!important;
  outline:none!important;
}
body.community-build-109-06 .community-user-dock-submenu button>small{
  grid-column:2/4!important;
  margin-top:-3px!important;
  color:#858b95!important;
  font-size:8px!important;
  line-height:1.25!important;
}
body.community-build-109-06 .community-user-status-dot{
  display:block!important;
  width:7px!important;
  height:7px!important;
  border-radius:50%!important;
}
body.community-build-109-06 .community-user-status-dot.online{background:var(--community-positive)!important}
body.community-build-109-06 .community-user-status-dot.idle{background:#f0b84c!important}
body.community-build-109-06 .community-user-status-dot.dnd{background:#d84c5b!important}
body.community-build-109-06 .community-user-status-dot.invisible{background:#6f7882!important}
body.community-build-109-06 .community-user-card-status-icon{font-size:10px!important}
body.community-build-109-06 .community-user-card-status-icon[data-presence="online"]{color:var(--community-positive)!important}
body.community-build-109-06 .community-user-card-status-icon[data-presence="idle"]{color:#f5bd42!important}
body.community-build-109-06 .community-user-card-status-icon[data-presence="dnd"]{color:#ff6673!important}
body.community-build-109-06 .community-user-card-status-icon[data-presence="invisible"],
body.community-build-109-06 .community-user-card-status-icon[data-presence="offline"]{color:#52616a!important}
body.community-build-109-06 .community-user-dock-submenu-separator{
  height:1px!important;
  margin:5px 2px!important;
  background:#3a3d44!important;
}
body.community-build-109-06 .community-user-account-row{
  grid-template-columns:30px minmax(0,1fr) auto!important;
}
body.community-build-109-06 .community-user-account-row .community-avatar{
  width:28px!important;
  min-width:28px!important;
  height:28px!important;
  font-size:9px!important;
}
body.community-build-109-06 .community-user-account-row span:nth-child(2) strong,
body.community-build-109-06 .community-user-account-row span:nth-child(2) small{
  display:block!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
body.community-build-109-06 .community-user-account-row span:nth-child(2) small{
  color:#89909a!important;
  font-size:8px!important;
}
body.community-build-109-06 .community-user-dock-submenu-copy{
  padding:8px!important;
}
body.community-build-109-06 .community-user-dock-submenu-copy strong,
body.community-build-109-06 .community-user-dock-submenu-copy small{
  display:block!important;
}
body.community-build-109-06 .community-user-dock-submenu-copy small{
  margin-top:3px!important;
  color:#8b929c!important;
  font-size:9px!important;
  line-height:1.4!important;
}
@media(max-width:900px){
  body.community-build-109-06 .community-user-dock-submenu{
    left:auto!important;
    right:0!important;
    bottom:calc(100% + 8px)!important;
    top:auto!important;
    width:min(260px,calc(100vw - 20px))!important;
    min-width:0!important;
  }
  body.community-build-109-06 .community-user-dock-duration-menu{
    left:auto!important;
    right:0!important;
    bottom:calc(100% + 8px)!important;
    top:auto!important;
    width:min(190px,calc(100vw - 20px))!important;
  }
}


/* USER BRANCH: polish status subdrawer */
body.community-build-109-06 #community-user-dock-status-menu{
  width:240px!important;
  min-width:240px!important;
  padding:6px!important;
  border-color:#3a4048!important;
  background:#25282e!important;
}
body.community-build-109-06 #community-user-dock-status-menu>button{
  display:grid!important;
  grid-template-columns:12px minmax(0,1fr) 18px!important;
  grid-template-rows:auto auto!important;
  align-items:center!important;
  column-gap:9px!important;
  row-gap:2px!important;
  min-height:40px!important;
  padding:8px 9px!important;
  border-radius:7px!important;
  color:#d7dbe1!important;
}
body.community-build-109-06 #community-user-dock-status-menu>button+button{
  margin-top:2px!important;
}
body.community-build-109-06 #community-user-dock-status-menu>button:hover,
body.community-build-109-06 #community-user-dock-status-menu>button:focus-visible,
body.community-build-109-06 #community-user-dock-status-menu>button[aria-checked="true"]{
  background:#34383f!important;
  color:#fff!important;
}
body.community-build-109-06 #community-user-dock-status-menu .community-user-status-dot{
  grid-column:1!important;
  grid-row:1 / span 2!important;
  align-self:start!important;
  margin-top:5px!important;
  width:7px!important;
  height:7px!important;
}
body.community-build-109-06 #community-user-dock-status-menu>button>strong{
  grid-column:2!important;
  grid-row:1!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:10.5px!important;
  font-weight:750!important;
  line-height:1.2!important;
}
body.community-build-109-06 #community-user-dock-status-menu>button>small{
  grid-column:2!important;
  grid-row:2!important;
  margin:0!important;
  padding:0!important;
  color:#858d97!important;
  font-size:8px!important;
  line-height:1.3!important;
}
body.community-build-109-06 #community-user-dock-status-menu .community-user-card-chevron{
  grid-column:3!important;
  grid-row:1 / span 2!important;
  align-self:center!important;
  justify-self:end!important;
  margin:0!important;
  color:#a4abb5!important;
  font-size:17px!important;
  line-height:1!important;
}
body.community-build-109-06 #community-user-dock-status-menu>button:not(:has(small)){
  grid-template-rows:1fr!important;
}
body.community-build-109-06 #community-user-dock-status-menu>button:not(:has(small)) .community-user-status-dot,
body.community-build-109-06 #community-user-dock-status-menu>button:not(:has(small))>strong,
body.community-build-109-06 #community-user-dock-status-menu>button:not(:has(small)) .community-user-card-chevron{
  grid-row:1!important;
  align-self:center!important;
  margin-top:0!important;
}


/* USER BRANCH: tighten and polish timed-status drawer */
@media(min-width:901px){
  body.community-build-109-06 .community-user-dock-duration-menu{
    left:calc(100% + 246px)!important;
    top:202px!important;
    width:168px!important;
    min-width:168px!important;
    padding:6px!important;
    border-color:#3a4048!important;
    background:#25282e!important;
    box-shadow:0 18px 42px rgba(0,0,0,.55)!important;
  }
}
body.community-build-109-06 .community-user-dock-duration-menu>button{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  width:100%!important;
  min-height:34px!important;
  margin:0!important;
  padding:8px 10px!important;
  border:0!important;
  border-radius:6px!important;
  background:transparent!important;
  color:#d7dbe1!important;
  font-size:10.5px!important;
  font-weight:650!important;
  line-height:1.2!important;
  white-space:nowrap!important;
  text-align:left!important;
}
body.community-build-109-06 .community-user-dock-duration-menu>button+button{
  margin-top:2px!important;
}
body.community-build-109-06 .community-user-dock-duration-menu>button:hover,
body.community-build-109-06 .community-user-dock-duration-menu>button:focus-visible{
  background:#363940!important;
  color:#fff!important;
  outline:none!important;
}


/* USER BRANCH: size profile button to avatar + identity only */
@media(min-width:621px){
  body.community-build-109-06 .community-account-card.community-user-dock{
    grid-template-columns:max-content 1fr 94px!important;
  }
  body.community-build-109-06 .community-account-card.community-user-dock > .community-user-dock-profile{
    grid-column:1!important;
    width:max-content!important;
    max-width:220px!important;
    min-width:0!important;
    justify-self:start!important;
  }
  body.community-build-109-06 .community-account-card.community-user-dock > .community-user-dock-actions{
    grid-column:3!important;
    justify-self:end!important;
  }
  body.community-build-109-06 .community-user-dock-identity{
    max-width:150px!important;
  }
}


/* USER BRANCH: Macdicator-native account/presence containers */
body.community-build-109-06 .community-user-dock-menu,
body.community-build-109-06 .community-user-dock-submenu{
  border-color:var(--community-line)!important;
  background:var(--community-panel-raised)!important;
  color:var(--community-text)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.46)!important;
}
body.community-build-109-06 .community-user-dock-menu button,
body.community-build-109-06 .community-user-dock-submenu button{
  color:var(--community-text)!important;
}
body.community-build-109-06 .community-user-dock-menu button:hover,
body.community-build-109-06 .community-user-dock-menu button:focus-visible,
body.community-build-109-06 .community-user-dock-submenu button:hover,
body.community-build-109-06 .community-user-dock-submenu button:focus-visible,
body.community-build-109-06 .community-user-dock-submenu button[aria-checked="true"]{
  background:var(--community-accent-soft)!important;
  color:#fff!important;
  outline:none!important;
}
body.community-build-109-06 .community-user-dock-menu-profile{
  border-bottom:1px solid var(--community-line-soft)!important;
}
body.community-build-109-06 .community-user-dock-menu-profile small,
body.community-build-109-06 .community-user-dock-submenu-copy small,
body.community-build-109-06 #community-user-dock-status-menu>button>small,
body.community-build-109-06 .community-user-card-class b{
  color:var(--community-muted)!important;
}
body.community-build-109-06 #community-user-dock-status-menu,
body.community-build-109-06 .community-user-dock-duration-menu{
  border-color:var(--community-line)!important;
  background:var(--community-panel-raised)!important;
}
body.community-build-109-06 #community-user-dock-status-menu>button,
body.community-build-109-06 .community-user-dock-duration-menu>button{
  color:var(--community-text)!important;
}
body.community-build-109-06 #community-user-dock-status-menu>button:hover,
body.community-build-109-06 #community-user-dock-status-menu>button:focus-visible,
body.community-build-109-06 #community-user-dock-status-menu>button[aria-checked="true"],
body.community-build-109-06 .community-user-dock-duration-menu>button:hover,
body.community-build-109-06 .community-user-dock-duration-menu>button:focus-visible{
  background:var(--community-accent-soft)!important;
  color:#fff!important;
}
body.community-build-109-06 #community-user-dock-status-menu .community-user-card-chevron{
  color:var(--community-subtle)!important;
}

/* Signed-in Community mobile navigation: reuse the live rails in an overlay drawer. */
body.community-build-109-06 .community-mobile-rail-drawer{
  display:contents;
}
body.community-build-109-06 .community-mobile-rail-head,
body.community-build-109-06 .community-mobile-nav-toggle,
body.community-build-109-06 .community-mobile-nav-scrim{
  display:none;
}

@media(max-width:900px){
  body.community-build-109-06 .community-workspace,
  body.community-build-109-06.community-channel-welcome .community-workspace,
  body.community-build-109-06.community-stage-chat-mode .community-workspace,
  body.community-build-109-06.community-voice-chat-mode .community-workspace,
  body.community-build-109-06.community-discovery-mode .community-workspace{
    position:relative!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:minmax(0,1fr)!important;
    min-width:0!important;
    overflow:hidden!important;
  }
  body.community-build-109-06 .community-main-stack,
  body.community-build-109-06.community-stage-chat-mode .community-main-stack,
  body.community-build-109-06.community-voice-chat-mode .community-main-stack{
    grid-column:1!important;
    grid-row:1!important;
    width:100%!important;
    min-width:0!important;
    padding-bottom:0!important;
  }
  body.community-build-109-06 .community-member-rail{
    display:none!important;
  }
  body.community-build-109-06 .community-mobile-nav-toggle{
    position:absolute;
    top:10px;
    left:10px;
    z-index:720;
    place-items:center;
    width:36px;
    height:36px;
    padding:8px;
    border:1px solid var(--community-line)!important;
    border-radius:7px;
    background:#0c141bE8;
    color:var(--community-text);
    box-shadow:0 5px 16px rgba(0,0,0,.34);
    cursor:pointer;
  }
  body.community-build-109-06 .community-mobile-nav-toggle:not([hidden]){
    display:grid;
  }
  body.community-build-109-06 .community-mobile-nav-toggle>span{
    display:grid;
    width:18px;
    gap:4px;
  }
  body.community-build-109-06 .community-mobile-nav-toggle i{
    display:block;
    height:2px;
    border-radius:2px;
    background:currentColor;
  }
  body.community-build-109-06 .community-mobile-nav-scrim{
    position:absolute;
    inset:0;
    z-index:690;
    width:100%;
    height:100%;
    padding:0;
    border:0;
    border-radius:0;
    background:rgba(0,0,0,.66);
    cursor:default;
  }
  body.community-build-109-06 .community-mobile-nav-scrim:not([hidden]){
    display:block;
  }
  body.community-build-109-06 .community-mobile-rail-drawer{
    position:absolute;
    inset:0 auto 0 0;
    z-index:700;
    display:grid;
    grid-template-columns:64px minmax(0,1fr);
    grid-template-rows:48px minmax(0,1fr) 56px;
    width:min(340px,100%);
    max-width:100%;
    min-height:0;
    overflow:hidden;
    border-right:1px solid var(--community-line);
    background:#090f14;
    box-shadow:16px 0 36px rgba(0,0,0,.52);
    transform:translateX(-102%);
    visibility:hidden;
    pointer-events:none;
    transition:transform .18s ease,visibility 0s linear .18s;
  }
  body.community-build-109-06.community-mobile-nav-open .community-mobile-rail-drawer{
    transform:translateX(0);
    visibility:visible;
    pointer-events:auto;
    transition:transform .18s ease;
  }
  body.community-build-109-06 .community-mobile-rail-head{
    grid-column:1 / 3;
    grid-row:1;
    display:flex;
    align-items:center;
    justify-content:space-between;
    min-width:0;
    padding:0 9px 0 14px;
    border-bottom:1px solid var(--community-line);
    background:#0c1319;
  }
  body.community-build-109-06 .community-mobile-rail-head>strong{
    color:var(--community-text);
    font-size:13px;
    letter-spacing:.02em;
  }
  body.community-build-109-06 .community-mobile-rail-head>button{
    display:grid;
    place-items:center;
    width:32px;
    height:32px;
    padding:7px;
    border:0;
    border-radius:6px;
    background:transparent;
    color:var(--community-muted);
    cursor:pointer;
  }
  body.community-build-109-06 .community-mobile-rail-head>button:hover{
    background:var(--community-accent-soft);
    color:#fff;
  }
  body.community-build-109-06 .community-mobile-rail-head svg{
    width:18px;
    height:18px;
    fill:none;
    stroke:currentColor;
    stroke-width:2;
    stroke-linecap:round;
  }
  body.community-build-109-06:not(.mac-community-os-shell) .community-mobile-rail-drawer>.community-org-rail{
    display:flex!important;
    grid-column:1!important;
    grid-row:2!important;
    width:64px!important;
    min-width:0!important;
    min-height:0!important;
    padding:8px 4px!important;
    overflow-y:auto!important;
  }
  body.community-build-109-06:not(.mac-community-os-shell) .community-mobile-rail-drawer>.community-channel-rail{
    display:flex!important;
    grid-column:2!important;
    grid-row:2!important;
    width:auto!important;
    min-width:0!important;
    min-height:0!important;
    overflow:hidden!important;
    border-bottom:0!important;
  }
  body.community-build-109-06 .community-mobile-rail-drawer>.community-user-dock{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    position:relative!important;
    inset:auto!important;
    transform:none!important;
    grid-column:1 / 3!important;
    grid-row:3!important;
    width:100%!important;
    max-width:none!important;
    height:56px!important;
    min-height:56px!important;
    max-height:56px!important;
    margin:0!important;
    padding:9px 10px!important;
    border-top:1px solid var(--community-line)!important;
    border-right:0!important;
    background:#0c131a!important;
  }
  body.community-build-109-06 :is(.community-chat-head,.community-dm-chat-head,.community-friends-head,.community-message-requests-head,.community-discovery-head,.community-admin-head,.community-native-media-top){
    padding-left:58px!important;
  }
}

@media(max-width:360px){
  body.community-build-109-06 .community-mobile-rail-drawer{
    grid-template-columns:58px minmax(0,1fr);
  }
  body.community-build-109-06 .community-mobile-rail-drawer>.community-org-rail{
    width:58px!important;
  }
}
/* Canonical server-management frame and active-server profile editor. */
.community-admin-view{padding-top:0;padding-bottom:0}
.community-admin-head{padding:16px 24px 14px}
.community-admin-back{padding-bottom:8px}
.community-admin-head .eyebrow{margin-bottom:2px}
.community-admin-head h2{margin:2px 0 0;font-size:20px}
.community-admin-tabs{padding:6px 18px}
.community-admin-body{display:block;padding:0 24px 32px;align-content:normal;justify-content:normal}
.community-admin-panel:not([hidden]){display:block;min-height:0;height:auto;margin:0;padding-top:16px;align-self:start;justify-self:stretch}
#community-admin-profile:not([hidden]){padding-top:26px}
.community-server-profile-layout{display:grid;grid-template-columns:minmax(240px,.72fr) minmax(320px,1.28fr);gap:24px;align-items:start}
.community-server-profile-preview{position:relative;min-height:260px;overflow:hidden;border:1px solid rgba(75,106,119,.42);border-radius:14px;background:#0a1319;padding:132px 20px 22px;color:#eef9fc}
.community-server-profile-banner{position:absolute;inset:0 0 auto;height:112px;background:linear-gradient(135deg,#12313d,#09151c)}
.community-server-profile-banner img{width:100%;height:100%;display:block;object-fit:cover}
.community-server-profile-icon{position:absolute;top:78px;left:20px;width:68px;height:68px;display:grid;place-items:center;overflow:hidden;border:4px solid #0a1319;border-radius:18px;background:#12313d;color:#7ee8f8;font-size:22px;font-weight:900}
.community-server-profile-icon img{width:100%;height:100%;display:block;object-fit:cover}
.community-server-profile-preview>strong{display:block;margin-top:16px;font-size:18px}.community-server-profile-preview>p{min-height:2.8em;margin:8px 0 0;color:#91a5ae;line-height:1.45;white-space:pre-wrap}
.community-server-profile-editor,.community-server-profile-form,.community-server-profile-assets{display:grid;gap:14px}.community-server-profile-form label{display:grid;gap:7px;color:#b8c9d0;font-size:11px;font-weight:700}.community-server-profile-form input,.community-server-profile-form textarea{width:100%;box-sizing:border-box;border:1px solid rgba(74,108,121,.55);border-radius:8px;background:#081116;color:#e8f5f8;padding:10px 11px;font:inherit}.community-server-profile-form textarea{resize:vertical}.community-server-profile-form label small{justify-self:end;color:#657c86}.community-server-profile-form .btn{justify-self:start}
.community-server-profile-assets{grid-template-columns:1fr 1fr}.community-server-profile-assets>div{display:grid;gap:8px;padding:14px;border:1px solid rgba(75,106,119,.36);border-radius:10px;background:rgba(8,17,22,.55)}.community-server-profile-assets small{color:#718791;line-height:1.4}.community-server-profile-assets>div>div{display:flex;gap:8px;flex-wrap:wrap}.community-server-profile-assets label.btn{display:inline-flex;align-items:center;cursor:pointer}
@media(max-width:780px){.community-admin-head{padding:14px 18px 12px}.community-admin-tabs{padding:6px 10px}.community-admin-body{padding:0 18px 28px}.community-admin-panel:not([hidden]){padding-top:14px}#community-admin-profile:not([hidden]){padding-top:26px}.community-server-profile-layout{grid-template-columns:1fr}.community-server-profile-assets{grid-template-columns:1fr}}

/* Management chrome belongs to the open shell canvas; grouped controls retain their own surfaces. */
:is(.community-admin-view,.community-admin-head,.community-admin-tabs,.community-admin-body,.community-admin-panel,.community-admin-status){background:transparent}
:is(.community-admin-view,.community-admin-body,.community-admin-tabs){scrollbar-width:thin;scrollbar-color:transparent transparent}
:is(.community-admin-view,.community-admin-body,.community-admin-tabs):hover{scrollbar-color:rgba(70,105,118,.32) transparent}
:is(.community-admin-view,.community-admin-body,.community-admin-tabs)::-webkit-scrollbar{width:6px;height:6px;background:transparent}
:is(.community-admin-view,.community-admin-body,.community-admin-tabs)::-webkit-scrollbar-track,
:is(.community-admin-view,.community-admin-body,.community-admin-tabs)::-webkit-scrollbar-corner{background:transparent}
:is(.community-admin-view,.community-admin-body,.community-admin-tabs)::-webkit-scrollbar-thumb{border-radius:999px;background:transparent}
:is(.community-admin-view,.community-admin-body,.community-admin-tabs):hover::-webkit-scrollbar-thumb{background:rgba(70,105,118,.28)}
:is(.community-admin-view,.community-admin-body,.community-admin-tabs)::-webkit-scrollbar-thumb:hover{background:rgba(62,151,173,.42)}

/* Canonical channel/category organizer. Navigation rails remain presentation-only. */
.community-channel-manager-intro{align-items:center;flex-wrap:wrap}
.community-channel-manager-create{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.community-channel-manager-create .btn,.community-channel-manager-create .community-small-button{padding:9px 12px;font-size:10px}
.community-channel-organizer{display:grid;gap:18px;width:100%;min-width:0;background:transparent}
.community-channel-manager-groups{display:grid;gap:16px;min-width:0}
.community-channel-manager-group{min-width:0;border-top:1px solid rgba(77,112,125,.34);background:transparent}
.community-channel-manager-row{position:relative;min-width:0;background:transparent}
.community-channel-manager-row.category{display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:42px;padding:8px 6px 7px 2px;border-bottom:1px solid rgba(66,96,108,.22);color:#dcebee}
.community-channel-manager-row.category:hover{background:rgba(24,56,67,.12)}
.community-channel-manager-row.category .drag-handle,.community-channel-manager-row.channel .drag-handle{display:grid;place-items:center;align-self:stretch;border:0;background:transparent;color:#4e6872;font:800 13px/1 Arial,sans-serif;letter-spacing:-2px;cursor:grab}
.community-channel-manager-row.category.fixed .drag-handle,.community-channel-manager-row.channel:not([draggable="true"]) .drag-handle{cursor:default;opacity:.38}
.community-channel-manager-row .category-identity{display:flex;align-items:baseline;gap:10px;min-width:0}
.community-channel-manager-row .category-name{color:#dbe9ed;font:900 11px/1.2 Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.community-channel-manager-row .category-count{color:#66808a;font:700 8px/1.2 Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase}
.community-channel-manager-list{display:grid;padding-left:34px}
.community-channel-manager-row.channel{display:grid;grid-template-columns:20px minmax(0,1fr) minmax(94px,.32fr) minmax(82px,.25fr) auto;align-items:center;gap:10px;min-height:38px;padding:5px 6px 5px 0;border-bottom:1px solid rgba(64,91,102,.16);color:#a8bac1}
.community-channel-manager-row.channel:last-child{border-bottom:0}.community-channel-manager-row.channel:hover{background:rgba(19,50,61,.13)}
.community-channel-manager-row .channel-identity{display:flex;align-items:center;gap:9px;min-width:0}.community-channel-manager-row .channel-icon{width:17px;color:#5e7b86;font:800 13px/1 Arial,sans-serif;text-align:center}.community-channel-manager-row .name{min-width:0;overflow-wrap:anywhere;color:#d7e4e8;font:700 10px/1.3 Arial,sans-serif}.community-channel-manager-row .type,.community-channel-manager-row .access,.community-channel-manager-row .status{color:#667f89;font:700 8px/1.2 Arial,sans-serif;letter-spacing:.05em;text-transform:uppercase}.community-channel-manager-row .status{color:#b9896f}
.community-channel-read-only-badge{flex:0 0 auto;padding:2px 5px;border:1px solid rgba(91,125,138,.3);border-radius:999px;color:#6f8994;font:800 7px/1 Arial,sans-serif;letter-spacing:.05em;text-transform:uppercase}
#community-message-form[hidden]{display:none!important}
.community-channel-manager-empty{padding:12px 10px 3px 54px;color:#58717a;font:700 9px/1.4 Arial,sans-serif}
.community-channel-manager-menu{position:relative;justify-self:end}.community-channel-manager-menu>summary{display:grid;width:27px;height:27px;place-items:center;border:1px solid transparent;border-radius:6px;color:#66818b;font:900 13px/1 Arial,sans-serif;letter-spacing:1px;cursor:pointer;list-style:none}.community-channel-manager-menu>summary::-webkit-details-marker{display:none}.community-channel-manager-menu>summary:hover,.community-channel-manager-menu[open]>summary{border-color:rgba(59,113,130,.48);background:rgba(10,29,37,.72);color:#bde8f0}.community-channel-manager-menu-items{position:absolute;z-index:20;top:calc(100% + 4px);right:0;display:grid;width:max-content;min-width:142px;padding:5px;border:1px solid rgba(63,104,118,.62);border-radius:8px;background:#09171d;box-shadow:0 12px 32px rgba(0,0,0,.38)}
.community-channel-manager-action{border:0;border-radius:5px;background:transparent;color:#a9c0c8;padding:8px 9px;font:800 9px/1.2 Arial,sans-serif;text-align:left;cursor:pointer}.community-channel-manager-action:hover{background:rgba(31,91,108,.28);color:#effcff}.community-channel-manager-action.danger{color:#d5989b}.community-channel-manager-action.danger:hover{background:rgba(112,43,47,.25);color:#ffdadd}.community-channel-manager-system-note{padding:0 6px;color:#566d76;font:800 8px/1.2 Arial,sans-serif;letter-spacing:.05em;text-transform:uppercase}
.community-channel-manager-row[draggable="true"]{cursor:grab}.community-channel-manager-row.dragging{opacity:.42}.community-channel-manager-row.drop-before::before,.community-channel-manager-row.drop-after::after{content:"";position:absolute;z-index:5;left:4px;right:4px;height:2px;background:#24cce9;box-shadow:0 0 10px rgba(36,204,233,.42)}.community-channel-manager-row.drop-before::before{top:-1px}.community-channel-manager-row.drop-after::after{bottom:-1px}.community-channel-manager-row.drop-inside{box-shadow:inset 0 0 0 1px rgba(36,204,233,.55);background:rgba(24,91,108,.18)}
.community-channel-manager-legacy{min-width:0;border-top:1px solid rgba(68,94,104,.24);background:transparent}.community-channel-manager-legacy>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;padding:11px 6px;color:#70868e;font:900 9px/1.2 Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}.community-channel-manager-legacy>summary small{min-width:0;color:#536b74;font-size:8px;letter-spacing:.04em;text-align:right;overflow-wrap:anywhere}.community-channel-manager-legacy>.community-channel-manager-groups{padding:7px 0 2px;opacity:.76}
#community-channel-manager-status{min-height:18px;margin:10px 0 0}
@media(max-width:780px){.community-channel-manager-intro{align-items:flex-start}.community-channel-manager-create{justify-content:flex-start}.community-channel-manager-row.channel{grid-template-columns:20px minmax(0,1fr) minmax(72px,auto) auto}.community-channel-manager-row.channel .access{display:none}.community-channel-manager-list{padding-left:20px}}
@media(max-width:520px){.community-channel-manager-intro>div:first-child,.community-channel-manager-create{width:100%}.community-channel-manager-create{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));box-sizing:border-box}.community-channel-manager-create .btn,.community-channel-manager-create .community-small-button{min-width:0}.community-channel-manager-row.category{grid-template-columns:20px minmax(0,1fr) auto;gap:7px}.community-channel-manager-row .category-identity{display:grid;gap:3px}.community-channel-manager-row.channel{grid-template-columns:18px minmax(0,1fr) auto;gap:7px}.community-channel-manager-row.channel .type{display:none}.community-channel-manager-list{padding-left:10px}.community-channel-manager-legacy>summary{display:grid;justify-content:stretch}.community-channel-manager-legacy>summary small{text-align:left}}

/* Stage Slice B: Stage owns speaker, audience, and action presentation. */
body.community-stage-chat-mode .community-native-media[data-stage-waiting="false"] .community-native-media-card{
  display:flex;min-width:0;min-height:0;padding:0!important;overflow:hidden;background:linear-gradient(180deg,#0b141b,#080e13)
}
body.community-stage-chat-mode .community-native-media[data-stage-waiting="false"] .community-stage-live:not([hidden]){
  box-sizing:border-box;display:flex!important;flex:1 1 auto;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:16px;width:100%;min-width:0;min-height:0!important;overflow-y:auto;padding:20px clamp(18px,3vw,34px) 14px;background:transparent
}
.community-stage-capacity-summary{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:7px;width:min(100%,980px);margin-inline:auto;color:#7d959f;font:750 9px/1.2 Arial,sans-serif;letter-spacing:.04em;text-transform:uppercase}
.community-stage-capacity-summary span{padding:5px 8px;border-radius:999px;background:#111f27}.community-stage-capacity-summary strong{color:#b8d4dc;font-size:10px}
.community-stage-region{box-sizing:border-box;width:min(100%,980px);min-width:0;margin-inline:auto}
.community-stage-region-head{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:28px;margin-bottom:8px;color:#8098a3;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.community-stage-region-head strong{color:#e7f7fb;font-size:11px;letter-spacing:.12em}
.community-stage-region-head span{padding:3px 7px;border-radius:999px;background:#13232b;color:#9fc1ca;font-size:10px;letter-spacing:.04em}
.community-stage-live-speakers{width:100%;max-width:none;display:grid;grid-template-columns:minmax(0,420px);gap:12px;align-items:stretch;justify-content:start;margin:0}
.community-stage-live-speakers[data-speaker-count="2"],
.community-stage-live-speakers[data-speaker-count="3"],
.community-stage-live-speakers[data-speaker-count="4"]{grid-template-columns:repeat(2,minmax(0,1fr))}
.community-stage-speaker-tile{box-sizing:border-box;width:100%;height:clamp(124px,18vh,180px);aspect-ratio:auto;border-radius:12px;box-shadow:none}
.community-stage-speaker-avatar{width:clamp(58px,7vw,88px);height:clamp(58px,7vw,88px);font-size:clamp(22px,3vw,34px)}
.community-stage-speaker-avatar img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;border-radius:inherit}
.community-stage-speaker-badge{left:10px;top:10px;padding:4px 6px;font-size:8px}
.community-stage-speaker-meta{min-height:40px;padding:0 11px;gap:8px}
.community-stage-speaker-actions{display:flex;align-items:center;gap:5px;margin-left:auto}
.community-stage-speaker-actions button,.community-stage-audience-actions button{min-height:28px;border:1px solid #355463;border-radius:6px;background:#142832;color:#cce5eb;padding:4px 7px;font:750 9px/1.2 Arial,sans-serif;cursor:pointer}
.community-stage-speaker-actions button[data-stage-action="remove"],.community-stage-audience-actions button[data-stage-action="remove"]{border-color:#674149;background:#2b181c;color:#f2c0c6}
.community-stage-live-empty{grid-column:1/-1;padding:28px;border-radius:12px}
.community-stage-audience-region{flex:0 0 auto}
.community-stage-audience-list{display:flex;flex-wrap:wrap;align-content:flex-start;gap:7px;min-height:54px;padding:10px;border:1px solid #1d3039;border-radius:10px;background:rgba(10,19,25,.7)}
.community-stage-audience-member{display:flex;align-items:center;gap:7px;box-sizing:border-box;min-width:170px;max-width:300px;min-height:42px;padding:5px 8px;border:1px solid #263e49;border-radius:9px;background:#101d24;color:#c7d8de}
.community-stage-audience-member[data-hand-raised="true"]{border-color:#7b652f;background:#241f12}
.community-stage-audience-copy{display:grid;min-width:0;gap:2px}.community-stage-audience-copy strong{overflow:hidden;color:#e7f4f7;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.community-stage-audience-copy small{color:#718b96;font-size:8px;text-transform:uppercase;letter-spacing:.06em}
.community-stage-audience-actions{display:flex;align-items:center;gap:4px;margin-left:auto}
.community-stage-live-actions{position:relative;right:auto;bottom:auto;left:auto;z-index:20;isolation:isolate;box-sizing:border-box;display:flex;flex:0 0 auto;align-self:stretch;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;width:100%;min-width:0;max-width:none;min-height:60px;padding:8px clamp(18px,3vw,34px) 10px;overflow:visible;transform:none;background:#0a1218}
.community-stage-live-actions[hidden]{display:none!important}
.community-stage-live-actions button{min-width:auto;min-height:44px;border:1px solid #31515d;border-radius:10px;background:#102129;color:#e8faff;padding:0 13px;font:750 10px/1.15 Arial,sans-serif;cursor:pointer}
.community-native-media-camera-source{display:inline-flex;min-width:0}.community-native-media-camera-source[hidden]{display:none!important}.community-native-media-camera-source select{box-sizing:border-box;max-width:clamp(132px,18vw,220px);min-height:44px;border:1px solid #31515d;border-radius:10px;background:#102129;color:#e8faff;padding:0 30px 0 11px;font:750 10px/1.15 Arial,sans-serif;cursor:pointer}.community-native-media-camera-source select:focus-visible{border-color:#22d3ee;outline:2px solid rgba(34,211,238,.28);outline-offset:2px}.community-native-media-camera-source select:disabled{cursor:not-allowed;opacity:.55}
.community-stage-live-actions button:hover,.community-stage-live-actions button:focus-visible{border-color:#22d3ee;background:#15303a;outline:none}
.community-native-media-camera-publisher{position:fixed!important;left:-2px!important;bottom:-2px!important;width:1px!important;height:1px!important;opacity:.001!important;pointer-events:none!important;border:0!important;clip-path:inset(50%)!important}
.community-native-media-mic-level{display:inline-flex;align-items:flex-end;justify-content:center;gap:2px;box-sizing:border-box;width:28px;height:44px;padding:12px 5px;border-radius:9px;background:rgba(10,25,32,.72)}
.community-native-media-mic-level[hidden]{display:none!important}.community-native-media-mic-level i{display:block;width:3px;height:6px;border-radius:2px;background:#314b56;transition:height .08s linear,background-color .08s linear}.community-native-media-mic-level i:nth-child(2){height:10px}.community-native-media-mic-level i:nth-child(3){height:14px}.community-native-media-mic-level i:nth-child(4){height:18px}
.community-native-media-mic-level[data-level="1"] i:nth-child(-n+1),.community-native-media-mic-level[data-level="2"] i:nth-child(-n+2),.community-native-media-mic-level[data-level="3"] i:nth-child(-n+3),.community-native-media-mic-level[data-level="4"] i{background:#39d3b5;box-shadow:0 0 6px rgba(57,211,181,.35)}
.community-native-media-mic-level[data-muted="true"]{opacity:.4}.community-native-media-mic-level[data-muted="true"] i{background:#70444a!important;box-shadow:none!important}
.community-stage-live-actions :is(#community-native-media-leave,#community-native-media-end-stage){border-color:#6c343c;background:#28171b;color:#ff9aa2}
.community-stage-live-actions .community-native-media-connection{display:none!important}
body.community-stage-chat-mode .community-native-media[data-stage-waiting="false"]>.community-native-media-card>.community-native-media-actions{display:none!important}
body.community-stage-chat-mode .community-native-media[data-stage-waiting="false"]:has(.community-native-media-frame-wrap:not([hidden])) .community-native-media-card{display:grid;grid-template-columns:minmax(0,1fr) clamp(180px,18vw,240px);grid-template-rows:minmax(0,1fr) auto;gap:12px;padding:12px!important}
body.community-stage-chat-mode .community-native-media[data-stage-waiting="false"]:has(.community-native-media-frame-wrap:not([hidden])) .community-stage-audience-region{display:none}
body.community-stage-chat-mode .community-native-media[data-stage-waiting="false"]:has(.community-native-media-frame-wrap:not([hidden])) .community-stage-live-actions{position:relative;z-index:3;grid-column:1/-1;grid-row:2;width:100%;max-width:none;min-height:52px;transform:none;border-radius:12px;background:rgba(7,15,20,.88)}
@media(max-width:760px){
  body.community-stage-chat-mode .community-native-media[data-stage-waiting="false"] .community-stage-live:not([hidden]){gap:12px;padding:14px 12px 10px}
  .community-stage-speaker-tile{height:124px}
  .community-stage-live-speakers[data-speaker-count="2"],.community-stage-live-speakers[data-speaker-count="3"],.community-stage-live-speakers[data-speaker-count="4"]{grid-template-columns:repeat(2,minmax(0,1fr))}
  .community-stage-audience-member{min-width:min(100%,150px);flex:1 1 150px}
  body.community-stage-chat-mode .community-native-media[data-stage-waiting="false"] .community-stage-live-actions{position:relative;inset:auto;width:calc(100vw - 44px)!important;min-width:0;max-width:calc(100vw - 44px)!important;gap:6px;margin-inline:0;padding:7px 10px 9px;transform:none}
  .community-stage-live-actions button{min-height:44px;padding-inline:10px;font-size:9px}
}
@media(max-width:900px){body.community-stage-chat-mode .community-native-media[data-stage-waiting="false"]:has(.community-native-media-frame-wrap:not([hidden])) .community-native-media-card{grid-template-columns:minmax(0,1fr) 150px}}
@media(max-width:700px){
  body.community-stage-chat-mode .community-native-media[data-stage-waiting="false"]:has(.community-native-media-frame-wrap:not([hidden])) .community-native-media-card{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto auto}
  body.community-stage-chat-mode .community-native-media[data-stage-waiting="false"]:has(.community-native-media-frame-wrap:not([hidden])) .community-stage-live-actions{grid-column:1;grid-row:3}
}

/* Stage screen-share stability: preserve the viewer node and reserve controls outside the stage. */
body.community-stage-chat-mode .community-native-media[data-stage-waiting="false"]:has(.community-native-media-frame-wrap:not([hidden])) .community-native-media-card,
body.community-stage-chat-mode:has(#community-stage-chat-rail:not([hidden])) .community-native-media[data-stage-waiting="false"]:has(.community-native-media-frame-wrap:not([hidden])) .community-native-media-card{width:100%!important;transition:none!important}
body.community-stage-chat-mode .community-native-media-share-grid[data-share-count="1"]{display:grid;place-items:center;container-type:size;overflow:hidden}
body.community-stage-chat-mode .community-native-media-share-grid[data-share-count="1"] .community-native-media-share-tile{position:relative;display:block!important;width:min(100cqw,calc(100cqh * 16 / 9))!important;height:auto!important;max-width:100%;max-height:100%;aspect-ratio:16/9!important;flex:none}
body.community-stage-chat-mode .community-native-media-share-grid[data-share-count="1"] .community-native-media-share-tile iframe{position:absolute;inset:0;display:block;width:100%!important;height:100%!important;aspect-ratio:16/9!important;object-fit:contain}

/* Desktop Stage UX reconfiguration: one stable main stage with supporting participants. */
@media(min-width:761px){
  body.community-stage-chat-mode .community-native-media[data-stage-waiting="false"] .community-native-media-card{display:grid;grid-template-columns:minmax(0,1fr) clamp(240px,20vw,300px);grid-template-rows:auto minmax(0,1fr) auto;gap:12px;padding:12px!important}
  body.community-stage-chat-mode .community-stage-desktop-header:not([hidden]){grid-column:1/-1;grid-row:1;display:flex;align-items:center;justify-content:space-between;gap:20px;min-width:0;padding:4px 6px 8px}
  .community-stage-desktop-header>div{display:grid;gap:2px;min-width:0}.community-stage-desktop-header small{color:#37c9e8;font:800 8px/1.2 Arial,sans-serif;letter-spacing:.12em}.community-stage-desktop-header strong{overflow:hidden;color:#f0f9fc;font:750 18px/1.2 Arial,sans-serif;text-overflow:ellipsis;white-space:nowrap}.community-stage-desktop-header p{display:flex;align-items:center;gap:8px;margin:0;color:#8096a0;font:700 10px/1.2 Arial,sans-serif;white-space:nowrap}.community-stage-desktop-header p b{color:#3d515a}
  body.community-stage-chat-mode .community-native-media[data-stage-waiting="false"] .community-native-media-frame-wrap{display:grid!important;grid-column:1;grid-row:2;grid-template-rows:minmax(0,1fr) auto;min-width:0;min-height:0;margin:0;overflow:hidden!important;background:#020609!important}
  body.community-stage-chat-mode .community-native-media[data-stage-waiting="false"] .community-stage-live:not([hidden]){grid-column:2;grid-row:2;display:flex!important;min-width:0;min-height:0!important;gap:12px;padding:0;overflow-y:auto;background:transparent}
  body.community-stage-chat-mode .community-native-media[data-stage-waiting="false"] .community-stage-live .community-stage-capacity-summary{display:none}
  body.community-stage-chat-mode .community-native-media[data-stage-waiting="false"] .community-stage-audience-region{display:block!important}
  body.community-stage-chat-mode .community-native-media[data-stage-waiting="false"]:has(.community-native-media-frame-wrap:not([hidden])) .community-stage-live-speakers{display:grid!important}
  body.community-stage-chat-mode .community-native-media[data-stage-waiting="false"]:has(.community-native-media-frame-wrap:not([hidden])) .community-stage-live-speakers[data-speaker-count="1"]{grid-template-columns:minmax(0,1fr)!important}
  body.community-stage-chat-mode .community-native-media[data-stage-waiting="false"]:has(.community-native-media-frame-wrap:not([hidden])) .community-stage-live-speakers:is([data-speaker-count="2"],[data-speaker-count="3"],[data-speaker-count="4"]){grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.community-stage-chat-mode .community-native-media[data-stage-waiting="false"]:has(.community-native-media-frame-wrap:not([hidden])) .community-stage-speaker-tile{aspect-ratio:auto}
  body.community-stage-chat-mode .community-native-media[data-stage-waiting="false"] .community-stage-live-actions{position:relative;grid-column:1/-1;grid-row:3;display:flex!important;width:100%;max-width:none;min-height:58px;transform:none;padding:7px 10px;border-radius:12px;background:#091219}
}
body.community-stage-chat-mode .community-native-media-share-grid{display:grid!important;grid-row:1;grid-template-columns:repeat(3,minmax(0,150px));grid-template-rows:minmax(0,1fr) 92px;align-items:stretch;justify-content:center;gap:8px;min-width:0;min-height:0;padding:0!important;container-type:size!important;overflow:hidden;background:#020609!important}
body.community-stage-chat-mode .community-native-media-share-grid:empty{display:none!important}
body.community-stage-chat-mode .community-native-media-share-grid .community-native-media-share-tile{position:relative!important;grid-row:2;width:auto!important;height:92px!important;min-height:0;aspect-ratio:16/9!important;border:1px solid #263f49!important;border-radius:8px!important;cursor:pointer;opacity:.78;overflow:hidden;background:#000!important}
body.community-stage-chat-mode .community-native-media-share-grid .community-native-media-share-tile iframe{position:absolute;inset:0;width:100%!important;height:100%!important;border:0;aspect-ratio:auto!important;background:#000!important;pointer-events:none}
.community-stage-speaker-tile{cursor:pointer}.community-stage-speaker-tile:focus-visible,.community-native-media-share-tile:focus-visible{outline:2px solid #69e6ff;outline-offset:2px}
.community-stage-speaker-camera{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000}.community-native-media-share-label{position:absolute;right:6px;bottom:6px;left:6px;z-index:2;overflow:hidden;padding:5px 7px;border-radius:6px;background:linear-gradient(90deg,rgba(2,8,11,.9),rgba(2,8,11,.22));color:#dff7fc;font:750 8px/1.2 Arial,sans-serif;text-overflow:ellipsis;white-space:nowrap;pointer-events:none}
.community-stage-audience-member[data-hand-raised="true"]{box-shadow:0 0 0 1px rgba(240,190,65,.45) inset}.community-stage-audience-member[data-hand-raised="true"] .community-stage-audience-copy small{color:#efc85f}
.community-stage-interaction-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:8px;background:#0b141a}.community-stage-interaction-tabs button{min-height:44px;border:1px solid transparent;border-radius:7px;background:transparent;color:#718994;font:750 10px/1.2 Arial,sans-serif;cursor:pointer}.community-stage-interaction-tabs button.active{border-color:#29505e;background:#12242c;color:#e8f8fb}.community-stage-interaction-tabs span{display:inline-grid;place-items:center;min-width:18px;height:18px;margin-left:4px;border-radius:999px;background:#25343b;color:#d6e7ec;font-size:8px}
.community-stage-raised-hands{flex:1 1 auto;min-height:0;overflow-y:auto;padding:8px}.community-stage-raised-hands[hidden]{display:none!important}.community-stage-hands-empty{margin:28px 10px;color:#657d88;font-size:10px;text-align:center}.community-stage-hand-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;min-height:52px;padding:7px;border-radius:8px}.community-stage-hand-row:hover{background:#111e25}.community-stage-hand-copy{display:grid;min-width:0;gap:2px}.community-stage-hand-copy strong{overflow:hidden;color:#e7f4f7;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.community-stage-hand-copy small{color:#7b929c;font-size:8px}.community-stage-hand-row button{min-height:36px;border:1px solid #2c5968;border-radius:7px;background:#12303a;color:#d9f5fb;padding:0 8px;font:750 9px/1.2 Arial,sans-serif;cursor:pointer}
body.community-stage-chat-mode:has(#community-stage-chat-rail:not([hidden])) .community-native-media-card{width:100%!important;transition:none!important}
@media(max-width:1100px) and (min-width:761px){body.community-stage-chat-mode .community-native-media[data-stage-waiting="false"] .community-native-media-card{grid-template-columns:minmax(0,1fr) 220px}.community-stage-desktop-header p{gap:5px}.community-stage-speaker-actions,.community-stage-audience-actions{display:none}}

/* Desktop Stage visual correction: media-aware main stage plus a dedicated interaction rail. */
@media(min-width:761px){
  body.community-stage-chat-mode{--stage-interaction-width:clamp(320px,25vw,380px)}
  body.community-stage-chat-mode .community-native-media[data-stage-waiting="false"]{box-sizing:border-box;padding-right:0!important;transition:padding-right .18s ease}
  body.community-stage-chat-mode:has(#community-stage-chat-rail:not([hidden])) .community-native-media[data-stage-waiting="false"]{padding-right:calc(var(--stage-interaction-width) + 28px)!important}
  body.community-stage-chat-mode .community-native-media[data-stage-waiting="false"] .community-native-media-card,
  body.community-stage-chat-mode .community-native-media[data-stage-waiting="false"]:has(.community-native-media-frame-wrap:not([hidden])) .community-native-media-card{
    display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto minmax(0,1fr) auto!important;gap:0!important;width:100%!important;height:100%;min-height:0!important;padding:0!important;overflow:hidden!important
  }
  body.community-stage-chat-mode .community-stage-desktop-header:not([hidden]){grid-column:1!important;grid-row:1!important;padding:12px 18px 10px;border-bottom:1px solid rgba(64,91,103,.3)}
  body.community-stage-chat-mode .community-stage-desktop-body{grid-column:1;grid-row:2;display:grid;grid-auto-rows:max-content;align-content:start;align-items:start;gap:18px;min-width:0;min-height:0;max-height:100%;padding:16px 18px 20px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;scrollbar-gutter:stable}
  body.community-stage-chat-mode .community-native-media[data-stage-waiting="false"] .community-native-media-frame-wrap{
    position:relative!important;grid-column:auto!important;grid-row:auto!important;display:grid!important;box-sizing:border-box;min-width:0;min-height:0;margin:0 auto!important;overflow:hidden!important
  }
  body.community-stage-chat-mode .community-native-media[data-stage-waiting="false"][data-stage-presentation="media"] .community-native-media-frame-wrap{
    width:min(100%,1280px)!important;height:auto!important;max-width:1280px!important;max-height:none!important;aspect-ratio:auto;border:0!important;border-radius:0!important;background:transparent!important
  }
  body.community-stage-chat-mode .community-native-media[data-stage-waiting="false"][data-stage-presentation="empty"] .community-stage-desktop-body{gap:0}
  body.community-stage-chat-mode .community-native-media[data-stage-waiting="false"][data-stage-presentation="empty"] .community-native-media-frame-wrap{width:0!important;height:0!important;min-width:0!important;min-height:0!important;aspect-ratio:auto!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;opacity:0;pointer-events:none}
  body.community-stage-chat-mode .community-native-media[data-stage-waiting="false"] .community-stage-live:not([hidden]){
    grid-column:auto!important;grid-row:auto!important;align-self:start!important;display:flex!important;flex:none!important;flex-direction:column;align-items:stretch!important;justify-content:flex-start!important;gap:16px;width:100%;height:auto!important;min-width:0;min-height:0!important;padding:0!important;overflow:visible!important
  }
  body.community-stage-chat-mode .community-native-media[data-stage-waiting="false"] .community-stage-region{display:block!important;flex:none!important;width:100%;height:auto!important;min-height:0;max-width:none;margin:0;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
  body.community-stage-chat-mode .community-native-media[data-stage-waiting="false"] .community-stage-speakers-region{container:stage-speakers/inline-size}
  body.community-stage-chat-mode .community-native-media[data-stage-waiting="false"] .community-stage-region-head{margin-bottom:8px;padding:0 2px}
  body.community-stage-chat-mode .community-native-media[data-stage-waiting="false"] .community-stage-live-speakers,
  body.community-stage-chat-mode .community-native-media[data-stage-waiting="false"]:has(.community-native-media-frame-wrap:not([hidden])) .community-stage-live-speakers{display:grid!important;align-content:start!important;justify-content:center;gap:10px;width:100%;max-width:1230px;height:auto!important;margin:0 auto}
  body.community-stage-chat-mode .community-native-media[data-stage-waiting="false"]:has(.community-native-media-frame-wrap:not([hidden])) .community-stage-live-speakers[data-speaker-count="1"]{grid-template-columns:minmax(220px,300px)!important}
  body.community-stage-chat-mode .community-native-media[data-stage-waiting="false"]:has(.community-native-media-frame-wrap:not([hidden])) .community-stage-live-speakers[data-speaker-count="2"]{grid-template-columns:repeat(2,minmax(220px,300px))!important}
  body.community-stage-chat-mode .community-native-media[data-stage-waiting="false"]:has(.community-native-media-frame-wrap:not([hidden])) .community-stage-live-speakers[data-speaker-count="3"]{grid-template-columns:repeat(3,minmax(220px,300px))!important}
  body.community-stage-chat-mode .community-native-media[data-stage-waiting="false"]:has(.community-native-media-frame-wrap:not([hidden])) .community-stage-live-speakers[data-speaker-count="4"]{grid-template-columns:repeat(4,minmax(220px,300px))!important}
  body.community-stage-chat-mode .community-native-media[data-stage-waiting="false"] .community-stage-speaker-tile,
  body.community-stage-chat-mode .community-native-media[data-stage-waiting="false"]:has(.community-native-media-frame-wrap:not([hidden])) .community-stage-speaker-tile{position:relative;width:100%;height:auto;min-width:0;overflow:visible;aspect-ratio:auto;border-radius:11px}
  body.community-stage-chat-mode .community-stage-speaker-visual{flex:none;min-width:0;min-height:0;aspect-ratio:16/9;overflow:hidden;border-radius:10px 10px 0 0}
  body.community-stage-chat-mode .community-native-media[data-stage-waiting="false"]:has(.community-native-media-frame-wrap:not([hidden])) .community-stage-speaker-avatar{width:58px;height:58px;font-size:23px}
  body.community-stage-chat-mode .community-stage-speaker-meta{box-sizing:border-box;min-width:0;min-height:40px;padding:0 10px}
  body.community-stage-chat-mode .community-stage-speaker-meta>strong{display:block;width:100%;min-width:0;overflow-wrap:anywhere;white-space:normal;line-height:1.2}
  body.community-stage-chat-mode .community-stage-speaker-menu{position:absolute;z-index:4;top:8px;right:8px}
  body.community-stage-chat-mode .community-stage-speaker-menu>summary{display:grid;place-items:center;box-sizing:border-box;width:32px;height:32px;border:1px solid rgba(61,94,107,.4);border-radius:8px;background:rgba(5,14,19,.72);color:#b6cbd3;font:800 14px/1 Arial,sans-serif;letter-spacing:1px;list-style:none;cursor:pointer}
  body.community-stage-chat-mode .community-stage-speaker-menu>summary::-webkit-details-marker{display:none}
  body.community-stage-chat-mode .community-stage-speaker-menu>summary:hover,
  body.community-stage-chat-mode .community-stage-speaker-menu>summary:focus-visible,
  body.community-stage-chat-mode .community-stage-speaker-menu[open]>summary{border-color:#4f8496;background:#142832;color:#e8faff;outline:none}
  body.community-stage-chat-mode .community-stage-speaker-actions{position:absolute;top:calc(100% + 6px);right:0;display:grid;gap:5px;min-width:142px;padding:6px;border:1px solid #2b4652;border-radius:9px;background:#0b171e;box-shadow:0 12px 30px rgba(0,0,0,.45)}
  body.community-stage-chat-mode .community-stage-speaker-actions button{width:100%;min-height:34px;text-align:left;white-space:nowrap}
  body.community-stage-chat-mode .community-stage-audience-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));align-content:start;max-height:none;min-height:0;overflow:visible;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
  body.community-stage-chat-mode .community-stage-audience-list:has(.community-stage-audience-menu[open]){position:relative;z-index:5;overflow:visible}
  body.community-stage-chat-mode .community-stage-audience-member{position:relative;width:100%;min-width:0;max-width:none;padding-right:42px}
  body.community-stage-chat-mode .community-stage-audience-menu{position:absolute;z-index:4;top:50%;right:6px;transform:translateY(-50%)}
  body.community-stage-chat-mode .community-stage-audience-menu>summary{display:grid;place-items:center;box-sizing:border-box;width:32px;height:32px;border:1px solid transparent;border-radius:8px;color:#8da5af;font:800 14px/1 Arial,sans-serif;letter-spacing:1px;list-style:none;cursor:pointer}
  body.community-stage-chat-mode .community-stage-audience-menu>summary::-webkit-details-marker{display:none}
  body.community-stage-chat-mode .community-stage-audience-menu>summary:hover,
  body.community-stage-chat-mode .community-stage-audience-menu>summary:focus-visible,
  body.community-stage-chat-mode .community-stage-audience-menu[open]>summary{border-color:#31515d;background:#142832;color:#e8faff;outline:none}
  body.community-stage-chat-mode .community-stage-audience-menu .community-stage-audience-actions{position:absolute;right:0;bottom:calc(100% + 6px);display:grid;gap:5px;min-width:132px;padding:6px;border:1px solid #2b4652;border-radius:9px;background:#0b171e;box-shadow:0 12px 30px rgba(0,0,0,.45)}
  body.community-stage-chat-mode .community-stage-audience-menu .community-stage-audience-actions button{width:100%;min-height:34px;text-align:left;white-space:nowrap}
  body.community-stage-chat-mode .community-stage-live-actions{position:relative!important;z-index:20!important;grid-column:1!important;grid-row:3!important;align-self:stretch!important;width:100%!important;min-height:58px;margin:0!important;border-radius:0!important;border-top:1px solid rgba(64,91,103,.3);overflow:visible!important;transform:none!important}
  body.community-stage-chat-mode #community-stage-chat-rail:not([hidden]){
    display:flex!important;position:absolute!important;top:0!important;right:14px!important;bottom:0!important;left:auto!important;z-index:500!important;box-sizing:border-box;width:var(--stage-interaction-width)!important;min-width:320px!important;max-width:380px!important;height:auto!important;margin:0!important;border:1px solid #22353e!important;border-radius:12px!important;background:rgba(5,11,15,.96)!important;box-shadow:0 18px 44px rgba(0,0,0,.48)!important;overflow:hidden!important;animation:community-stage-drawer-in .18s ease-out both
  }
  body.community-stage-chat-mode #community-stage-chat-rail .community-stage-interaction-tabs{flex:0 0 auto}
  body.community-stage-chat-mode #community-stage-chat-rail :is(.community-stage-chat-messages,.community-stage-raised-hands){min-height:0}
}
@container stage-speakers (max-width:1100px){
  body.community-stage-chat-mode .community-native-media[data-stage-waiting="false"]:has(.community-native-media-frame-wrap:not([hidden])) .community-stage-live-speakers[data-speaker-count="3"],
  body.community-stage-chat-mode .community-native-media[data-stage-waiting="false"]:has(.community-native-media-frame-wrap:not([hidden])) .community-stage-live-speakers[data-speaker-count="4"]{grid-template-columns:repeat(2,minmax(220px,300px))!important}
}
@keyframes community-stage-drawer-in{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:translateX(0)}}

/* Canonical Stage presentation ownership: NORMAL, SPEAKER_FOCUS, or SHARE_FOCUS. */
.community-stage-desktop-body{position:relative;box-sizing:border-box;flex:1 1 auto;min-width:0;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y}
body.community-stage-chat-mode .community-native-media[data-stage-waiting="false"] .community-stage-desktop-body .community-stage-live:not([hidden]){overflow:visible!important}
.community-stage-desktop-body:is([data-stage-presentation-mode="NORMAL"],[data-stage-presentation-mode="SPEAKER_FOCUS"],[data-stage-presentation-mode="SHARE_FOCUS"]){min-height:0!important;overflow-x:hidden!important;overflow-y:auto!important;scrollbar-gutter:stable!important;touch-action:pan-y!important}
.community-stage-region-title{display:flex;align-items:center;gap:7px;min-width:0}.community-stage-region-title i{color:#56727d;font:700 11px/1 Arial,sans-serif}.community-stage-region-title span{white-space:nowrap}
.community-stage-region-toggle{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:72px;min-height:36px;padding:0 10px;border:1px solid transparent;border-radius:8px;background:transparent;color:#8eabb5;font:750 10px/1.2 Arial,sans-serif;letter-spacing:.04em;cursor:pointer}
.community-stage-region-toggle:hover,.community-stage-region-toggle:focus-visible{border-color:#31515d;background:rgba(20,40,50,.72);color:#e8faff;outline:none}
.community-stage-region[data-collapsed="true"] .community-stage-region-head{margin-bottom:0!important}
.community-stage-region[data-collapsed="true"]>:not(.community-stage-region-head){display:none!important}
.community-stage-live-speakers[hidden],.community-stage-audience-list[hidden]{display:none!important}
.community-stage-presentation-restore{position:relative;z-index:82;justify-self:end;min-width:44px;min-height:44px;margin:0;padding:0 14px;border:1px solid #4d8191;border-radius:9px;background:rgba(5,16,22,.94);color:#e9faff;font:750 10px/1.2 Arial,sans-serif;cursor:pointer;box-shadow:none}
.community-stage-presentation-restore[hidden]{display:none!important}
body.community-stage-chat-mode .community-native-media[data-stage-waiting="false"] .community-stage-desktop-body[data-stage-presentation-mode="SPEAKER_FOCUS"] .community-stage-live-speakers,
body.community-stage-chat-mode .community-native-media[data-stage-waiting="false"]:has(.community-native-media-frame-wrap:not([hidden])) .community-stage-desktop-body[data-stage-presentation-mode="SPEAKER_FOCUS"] .community-stage-live-speakers{grid-template-columns:minmax(0,1fr)!important;justify-items:center!important}
.community-stage-desktop-body[data-stage-presentation-mode="SPEAKER_FOCUS"] .community-stage-live-speakers>.community-stage-speaker-tile:not([data-stage-focus-target="true"]){justify-self:center!important;width:min(300px,100%)!important}
.community-stage-desktop-body[data-stage-presentation-mode="SPEAKER_FOCUS"] .community-stage-speaker-tile[data-stage-focus-target="true"]{position:relative!important;z-index:4!important;inset:auto!important;grid-column:1!important;justify-self:center!important;display:grid!important;grid-template-rows:auto auto!important;box-sizing:border-box!important;width:min(clamp(480px,42vw,640px),calc(100vw - 72px))!important;height:auto!important;max-width:640px!important;max-height:none!important;margin:12px auto!important;border:0!important;border-radius:10px!important;background:transparent!important;box-shadow:none!important;aspect-ratio:auto!important;overflow:visible!important;cursor:default!important}
.community-stage-desktop-body[data-stage-presentation-mode="SPEAKER_FOCUS"] .community-stage-speaker-tile[data-stage-focus-target="true"] .community-stage-speaker-visual{width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:16/9!important;border-radius:10px!important;background:#000!important}
.community-stage-desktop-body[data-stage-presentation-mode="SPEAKER_FOCUS"] .community-stage-speaker-tile[data-stage-focus-target="true"] .community-stage-speaker-camera{width:100%!important;height:100%!important;object-fit:contain!important;background:#000!important;pointer-events:none!important}
.community-stage-desktop-body[data-stage-presentation-mode="SPEAKER_FOCUS"] .community-stage-speaker-tile[data-stage-focus-target="true"] .community-stage-speaker-meta{display:flex!important;min-height:44px!important;padding:6px 10px!important;border:0!important;background:transparent!important}
.community-stage-desktop-body[data-stage-presentation-mode="SPEAKER_FOCUS"] .community-stage-speaker-tile[data-stage-focus-target="true"] :is(.community-stage-speaker-badge,.community-stage-speaker-muted){display:block!important}
.community-stage-desktop-body[data-stage-presentation-mode="SPEAKER_FOCUS"] .community-stage-speaker-tile[data-stage-focus-target="true"] .community-stage-speaker-badge{top:10px!important;right:auto!important;bottom:auto!important;left:10px!important}
.community-stage-desktop-body[data-stage-presentation-mode="SPEAKER_FOCUS"] .community-stage-speaker-tile[data-stage-focus-target="true"] .community-stage-speaker-muted{top:10px!important;right:10px!important;bottom:auto!important;left:auto!important}
.community-stage-desktop-body[data-stage-presentation-mode="SPEAKER_FOCUS"] .community-stage-speaker-tile[data-stage-focus-target="true"][data-speaking="true"]{outline:2px solid #22d3ee!important;outline-offset:2px!important}
.community-stage-desktop-body[data-stage-presentation-mode="SPEAKER_FOCUS"] .community-stage-speaker-tile[data-stage-focus-target="true"] .community-stage-speaker-menu{display:none!important}
.community-stage-live-speakers:has(>.community-stage-speaker-tile[data-media-zoom-level="1"],>.community-stage-speaker-tile[data-media-zoom-level="2"]){grid-template-columns:minmax(0,1fr)!important;justify-items:center!important}
.community-stage-speaker-tile:is([data-media-zoom-level="1"],[data-media-zoom-level="2"]){position:relative!important;z-index:4!important;grid-column:1/-1!important;justify-self:center!important;display:grid!important;grid-template-rows:auto auto!important;box-sizing:border-box!important;height:auto!important;max-height:none!important;margin:12px auto!important;border:0!important;border-radius:10px!important;background:transparent!important;box-shadow:none!important;aspect-ratio:auto!important;overflow:visible!important;cursor:pointer!important}
.community-stage-speaker-tile[data-media-zoom-level="1"]{width:min(clamp(520px,55vw,900px),calc(100vw - 72px))!important;max-width:900px!important}
.community-stage-speaker-tile[data-media-zoom-level="2"]{width:min(100%,1280px)!important;max-width:1280px!important}
.community-stage-desktop-body[data-stage-presentation-mode="SPEAKER_FOCUS"] .community-stage-speaker-tile[data-stage-focus-target="true"][data-media-zoom-level="1"]{width:min(clamp(520px,55vw,900px),calc(100vw - 72px))!important;max-width:900px!important}
.community-stage-desktop-body[data-stage-presentation-mode="SPEAKER_FOCUS"] .community-stage-speaker-tile[data-stage-focus-target="true"][data-media-zoom-level="2"]{width:min(100%,1280px)!important;max-width:1280px!important}
.community-stage-speaker-tile:is([data-media-zoom-level="1"],[data-media-zoom-level="2"]) .community-stage-speaker-visual{width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:16/9!important;border-radius:10px!important;background:#000!important}
.community-stage-speaker-tile:is([data-media-zoom-level="1"],[data-media-zoom-level="2"]) .community-stage-speaker-camera{width:100%!important;height:100%!important;object-fit:contain!important;background:#000!important;pointer-events:none!important}
.community-stage-speaker-tile:is([data-media-zoom-level="1"],[data-media-zoom-level="2"]) .community-stage-speaker-menu{display:none!important}
body.community-stage-chat-mode .community-native-media[data-stage-waiting="false"] .community-native-media-frame-wrap:has(.community-native-media-share-tile){box-sizing:border-box!important;width:100%!important;height:auto!important;max-width:none!important;max-height:none!important;aspect-ratio:auto!important;margin-inline:auto!important}
body.community-stage-chat-mode .community-native-media[data-stage-waiting="false"] .community-native-media-share-grid{display:flex!important;flex-wrap:wrap!important;align-items:flex-start!important;justify-content:center!important;box-sizing:border-box!important;width:100%!important;height:auto!important;min-height:0!important;gap:12px!important;padding:0!important;aspect-ratio:auto!important;container-type:inline-size!important;overflow:visible!important;background:transparent!important}
body.community-stage-chat-mode .community-native-media[data-stage-waiting="false"] .community-native-media-share-grid .community-native-media-share-tile{position:relative!important;display:block!important;flex:0 1 min(300px,100%)!important;box-sizing:border-box!important;width:min(300px,100%)!important;height:auto!important;min-height:0!important;max-width:300px!important;max-height:none!important;margin:0!important;border:1px solid #263f49!important;border-radius:10px!important;aspect-ratio:16/9!important;overflow:hidden!important;background:#020609!important;opacity:1!important;cursor:pointer!important}
body.community-stage-chat-mode .community-native-media[data-stage-waiting="false"] .community-native-media-share-grid .community-native-media-share-tile[data-media-zoom-level="1"]{flex-basis:100%!important;width:min(clamp(520px,55vw,900px),100%)!important;max-width:900px!important;margin-inline:auto!important}
body.community-stage-chat-mode .community-native-media[data-stage-waiting="false"] .community-native-media-share-grid .community-native-media-share-tile[data-media-zoom-level="2"]{flex-basis:100%!important;width:min(100%,1280px)!important;max-width:1280px!important;margin-inline:auto!important}
body.community-stage-chat-mode .community-native-media[data-stage-waiting="false"] .community-native-media-share-grid .community-native-media-share-tile iframe{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;border:0!important;object-fit:contain!important;background:#000!important;pointer-events:none!important}
.community-stage-desktop-body[data-stage-presentation-mode="SHARE_FOCUS"] .community-native-media-share-tile[data-stage-focus-target="true"]{z-index:4!important}
.community-stage-desktop-body[data-stage-presentation-mode="SHARE_FOCUS"] .community-native-media-share-tile[data-stage-focus-target="true"] .community-native-media-share-label{right:12px!important;bottom:12px!important;left:12px!important;padding:8px 10px!important;font-size:10px!important}
@media(max-width:760px){
  body.community-stage-chat-mode .community-native-media[data-stage-waiting="false"] .community-native-media-card,
  body.community-stage-chat-mode .community-native-media[data-stage-waiting="false"]:has(.community-native-media-frame-wrap:not([hidden])) .community-native-media-card{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto minmax(0,1fr) auto!important;min-height:0!important;overflow:hidden!important}
  body.community-stage-chat-mode .community-native-media[data-stage-waiting="false"] .community-stage-desktop-body{grid-column:1;grid-row:2;display:block;min-width:0;min-height:0;overflow-x:hidden;overflow-y:auto}
  body.community-stage-chat-mode .community-native-media[data-stage-waiting="false"] .community-stage-desktop-body .community-stage-live:not([hidden]){display:flex!important;height:auto!important;min-height:0!important;overflow:visible!important}
  body.community-stage-chat-mode .community-native-media[data-stage-waiting="false"] .community-stage-audience-region{display:block!important}
  body.community-stage-chat-mode .community-native-media[data-stage-waiting="false"][data-stage-presentation="empty"] .community-native-media-frame-wrap{display:none!important}
  body.community-stage-chat-mode .community-native-media[data-stage-waiting="false"][data-stage-presentation="media"] .community-native-media-frame-wrap{box-sizing:border-box;width:100%!important;height:auto!important;max-width:100%!important;aspect-ratio:auto!important;margin:0!important}
  body.community-stage-chat-mode .community-native-media[data-stage-waiting="false"] .community-stage-live-actions{grid-column:1!important;grid-row:3!important}
  .community-stage-presentation-restore{min-width:52px;padding:0 12px}
  .community-stage-region-toggle{min-width:68px;min-height:44px}
  .community-stage-desktop-body[data-stage-presentation-mode="SPEAKER_FOCUS"] .community-stage-speaker-tile[data-stage-focus-target="true"]{width:100%!important;height:auto!important;max-width:none!important;margin:12px auto!important}
}
@media(min-width:761px) and (max-width:1199px){
  body.community-stage-chat-mode .community-native-media[data-stage-waiting="false"]:has(.community-native-media-frame-wrap:not([hidden])) .community-stage-live-speakers[data-speaker-count="3"],
  body.community-stage-chat-mode .community-native-media[data-stage-waiting="false"]:has(.community-native-media-frame-wrap:not([hidden])) .community-stage-live-speakers[data-speaker-count="4"]{grid-template-columns:repeat(2,minmax(220px,300px))!important}
}
@media(min-width:761px){
  body.community-stage-chat-mode .community-native-media[data-stage-waiting="false"] .community-native-media-share-grid{overflow:visible!important}
}

/* Stage media-first header: one compact Stage-owned application bar on desktop. */
@media(min-width:761px){
  body.community-stage-chat-mode #community-chat-view>.community-chat-head{
    display:none!important;
  }
  body.community-stage-chat-mode .community-stage-desktop-header:not([hidden]){
    box-sizing:border-box!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    grid-column:1!important;
    grid-row:1!important;
    width:100%!important;
    height:48px!important;
    min-height:48px!important;
    max-height:48px!important;
    gap:20px!important;
    padding:0 18px!important;
    border-bottom:1px solid rgba(64,91,103,.3)!important;
    background:#000!important;
  }
  body.community-stage-chat-mode .community-stage-desktop-header>strong{
    min-width:0;
    overflow:hidden;
    color:#f0f9fc;
    font:750 16px/1.2 Arial,sans-serif;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  body.community-stage-chat-mode .community-stage-desktop-header>p{
    display:flex;
    align-items:center;
    gap:8px;
    min-width:0;
    margin:0;
    color:#8096a0;
    font:700 10px/1.2 Arial,sans-serif;
    white-space:nowrap;
  }
  body.community-stage-chat-mode .community-stage-desktop-header>p b{color:#3d515a}
  body.community-stage-chat-mode .community-stage-desktop-body{padding-top:10px}
}

/* Stage speaker tiles: minimal media-first chrome at every local zoom level. */
body.community-stage-chat-mode .community-native-media[data-stage-waiting="false"] .community-stage-speaker-tile,
body.community-stage-chat-mode .community-native-media[data-stage-waiting="false"]:has(.community-native-media-frame-wrap:not([hidden])) .community-stage-speaker-tile{
  box-sizing:border-box!important;
  padding:0!important;
  border:0!important;
  border-radius:10px!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
body.community-stage-chat-mode .community-stage-speaker-visual{
  box-sizing:border-box;
  overflow:hidden;
  border:0;
  border-radius:10px!important;
  background:#071016;
  box-shadow:none;
}
body.community-stage-chat-mode .community-stage-speaker-tile[data-speaking="true"]{
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
}
body.community-stage-chat-mode .community-stage-speaker-tile[data-speaking="true"]>.community-stage-speaker-visual{
  outline:2px solid #22d3ee;
  outline-offset:2px;
}
body.community-stage-chat-mode .community-stage-speaker-tile:focus-visible{outline:0!important}
body.community-stage-chat-mode .community-stage-speaker-tile:focus-visible>.community-stage-speaker-visual{
  outline:2px solid #69e6ff;
  outline-offset:2px;
}
body.community-stage-chat-mode .community-stage-speaker-meta,
body.community-stage-chat-mode .community-stage-desktop-body[data-stage-presentation-mode="SPEAKER_FOCUS"] .community-stage-speaker-tile[data-stage-focus-target="true"] .community-stage-speaker-meta{
  display:flex!important;
  align-items:center!important;
  box-sizing:border-box!important;
  min-width:0!important;
  min-height:30px!important;
  gap:5px!important;
  padding:7px 2px 0!important;
  border:0!important;
  background:transparent!important;
}
body.community-stage-chat-mode .community-stage-speaker-meta>strong{
  flex:0 1 auto;
  width:auto!important;
  min-width:0;
  overflow:hidden;
  color:#e9f7fa;
  font:750 11px/1.25 Arial,sans-serif;
  text-overflow:ellipsis;
  white-space:nowrap!important;
}
body.community-stage-chat-mode .community-stage-speaker-status{
  flex:0 0 auto;
  color:#8299a2;
  font:650 10px/1.25 Arial,sans-serif;
  white-space:nowrap;
}
body.community-stage-chat-mode .community-stage-speaker-badge,
body.community-stage-chat-mode .community-stage-speaker-visual>.community-stage-speaker-muted{display:none!important}
body.community-stage-chat-mode .community-stage-speaker-menu,
body.community-stage-chat-mode .community-stage-desktop-body[data-stage-presentation-mode="SPEAKER_FOCUS"] .community-stage-speaker-tile[data-stage-focus-target="true"] .community-stage-speaker-menu,
body.community-stage-chat-mode .community-stage-speaker-tile:is([data-media-zoom-level="1"],[data-media-zoom-level="2"]) .community-stage-speaker-menu{
  display:block!important;
  top:6px!important;
  right:6px!important;
}
body.community-stage-chat-mode .community-stage-speaker-menu>summary{
  width:28px!important;
  height:28px!important;
  border-color:rgba(94,125,137,.28)!important;
  border-radius:7px!important;
  background:rgba(3,10,14,.62)!important;
  font-size:12px!important;
}

/* Stage-owned compact media-room strip. Secondary actions remain in their role-aware menus. */
body.community-stage-chat-mode .community-stage-live-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  width:100%!important;
  min-height:62px!important;
  padding:7px 12px!important;
  border:0!important;
  background:transparent!important;
  overflow:visible!important;
}
body.community-stage-chat-mode .community-stage-live-actions[hidden]{display:none!important}
@media(min-width:761px){
  body.community-stage-chat-mode:has(#community-stage-chat-rail:not([hidden])) .community-native-media[data-stage-waiting="false"]{padding-right:0!important}
}
.community-stage-control-strip{
  position:relative;
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:56px;
  align-items:center;
  gap:5px;
  box-sizing:border-box;
  width:max-content;
  max-width:100%;
  padding:5px;
  border:1px solid rgba(73,104,116,.46);
  border-radius:14px;
  background:rgba(7,17,23,.94);
  box-shadow:0 10px 28px rgba(0,0,0,.34);
}
.community-stage-control-strip[hidden],
.community-stage-control-strip [hidden]{display:none!important}
.community-stage-control-menu{position:relative;box-sizing:border-box;width:56px;height:48px}
.community-stage-control-menu>summary,
.community-stage-primary-control>button{
  display:grid!important;
  grid-template-rows:19px 12px;
  place-items:center;
  align-content:center;
  box-sizing:border-box;
  width:56px!important;
  min-width:56px!important;
  height:48px!important;
  min-height:44px!important;
  gap:2px;
  padding:3px 4px!important;
  border:1px solid transparent!important;
  border-radius:10px!important;
  background:transparent!important;
  color:#a9bec6!important;
  font:750 9px/1 Arial,sans-serif!important;
  letter-spacing:.01em!important;
  text-align:center;
  white-space:nowrap;
  list-style:none;
  cursor:pointer;
}
.community-stage-control-menu>summary::-webkit-details-marker{display:none}
.community-stage-control-menu>summary>span{color:#d9ebf0;font:800 15px/1 Arial,sans-serif}
.community-stage-control-menu>summary>b{font:inherit}
.community-stage-primary-control>button::before{position:static!important;inset:auto!important;display:block!important;box-sizing:content-box!important;width:auto!important;height:auto!important;border:0!important;border-radius:0!important;background:transparent!important;color:#d9ebf0;font:800 16px/1 Arial,sans-serif;transform:none!important}
.community-stage-primary-control>button::after{display:none!important;content:none!important}
#community-native-media-screen-share::before{content:"\2197"}
#community-stage-messages-toggle::before{content:"\2261"}
#community-native-media-leave::before{content:"\00d7"}
.community-stage-control-menu>summary:hover,
.community-stage-control-menu>summary:focus-visible,
.community-stage-control-menu[open]>summary,
.community-stage-primary-control>button:hover,
.community-stage-primary-control>button:focus-visible{
  border-color:#3b606e!important;
  background:#132630!important;
  color:#effcff!important;
  outline:none!important;
}
.community-stage-control-menu[data-active="true"]>summary,
.community-stage-primary-control>button[aria-pressed="true"]{
  border-color:#287e92!important;
  background:#123541!important;
  color:#71e5ff!important;
}
.community-stage-leave-control>button{color:#f29a9a!important}
.community-stage-leave-control>button::before{color:#ff7777!important}
.community-stage-control-popover{
  position:absolute;
  z-index:900;
  bottom:calc(100% + 9px);
  left:50%;
  display:grid;
  box-sizing:border-box;
  width:max-content;
  min-width:210px;
  max-width:min(280px,calc(100vw - 28px));
  gap:5px;
  padding:7px;
  border:1px solid #2c4651;
  border-radius:11px;
  background:#09161c;
  box-shadow:0 16px 36px rgba(0,0,0,.48);
  transform:translateX(-50%);
}
.community-stage-control-menu:not([open])>.community-stage-control-popover{display:none}
.community-stage-more-menu .community-stage-control-popover{right:0;left:auto;transform:none}
.community-stage-control-popover>button,
.community-stage-control-popover>.community-native-media-camera-source,
.community-stage-control-popover>.community-native-media-mic-level{
  box-sizing:border-box;
  width:100%!important;
  min-width:0!important;
  min-height:44px!important;
  margin:0!important;
}
.community-stage-control-popover>button{
  padding:0 12px!important;
  border:1px solid rgba(64,96,108,.5)!important;
  border-radius:8px!important;
  background:#101f26!important;
  color:#d8e8ed!important;
  font:750 10px/1.2 Arial,sans-serif!important;
  text-align:left!important;
}
.community-stage-control-popover>button:hover,
.community-stage-control-popover>button:focus-visible{border-color:#477385!important;background:#172d37!important;outline:none!important}
.community-stage-control-popover>#community-native-media-end-stage{border-color:#75373c!important;color:#ff9da4!important}
.community-stage-control-popover>.community-native-media-camera-source{display:flex;align-items:center}
.community-stage-control-popover>.community-native-media-camera-source>.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.community-stage-control-popover>.community-native-media-camera-source select{width:100%;min-height:44px}
.community-stage-control-popover>.community-native-media-mic-level{display:flex;align-items:center;justify-content:center;padding:0 12px}
.community-stage-control-popover>.community-native-media-connection{display:none!important}

@media(max-width:760px){
  body.community-stage-chat-mode .community-stage-live-actions{min-height:111px!important;padding:7px 8px!important}
  .community-stage-control-strip{grid-auto-flow:row;grid-template-columns:repeat(3,54px);grid-auto-columns:54px;gap:4px}
  .community-stage-control-menu{width:54px;height:44px}
  .community-stage-control-menu>summary,
  .community-stage-primary-control>button{width:54px!important;min-width:54px!important;height:44px!important;grid-template-rows:17px 11px;padding:2px!important}
  .community-stage-control-popover{position:fixed;right:14px;bottom:calc(var(--community-mobile-dock-height,64px) + 10px);left:14px;width:auto;max-width:none;transform:none}
  .community-stage-more-menu .community-stage-control-popover{right:14px;left:14px}
}

/* Stage continuity: inherit the same canonical canvas as Channels. Black stays
   scoped to actual camera/share viewports, never the Stage workspace. */
body.community-stage-chat-mode{--community-stage-surface:var(--community-panel)}
body.community-stage-chat-mode .community-workspace,
body.community-stage-chat-mode.community-build-109-06 .community-workspace,
body.community-stage-chat-mode .community-main-stack,
body.community-stage-chat-mode .community-chat-panel,
body.community-stage-chat-mode .community-native-media,
body.community-stage-chat-mode .community-native-media-card,
body.community-stage-chat-mode .community-stage-desktop-body,
body.community-stage-chat-mode .community-stage-live,
body.community-stage-chat-mode .community-stage-waiting{
  background:var(--community-canvas)!important;
}
body.community-stage-chat-mode :is(.community-native-media,.community-native-media-card,.community-stage-desktop-body,.community-stage-live){background:var(--community-canvas)!important}
body.community-stage-chat-mode .community-stage-desktop-header:not([hidden]){
  background:var(--community-stage-surface)!important;
}
body.community-stage-chat-mode :is(.community-stage-speakers-region,.community-stage-audience-region,.community-stage-live-speakers,.community-stage-audience-list){
  background:transparent!important;
}
body.community-stage-chat-mode .community-native-media-frame-wrap,
body.community-stage-chat-mode .community-native-media-share-grid{
  background:transparent!important;
}
body.community-stage-chat-mode #community-stage-chat-rail,
body.community-stage-chat-mode #community-stage-chat-rail :is(.community-stage-chat-head,.community-stage-chat-messages,.community-stage-raised-hands,.community-stage-chat-typing,.community-stage-chat-form,.community-stage-chat-status){
  background:var(--community-stage-surface)!important;
}

/* Stage floating chrome: media owns the viewport; header and controls do not reserve grid rows. */
body.community-stage-chat-mode{--community-stage-floating-header-inset:8px;--community-stage-floating-header-safe:40px;--community-stage-floating-controls-inset:8px;--community-stage-floating-controls-safe:76px}
body.community-stage-chat-mode .community-native-media[data-stage-waiting="false"] .community-native-media-card,
body.community-stage-chat-mode .community-native-media[data-stage-waiting="false"]:has(.community-native-media-frame-wrap:not([hidden])) .community-native-media-card{position:relative!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr)!important;gap:0!important;padding:0!important;overflow:hidden!important}
body.community-stage-chat-mode #community-chat-view>.community-chat-head{display:none!important}
body.community-stage-chat-mode .community-stage-desktop-header:not([hidden]){position:absolute!important;z-index:80!important;top:var(--community-stage-floating-header-inset)!important;right:12px!important;left:12px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;grid-column:auto!important;grid-row:auto!important;box-sizing:border-box!important;width:auto!important;height:32px!important;min-height:32px!important;max-height:32px!important;margin:0!important;padding:0 4px!important;border:0!important;background:transparent!important;box-shadow:none!important;pointer-events:none!important}
body.community-stage-chat-mode .community-stage-desktop-body{grid-column:1!important;grid-row:1!important;box-sizing:border-box!important;width:100%!important;height:100%!important;min-height:0!important;padding-top:var(--community-stage-floating-header-safe)!important;padding-bottom:var(--community-stage-floating-controls-safe)!important;overflow-y:auto!important;scroll-padding-block:var(--community-stage-floating-header-safe) var(--community-stage-floating-controls-safe)!important}
body.community-stage-chat-mode .community-native-media[data-stage-presentation="empty"] .community-stage-live{padding-top:0!important}
body.community-stage-chat-mode .community-stage-region-head{justify-content:flex-start!important;gap:6px!important}
body.community-stage-chat-mode .community-stage-region-toggle{flex:0 0 auto!important;width:32px!important;min-width:32px!important;height:32px!important;min-height:32px!important;padding:0!important;border-radius:7px!important;font:800 13px/1 Arial,sans-serif!important;letter-spacing:0!important}
body.community-stage-chat-mode .community-stage-live-actions{position:absolute!important;z-index:100!important;right:auto!important;bottom:var(--community-stage-floating-controls-inset)!important;left:50%!important;grid-column:auto!important;grid-row:auto!important;align-self:auto!important;box-sizing:border-box!important;width:max-content!important;min-width:0!important;max-width:calc(100% - 24px)!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;transform:translateX(-50%)!important;pointer-events:none!important}
body.community-stage-chat-mode .community-stage-live-actions>.community-stage-control-strip{pointer-events:auto!important}
@media(max-width:760px){
  body.community-stage-chat-mode{--community-stage-floating-header-inset:6px;--community-stage-floating-controls-inset:max(6px,env(safe-area-inset-bottom));--community-stage-floating-controls-safe:118px}
  body.community-stage-chat-mode .community-stage-desktop-header:not([hidden]){right:8px!important;left:8px!important;height:32px!important;min-height:32px!important;max-height:32px!important;padding-inline:2px!important}
  body.community-stage-chat-mode .community-stage-desktop-header>strong{font-size:12px!important}
  body.community-stage-chat-mode .community-stage-desktop-header>p{flex:0 1 auto!important;min-width:0!important;gap:4px!important;font-size:8px!important;letter-spacing:0!important}
  body.community-stage-chat-mode .community-stage-region-toggle{width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important}
  body.community-stage-chat-mode .community-stage-live-actions{width:max-content!important;min-height:0!important;max-width:calc(100% - 16px)!important;padding:0!important}
}