/* ============================================================ */
/* CUSTOMER                                                      */
/* ============================================================ */
.cw-chat-item{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#fff;border:1px solid #E5E7EB;border-radius:14px;margin-bottom:8px;transition:transform .1s}
.cw-chat-item:active{transform:scale(.99)}
.cw-chat-avatar{width:46px;height:46px;border-radius:50%;background:#FFEDD5;color:#C2410C;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:800;flex:0 0 46px}
.cw-chat-body{flex:1;min-width:0}
.cw-chat-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:3px}
.cw-chat-head strong{font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cw-chat-time{font-size:11.5px;color:#9CA3AF;flex:0 0 auto}
.cw-chat-preview{font-size:13px;color:#6B7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cw-chat-badge{background:#C2410C;color:#fff;font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px;min-width:22px;text-align:center;flex:0 0 auto}

/* ============================================================ */
/* PROVIDER                                                      */
/* ============================================================ */
.pv-chat-item{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#fff;border:1px solid #E5E7EB;border-radius:14px;margin-bottom:8px;transition:transform .1s}
.pv-chat-item:active{transform:scale(.99)}
.pv-chat-avatar{width:46px;height:46px;border-radius:50%;background:#CCFBF1;color:#0F766E;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:800;flex:0 0 46px}
.pv-chat-body{flex:1;min-width:0}
.pv-chat-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:3px}
.pv-chat-head strong{font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pv-chat-time{font-size:11.5px;color:#94A3B8;flex:0 0 auto}
.pv-chat-preview{font-size:13px;color:#64748B;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pv-chat-badge{background:#0F766E;color:#fff;font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px;min-width:22px;text-align:center;flex:0 0 auto}

/* ============================================================ */
/* SERVICEMAN                                                    */
/* ============================================================ */
.sm-chat-item{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#fff;border:1px solid #E5E7EB;border-radius:14px;margin-bottom:8px;transition:transform .1s}
.sm-chat-item:active{transform:scale(.99)}
.sm-chat-avatar{width:46px;height:46px;border-radius:50%;background:#DBEAFE;color:#1E40AF;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:800;flex:0 0 46px}
.sm-chat-body{flex:1;min-width:0}
.sm-chat-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:3px}
.sm-chat-head strong{font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sm-chat-time{font-size:11.5px;color:#94A3B8;flex:0 0 auto}
.sm-chat-preview{font-size:13px;color:#64748B;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sm-chat-badge{background:#1E40AF;color:#fff;font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px;min-width:22px;text-align:center;flex:0 0 auto}