/* Desktop workspace: one profile beside spaces, with a separate utility rail. */
.platform-topbar .topbar-nav .nav-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;font-size:13px;font-weight:600}
.topbar-nav .nav-btn svg,.desktop-tool svg,#profile-settings-btn svg{width:21px;height:21px;flex:none;display:block}
.topbar-nav .nav-btn svg{color:var(--muted)}.topbar-nav .nav-btn.active svg{color:#428afa}
.desktop-tools{display:none}
@media(min-width:821px){
 .platform-topbar{height:76px;grid-template-columns:minmax(190px,1fr) auto minmax(190px,1fr);gap:20px;padding-inline:32px}
 .platform-topbar .topbar-user{grid-template-columns:38px minmax(0,160px);gap:12px}.topbar-user-copy strong{font-size:13px}.topbar-user-copy small{font-size:10px}
 .topbar-nav{gap:7px}.topbar-nav .nav-btn{padding:11px 17px;border-radius:13px}
 .main{padding:108px clamp(24px,3vw,56px) 48px 118px}
 .page{max-width:1450px}
 .desktop-tools{position:fixed;left:22px;top:50%;transform:translateY(-50%);z-index:34;width:72px;display:flex;flex-direction:column;align-items:stretch;gap:7px;padding:12px 7px;background:var(--panel);border:1px solid var(--line);border-radius:20px;box-shadow:0 14px 42px #15293712}
 .desktop-tools-caption{text-align:center;color:var(--muted);font-size:10px;padding:3px 0 7px}
 .desktop-tool{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-height:62px;border:0;background:transparent;color:var(--muted);border-radius:12px;cursor:pointer;padding:9px 3px}
 .desktop-tool span{font-size:10px;font-weight:500}.desktop-tool:hover,.desktop-tool:focus-visible{color:#428afa;background:#428afa12}.desktop-tool:focus-visible{outline:2px solid #428afa;outline-offset:2px}
 .desktop-tools-divider{height:1px;background:var(--line);margin:4px 10px}
 #profile-settings-btn{visibility:hidden;pointer-events:none}
 #home-profile{position:sticky;top:102px;max-height:calc(100dvh - 126px);overflow:auto;overscroll-behavior:contain;border-radius:18px;scrollbar-width:thin;scrollbar-color:var(--line) transparent}
 .community-page-head h2{font-size:25px}.community-page-head{margin-bottom:20px}
 .community-grid{gap:16px}.community-card{min-height:195px;padding:22px}
 body.community-mode .main{padding-left:118px}
}
@media(min-width:1101px){
 .community-home{grid-template-columns:minmax(0,1fr) clamp(410px,32vw,480px);grid-template-areas:"browser profile";gap:28px}
 #home-profile{max-width:none}.community-browser{min-width:0}.community-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(min-width:821px) and (max-width:1100px){
 .platform-topbar{padding-inline:22px;grid-template-columns:auto 1fr auto;gap:12px}.topbar-nav .nav-btn{padding-inline:12px}.main{padding-right:22px;padding-left:104px}.desktop-tools{left:14px;width:66px}
 .community-home{grid-template-columns:minmax(0,1fr) 350px;grid-template-areas:"browser profile";gap:18px}#home-profile{max-width:none}.community-grid{grid-template-columns:minmax(0,1fr)}.community-card{min-height:170px;padding:18px}.community-card-mark{width:46px;height:46px;font-size:20px}
}
@media(max-width:820px){.desktop-tools{display:none!important}#profile-settings-btn{visibility:visible;pointer-events:auto}.topbar-nav .nav-btn svg{width:20px;height:20px}}
html[data-sd-native] .desktop-tools{display:none!important}

/* Compact room cards: identity first, with a consistent entry control. */
.community-grid>.community-card{min-height:150px;padding:18px;grid-template-columns:52px minmax(0,1fr);grid-template-areas:"mark copy" "meta meta";gap:14px;border-radius:18px;background:var(--panel,#142128);border-color:var(--line,#2c4249);box-shadow:0 4px 16px #102e3710;align-content:start}
.community-grid>.community-card:before,.community-grid>.community-card:after{display:none}
.community-grid>.community-card:hover{border-color:#6eaaa6;box-shadow:0 8px 24px #102e3718;transform:translateY(-2px)}
.community-grid .community-card-mark{width:52px;height:52px;border-radius:15px;background:#448d9112;border:1px solid #6b99952b;color:#56a9a4;font-size:23px}
.community-grid .community-card-copy{align-self:center;min-width:0}
.community-grid .community-card-copy .eyebrow{display:none}
.community-grid .community-card-copy h3{font:700 18px/1.35 system-ui;margin:0 0 6px;text-align:right}
.community-grid .community-card-copy p{font:12px/1.65 system-ui;color:var(--muted,#95abad);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:none}
.community-grid .community-card-meta{width:100%;margin:0;padding-top:12px;border-top:1px solid var(--line,#2c4249);gap:14px;font:11px/1.4 system-ui;min-width:0;box-sizing:border-box}
.community-grid .community-card-meta>span:not(.community-card-enter){display:inline-flex;align-items:center;gap:4px;white-space:nowrap}
.community-grid .community-card-meta b{font-size:13px;margin:0;font-variant-numeric:tabular-nums}
.community-grid .community-card-enter{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:34px;min-width:72px;margin-right:auto;padding:7px 12px;box-sizing:border-box;border-radius:10px;background:#367f82;color:#fff;font:650 12px/1 system-ui;white-space:nowrap}
html[data-theme="light"] .community-grid>.community-card{background:#fff;border-color:#d7e3e3;box-shadow:0 4px 16px #25494e08}
html[data-theme="light"] .community-grid .community-card-mark{background:#edf5f4;border-color:#d5e5e3;color:#367f82}
html[data-theme="light"] .community-grid .community-card-mark:has(.community-country-flag){background:transparent;border:0}
@media(max-width:540px){.community-grid>.community-card{min-height:140px;padding:15px;gap:12px;grid-template-columns:46px minmax(0,1fr)}.community-grid .community-card-mark{width:46px;height:46px}.community-grid .community-card-copy h3{font-size:17px}.community-grid .community-card-meta{gap:10px}.community-grid .community-card-enter{min-width:68px}}
@media(prefers-reduced-motion:reduce){.community-grid>.community-card:hover{transform:none}}