.group-chat-shell{display:grid;grid-template-columns:290px minmax(0,1fr);min-height:550px}.group-chat-list-head{padding:20px 18px;border-bottom:1px solid var(--line)}.group-chat-list-head h2{font-size:17px;margin-bottom:6px}.group-chat-list-head small{font-size:11px}.group-chat-shell .chat-list{padding-top:0;max-height:670px;overflow:auto}.group-chat-shell .chat-person{width:100%;text-align:left;align-items:center;gap:10px}.group-chat-shell .chat-person>span:last-child{min-width:0}.group-chat-shell .chat-person strong{white-space:normal;overflow-wrap:anywhere;line-height:1.5}.group-chat-shell .chat-person small{display:block;max-width:190px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.group-chat-shell .chat-person em{display:block;font-size:10px;font-style:normal;color:var(--muted);margin-top:4px}.group-chat-shell .chat-main{min-width:0;display:flex;flex-direction:column}.group-chat-shell .messages{height:410px;min-height:240px;overflow:auto;flex:1;padding:20px}.group-chat-shell .chat-head{flex-wrap:wrap;gap:12px;padding:18px}.chat-current-info{flex:1;min-width:160px}.chat-current-info h3{overflow-wrap:anywhere}.chat-current-info small{display:block;white-space:normal;line-height:1.6;font-size:11px}.group-chat-shell .chat-compose{padding:16px;gap:10px}.group-chat-shell .chat-compose input{min-width:0;flex:1}.new-chat-empty{text-align:center;padding:65px 20px;color:var(--muted)}.new-chat-empty h3{margin:10px 0}.new-chat-empty p{font-size:12px;line-height:1.8}.chat-kind-choice{display:flex;flex-wrap:wrap;gap:16px;border:0;padding:12px 0 18px;margin:0}.chat-kind-choice legend{font-size:12px;font-weight:750;margin-bottom:10px}.chat-kind-choice label{display:flex;gap:8px;align-items:center;font-size:13px}.chat-kind-choice input{width:18px;height:18px;accent-color:var(--blue)}.chat-picker-filters{display:grid;grid-template-columns:1fr 1fr;gap:12px}.chat-picker-filters .field{min-width:0}.chat-person-picker{max-height:280px;overflow:auto;display:grid;gap:8px;margin-bottom:18px;padding:3px}.chat-picker-person{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--line);border-radius:11px;cursor:pointer}.chat-picker-person:has(input:checked){background:#0861ff0a;border-color:var(--blue)}.chat-picker-person input{width:18px;height:18px;flex-shrink:0;accent-color:var(--blue)}.chat-picker-person strong{font-size:13px}.chat-picker-person small{display:block;font-size:11px;line-height:1.6}.chat-selection-summary{font-size:12px;color:var(--muted);margin:0 0 14px;line-height:1.7}.chat-create-error{color:#bb2a47;font-size:12px;margin:12px 0}.chat-members-list{list-style:none;padding:0;margin:20px 0}.chat-members-list li{padding:13px 0;border-bottom:1px solid var(--line);font-size:13px}.chat-members-list small{display:block;margin-top:5px}.chat-group-name[hidden],.chat-picker-person[hidden],.chat-picker-no-result[hidden]{display:none!important}.group-chat-shell .bubble span{white-space:pre-wrap;overflow-wrap:anywhere}
@media(max-width:760px){.group-chat-shell{grid-template-columns:minmax(0,1fr)}.group-chat-shell .chat-list{display:block!important;max-height:210px;border-right:0;border-bottom:1px solid var(--line)}.group-chat-shell .chat-person{padding:10px 15px}.group-chat-shell .chat-person small{max-width:70vw}.group-chat-shell .chat-person em{display:none}.group-chat-list-head{padding:14px 16px}.group-chat-shell .messages{height:330px;flex:auto}.chat-picker-filters{grid-template-columns:1fr;gap:0}.chat-person-picker{max-height:230px}.group-chat-shell .chat-head{padding:14px}.group-chat-shell .chat-head .btn{font-size:11px}.group-chat-shell .chat-compose{padding:12px}}
.mobile-app .group-chat-shell{grid-template-columns:minmax(0,1fr)}.mobile-app .group-chat-shell .chat-list{display:block!important;max-height:210px;border-right:0;border-bottom:1px solid var(--line)}.mobile-app .group-chat-shell .messages{height:330px;flex:auto}.dark-mode .chat-picker-person:has(input:checked){background:#243e67}.dark-mode .chat-create-error{color:#ff9db5}