.chat-shell{position:relative;isolation:isolate;display:grid;grid-template-columns:275px minmax(0,1fr);min-height:610px;border:1px solid #d8d8d8;border-radius:12px;overflow:hidden;background:#fff}.chat-shell:before{content:"";position:absolute;inset:0;z-index:-1;background:url('./assets/delisha-brand.png') center 56%/min(520px,62%) auto no-repeat;opacity:.045;pointer-events:none}.chat-people{background:#fbfbfb;border-right:1px solid #dedede;min-width:0}.chat-people-head{display:flex;justify-content:space-between;align-items:center;padding:20px 17px 13px}.chat-people-head h2{font-size:18px;margin:3px 0 0}.chat-people-head small{font-size:10px;letter-spacing:.11em;color:#b91932;font-weight:700}.chat-people-head button{width:38px;height:38px;padding:0}.chat-search{display:block;padding:0 17px 14px;font-size:12px;color:#666}.chat-search input{width:100%;box-sizing:border-box;margin-top:5px;padding:9px;border:1px solid #cfcfcf;border-radius:6px}.chat-person{display:flex;width:100%;gap:10px;align-items:center;padding:11px 17px;border:0;border-top:1px solid #eee;border-radius:0;background:transparent;text-align:left;color:inherit;box-shadow:none!important}.chat-person:hover,.chat-person.active{background:#f4ecee!important;border-color:#eee!important}.chat-person>span:nth-child(2){min-width:0;flex:1}.chat-person strong,.chat-person small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-person strong{font-size:13px}.chat-person small{margin-top:3px;font-size:11px;color:#777}.chat-person>b{display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:#b91932;color:#fff;font-size:10px}.chat-avatar{display:grid;place-items:center;width:33px;height:33px;border-radius:50%;background:#173d59;color:#fff;font-weight:700;font-size:13px;flex:none}.chat-thread{display:flex;flex-direction:column;min-width:0;min-height:0;background:rgba(255,255,255,.84)}.chat-welcome{max-width:390px;margin:auto;text-align:center;color:#41515d;padding:48px 24px}.chat-welcome svg{width:48px;height:48px;color:#b91932}.chat-welcome h2{margin:14px 0 8px;font-size:21px}.chat-welcome p{font-size:13px;line-height:1.65}.chat-thread header{padding:19px 24px;border-bottom:1px solid #ddd;background:rgba(255,255,255,.82)}.chat-thread header strong,.chat-thread header small{display:block}.chat-thread header small{font-size:11px;color:#777;margin-top:3px}#chatConversation{display:flex;flex-direction:column;min-height:609px}#chatMessages{flex:1;min-height:310px;max-height:475px;overflow:auto;padding:22px 24px}.chat-message{display:flex;flex-direction:column;align-items:flex-start;margin:0 0 16px}.chat-message.mine{align-items:flex-end}.chat-bubble{max-width:min(76%,610px);padding:10px 13px;border-radius:11px;background:#edf1f3;color:#1e2c36;box-shadow:0 1px 1px #0000000d;overflow:hidden}.chat-message.mine .chat-bubble{background:#173d59;color:#fff}.chat-bubble p{margin:0;white-space:normal;overflow-wrap:anywhere;font-size:13px;line-height:1.45}.chat-message>small{font-size:10px;color:#69737a;margin:4px 3px}.chat-image{display:block;margin-top:6px}.chat-image img{display:block;max-width:100%;max-height:340px;border-radius:7px}.chat-file{display:flex;gap:8px;align-items:center;margin-top:3px;padding:8px;border:1px solid #ffffff66;border-radius:6px;color:inherit;text-decoration:none}.chat-file span{font-size:12px;overflow-wrap:anywhere}.chat-file small{opacity:.8;font-size:10px}.chat-empty{text-align:center;margin-top:100px;color:#777;font-size:13px}#chatAttachment{margin:0 17px 8px;padding:8px 10px;border-radius:7px;background:#f5eeee;display:flex;justify-content:space-between;align-items:center;font-size:12px}#chatAttachment button{padding:5px 8px;font-size:11px}.chat-emoji{display:flex;gap:4px;padding:8px 14px 0}.chat-emoji button{padding:4px 6px;border:0;background:transparent;font-size:16px;box-shadow:none!important}.chat-emoji button:hover{transform:scale(1.15)}#chatComposer{border-top:1px solid #ddd;background:rgba(255,255,255,.94)}#chatText{display:block;box-sizing:border-box;width:100%;min-height:73px;resize:vertical;border:0;padding:11px 17px;font:inherit;font-size:13px;background:transparent;outline:none}.chat-send-row{display:flex;align-items:center;gap:10px;padding:0 14px 13px}.chat-send-row small{flex:1;color:#777;font-size:10px}.chat-attach{display:flex;align-items:center;gap:5px;cursor:pointer;padding:7px 9px;border:1px solid #bbb;border-radius:5px;font-size:12px}.chat-attach input{position:absolute;width:1px;height:1px;opacity:0}.chat-attach svg{width:15px;height:15px}@media(max-width:760px){.chat-shell{grid-template-columns:1fr;min-height:0}.chat-people{border-right:0;border-bottom:1px solid #ddd}.chat-people-head{padding:14px 14px 8px}.chat-search{padding:0 14px 9px}.chat-person{display:inline-flex;width:auto;min-width:150px;border-top:0;border-right:1px solid #eee;padding:9px 12px}.chat-person b{display:none}#chatPeopleList{display:flex;overflow:auto;border-top:1px solid #eee}.chat-thread{min-height:510px}#chatConversation{min-height:510px}#chatMessages{padding:16px;max-height:360px}.chat-thread header{padding:14px 16px}.chat-bubble{max-width:88%}.chat-send-row small{display:none}.chat-shell:before{background-size:74% auto}}