:root{--biz-chat-primary: #2a6370;--biz-chat-primary-light: #e6f7f3;--biz-chat-bg: #f0f2f5;--biz-chat-white: #ffffff;--biz-chat-gray-50: #f9f9fa;--biz-chat-gray-100: #e9edef;--biz-chat-gray-200: #d1d7db;--biz-chat-gray-400: #8696a0;--biz-chat-dark: #111b21;--biz-chat-text-primary: #006572;--biz-chat-text-secondary: #667781;--biz-chat-danger: #ea0038;--biz-chat-incoming-bg: #ffffff;--biz-chat-outgoing-bg: #eefaf1;--biz-chat-info-box-bg: #ecf8ff;--biz-chat-border-radius: 0px;--biz-chat-shadow: 0 1px 3px rgba(0, 0, 0, .08)}.biz-chat-wrapper{font-family:Segoe UI,Helvetica Neue,Helvetica,Arial,sans-serif;background-color:var(--biz-chat-bg);display:flex;justify-content:center;padding:20px;height:100vh;box-sizing:border-box;color:var(--biz-chat-text-primary)}.biz-chat-container{display:flex;width:100%;max-width:1400px;height:100%;background-color:var(--biz-chat-white);box-shadow:0 4px 12px #0000001a;border-radius:var(--biz-chat-border-radius);overflow:hidden}.biz-chat-sidebar{width:380px;display:flex;flex-direction:column;border-right:1px solid var(--biz-chat-gray-200);background-color:var(--biz-chat-white);flex-shrink:0}.biz-chat-sidebar-header{padding:16px;background-color:#dcf8f6;background-color:#d1e7e4;color:var(--biz-chat-text-primary);display:flex;align-items:center;font-weight:600;font-size:1.1rem;border-bottom:1px solid var(--biz-chat-gray-200)}.biz-chat-sidebar-header i{margin-right:10px;font-size:1.2rem;color:#008069}.biz-chat-search-container{padding:12px;border-bottom:1px solid var(--biz-chat-gray-100)}.biz-chat-search-box{background-color:var(--biz-chat-bg);border-radius:8px;padding:8px 16px;display:flex;align-items:center;border:1px solid var(--biz-chat-gray-200)}.biz-chat-search-input{border:none;background:transparent;width:100%;margin-left:10px;outline:none;font-size:.95rem;color:var(--biz-chat-text-primary)}.biz-chat-contact-list{flex:1;overflow-y:auto}.biz-chat-contact-item{display:flex;padding:12px 16px;border-bottom:1px solid var(--biz-chat-gray-100);cursor:pointer;transition:background-color .2s;position:relative}.biz-chat-contact-item:hover{background-color:var(--biz-chat-gray-50)}.biz-chat-contact-item.active{background-color:#f7fffd;border-left:4px solid var(--biz-chat-primary)}.biz-chat-avatar{width:48px;height:48px;border-radius:50%;margin-right:12px;background-color:#ddd;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:#fff;flex-shrink:0;overflow:hidden}.biz-chat-avatar img{width:100%;height:100%;object-fit:cover}.biz-chat-contact-info{flex:1;min-width:0}.biz-chat-contact-top{display:flex;justify-content:space-between;margin-bottom:4px}.biz-chat-contact-name{font-weight:600;color:var(--biz-chat-text-primary);font-size:1rem}.biz-chat-contact-time{font-size:.75rem;color:var(--biz-chat-text-secondary)}.biz-chat-contact-meta{font-size:.8rem;color:#00a884;margin-bottom:2px;font-weight:500}.biz-chat-contact-preview{font-size:.85rem;color:var(--biz-chat-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.biz-chat-badge{background-color:#008069;color:#fff;font-size:.75rem;min-width:20px;height:20px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-left:8px;padding:0 4px;font-weight:600}.biz-chat-main{flex:1;display:flex;flex-direction:column;background-color:#efeae2;background-image:url(https://user-images.githubusercontent.com/15075759/28719144-86dc0f70-73b1-11e7-911d-60d70fcded21.png);background-blend-mode:overlay;position:relative;background-color:var(--biz-chat-gray-50);background-image:none}.biz-chat-main-header{padding:10px 20px;background-color:#eaf6ce;border-bottom:1px solid var(--biz-chat-gray-200);display:flex;justify-content:space-between;align-items:center}.biz-chat-header-profile{display:flex;align-items:center}.biz-chat-header-info h4{margin:0;font-size:1rem;color:var(--biz-chat-text-primary)}.biz-chat-header-info span{font-size:.8rem;color:var(--biz-chat-text-secondary)}.biz-chat-assign-btn{border:1px solid #006572;background-color:transparent;color:#006572;padding:6px 16px;border-radius:4px;font-size:.9rem;cursor:pointer;display:flex;align-items:center;gap:8px}.biz-chat-messages-area{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:12px}.biz-chat-date-divider{align-self:center;background-color:var(--biz-chat-gray-200);color:var(--biz-chat-text-secondary);padding:4px 12px;border-radius:4px;font-size:.75rem;margin:10px 0}.biz-chat-msg{max-width:65%;padding:8px 12px;border-radius:8px;font-size:.9rem;position:relative;line-height:1.4;box-shadow:0 1px 2px #0000001a}.biz-chat-msg-incoming{align-self:flex-start;background-color:var(--biz-chat-white);border-top-left-radius:0}.biz-chat-msg-info-box{align-self:center;background-color:#f0fcfc;border:1px solid #dcdcdc;color:#444;border-radius:8px;padding:16px;width:80%;margin:16px 0;text-align:center}.biz-chat-msg-info-title{color:#008069;font-weight:600;margin-bottom:8px;display:block}.biz-chat-info-actions{display:flex;justify-content:center;gap:12px;margin-top:12px}.biz-chat-btn-outline{border:1px solid var(--biz-chat-text-secondary);background:#fff;padding:6px 20px;border-radius:4px;cursor:pointer;font-weight:500;color:var(--biz-chat-text-primary)}.biz-chat-btn-primary{background-color:#66b2b2;border:none;color:#fff;padding:6px 20px;border-radius:4px;cursor:pointer;font-weight:500}.biz-chat-msg-content{color:var(--biz-chat-text-primary);margin-bottom:4px}.biz-chat-msg-time{float:right;font-size:.7rem;color:var(--biz-chat-text-secondary);margin-top:4px;margin-left:8px}.biz-chat-assignment-note{background-color:transparent;text-align:center;font-size:.8rem;color:#a0a0a0;font-style:italic;margin:5px 0;align-self:center}.biz-chat-input-area{padding:16px 24px;background-color:#f0f2f5;border-top:1px solid var(--biz-chat-gray-200);display:flex;align-items:center;gap:16px}.biz-chat-input-wrapper{flex:1;background-color:var(--biz-chat-white);border-radius:8px;padding:10px 16px;display:flex;align-items:center;box-shadow:0 1px 2px #0000000d}.biz-chat-input-field{flex:1;border:none;outline:none;font-size:.95rem;margin-right:8px}.biz-chat-icon-btn{border:none;background:none;cursor:pointer;color:var(--biz-chat-text-secondary);font-size:1.2rem;padding:4px;display:flex;align-items:center;justify-content:center}.biz-chat-send-btn{background-color:#dcf8f6;color:#008069;border:none;padding:10px 24px;border-radius:4px;cursor:pointer;font-weight:600;display:flex;align-items:center;gap:8px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(0,0,0,.15);border-radius:3px}.biz-chat-flex-center{display:flex;align-items:center;justify-content:center}