.messages-toolbar{position:sticky;top:var(--app-header-height,54px);z-index:14;display:flex;align-items:center;gap:8px;padding:7px 10px 10px;background:var(--brand);color:white}
.messages-toolbar .search-switch{flex:1}.messages-toolbar .search-switch button{font-weight:700}
.messages-sender-wrap{position:relative;flex:none}.messages-sender-wrap .online-switch{font-weight:700;font-size:12px;padding:0 10px}
.messages-page .message-list-row{min-height:84px;padding:12px 13px;gap:12px}
.messages-page .message-open-button{display:flex;flex:1;align-items:center;gap:12px;min-width:0;min-height:60px;padding:0;border:0;background:transparent;color:inherit;text-align:left}
.messages-page .message-delete-button{display:grid;place-items:center;flex:none;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--brand-subtle)}
.messages-page .message-delete-button:active{background:var(--brand-faint);color:var(--brand-accent-strong)}
.messages-page .message-delete-button svg{width:19px;height:19px}
.messages-page .message-avatar .portrait{width:58px;height:58px}
.messages-page .message-list-name{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}
.messages-page .message-list-name strong{display:flex;align-items:center;gap:5px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.messages-page .message-list-name time{flex:none;color:var(--brand-subtle);font-size:11px}
.messages-page .message-list-location{display:block;margin-top:3px;overflow:hidden;color:var(--brand-subtle);font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.messages-sender-wrap .online-switch{white-space:nowrap}
.messages-premium-note{margin:0;padding:8px 13px;background:var(--brand-faint);color:var(--brand-muted);font-size:12px;text-align:center}
.message-list-name strong{display:flex;align-items:center;gap:5px;min-width:0;font-weight:700}
.message-list-name .tile-verified{width:14px;height:14px;font-size:11px}
.message-preview{font-size:13px;line-height:1.5;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.message-unread{background:var(--brand-faint)}.message-unread-count{flex:none;display:grid;place-items:center;min-width:21px;height:21px;padding:0 5px;border-radius:13px;background:var(--brand);color:#fff;font-size:11px;font-weight:700}
.messages-empty-v2{padding:clamp(40px,16dvh,180px) 25px 25px;text-align:center;color:var(--brand-muted)}
.message-empty-art{display:block;width:min(225px,72vw);height:185px;margin:0 auto 15px;stroke:none}
.messages-empty-v2 h1{margin:18px 0 9px;font-size:22px;font-weight:700;line-height:1.3}
.messages-empty-v2 p{max-width:310px;margin:0 auto;color:var(--brand-subtle);font-size:14px;font-weight:700;line-height:1.65}
.bottom #chat-unread-count{position:absolute;right:calc(50% - 28px);top:1px;display:grid;place-items:center;min-width:17px;height:17px;padding:0 4px;border:2px solid white;border-radius:12px;background:var(--brand-accent);color:white;font-size:9px;font-weight:700}
.bottom #chat-unread-count[hidden]{display:none}
.swipe-person .swipe-name-line{display:flex;align-items:center;justify-content:space-between;gap:10px}
.swipe-person .swipe-name-line h1{font-size:19px;min-width:0}
.swipe-person .swipe-distance{display:flex;align-items:center;gap:3px;flex:none;color:var(--brand);font-size:11px;font-weight:700;white-space:nowrap}
.swipe-distance svg{width:12px;height:12px;fill:currentColor;stroke:none}
.swipe-person .swipe-height{display:block;margin-top:5px;font-size:12px;color:var(--brand-subtle);font-weight:700}
.swipe-person .swipe-open{display:flex;gap:8px;align-items:center;justify-content:center}
.swipe-open svg{width:18px;height:18px;fill:white;stroke:none}
.swipe-person .demo-caption{font-size:9px;margin:3px 0 0}