.admin-service .tabs .admin-chat-tab{color:#fff;background:#a82958;border-color:#f88ca6;font-weight:800}.admin-service .tabs .admin-chat-tab.active{color:#fff;background:#e24d72}.admin-customer-chats{margin-top:24px}.admin-chat-layout{grid-template-columns:minmax(240px,320px) minmax(0,1fr);gap:18px;min-height:520px;display:grid}.admin-chat-list{background:#101c2a;border:1px solid #2a3b4c;border-radius:13px;flex-direction:column;gap:7px;max-height:630px;padding:10px;display:flex;overflow:auto}.admin-chat-list>button{color:#e7f7ff;text-align:left;cursor:pointer;background:#172737;border:1px solid #344656;border-radius:10px;gap:5px;width:100%;padding:12px;display:grid;position:relative}.admin-chat-list>button.active{background:#214253;border-color:#6ee5ee}.admin-chat-list>button small{color:#a8c1ce}.admin-chat-list>button span{text-overflow:ellipsis;white-space:nowrap;color:#c0d6e0;overflow:hidden}.admin-chat-list>button b{color:#fff;background:#ff607a;border-radius:99px;place-items:center;min-width:22px;height:22px;font-size:11px;display:grid;position:absolute;top:10px;right:10px}.admin-chat-conversation{color:#effaff;background:#142331;border:1px solid #2a3b4c;border-radius:13px;flex-direction:column;min-height:520px;padding:18px;display:flex}.admin-chat-contact{border-bottom:1px solid #34495a;justify-content:space-between;gap:12px;padding-bottom:12px;display:flex}.admin-chat-contact a{color:#7fe5ed}.admin-chat-messages{flex-direction:column;flex:1;gap:10px;max-height:420px;padding:18px 0;display:flex;overflow-y:auto}.admin-chat-messages article{overflow-wrap:anywhere;background:#21384b;border-radius:10px;align-self:flex-start;max-width:80%;padding:11px 13px}.admin-chat-messages article.from-admin{background:#264b5c;align-self:flex-end}.admin-chat-messages article small{color:#9dd2df}.admin-chat-messages article p{white-space:pre-wrap;margin:5px 0 0}.admin-chat-conversation form{gap:10px;display:grid}.admin-chat-conversation form label{gap:7px;display:grid}.admin-chat-conversation textarea{color:#fff;resize:vertical;background:#0e1e2c;border:1px solid #537087;border-radius:9px;width:100%;padding:10px}.admin-chat-conversation form button{justify-self:start}@media (max-width:760px){.admin-chat-layout{grid-template-columns:1fr}.admin-chat-list{max-height:230px}.admin-chat-conversation{min-height:410px}}