.zdi{display:flex;height:calc(100dvh - 182px);min-height:360px;max-height:1000px;overflow:hidden;border:1px solid #e4e8ef;border-radius:18px;background:#fff;color:#24334a;font-family:inherit;font-size:13px}.zdi *{box-sizing:border-box}.zdi button,.zdi input,.zdi select{font:inherit}.zdi button{cursor:pointer}.zdi button:disabled{cursor:wait;opacity:.6}.zdi button:focus-visible,.zdi input:focus-visible,.zdi select:focus-visible{outline:2px solid #218cff;outline-offset:-2px}.zdi-sidebar{width:360px;max-width:42%;display:flex;flex-direction:column;border-right:1px solid #e8edf3;background:#fff}.zdi-top{display:flex;align-items:center;gap:10px;padding:16px;border-bottom:1px solid #edf0f5}.zdi-top strong{font-size:17px}.zdi-top button{border:0;background:#f0f5fb;color:#2475b6;border-radius:50%;width:32px;height:32px;font-size:20px}.zdi-top button:last-child{margin-left:auto}.zdi-source{border-radius:6px;background:#eef5ff;color:#3478c5;padding:3px 6px;font-size:11px}.zdi-controls{padding:12px;display:grid;gap:8px;border-bottom:1px solid #edf0f5}.zdi-controls input,.zdi-controls select{width:100%;border:1px solid #e2e8f0;border-radius:10px;padding:10px 12px;background:#f7f9fb;color:inherit;min-width:0}.zdi-list{flex:1;overflow:auto;overscroll-behavior:contain}.zdi-chat{display:flex;align-items:center;gap:10px;width:100%;padding:13px 12px;border:0;border-bottom:1px solid #f0f3f6;background:#fff;color:inherit;text-align:left}.zdi-chat:hover{background:#f6faff}.zdi-chat.active{background:#eaf4ff;box-shadow:inset 3px 0 #2995ef}.zdi-avatar{width:42px;height:42px;flex-shrink:0;border-radius:50%;overflow:hidden;background:#ecf1f7;display:flex;align-items:center;justify-content:center;color:#607389;font-weight:600}.zdi-avatar img{width:100%;height:100%;object-fit:cover}.zdi-chat-info{min-width:0;flex:1;display:grid;gap:3px}.zdi-chat-title{display:flex;align-items:center;gap:8px}.zdi-chat-title strong{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.zdi-chat time{font-size:10px;color:#91a0b1;white-space:nowrap}.zdi-account{font-size:11px;color:#3789ce}.zdi-preview{color:#7d899b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.zdi-unread{border-radius:15px;background:#329de0;color:#fff;min-width:20px;padding:2px 5px;text-align:center;font-size:10px}.zdi-status,.zdi-readonly{flex-shrink:0;padding:10px 14px;border-top:1px solid #edf0f5;font-size:11px;color:#8b98a9;background:#fff}.zdi-status span{display:block;color:#b78121;margin-top:4px}.zdi-main{min-width:0;flex:1;display:flex;flex-direction:column;background:linear-gradient(135deg,#eaf3fb,#f1f5fa)}.zdi-person{display:flex;align-items:center;gap:10px;padding:14px 20px;background:#fff;border-bottom:1px solid #e8edf3}.zdi-person>div{display:grid;gap:5px}.zdi-person span:not(.zdi-avatar){font-size:12px;color:#7c8ba0}.zdi-history{flex:1;overflow:auto;padding:20px clamp(12px,3vw,40px);display:flex;flex-direction:column;gap:8px;overscroll-behavior:contain}.zdi-message{max-width:80%;min-width:100px;border-radius:14px;padding:10px 13px;box-shadow:0 1px 2px #19324b0d;background:#fff;align-self:flex-start;overflow-wrap:anywhere}.zdi-message.outgoing{align-self:flex-end;background:#d9f5df;border-bottom-right-radius:4px}.zdi-message.incoming{border-bottom-left-radius:4px}.zdi-message p{margin:0;white-space:pre-wrap;line-height:1.5}.zdi-message time{display:block;text-align:right;font-size:10px;color:#8aa099;margin-top:5px}.zdi-message a{display:block;margin:4px 0;color:#1684c5}.zdi-more{display:block;align-self:center;margin:10px auto;padding:9px 16px;background:#fff;border:1px solid #dde7f0;border-radius:20px;color:#3789ce}.zdi-error{padding:12px;margin:8px;color:#aa3939;background:#fff0f0;border-radius:8px}.zdi-empty{padding:20px;text-align:center;color:#8b98aa}.zdi-welcome{margin:auto;text-align:center;color:#8393a8}.zdi-welcome>span{font-size:40px;color:#60a3d6}.zdi-welcome h2{font-size:18px;font-weight:600;color:#526b88}.zdi-mobile-back{display:none}.zdi-history::-webkit-scrollbar,.zdi-list::-webkit-scrollbar{width:7px}.zdi-history::-webkit-scrollbar-thumb,.zdi-list::-webkit-scrollbar-thumb{background:#c4d2e1;border-radius:5px}@media (max-width:760px){.zdi{height:calc(100dvh - 150px)}.zdi-sidebar{width:100%;max-width:none}.zdi-main,.zdi-selected .zdi-sidebar{display:none}.zdi-selected .zdi-main{display:flex}.zdi-mobile-back{display:block;background:none;border:0;font-size:22px;color:#3789ce}.zdi-message{max-width:94%}.zdi-person{padding:12px}}