.rail [data-nav],.side-filter button{position:relative}.notification-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:12px;background:#c43b44;color:#fff;font:600 10px/18px system-ui;white-space:nowrap}
.rail .notification-badge{position:absolute;top:0;right:0}.side-filter .notification-badge{margin-left:5px}.room-item .badge{background:#c43b44;color:white}.room-item .badge.quiet{background:var(--muted);color:var(--bg)}.contact-tags{font-size:10px;color:var(--muted)}.contact-option{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--line)}.contact-option input{width:22px;height:22px;flex:0 0 22px}.contact-option small{display:block;font-size:11px;color:var(--muted);margin-top:4px}.contact-actions{display:flex;gap:8px;flex-wrap:wrap}.notification-settings{margin:20px 0;padding:18px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
@media(max-width:760px){
 html.community-mobile,html.community-mobile body{height:100%;overflow:hidden;overscroll-behavior:none}
 html.community-mobile #workspace{position:fixed;top:var(--viewport-top,0px);left:0;right:0;height:var(--app-height,100dvh);width:100%;overflow:hidden}
 .workspace .messages{min-height:0;overflow-anchor:none;-webkit-overflow-scrolling:touch}
 .workspace[data-keyboard=true]{grid-template-rows:0 minmax(0,1fr)}
 .workspace[data-keyboard=true]>.topbar{height:0;min-height:0;overflow:hidden;border:0;visibility:hidden}
 .workspace[data-keyboard=true] .chat-header{height:48px;min-height:48px}
 .workspace[data-keyboard=true] .official-announcement{display:none}
 .workspace[data-keyboard=true] .composer{padding-bottom:0}
 html.keyboard-open dialog[open]{position:fixed;top:calc(var(--viewport-top,0px) + 10px);bottom:auto;margin:0 auto;max-height:calc(var(--app-height,100dvh) - 20px)}
 html.keyboard-open #toasts{top:calc(var(--viewport-top,0px) + 8px);bottom:auto}
 .side-filter{gap:5px}.sidebar .side-filter button{padding-left:14px;padding-right:14px}.rail .notification-badge{right:calc(50% - 28px);top:0}.contact-actions>button{min-height:44px}.contact-option{min-height:56px}.notification-settings{padding:16px}
}