/* Community is a workspace: the post rail and conversation scroll independently. */
.desk-main:has(> #view-community.active) { width:auto; max-width:none; margin:0; padding:0; }
#view-community { min-width:0; }
.community-app { --cm-soft:var(--bg); --cm-line:var(--line); --cm-quiet:var(--muted); color:var(--ink); background:var(--surface,#fff); height:100dvh; min-height:520px; display:flex; flex-direction:column; font:14px/1.5 var(--sans); overflow:hidden; }
.community-app :is(h1,h2,h3,p) { margin:0; }
.community-app :is(button,input,select,textarea) { font-family:inherit; }
.community-app button { cursor:pointer; }
.community-app button:disabled { opacity:.42; cursor:default; }
.community-app :is(button,a,input,select,textarea,summary):focus-visible { outline:2px solid var(--accent); outline-offset:3px; }
.community-app svg,.cm-dialog svg { width:17px; height:17px; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; flex-shrink:0; }
.cm-header { flex-shrink:0; display:flex; align-items:center; justify-content:space-between; gap:20px; min-height:88px; padding:20px 32px 14px; }
.cm-title,.cm-header-actions,.cm-control-row,.cm-tabs,.cm-layout,.cm-filter-row,.cm-filter-tools,.cm-status-tabs,.cm-author,.cm-actions,.cm-composer-foot,.cm-composer-foot>div,.cm-thread-top { display:flex; align-items:center; }
.cm-title { gap:13px; min-width:0; }
.cm-community-mark { display:grid; place-items:center; height:38px; width:38px; background:var(--accent-soft); color:var(--accent); border:1px solid #eed6c9; border-radius:12px; }
.cm-community-mark svg { width:21px; height:21px; }
.cm-title h1 { font:600 25px/1.2 var(--sans); letter-spacing:-.7px; }
.cm-header-divider { height:24px; width:1px; margin:0 2px 0 7px; background:var(--cm-line); }
.cm-account-label { display:flex; min-width:0; }
.community-app select,.community-app input[type=search] { color:var(--ink); border:1px solid var(--cm-line); border-radius:7px; background:var(--surface); height:34px; padding:6px 10px; font-size:12px; min-width:0; }
.cm-account-label select { font-size:14px; font-weight:500; border-color:transparent; background:transparent; max-width:260px; padding-left:0; }
.cm-header-actions { gap:9px; }
.cm-btn { display:inline-flex; align-items:center; justify-content:center; gap:7px; color:var(--ink); background:var(--surface,#fff); border:1px solid var(--cm-line); border-radius:7px; min-height:34px; padding:7px 11px; font-size:12px; font-weight:550; white-space:nowrap; transition:background .15s,border-color .15s; }
.cm-btn:hover { background:var(--cm-soft); border-color:var(--line-2); }
.cm-btn.primary,.cm-send { background:var(--ink); border-color:var(--ink); color:white; }
.cm-sync-btn { border-color:transparent; color:var(--muted); }
.cm-sync-status { display:flex; align-items:center; gap:6px; font-size:11px; color:var(--muted); margin-right:8px; white-space:nowrap; }
.cm-live-dot { width:6px; height:6px; border-radius:50%; background:var(--green,#6e8c62); }
.cm-control-row { flex-shrink:0; justify-content:space-between; min-height:48px; padding:0 32px; border-bottom:1px solid var(--cm-line); }
.cm-tabs { gap:25px; align-self:stretch; }
.cm-tab { display:flex; align-items:center; gap:7px; border:0; border-bottom:2px solid transparent; background:none; color:var(--muted); font-size:13px; padding:12px 1px 15px; }
.cm-tab.active { border-bottom-color:var(--accent); color:var(--ink); font-weight:600; }
.cm-tab.active svg { color:var(--accent); }
.cm-layout { gap:2px; padding:3px; background:var(--cm-soft); border-radius:7px; margin-bottom:8px; }
.cm-layout-btn { display:inline-flex; align-items:center; justify-content:center; gap:6px; border:0; background:none; color:var(--muted); font-size:12px; border-radius:5px; padding:4px 9px; }
.cm-layout-btn.active { background:var(--surface); color:var(--ink); box-shadow:0 1px 3px #30251c12; }
.cm-layout svg { width:15px; height:15px; }
.cm-filter-row { flex-shrink:0; justify-content:space-between; gap:18px; padding:12px 32px; border-bottom:1px solid var(--cm-line); }
.cm-status-tabs { gap:4px; }
.cm-status-tab { border:0; background:none; border-radius:6px; padding:6px 10px; font-size:12px; color:var(--muted); white-space:nowrap; }
.cm-status-tab.active { background:var(--cm-soft); color:var(--ink); font-weight:600; }
.cm-filter-tools { gap:8px; }
.cm-search { display:flex; position:relative; align-items:center; }
.cm-search svg { position:absolute; left:9px; width:15px; height:15px; color:var(--cm-quiet); }
.cm-search input[type=search] { width:178px; padding-left:31px; }
.cm-filter-tools select { border-color:transparent; color:var(--muted); padding-left:5px; }
.cm-workspace { flex:1; display:grid; grid-template-columns:282px minmax(0,1fr); overflow:hidden; min-height:0; }
.cm-workspace.list-layout { grid-template-columns:minmax(0,1fr); }
.cm-posts { display:flex; flex-direction:column; border-right:1px solid var(--cm-line); background:#fcfbf8; overflow:hidden; min-height:0; }
.cm-posts-heading { display:flex; align-items:center; justify-content:space-between; padding:17px 18px 13px; gap:9px; }
.cm-posts-heading h2 { font-size:12px; font-weight:600; display:flex; align-items:center; gap:8px; }
.cm-posts-heading h2>span { font-weight:400; font-size:11px; color:var(--muted); }
.cm-post-options { display:inline-flex; gap:5px; align-items:center; font-size:10px; color:var(--muted); cursor:pointer; }
.cm-post-options input { accent-color:var(--accent); width:12px; height:12px; }
.cm-post-list { padding:0 12px 15px; overflow-y:auto; scrollbar-width:thin; scrollbar-color:#d4cfc6 transparent; overscroll-behavior:contain; flex:1; }
.cm-post { display:grid; grid-template-columns:minmax(0,1fr) 52px; grid-template-rows:minmax(39px,auto) auto auto; width:100%; gap:7px 12px; text-align:left; padding:12px; margin-bottom:8px; color:var(--ink); border:1px solid var(--cm-line); border-radius:8px; background:var(--surface); transition:border-color .14s,background .14s; }
.cm-post:hover { background:var(--cm-soft); border-color:#cfc8bc; }
.cm-post.active { border-color:var(--accent); background:#fff7f1; box-shadow:0 0 0 1px #d56a3c0a; }
.cm-post-caption { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; font-size:12px; line-height:1.55; grid-column:1; grid-row:1; }
.cm-post>img,.cm-post>.cm-post-placeholder { width:52px; height:52px; border-radius:5px; object-fit:cover; grid-column:2; grid-row:1/3; }
.cm-post>.cm-meta { grid-column:1; font-size:10px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.cm-post-bottom { grid-column:1/3; display:flex; align-items:center; gap:9px; margin-top:2px; }
.cm-post-progress { height:3px; background:var(--cm-line); overflow:hidden; border-radius:3px; flex:1; }
.cm-post-progress>span { display:block; height:100%; background:#91a987; border-radius:3px; }
.cm-post-count { display:grid; place-items:center; min-width:19px; height:19px; padding:0 5px; font-size:10px; color:var(--green); }
.cm-post-count.pending { color:#955130; background:#f4e6d8; border-radius:5px; font-weight:600; }
.cm-post-count svg { width:13px; height:13px; }
.cm-post-placeholder { display:grid; place-items:center; background:#f1ede5; color:#a59c8c; }
.cm-post-placeholder svg { width:21px; height:21px; }
.cm-rail-foot { border-top:1px solid var(--cm-line); padding:11px 18px; color:var(--cm-quiet); display:flex; align-items:center; gap:6px; font-size:10px; }
.cm-rail-foot svg { width:13px; height:13px; }
.cm-more-posts { width:100%; background:transparent; }
.cm-rail-empty { padding:20px 8px; color:var(--muted); font-size:12px; }
.cm-feed { padding:25px clamp(24px,5vw,90px) 70px; overflow-y:auto; min-width:0; overscroll-behavior:contain; scrollbar-width:thin; scrollbar-color:#d4cfc6 transparent; background:var(--surface); }
.cm-feed>* { max-width:760px; margin-left:auto; margin-right:auto; }
.cm-post-preview { display:flex; align-items:center; gap:14px; padding:14px 16px; border:1px solid var(--cm-line); background:#faf9f6; border-radius:8px; margin-bottom:15px; }
.cm-post-preview>img,.cm-post-preview>.cm-post-placeholder { order:2; width:55px; height:60px; border-radius:5px; object-fit:cover; flex-shrink:0; }
.cm-post-preview>div { flex:1; min-width:0; }
.cm-post-preview p { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; font-size:13px; line-height:1.55; margin-top:4px; }
.cm-post-preview>.cm-source { order:3; }
.cm-post-preview.compact { margin:2px 16px 14px; }
.cm-meta { font-size:11px; color:var(--muted); }
.cm-feed-summary { display:flex; align-items:center; justify-content:space-between; gap:12px; font-size:11px; color:var(--muted); margin-bottom:18px; }
.cm-feed-summary strong { color:var(--ink); font-weight:500; }
.cm-feed-summary>span:last-child { color:var(--cm-quiet); font-size:10px; }
.cm-divider { color:var(--cm-line); padding:0 5px; }
.cm-thread { position:relative; background:var(--surface); border:1px solid var(--cm-line); border-radius:9px; padding-bottom:16px; margin-bottom:14px; transition:border-color .15s,box-shadow .15s; }
.cm-thread:hover { border-color:#d5cec2; }
.cm-thread.expanded { border-color:#d7a387; box-shadow:0 3px 14px #573b2010; }
.cm-thread-top { padding:10px 17px 7px; gap:8px; }
.cm-select { display:grid; place-items:center; }
.cm-select input { width:12px; height:12px; margin:0; accent-color:var(--accent); }
.cm-status { font-size:10px; color:var(--muted); }
.cm-status.unanswered { color:#a25f35; }
.cm-status.replied,.cm-status.resolved { color:#718366; }
.cm-resolve { margin-left:auto; }
.cm-comment-body { display:flex; align-items:flex-start; padding:3px 18px; gap:11px; }
.cm-avatar { display:grid; place-items:center; width:35px; height:35px; flex:0 0 35px; border:1px solid #e6e0d6; border-radius:10px; background:#eee9df; color:#827461; overflow:hidden; font-size:13px; font-weight:600; }
.cm-avatar.owner { background:var(--accent-soft); color:var(--accent); border-color:#eddbce; }
.cm-avatar img { width:100%; height:100%; object-fit:cover; }
.cm-comment-copy { flex:1; min-width:0; }
.cm-author { gap:8px; min-height:22px; }
.cm-author strong { font-size:13px; font-weight:600; }
.cm-author time { font-size:10px; color:var(--cm-quiet); }
.cm-owner-label { padding:1px 5px; color:var(--accent); background:var(--accent-soft); border-radius:4px; font-size:9px; }
.cm-source { margin-left:auto; padding:0 2px; color:var(--cm-quiet); text-decoration:none; font-size:16px; }
.cm-source:hover { color:var(--accent); }
.cm-comment-text { font-size:14px; line-height:1.65; white-space:pre-wrap; overflow-wrap:anywhere; margin:2px 0 9px!important; }
.cm-actions { gap:15px; flex-wrap:wrap; }
.cm-text-btn { display:inline-flex; align-items:center; gap:5px; padding:2px 0; border:0; background:none; color:var(--muted); font-size:11px; }
.cm-text-btn:hover,.cm-text-btn.liked { color:var(--accent); }
.cm-actions>.cm-text-btn[data-cm-action=reply] { color:var(--ink); font-weight:550; }
.cm-actions>.cm-text-btn[data-cm-action=copy],.cm-actions>.cm-text-btn[data-cm-action=hide] { opacity:0; transition:opacity .15s; }
.cm-thread:hover .cm-actions>.cm-text-btn,.cm-thread:focus-within .cm-actions>.cm-text-btn { opacity:1; }
.cm-text-btn svg { width:14px; height:14px; }
.cm-replies { margin:15px 18px 0 35px; border-left:1px solid var(--cm-line); padding-left:8px; }
.cm-replies .cm-comment-body { padding:7px 12px; }
.cm-expand { margin:10px 18px 0 64px; color:#8d7d6e; font-size:10px; }
.cm-composer { margin:18px 18px 0 64px; border:1px solid #dfb59c; border-radius:8px; background:#fcfaf7; overflow:hidden; box-shadow:0 0 0 3px #f7eee5; }
.cm-composer>label { display:block; padding:10px 12px 0; color:var(--muted); font-size:11px; }
.cm-composer>label strong { color:var(--ink); font-weight:500; }
.cm-composer textarea { width:100%; min-height:112px; max-height:300px; resize:vertical; padding:11px 12px; font-size:14px; line-height:1.6; border:0; background:transparent; outline:none; }
.cm-composer textarea:focus-visible { outline:0; }
.cm-composer:focus-within { border-color:var(--accent); }
.cm-composer-foot { padding:9px 11px; gap:10px; border-top:1px solid #eee5db; }
.cm-composer-foot>div { gap:13px; margin-right:auto; }
.cm-composer-foot .cm-meta { font-size:10px; }
.cm-send { display:inline-flex; align-items:center; gap:6px; padding:7px 12px; border:0; border-radius:6px; font-size:12px; font-weight:600; }
.cm-send svg { width:14px; height:14px; }
.cm-send-note { padding:0 12px 8px; font-size:9px; color:var(--cm-quiet); }
.cm-identity-note { border:1px solid var(--cm-line); border-radius:7px; margin-bottom:16px; color:var(--muted); font-size:11px; background:#fcfbf8; }
.cm-identity-note summary { display:flex; align-items:center; justify-content:space-between; cursor:pointer; padding:9px 12px; list-style:none; }
.cm-identity-note summary svg { width:13px; height:13px; }
.cm-identity-note p { padding:0 12px 11px; line-height:1.6; }
.cm-identity-note a { color:var(--accent); }
.cm-notice { display:flex; flex-wrap:wrap; gap:8px; align-items:center; padding:11px 32px; border-bottom:1px solid var(--cm-line); color:var(--muted); font-size:12px; flex-shrink:0; overflow-wrap:anywhere; }
.cm-notice.error { color:var(--red); background:var(--red-soft); }
.cm-bulk { display:flex; align-items:center; gap:13px; padding:8px 32px; background:var(--accent-soft); font-size:12px; }
.cm-loading,.cm-empty { display:flex; align-items:center; justify-content:center; gap:13px; padding:70px 20px; text-align:center; color:var(--muted); }
.cm-empty { flex-direction:column; }
.cm-empty>svg { width:34px; height:34px; color:#8e9f7d; background:#f1f3ed; box-sizing:content-box; padding:16px; border-radius:20px; }
.cm-empty h2 { color:var(--ink); font:500 22px var(--sans); letter-spacing:-.4px; }
.cm-empty p { max-width:350px; font-size:13px; line-height:1.7; }
.cm-empty.small { padding-top:80px; }
.cm-spinner { display:inline-block; width:13px; height:13px; border:1.5px solid var(--cm-line); border-top-color:var(--accent); border-radius:50%; flex-shrink:0; animation:cm-spin .8s linear infinite; }
.cm-load-more { display:flex; margin:25px auto; }
.cm-messages-slot { min-height:0; flex:1; overflow:auto; padding:20px 28px; }
.cm-dialog { width:calc(100% - 32px); max-width:520px; max-height:85dvh; padding:26px; border:1px solid var(--line-2); border-radius:14px; color:var(--ink); background:var(--surface); box-shadow:0 20px 70px #29201830; }
.cm-dialog::backdrop { background:#211b1760; backdrop-filter:blur(3px); }
.cm-dialog header { display:flex; align-items:center; justify-content:space-between; margin-bottom:12px; }
.cm-dialog h2 { font:500 25px var(--sans); margin:4px 0 0; letter-spacing:-.5px; }
.cm-eyebrow { color:var(--muted); font:9px var(--mono); letter-spacing:.08em; }
.cm-dialog>p { color:var(--muted); font-size:12px; line-height:1.6; }
.cm-saved-list { margin:20px 0; max-height:240px; overflow:auto; }
.cm-saved-list>div { display:flex; align-items:center; gap:12px; border-bottom:1px solid var(--cm-line); }
.cm-saved-list>div>button:first-child { flex:1; padding:13px 0; text-align:left; border:0; background:none; }
.cm-saved-list strong,.cm-saved-list span { display:block; font-size:12px; }
.cm-saved-list span { color:var(--muted); font-size:11px; margin-top:5px; white-space:pre-wrap; }
.cm-dialog form label { display:block; margin-top:13px; font-size:12px; font-weight:500; }
.cm-dialog input,.cm-dialog textarea { display:block; width:100%; padding:10px; margin:7px 0 16px; border:1px solid var(--line-2); border-radius:7px; font:13px var(--sans); background:var(--surface); }
.cm-dialog textarea { min-height:95px; resize:vertical; }
.cm-sr-only { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
@keyframes cm-spin { to { transform:rotate(360deg); } }
@media(min-width:1600px) { .cm-workspace { grid-template-columns:292px minmax(0,1fr); } .cm-feed { padding-left:70px; padding-right:70px; } }
@media(max-width:1200px) { .cm-header { padding-left:22px; padding-right:22px; } .cm-control-row,.cm-filter-row { padding-left:22px; padding-right:22px; } .cm-sync-status { display:none; } .cm-title h1 { font-size:23px; } .cm-title { gap:9px; } .cm-account-label select { max-width:185px; font-size:12px; } .cm-filter-row { flex-wrap:wrap; gap:8px; } .cm-filter-tools { margin-left:auto; } .cm-workspace { grid-template-columns:250px minmax(0,1fr); } .cm-feed { padding:22px 24px 60px; } .cm-feed-summary>span:last-child { display:none; } }
@media(max-width:900px) { .cm-header-divider { display:none; } .cm-title { flex-wrap:wrap; } .cm-account-label { flex-basis:100%; margin-left:47px; margin-top:-9px; } .cm-header { align-items:flex-start; padding-top:18px; padding-bottom:9px; } .cm-header-actions { padding-top:3px; } .cm-header-actions>.cm-btn>span { display:none; } .cm-header-actions>.cm-btn { padding:7px; } .cm-search input[type=search] { width:150px; } .cm-workspace { grid-template-columns:225px minmax(0,1fr); } .cm-feed { padding:18px 18px 50px; } .cm-composer { margin-left:18px; } .cm-filter-row { gap:9px; } .cm-filter-tools { width:100%; margin:0; } .cm-search { margin-right:auto; flex:1; } .cm-search input[type=search] { width:100%; } }
@media(max-width:760px) { .desk-main:has(> #view-community.active) { padding:0; width:100%; } .community-app { height:calc(100dvh - 64px); min-height:550px; } .cm-header { min-height:82px; padding:12px 16px 7px; } .cm-title h1 { font-size:22px; } .cm-community-mark { width:32px; height:32px; border-radius:10px; } .cm-account-label { margin-left:41px; margin-top:-6px; } .cm-account-label select { max-width:210px; height:28px; } .cm-control-row { padding:0 16px; min-height:44px; } .cm-tabs { gap:18px; } .cm-tab { font-size:12px; padding-bottom:12px; } .cm-layout-btn { font-size:10px; padding:4px 6px; gap:4px; } .cm-layout-btn svg { width:12px; height:12px; } .cm-filter-row { padding:9px 12px; gap:6px; } .cm-status-tabs { width:100%; justify-content:space-between; gap:2px; } .cm-status-tab { font-size:11px; padding:5px 8px; } .cm-filter-tools { gap:4px; } .cm-filter-tools select { font-size:10px; max-width:107px; padding-right:0; } .cm-search { min-width:75px; } .cm-search input[type=search] { font-size:11px; padding-left:26px; } .cm-search svg { left:7px; width:13px; } .cm-workspace { display:flex; flex-direction:column; } .cm-posts { flex-shrink:0; border-right:0; border-bottom:1px solid var(--cm-line); max-height:143px; } .cm-posts-heading { padding:7px 13px 4px; } .cm-posts-heading h2 { font-size:11px; } .cm-post-list { display:flex; gap:7px; padding:0 12px 9px; overflow:auto; flex:none; } .cm-post { min-width:218px; width:218px; margin:0; padding:9px 10px 6px; gap:4px 9px; grid-template-columns:minmax(0,1fr) 38px; grid-template-rows:35px auto auto; } .cm-post-caption { font-size:11px; line-height:1.5; } .cm-post>img,.cm-post>.cm-post-placeholder { width:38px; height:43px; } .cm-post>.cm-meta { font-size:9px; } .cm-post-count { height:15px; min-width:16px; font-size:9px; } .cm-rail-foot { display:none; } .cm-more-posts { min-width:120px; } .cm-feed { flex:1; min-height:0; padding:14px 12px 35px; } .cm-post-preview { padding:10px; gap:9px; margin-bottom:10px; } .cm-post-preview p { font-size:11px; } .cm-post-preview>.cm-post-placeholder,.cm-post-preview>img { height:44px; width:40px; } .cm-post-preview .cm-meta { font-size:9px; } .cm-feed-summary { font-size:10px; margin-bottom:12px; } .cm-thread { margin-bottom:10px; padding-bottom:13px; } .cm-thread-top { padding:8px 12px 6px; } .cm-comment-body { padding:3px 12px; gap:9px; } .cm-avatar { width:30px; height:30px; flex-basis:30px; border-radius:9px; } .cm-author { flex-wrap:wrap; gap:6px; } .cm-author strong { font-size:12px; } .cm-comment-text { font-size:13px; } .cm-actions { gap:12px; } .cm-actions>.cm-text-btn[data-cm-action=copy],.cm-actions>.cm-text-btn[data-cm-action=hide] { opacity:1; } .cm-replies { margin:10px 9px 0 26px; } .cm-composer { margin:15px 11px 0; } .cm-composer-foot { flex-wrap:wrap; gap:7px; } .cm-composer-foot>div { gap:10px; } .cm-composer-foot>.cm-meta { margin-left:auto; } .cm-text-btn { font-size:10px; } .cm-expand { margin-left:52px; } .cm-bulk,.cm-notice { padding:9px 14px; font-size:11px; } .cm-messages-slot { padding:12px; } }
@media(prefers-reduced-motion:reduce) { .community-app * { transition:none!important; animation:none!important; } }
@media(min-width:761px) {
  .cm-header { min-height:76px; padding-top:14px; padding-bottom:10px; }
  .cm-control-row { min-height:44px; }
  .cm-tab { padding-top:9px; padding-bottom:12px; }
  .cm-filter-row { padding-top:6px; padding-bottom:6px; }
  .cm-feed { padding-top:20px; }
  .cm-post-preview>img,.cm-post-preview>.cm-post-placeholder { height:48px; width:45px; }
  .cm-post-preview { padding:11px 14px; }
}
.cm-thread { cursor:pointer; }
.cm-thread :is(a,button,label,textarea) { cursor:pointer; }
.cm-thread textarea { cursor:text; }
.cm-composer-foot>div { position:relative; }
.cm-emoji-picker { position:absolute; display:grid; grid-template-columns:repeat(6,32px); bottom:32px; left:25px; gap:3px; background:var(--surface); border:1px solid var(--cm-line); border-radius:9px; padding:9px; box-shadow:0 5px 20px #3326191c; z-index:3; }
.cm-emoji { border:0; padding:4px; background:none; border-radius:5px; font-size:19px; line-height:1.2; }
.cm-emoji:hover { background:var(--cm-soft); }
.cm-composer:has(.cm-emoji-picker) { overflow:visible; }

.cm-avatar { position:relative; }
.cm-avatar>img { position:absolute; inset:0; }
.cm-avatar>span { display:grid; place-items:center; }
.cm-avatar>span>svg { width:18px; height:18px; }

/* Embedded Inbox shares the same conversation CSS as the standalone route. */
#view-community .cm-messages-slot { --inbox-line:var(--cm-line); --inbox-muted:var(--muted); --inbox-soft:var(--cm-soft); display:flex; flex-direction:column; padding:0; height:auto; min-height:0; flex:1; overflow:hidden; color:var(--ink); }
#view-community .cm-messages-slot .eng-inbox-appbar { height:56px; flex-shrink:0; padding:0 28px; }
#view-community .cm-messages-slot .eng-inbox-appbar h1 { display:none; }
#view-community .cm-messages-slot .eng-inbox-appbar .eng-search { margin-left:0; }
#view-community .cm-messages-slot .eng-inbox-shell { flex:1; height:auto; min-height:0; grid-template-columns:200px minmax(0,1fr); }
#view-community .cm-messages-slot .eng-inbox-shell.rail-collapsed { grid-template-columns:52px minmax(0,1fr); }
#view-community .cm-messages-slot .eng-inbox-rail { background:#faf8f4; }
#view-community .cm-messages-slot .eng-inbox-rail .eng-rail-item.active { background:#eee9df; }
@media(max-width:1000px) { #view-community .cm-messages-slot .eng-inbox-shell { grid-template-columns:52px minmax(0,1fr); } }
@media(max-width:700px) { #view-community .cm-messages-slot .eng-inbox-appbar { height:auto; min-height:83px; padding:9px 12px; } #view-community .cm-messages-slot .eng-inbox-appbar .eng-search { order:2; width:100%; max-width:none; } }

#view-community .cm-messages-slot .eng-chat-welcome { background:#fcfaf7; }