.inbox-wrap{color:#171b2d;width:min(88%,1120px);margin:28px auto 60px}.inbox-title{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.inbox-title h1{margin:0;font-size:30px}.inbox-title p{color:#687087;margin:4px 0}.inbox-title button{color:#fff;background:#e61927;border:0;border-radius:10px;gap:7px;padding:12px 18px;font-weight:800;display:flex}.inbox-card{border:1px solid #e3e6ed;border-radius:18px;grid-template-columns:36% 64%;height:650px;display:grid;overflow:hidden;box-shadow:0 8px 30px #1d253512}.thread-list{border-right:1px solid #e5e7ed;overflow:auto}.thread-search{border:1px solid #dfe2e9;border-radius:12px;align-items:center;margin:16px;padding:0 12px;display:flex}.thread-search input{border:0;outline:0;width:100%;height:44px;padding-left:8px}.thread-list nav{border-bottom:1px solid #eee;display:flex}.thread-list nav button{background:#fff;border:0;flex:1;padding:12px}.thread-list nav button:first-child{color:#e61927;border-bottom:2px solid #e61927}.thread-list>button{text-align:left;background:#fff;border:0;border-bottom:1px solid #eee;grid-template-columns:48px 1fr auto;align-items:center;gap:10px;width:100%;padding:14px;display:grid}.thread-list>button.selected{background:#fff2f3;border-left:3px solid #e61927}.thread-avatar{color:#fff;background:#f04a2b;border-radius:50%;place-items:center;width:44px;height:44px;font-weight:800;display:grid;overflow:hidden}.thread-avatar img{object-fit:cover;width:100%;height:100%}.thread-list b,.thread-list small{display:block}.thread-list small{color:#70768a;white-space:nowrap;text-overflow:ellipsis;margin-top:5px;overflow:hidden}.thread-list em{color:#73798b;text-align:right;font-size:11px;font-style:normal}.thread-list i{color:#fff;text-align:center;background:#e61927;border-radius:12px;width:22px;height:22px;margin:6px 0 0 auto;line-height:22px;display:block}.chat-pane{flex-direction:column;min-width:0;display:flex}.chat-pane>header{border-bottom:1px solid #eee;align-items:center;gap:10px;height:72px;padding:0 18px;display:flex}.chat-pane h2{margin:0;font-size:16px}.chat-pane header small{color:#168f45}.chat-pane header a{color:#6438de;margin-left:auto;text-decoration:none}.chat-back{display:none}.chat-messages{flex-direction:column;flex:1;gap:13px;padding:22px;display:flex;overflow:auto}.chat-messages>div{max-width:70%}.chat-messages p{border-radius:17px;margin:0;padding:11px 14px;line-height:1.45}.chat-messages time{color:#858a99;font-size:10px}.chat-messages .mine{text-align:right;align-self:flex-end}.chat-messages .mine p{color:#fff;background:#e61927}.chat-messages .theirs p{background:#f1f2f5}.chat-pane form{border-top:1px solid #eee;gap:8px;padding:12px;display:flex}.chat-pane form input{border:1px solid #ddd;border-radius:22px;flex:1;padding:0 16px}.chat-pane form button{border:0;border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.chat-pane form button:last-child{color:#fff;background:#e61927}.chat-empty{text-align:center;color:#858a99;margin:auto}.contact-modal{z-index:500;place-items:center;display:grid;position:fixed;inset:0}.modal-shade{background:#0008;border:0;position:absolute;inset:0}.contact-modal section{background:#fff;border-radius:18px;width:min(440px,92vw);max-height:70vh;padding:16px;position:relative;overflow:auto}.contact-modal header{justify-content:space-between;display:flex}.contact-modal header button{background:0 0;border:0;font-size:28px}.contact-modal section>input{box-sizing:border-box;border:1px solid #ddd;border-radius:12px;width:100%;height:44px;padding:0 12px}.contact-modal section>button{background:#fff;border:0;align-items:center;gap:10px;width:100%;padding:10px;display:flex}.empty{text-align:center;color:#858a99;padding:30px}.inbox-error{color:#c31522}@media (max-width:760px){.inbox-wrap{width:100%;margin:72px 0 80px}.inbox-title{padding:14px 16px}.inbox-title h1{font-size:25px}.inbox-title p{display:none}.inbox-title button{border-radius:50%;width:44px;height:44px;padding:11px;font-size:0}.inbox-card{border-left:0;border-right:0;border-radius:0;height:calc(100dvh - 188px);display:block}.thread-list{border:0;height:100%}.chat-pane{height:100%;display:none}.inbox-wrap.has-chat .thread-list{display:none}.inbox-wrap.has-chat .chat-pane{display:flex}.inbox-wrap.has-chat .inbox-title{display:none}.inbox-wrap.has-chat{margin-top:64px;margin-bottom:0}.inbox-wrap.has-chat .inbox-card{border-top:0;height:calc(100dvh - 64px)}.chat-back{background:0 0;border:0;font-size:30px;display:block}.chat-pane header a{font-size:0}.chat-pane header a:after{content:"Hồ sơ";font-size:12px}.chat-messages>div{max-width:84%}.inbox-wrap.has-chat~.d-footer{display:none}.inbox-page:has(.has-chat) .mobile-bottom{display:none}}