[data-v-5b9d31a4]:root{--primary:#2563eb;--secondary:#999;--bg-main:#1a1a1a;--bg-chat:#181818;--bg-input:#222;--text-main:#fff;--bubble-other:#2a2a2a;--border:#2f2f2f}.chat-wrapper[data-v-5b9d31a4]{overflow:hidden;color:var(--text-main);display:flex;flex-direction:column;height:calc(100vh - 170px)}[dir] .chat-wrapper[data-v-5b9d31a4]{background:var(--bg-main);border-radius:12px;border:1px solid var(--border)}.chat-wrapper>.row[data-v-5b9d31a4],.col-md-8.d-flex.flex-column[data-v-5b9d31a4]{height:100%}.chat-wrapper .row[data-v-5b9d31a4]{flex:1;min-height:0}.chat-wrapper .col-md-8[data-v-5b9d31a4]{display:flex;flex-direction:column;min-height:0}.chat-room-list[data-v-5b9d31a4]{max-height:75vh;overflow-y:auto}.chat-room-list a[data-v-5b9d31a4]{color:var(--text-main)}[dir] .chat-room-list a[data-v-5b9d31a4]{background:transparent;border:none;border-bottom:1px solid var(--border);padding:12px 14px}[dir] .chat-room-list a[data-v-5b9d31a4]:hover{background:hsla(0,0%,100%,.05)}[dir] .chat-room-list a.active[data-v-5b9d31a4]{background:rgba(0,0,0,.15)}[dir=ltr] .chat-room-list a.active[data-v-5b9d31a4]{border-left:4px solid var(--primary)}[dir=rtl] .chat-room-list a.active[data-v-5b9d31a4]{border-right:4px solid var(--primary)}.chat-header[data-v-5b9d31a4]{font-weight:600}[dir] .chat-header[data-v-5b9d31a4]{padding:14px 16px;border-bottom:1px solid var(--border);background:var(--bg-main)}.chat-body[data-v-5b9d31a4]{overflow-y:auto;flex:1 1 auto;min-height:0}[dir] .chat-body[data-v-5b9d31a4]{padding:16px;padding-bottom:16px;background:var(--bg-chat)}.bubble[data-v-5b9d31a4]{max-width:70%;font-size:14px}[dir] .bubble[data-v-5b9d31a4]{padding:10px 14px;border-radius:12px;margin-bottom:8px}.me[data-v-5b9d31a4]{color:#111}[dir] .me[data-v-5b9d31a4]{background:var(--primary)}[dir=ltr] .me[data-v-5b9d31a4]{margin-left:auto}[dir=rtl] .me[data-v-5b9d31a4]{margin-right:auto}.other[data-v-5b9d31a4]{color:var(--text-main)}[dir] .other[data-v-5b9d31a4]{background:var(--bubble-other)}.barang-card[data-v-5b9d31a4]{font-size:12px}[dir] .barang-card[data-v-5b9d31a4]{background:rgba(0,0,0,.18823529411764706);padding:8px;border-radius:8px;margin-top:6px}[dir=ltr] .barang-card[data-v-5b9d31a4]{border-left:3px solid var(--primary)}[dir=rtl] .barang-card[data-v-5b9d31a4]{border-right:3px solid var(--primary)}[dir] .chat-input[data-v-5b9d31a4]{padding:12px;border-top:1px solid var(--border);background:var(--bg-main)}.chat-input input[data-v-5b9d31a4]{color:var(--text-main)}[dir] .chat-input input[data-v-5b9d31a4]{background:var(--bg-input);border:none}.chat-input input[data-v-5b9d31a4]:focus{color:var(--text-main)}[dir] .chat-input input[data-v-5b9d31a4]:focus{background:var(--bg-input);box-shadow:none}.chat-input button[data-v-5b9d31a4]{color:#111}[dir] .chat-input button[data-v-5b9d31a4]{background:var(--primary);border:none}.chat-input button[data-v-5b9d31a4]:hover{opacity:.9}.chat-body[data-v-5b9d31a4]::-webkit-scrollbar,.chat-room-list[data-v-5b9d31a4]::-webkit-scrollbar{width:6px}[dir] .chat-body[data-v-5b9d31a4]::-webkit-scrollbar-thumb,[dir] .chat-room-list[data-v-5b9d31a4]::-webkit-scrollbar-thumb{background:#444;border-radius:10px}.barang-wrap[data-v-5b9d31a4]{display:flex;gap:10px;align-items:center}.barang-img[data-v-5b9d31a4]{width:55px;height:55px;object-fit:cover;flex-shrink:0}[dir] .barang-img[data-v-5b9d31a4]{border-radius:8px;background:#222}.barang-info[data-v-5b9d31a4]{display:flex;flex-direction:column}.barang-name[data-v-5b9d31a4]{font-weight:600;font-size:13px}.barang-price[data-v-5b9d31a4]{font-size:12px}.product-preview[data-v-5b9d31a4]{display:flex;align-items:center;gap:10px}[dir] .product-preview[data-v-5b9d31a4]{background:rgba(0,0,0,.25098039215686274);border:1px solid var(--border);padding:8px;border-radius:8px;margin-bottom:8px}.product-preview img[data-v-5b9d31a4]{width:50px;height:50px;object-fit:cover}[dir] .product-preview img[data-v-5b9d31a4]{border-radius:6px}.product-preview-info[data-v-5b9d31a4]{flex:1}.product-preview-name[data-v-5b9d31a4]{font-size:13px;font-weight:600}.product-preview-price[data-v-5b9d31a4]{font-size:12px;color:var(--primary)}.product-preview-remove[data-v-5b9d31a4]{color:#ff6b6b;font-size:18px}[dir] .product-preview-remove[data-v-5b9d31a4]{cursor:pointer}.chat-back-btn[data-v-5b9d31a4]{color:var(--text-main);font-size:20px;display:flex;align-items:center;justify-content:center;transition:background .2s ease,transform .15s ease}[dir] .chat-back-btn[data-v-5b9d31a4]{background:transparent;border:none;padding:6px 8px;border-radius:50%;cursor:pointer}[dir] .chat-back-btn[data-v-5b9d31a4]:hover{background:hsla(0,0%,100%,.08)}[dir] .chat-back-btn[data-v-5b9d31a4]:active{transform:scale(.92);background:hsla(0,0%,100%,.12)}@media (min-width:769px){.chat-back-btn[data-v-5b9d31a4]{display:none}}@media (max-width:768px){.chat-input[data-v-5b9d31a4]{position:sticky;bottom:0;z-index:10}[dir] .chat-input[data-v-5b9d31a4]{background:var(--bg-main)}.chat-wrapper[data-v-5b9d31a4]{position:relative}.chat-wrapper .col-md-8[data-v-5b9d31a4]{display:none!important}.chat-wrapper .col-md-4[data-v-5b9d31a4]{display:block;width:100%}.chat-wrapper.mobile-chat-open .col-md-4[data-v-5b9d31a4]{display:none!important}.chat-wrapper.mobile-chat-open .col-md-8[data-v-5b9d31a4]{display:flex!important;width:100%;flex-direction:column}.chat-wrapper.mobile-chat-open .chat-input[data-v-5b9d31a4]{position:sticky;bottom:0;z-index:10;display:block}[dir] .chat-wrapper.mobile-chat-open .chat-input[data-v-5b9d31a4]{background:var(--bg-main)}.chat-wrapper:not(.mobile-chat-open) .chat-body[data-v-5b9d31a4],.chat-wrapper:not(.mobile-chat-open) .chat-header[data-v-5b9d31a4],.chat-wrapper:not(.mobile-chat-open) .chat-input[data-v-5b9d31a4]{display:none!important}}