:root{--chat-primary:var(--purple,var(--primary,#315b25));--chat-accent:var(--admin-accent,var(--accent,#9bc65c));--chat-surface:var(--admin-panel-bg,#fff);--chat-border:rgba(20,49,29,.10);--chat-muted:#708074;--chat-blue:#0a7cff}
.chat-launcher{position:fixed;right:22px;bottom:94px;width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0a7cff,#6d3df5);color:#fff;z-index:1045;box-shadow:0 14px 32px rgba(39,74,180,.34);text-decoration:none;font-size:1.45rem;border:3px solid rgba(255,255,255,.9);transition:.2s}.chat-launcher:hover{transform:translateY(-2px) scale(1.03);color:#fff}.chat-launcher .chat-launcher-badge{position:absolute;right:-3px;top:-5px;min-width:22px;height:22px;padding:0 6px;border-radius:12px;background:#e93145;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:800;border:2px solid #fff}.chat-launcher .chat-online-dot{position:absolute;left:0;bottom:1px;width:14px;height:14px;border-radius:50%;background:#24c875;border:2px solid #fff}.market-chat-link{position:relative;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:14px;background:rgba(10,124,255,.09);color:#0a68dc;text-decoration:none;font-size:1.2rem}.market-chat-link:hover{background:#0a7cff;color:#fff}.market-chat-link [data-chat-unread]{position:absolute;right:-4px;top:-5px;min-width:19px;height:19px;border-radius:10px;padding:0 5px;background:#e93145;color:#fff;font-size:.65rem;font-weight:800;display:flex;align-items:center;justify-content:center}
.chat-page-shell{max-width:1500px;margin:0 auto}.chat-app{display:grid;grid-template-columns:minmax(270px,340px) minmax(420px,1fr) minmax(230px,300px);height:calc(100vh - 190px);min-height:610px;background:var(--chat-surface);border:1px solid var(--chat-border);border-radius:22px;overflow:hidden;box-shadow:0 18px 48px rgba(26,45,31,.08)}.chat-app.customer{grid-template-columns:minmax(0,1fr);height:min(720px,calc(100vh - 210px));max-width:980px;margin:0 auto}.chat-sidebar{border-right:1px solid var(--chat-border);display:flex;flex-direction:column;min-width:0;background:color-mix(in srgb,var(--chat-surface) 94%,#f5f7fb 6%)}.chat-sidebar-head{padding:18px;border-bottom:1px solid var(--chat-border)}.chat-sidebar-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.chat-sidebar-title h5{margin:0;font-weight:800}.chat-stat-pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:6px 10px;background:#edf9f2;color:#17884b;font-size:.76rem;font-weight:750}.chat-search{position:relative}.chat-search i{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:#88928b}.chat-search input{padding-left:38px;border-radius:13px}.chat-filter-row{display:flex;gap:6px;overflow:auto;margin-top:10px;padding-bottom:2px}.chat-filter-row button{border:0;background:#edf0f3;color:#667067;border-radius:999px;padding:6px 10px;white-space:nowrap;font-size:.75rem;font-weight:700}.chat-filter-row button.active{background:#152b1c;color:#fff}.chat-thread-list{overflow:auto;flex:1;padding:8px}.chat-thread-item{width:100%;border:0;background:transparent;text-align:left;border-radius:16px;padding:11px 10px;display:grid;grid-template-columns:47px minmax(0,1fr) auto;gap:10px;align-items:center;color:inherit}.chat-thread-item:hover{background:rgba(82,110,90,.07)}.chat-thread-item.active{background:linear-gradient(135deg,rgba(10,124,255,.12),rgba(109,61,245,.08));box-shadow:inset 3px 0 #0a7cff}.chat-avatar-wrap{position:relative}.chat-avatar{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#e7f1ff,#dcece0);color:#24452e;font-weight:900;font-size:1rem;overflow:hidden}.chat-avatar img{width:100%;height:100%;object-fit:cover}.presence-indicator{position:absolute;right:0;bottom:0;width:13px;height:13px;border-radius:50%;background:#aeb7b0;border:2px solid var(--chat-surface)}.presence-indicator.online{background:#20c875}.chat-thread-copy{min-width:0}.chat-thread-row{display:flex;justify-content:space-between;align-items:center;gap:8px}.chat-thread-copy strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.91rem}.chat-thread-copy p{margin:2px 0 0;color:var(--chat-muted);font-size:.78rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-thread-copy small{color:#9aa39c;font-size:.69rem}.chat-thread-meta{display:flex;flex-direction:column;align-items:flex-end;gap:5px}.chat-unread-dot{min-width:21px;height:21px;border-radius:12px;padding:0 6px;background:#0a7cff;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.68rem;font-weight:800}.chat-center{display:flex;flex-direction:column;min-width:0;background:var(--chat-surface)}.chat-center-head{height:76px;padding:13px 18px;border-bottom:1px solid var(--chat-border);display:flex;align-items:center;justify-content:space-between;gap:12px}.chat-peer{display:flex;align-items:center;gap:10px;min-width:0}.chat-peer h5{margin:0;font-size:1rem;font-weight:800}.chat-peer p{margin:2px 0 0;color:var(--chat-muted);font-size:.76rem}.chat-head-actions{display:flex;gap:6px}.chat-head-actions button{width:38px;height:38px;border-radius:12px}.chat-message-pane{flex:1;overflow:auto;padding:20px 22px;background:radial-gradient(circle at 10% 0%,rgba(10,124,255,.035),transparent 35%),linear-gradient(180deg,rgba(249,251,250,.8),rgba(244,248,246,.7));scroll-behavior:smooth}.chat-day-label{text-align:center;margin:13px 0;color:#8d9790;font-size:.7rem;font-weight:700}.chat-message{display:flex;gap:8px;margin:7px 0;max-width:78%;align-items:flex-end}.chat-message.mine{margin-left:auto;flex-direction:row-reverse}.chat-mini-avatar{width:27px;height:27px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#e3e9e5;color:#31503a;font-size:.7rem;font-weight:800;flex:none}.chat-bubble{padding:10px 13px;border-radius:18px 18px 18px 5px;background:#fff;color:#233028;box-shadow:0 4px 14px rgba(30,50,36,.07);border:1px solid rgba(30,60,40,.05);overflow-wrap:anywhere}.chat-message.mine .chat-bubble{background:linear-gradient(135deg,#087bff,#5b55e7);color:#fff;border-radius:18px 18px 5px 18px;border:0}.chat-bubble p{margin:0;white-space:pre-wrap;line-height:1.42}.chat-bubble footer{display:flex;align-items:center;justify-content:flex-end;gap:4px;margin-top:4px;font-size:.62rem;opacity:.72}.chat-attachment{display:block;margin-bottom:7px;text-decoration:none;color:inherit}.chat-attachment img{display:block;max-width:min(340px,100%);max-height:280px;border-radius:12px;object-fit:cover}.chat-file-card{display:flex;align-items:center;gap:8px;padding:8px;border-radius:11px;background:rgba(255,255,255,.14)}.chat-message:not(.mine) .chat-file-card{background:#f2f5f3}.chat-file-card i{font-size:1.45rem}.chat-typing{min-height:24px;padding:3px 22px;color:#7a857e;font-size:.75rem}.chat-typing:not(:empty)::before{content:'•••';display:inline-block;margin-right:6px;color:#0a7cff;letter-spacing:2px}.chat-compose{padding:12px 15px;border-top:1px solid var(--chat-border);background:var(--chat-surface)}.chat-compose form{display:flex;align-items:flex-end;gap:8px}.chat-compose textarea{resize:none;min-height:44px;max-height:130px;border-radius:16px;padding:10px 13px}.chat-compose .chat-attach-btn,.chat-compose .chat-send-btn{width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex:none}.chat-send-btn{background:linear-gradient(135deg,#087bff,#5b55e7);border:0;color:#fff}.chat-attach-preview{font-size:.74rem;padding:5px 8px 0;color:#66746a}.chat-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px;color:#7c887f}.chat-empty i{font-size:3rem;color:#a8b5ab;margin-bottom:10px}.chat-empty h4{color:#2c3e31;font-weight:800}.chat-profile{border-left:1px solid var(--chat-border);padding:20px;overflow:auto}.chat-profile-card{text-align:center;padding:10px 0 20px;border-bottom:1px solid var(--chat-border)}.chat-profile-card .chat-avatar{width:76px;height:76px;margin:0 auto 10px;font-size:1.5rem}.chat-profile-card h5{font-weight:850;margin:0}.chat-profile-card p{font-size:.76rem;color:var(--chat-muted);margin:4px 0}.chat-profile-info{padding:16px 0}.chat-profile-info label{font-size:.67rem;text-transform:uppercase;letter-spacing:.08em;color:#98a29a;font-weight:800}.chat-profile-info p{font-size:.84rem;margin:2px 0 13px;overflow-wrap:anywhere}.chat-profile-actions{display:grid;gap:8px}.chat-profile-actions .btn{border-radius:12px}.chat-top-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.chat-top-stat{border-radius:16px;padding:13px 15px;background:var(--chat-surface);border:1px solid var(--chat-border);display:flex;align-items:center;gap:11px}.chat-top-stat i{width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#edf4ff;color:#0a72e8;font-size:1.15rem}.chat-top-stat small{display:block;color:var(--chat-muted);font-size:.7rem}.chat-top-stat strong{font-size:1.1rem}.new-chat-results{max-height:360px;overflow:auto}.new-chat-user{display:flex;width:100%;align-items:center;gap:10px;border:0;background:transparent;padding:9px;border-radius:12px;text-align:left}.new-chat-user:hover{background:#f1f5f2}.new-chat-user .member-copy{flex:1;min-width:0}.new-chat-user strong,.new-chat-user small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.new-chat-user small{color:#7f8a82;font-size:.75rem}.online-label{color:#19a35a!important;font-weight:750}.offline-label{color:#87928a!important}.admin-chat-header-link{position:relative}.admin-chat-header-link .chat-nav-badge{position:absolute;right:0;top:1px;min-width:18px;height:18px;border-radius:10px;background:#e93248;color:#fff;font-size:.62rem;display:flex;align-items:center;justify-content:center;padding:0 4px;font-weight:800}
[data-bs-theme=dark] .chat-message-pane{background:radial-gradient(circle at 10% 0%,rgba(43,132,255,.08),transparent 35%),#121914}[data-bs-theme=dark] .chat-bubble{background:#202b23;color:#edf4ef;border-color:#2c392f}[data-bs-theme=dark] .chat-message.mine .chat-bubble{background:linear-gradient(135deg,#0a72e8,#6357df)}[data-bs-theme=dark] .chat-avatar{background:#26362b;color:#e7f3e9}[data-bs-theme=dark] .chat-empty h4{color:#e8f0ea}[data-bs-theme=dark] .chat-filter-row button{background:#253029;color:#d6e0d8}[data-bs-theme=dark] .chat-filter-row button.active{background:#dcecdf;color:#193020}[data-bs-theme=dark] .chat-file-card{background:#29362d!important}
@media(max-width:1199px){.chat-app{grid-template-columns:300px minmax(0,1fr)}.chat-profile{display:none}.chat-top-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:767px){.chat-page-shell{padding:0!important}.chat-app,.chat-app.customer{height:calc(100dvh - 135px);min-height:520px;border-radius:0;border-left:0;border-right:0}.chat-app{display:block;position:relative}.chat-sidebar{position:absolute;inset:0;z-index:2;background:var(--chat-surface);border:0}.chat-app.thread-open .chat-sidebar{display:none}.chat-center{height:100%}.chat-center-head{height:66px;padding:10px 12px}.chat-message-pane{padding:14px 11px}.chat-message{max-width:90%}.chat-profile{display:none}.chat-top-stats{display:none}.chat-launcher{right:15px;bottom:82px;width:52px;height:52px}.chat-mobile-back{display:inline-flex!important}.chat-compose{padding:9px}.chat-compose textarea{font-size:16px}.chat-head-actions .desktop-only{display:none}}
@media(min-width:768px){.chat-mobile-back{display:none!important}}