.service-stats{margin:0 0 14px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.service-stats article{padding:13px 16px;border:1px solid #e1ebe7;border-radius:14px;background:#fff;box-shadow:0 6px 20px rgba(27,72,58,.04)}
.service-stats small,.service-stats b{display:block}.service-stats small{color:#788a83;font-size:12px}.service-stats b{margin-top:5px;color:#1b5746;font-size:20px}
.service-search{padding:12px 12px 0;display:flex;gap:7px}.service-search input{min-width:0;height:36px;flex:1;padding:0 10px;border:1px solid #dce7e2;border-radius:10px;background:#fff}.service-search button{height:36px;padding:0 11px;border:0;border-radius:10px;background:#e2f2ea;color:#16785c;cursor:pointer}
.service-conversation-main>small{display:block;margin-top:6px;color:#94a29d;font-size:10px}
.service-quick-replies{padding:9px 14px;display:flex;align-items:center;gap:7px;overflow-x:auto;border-top:1px solid #e6eeea;background:#fbfdfc}.service-quick-replies[hidden]{display:none}.service-quick-replies>span:first-child{flex:none;color:#7a8a84;font-size:11px}.service-quick-replies .quick-item{display:flex;align-items:center;flex:none}.service-quick-replies button{max-width:190px;height:30px;padding:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:1px solid #d9e8e1;border-radius:999px;background:#eff8f4;color:#256d58;font-size:11px;cursor:pointer}.service-quick-replies .quick-item>button:first-child{border-radius:999px 0 0 999px}.service-quick-replies .quick-item>button:only-child{border-radius:999px}.service-quick-replies button.delete{width:28px;padding:0;border-left:0;border-radius:0 999px 999px 0;color:#8d625a}.service-quick-replies button.add{flex:none;border-style:dashed;background:#fff}.service-search button:focus-visible,.service-quick-replies button:focus-visible{outline:3px solid rgba(20,137,101,.24);outline-offset:2px}
.service-chat-layout{height:calc(100vh - 300px);min-height:520px}
@media(max-width:900px){.service-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
.service-typing{padding:8px 20px;color:#70867e;background:#f5f9f7;font-size:13px}.service-recalled{padding:9px 13px;border-radius:12px;background:#e9efec;color:#7c8e87;font-size:13px}.service-recall{padding:0;border:0;background:transparent;color:#168663;font:inherit;cursor:pointer}.service-recall:hover{text-decoration:underline}