.umwe-messages{max-width:1320px;margin:0 auto;padding:54px 22px 28px;color:var(--text)}.msg-page-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:14px}.msg-page-head h1{margin:0;font-size:30px;letter-spacing:-.02em}.msg-page-head p{margin:5px 0 0;color:var(--muted);font-size:12px}.msg-shell{display:grid;grid-template-columns:310px minmax(430px,1fr) 230px;height:min(680px,calc(100vh - 175px));min-height:520px;border:1px solid var(--line);border-radius:19px;overflow:hidden;background:var(--panel);box-shadow:0 16px 45px rgba(0,0,0,.1)}.msg-list{border-right:1px solid var(--line);background:color-mix(in srgb,var(--panel) 96%,var(--bg));min-width:0}.msg-list-tools{padding:13px;border-bottom:1px solid var(--line)}.msg-search{position:relative}.msg-search>span{position:absolute;left:11px;top:7px;color:var(--muted);font-size:20px}.msg-search input,.msg-compose input{width:100%;box-sizing:border-box;border:1px solid var(--line);background:var(--panel-strong);color:var(--text);border-radius:11px;padding:10px 12px;outline:none}.msg-search input{padding-left:35px}.msg-search input:focus,.msg-compose input:focus{border-color:rgba(16,191,121,.55);box-shadow:0 0 0 3px rgba(16,191,121,.08)}.msg-new{width:100%;margin-top:9px;border:0;border-radius:10px;background:#0cbd79;color:#fff;font-weight:800;padding:10px 14px;cursor:pointer}.msg-person{position:relative;width:100%;display:flex;gap:11px;align-items:center;padding:13px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--text);text-align:left;cursor:pointer;transition:background .15s ease}.msg-person:hover,.msg-person.active{background:rgba(16,191,121,.08)}.msg-person.active{box-shadow:inset 3px 0 #10bf79}.msg-avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;background:linear-gradient(145deg,#10bf79,#078f68);color:white;font-weight:850}.msg-person-copy{min-width:0;flex:1}.msg-person-copy b,.msg-person-copy small,.msg-person-copy>span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.msg-person-line{display:flex!important;align-items:center;justify-content:space-between;gap:8px}.msg-person-line time{font-size:9px;color:var(--muted);font-weight:500}.msg-person-copy small{font-size:10px;color:var(--muted);margin:2px 0}.msg-person-copy>span{font-size:11px;color:var(--muted)}.msg-unread{min-width:19px;height:19px;padding:0 5px;border-radius:10px;display:grid;place-items:center;background:#10bf79;color:#fff;font-size:9px;font-weight:800;font-style:normal}.msg-chat{display:flex;flex-direction:column;min-width:0;min-height:0}.msg-chat-head{height:66px;padding:0 17px;display:flex;align-items:center;gap:11px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--panel) 96%,var(--bg))}.msg-chat-head .msg-avatar{width:41px;height:41px}.msg-chat-person{min-width:0}.msg-chat-person b,.msg-chat-person small{display:block}.msg-chat-person small{font-size:10px;color:var(--muted);margin-top:2px}.msg-thread{flex:1;min-height:0;padding:20px;overflow:auto;background:linear-gradient(180deg,color-mix(in srgb,var(--panel) 97%,var(--bg)),var(--panel))}.msg-day{text-align:center;color:var(--muted);font-size:9px;margin:0 0 15px}.msg-bubble-row{display:flex;margin:7px 0}.msg-bubble-row.mine{justify-content:flex-end}.msg-bubble{max-width:68%;padding:10px 12px;border-radius:14px 14px 14px 5px;background:var(--panel-strong);border:1px solid var(--line);font-size:12px;line-height:1.45;white-space:pre-wrap}.msg-bubble-row.mine .msg-bubble{background:#0cae73;color:#fff;border-color:#0cae73;border-radius:14px 14px 5px 14px}.msg-time{display:block;margin-top:5px;font-size:8px;opacity:.67}.msg-compose{display:grid;grid-template-columns:1fr 42px;gap:8px;padding:12px;border-top:1px solid var(--line);background:color-mix(in srgb,var(--panel) 97%,var(--bg))}.msg-compose input{border-radius:22px}.msg-send{border:0;border-radius:50%;background:#10bf79;color:#fff;font-size:18px;cursor:pointer;transition:transform .15s ease}.msg-send:hover{transform:scale(1.04)}.msg-details{border-left:1px solid var(--line);padding:16px;background:color-mix(in srgb,var(--panel) 96%,var(--bg))}.msg-details h3{font-size:12px;margin:0 0 14px}.msg-detail-card{text-align:center;padding:17px 9px;border:1px solid var(--line);border-radius:13px;background:var(--panel-strong)}.msg-detail-card .msg-avatar{margin:0 auto 9px;width:48px;height:48px}.msg-detail-card b,.msg-detail-card small{display:block}.msg-detail-card small{color:var(--muted);font-size:10px;margin-top:3px}.msg-quick{margin-top:11px;border:1px solid var(--line);border-radius:12px;padding:11px;background:var(--panel-strong)}.msg-quick b{font-size:10px}.msg-quick button{width:100%;margin-top:7px;padding:8px;text-align:left;border:0;border-radius:7px;background:transparent;color:var(--text);cursor:pointer;font-size:10px}.msg-quick button:hover{background:rgba(16,191,121,.08)}.msg-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:300px;color:var(--muted);text-align:center}.msg-empty b{color:var(--text);font-size:13px}.msg-empty span{font-size:11px}.msg-empty.compact{min-height:150px;padding:20px}.msg-loading{padding:24px;text-align:center;color:var(--muted);font-size:11px}.msg-modal-backdrop{position:fixed;inset:0;z-index:500;background:rgba(3,12,22,.55);display:grid;place-items:center;padding:14px}.msg-modal{width:min(410px,100%);padding:19px;border-radius:17px;background:var(--panel-strong);border:1px solid var(--line);box-shadow:0 25px 70px rgba(0,0,0,.3)}.msg-modal h3{margin:0 0 4px}.msg-modal>p{margin:0 0 13px;color:var(--muted);font-size:11px}.msg-modal-user{width:100%;padding:10px;margin:5px 0;border:1px solid var(--line);border-radius:11px;background:var(--panel);color:var(--text);text-align:left;cursor:pointer;display:flex;align-items:center;gap:10px}.msg-modal-user small{display:block;color:var(--muted);margin-top:2px}.msg-modal-close{float:right;border:0;background:transparent;color:var(--muted);font-size:22px;cursor:pointer}.msg-mobile-back{display:none}
@media(max-width:980px) and (min-width:761px){.msg-shell{grid-template-columns:280px 1fr}.msg-details{display:none}}
@media(max-width:760px){.umwe-messages{padding:18px 12px 16px!important}.msg-page-head{margin-bottom:12px}.msg-page-head h1{font-size:28px}.msg-page-head p{display:block;font-size:11px}.msg-shell{display:block!important;height:auto!important;min-height:calc(100vh - 175px)!important;border-radius:17px!important;overflow:hidden!important}.msg-list{display:block;border:0!important;min-height:calc(100vh - 175px)}.msg-list-tools{padding:12px}.msg-person{padding:12px;min-height:67px}.msg-avatar{width:42px;height:42px}.msg-chat{display:none!important;min-height:calc(100vh - 175px)!important}.msg-details{display:none!important}.msg-shell.thread-open .msg-list{display:none!important}.msg-shell.thread-open .msg-chat{display:flex!important}.msg-chat-head{height:64px;padding:0 10px}.msg-mobile-back{display:grid;border:0;background:transparent;color:var(--text);width:32px;height:40px;place-items:center;font-size:30px;line-height:1}.msg-thread{padding:14px 10px}.msg-bubble{max-width:82%;font-size:12px}.msg-compose{position:sticky;bottom:0;padding:9px;background:var(--panel-strong)}.msg-compose input{font-size:16px!important}.msg-new{min-height:42px}.msg-empty{min-height:240px}.msg-modal{max-height:75vh;overflow:auto}}