/* Desktop-only layout and responsive overrides */
@media (max-width:640px){
	.rooms-list{width:140px}
	#main{padding:6px}
	.topbtn{padding:6px}
	.chat-input-row{padding:6px}
	.chat-history{padding:6px}
	.rooms-list{font-size:14px}
}

.side-panel.rooms-side{width:78px;flex:0 0 78px}
.side-panel.channels-side{width:160px}

@media (max-width:640px){
	.layout{flex-direction:column;height:auto}
	.side-panel{width:100%;order:1}
	.right-panel{order:2}
	.input-panel{position:sticky;bottom:0;z-index:20}
}

.side-panel.messages-side{width:240px}
.side-panel.messages-side .rooms-list{width:220px}
.side-panel.members-side{width:var(--members-panel-width)}
.side-panel.members-side .rooms-list{width:220px}
.desktop-profile-popup-backdrop{z-index:260;padding:0;align-items:flex-end;justify-content:center;overflow:hidden}
.desktop-profile-popup-window{width:min(100%,900px);max-width:900px;height:min(88dvh,calc(100vh - 20px));max-height:min(88dvh,calc(100vh - 20px));margin:0;padding:0;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 -10px 32px rgba(0,0,0,0.35)}
.desktop-profile-popup-scroll{flex:1 1 auto;overflow:auto;overscroll-behavior:contain;padding-bottom:4px}
.desktop-profile-popup-loading{padding:24px;color:var(--muted)}
.dm-profile-side{display:flex;flex:0 0 calc(var(--members-panel-width) * 1.4);width:calc(var(--members-panel-width) * 1.4);flex-direction:column;min-height:0;padding:6px}
.dm-profile-panel-host{flex:1;min-height:0;overflow:auto;width:100%}
.dm-profile-panel{width:100%}
.dm-profile-side .mobile-profile-page{display:flex;flex-direction:column;gap:12px;padding:0;min-height:100%}
.dm-profile-side .mobile-profile-card{position:relative;display:flex;flex-direction:column;align-self:stretch;width:100%;min-height:260px;overflow:visible;padding:0}
.dm-profile-side .mobile-profile-card .mini-profile-banner{height:124px;min-height:124px;flex:0 0 124px}
.dm-profile-side .mobile-profile-card .mini-profile-avatar{top:auto;bottom:-42px;left:14px;transform:none;width:88px!important;height:88px!important;max-width:88px;max-height:88px}
.dm-profile-side .mobile-profile-card .mini-profile-body{display:block;flex:0 0 auto;min-height:auto;padding:56px 14px 14px 14px}
.dm-profile-side .mobile-profile-card .mini-profile-name-line,
.dm-profile-side .mobile-profile-card .mini-profile-uuid-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:nowrap}
.dm-profile-side .mobile-profile-card .mini-profile-name-block,
.dm-profile-side .mobile-profile-card .mini-profile-uuid{min-width:0;flex:1 1 auto}
.dm-profile-side .mobile-profile-card .mini-profile-name{display:block;line-height:1.2}
.dm-profile-side .mobile-profile-card .mini-profile-status-wrap,
.dm-profile-side .mobile-profile-card .mobile-profile-flag-tz{flex:0 1 auto;max-width:50%;justify-content:flex-end;text-align:right;white-space:normal}
.dm-profile-side .mobile-profile-card .mobile-profile-status-wrap{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:13px;line-height:1.2;margin-left:auto}
.dm-profile-side .mobile-profile-card .mobile-profile-status-text,
.dm-profile-side .mobile-profile-card .mobile-profile-tz-text{word-break:break-word;overflow-wrap:anywhere}
.dm-profile-side .mobile-profile-card .mobile-profile-flag-tz{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:13px;line-height:1.2;margin-left:auto}
.dm-profile-side .mobile-profile-card .mobile-profile-flag{flex:0 0 auto}
.dm-profile-side .mobile-profile-card-actions{position:absolute;top:8px;left:8px;z-index:3;display:flex;gap:8px}
.dm-profile-side .mobile-profile-primary-action{position:absolute;top:10px;right:14px;z-index:3;display:flex;justify-content:flex-end;align-items:center;max-width:calc(100% - 124px)}
.dm-profile-side .mobile-profile-primary-action .btn{max-width:100%}
.dm-profile-side .mobile-profile-section{padding:12px;display:block}
.dm-profile-side .mobile-profile-section-title{font-weight:700;margin-bottom:8px}
.dm-profile-side .mobile-profile-section-toggle{width:100%;display:flex;align-items:center;justify-content:flex-start;gap:8px;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}
.dm-profile-side .mobile-profile-section-toggle .mobile-profile-section-title{margin-bottom:0}
.dm-profile-side .mobile-profile-section-body{margin-top:8px}
.dm-profile-side .mobile-profile-section.is-collapsed .mobile-profile-section-body{display:none}
.dm-profile-side .mobile-profile-about{flex:none;min-height:120px;max-height:none}
.dm-profile-side .mobile-profile-friends-list{width:100%}
.dm-profile-side .mobile-profile-friends-list .friend{width:100%;min-width:0}
.dm-profile-side .mobile-profile-friends-list .friend-meta{min-width:0;flex:1 1 auto}
.dm-profile-side .mobile-profile-friends-list .friend-name,
.dm-profile-side .mobile-profile-friends-list .friend-status{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

@media (min-width:641px){
	.blog-comments-panel{min-width:400px}
}

@media (max-width:640px){
	.desktop-profile-popup-window{width:min(100%,900px);height:min(88dvh,calc(100vh - 20px));max-height:min(88dvh,calc(100vh - 20px))}
}