#chat-box{position:fixed;bottom:140px;right:20px;background:#fff;border:1px solid #ccc;border-radius:8px;box-shadow:0 0 10px rgba(0,0,0,.1);font-family:sans-serif;z-index:10000;display:flex;flex-direction:column;transition:all .3s ease}@media screen and (min-width: 768px){#chat-box{bottom:3px}}#chat-box.minimized{width:150px;height:40px;overflow:hidden;cursor:pointer;font-size:16px}#chat-box:not(.minimized){width:95%;height:500px;overflow:visible;cursor:default;right:0}#chat-header{background:#232a6a;color:#fff;font-size:14px;padding:10px;font-weight:700;position:relative;user-select:none;display:flex;justify-content:space-between;align-items:center}#chat-toggle-btn{background:hsla(0,0%,100%,0);border:none;color:#fff;font-size:24px;cursor:pointer;line-height:1;padding:0 6px}#chat-toggle-btn:hover{color:#ccc}#chat-body{flex:1;display:flex;flex-direction:column;overflow:hidden}.chat-left{width:100%;min-height:145px;border-right:1px solid #eee;background:#f8f8f8;overflow-y:auto;padding:10px}.chat-right{width:100%;display:flex;flex-direction:column;justify-content:space-between;background:#fff;padding:10px 10px 20px 10px}#conversation-detail{margin-bottom:10px;font-size:14px;height:250px;overflow-y:auto}#message-input{width:100%;padding:10px;border:none;border-radius:4px;outline:none;background:#f1f1f1;font-size:14px;margin-right:5px}.conversation-item{display:flex;gap:10px;padding:10px 12px;border-bottom:1px solid #e0e0e0;background-color:#fffffe;box-shadow:4px 6px 13px rgba(215,215,215,.25);border-radius:8px;cursor:pointer;align-items:center;transition:background-color .2s ease;border-radius:6px;margin-bottom:4px}.conversation-item:hover{background-color:#e6f0ff}.conversation-item.active{background-color:#cde4ff;font-weight:600;box-shadow:inset 3px 0 0 #232a6a}.conversation-item img{width:40px;height:40px;border-radius:8px;object-fit:cover;flex-shrink:0}.conversation-item .conversation-info{flex:1;display:flex;flex-direction:column;gap:4px;overflow:hidden}.conversation-item .conversation-info .sender-name{font-weight:600;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-item .conversation-info .title{color:#555;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-item .conversation-info .last-date{font-size:12px;color:#999;white-space:nowrap}.conversation-item.fw-bold{font-weight:700;background:#eef8ff}.product-btn{color:#fff;background-color:#888 !important;border:none;font-size:12px;font-weight:500}.product-btn:hover{background-color:#f9401b !important}.chat-section-info{background-color:#414141 !important;background-color:#414141 !important;color:#fff;font-size:13px;font-weight:400}.chat-send-btn{background-color:#232a6a;font-size:12px;color:#fff;font-weight:500;border-radius:8px}.chat-settings{display:flex;align-items:center;justify-content:space-between;background-color:#fff;padding:10px 5px}#toggle-conversations-btn{cursor:pointer;font-size:14px !important;border:1px solid #c5c5c5 !important;background-color:#f1f1f1 !important;font-weight:700 !important;color:#000 !important;padding:10px !important;border-radius:8px !important}.prd-detail-btn{font-size:14px !important;border:1px solid #c5c5c5 !important;background-color:#f1f1f1 !important;font-weight:700 !important;color:#000 !important;padding:10px !important;border-radius:8px !important;display:flex;justify-content:center;align-items:center;gap:5px}@media screen and (max-width: 769px){#chat-body{position:relative}.chat-bottom{position:absolute;bottom:0px;padding-block:10px 15px;width:95%;gap:10px}}@media screen and (min-width: 768px){#chat-body{flex-direction:row}.chat-left{width:40%}.chat-right{width:60%;padding:10px}.product-btn{font-size:14px}#chat-header{font-size:16px}#chat-box:not(.minimized){width:650px}.conversation-item img{width:50px;height:50px}#chat-toggle-btn{font-size:30px}.chat-send-btn{font-size:14px}#conversation-detail{flex:1}.chat-settings{display:flex;align-items:center;justify-content:space-between;background-color:#f4f4f4;padding:10px 5px;border-radius:8px}}