.crm-live{width:100%;overflow:hidden;border:1px solid #8ca2ae;border-radius:20px;color:#18394b;background:#f4f7f9;box-shadow:0 28px 65px #0006}.crm-live__top{display:flex;align-items:center;gap:20px;height:56px;padding:0 18px;border-bottom:1px solid #d5e1e6;background:#fff}.crm-live__top strong{margin-right:auto;font-size:12px;letter-spacing:.04em}.crm-live__top strong i{display:inline-block;width:8px;height:8px;margin-right:7px;border-radius:50%;background:#2bc594;box-shadow:0 0 0 5px #2bc5941c}.crm-live__top>span{color:#4f6876;font-size:10px;font-weight:750}.crm-live__top button{padding:7px 10px;border:1px solid #ccdae0;border-radius:8px;color:#385769;background:#fff;font:inherit;font-size:9px;cursor:pointer}.crm-live__body{display:grid;grid-template-columns:58px minmax(280px,1fr) 230px;min-height:365px}.crm-live__channels{display:flex;align-items:center;flex-direction:column;gap:11px;padding:17px 8px;border-right:1px solid #d5e1e6;background:#eaf1f4}.crm-live__channels span{position:relative;display:grid;width:36px;height:36px;place-items:center;border-radius:10px;background:#fff;box-shadow:0 4px 10px #24485b14}.crm-live__channels span.is-active{box-shadow:0 0 0 2px #62caab,0 5px 14px #24485b20}.crm-live__channels img{width:20px;height:20px}.crm-live__channels b{position:absolute;top:-5px;right:-5px;display:grid;min-width:16px;height:16px;place-items:center;border:2px solid #eaf1f4;border-radius:50%;color:#fff;background:#db3a55;font-size:7px}.crm-live__conversation{min-width:0;padding:18px;border-right:1px solid #d5e1e6;background:#f8fafb}.crm-live__contact{display:flex;align-items:center;gap:10px;padding-bottom:14px;border-bottom:1px solid #e0e8eb}.crm-live__contact>span{display:grid;width:34px;height:34px;place-items:center;border-radius:50%;color:#fff;background:#288464;font-size:9px;font-weight:850}.crm-live__contact>div{gap:2px}.crm-live__contact small{color:#64808d;font-size:7px}.crm-live__contact strong{font-size:11px}.crm-live__contact em{color:#1f674e;background:#daf4e8}.crm-live__messages{display:flex;align-items:flex-start;flex-direction:column;gap:10px;padding-top:18px}.crm-live__messages>p{max-width:79%;margin:0!important;padding:11px 13px;border-radius:14px;color:#315062!important;font-size:10px!important;line-height:1.45;animation:crmLiveIn .38s ease}.crm-live__messages .is-customer{border-top-left-radius:3px;background:#e8eef1}.crm-live__messages .is-agent{align-self:flex-end;border:1px solid #a8dbc8;border-top-right-radius:3px;background:#def6ec}.crm-live__messages .is-agent small{display:block;margin-bottom:5px;color:#26765b;font-size:7px;font-weight:850}.crm-live__product{display:grid;width:min(90%,360px);grid-template-columns:46px 1fr auto;gap:10px;align-items:center;padding:11px;border:1px solid #d1dde2;border-radius:12px;background:#fff;box-shadow:0 9px 24px #264a5e14;animation:crmLiveIn .38s ease}.crm-live__product>div{display:none}.crm-live__product>span{display:grid;width:44px;height:44px;place-items:center;border-radius:9px;color:#247459;background:#dcf3e9;font-size:21px}.crm-live__product p{display:grid;gap:4px;margin:0!important}.crm-live__product p strong{font-size:10px}.crm-live__product p small{color:#708591;font-size:7px}.crm-live__product>b{color:#176047;font-size:11px}.crm-live__quote{display:flex;width:min(90%,360px);align-items:center;gap:10px;padding:11px;border:1px solid #a5d9c5;border-radius:12px;background:#e0f7ed;animation:crmLiveIn .38s ease}.crm-live__quote>span{display:grid;width:30px;height:30px;place-items:center;border-radius:8px;color:#fff;background:#26976e}.crm-live__quote>div{display:grid;gap:3px}.crm-live__quote small{color:#397963;font-size:7px}.crm-live__quote strong{font-size:9px}.crm-live__quote>b{margin-left:auto;color:#176047;font-size:11px}.crm-live__summary{padding:22px 18px;background:#fff}.crm-live__summary>small{color:#6c818d;font-size:7px;font-weight:850}.crm-live__summary h3{margin:8px 0 22px;font-size:18px}.crm-live__summary dl{display:grid;gap:0;margin:0}.crm-live__summary dl div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #e1e8eb;font-size:8px}.crm-live__summary dt{color:#718793}.crm-live__summary dd{margin:0;font-weight:800;text-align:right}.crm-live__activity{display:flex;align-items:center;gap:9px;margin-top:20px;padding:10px;border-radius:10px;background:#edf4f6;animation:crmLiveIn .38s ease}.crm-live__activity>span{display:grid;width:27px;height:27px;place-items:center;border-radius:8px;color:#fff;background:#278766}.crm-live__activity p{display:grid;gap:3px;margin:0!important}.crm-live__activity small{color:#6c828e;font-size:6px}.crm-live__activity strong{font-size:7px}.crm-live__pipeline{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:1px;padding:9px 9px 54px;background:#dbe5e9}.crm-live__pipeline button{display:flex;gap:7px;align-items:center;min-width:0;padding:9px;border:0;color:#5a7381;background:#fff;font:inherit;font-size:8px;font-weight:800}.crm-live__pipeline button[aria-pressed=true]{color:#176047;background:#d9f4e8}.crm-live__pipeline button span{font-size:6px}.crm-live__moving-card{position:absolute;bottom:9px;width:calc(20% - 13px);height:36px;display:flex;align-items:center;gap:6px;padding:6px;border:1px solid #79caae;border-radius:8px;color:#185d46;background:#fff;box-shadow:0 7px 18px #254b5d20;transition:left .55s cubic-bezier(.22,1,.36,1)}.crm-live__moving-card span{display:grid;width:22px;height:22px;place-items:center;border-radius:50%;color:#fff;background:#278667;font-size:6px}.crm-live__moving-card b{font-size:8px}.crm-live__caption{margin:0!important;padding:9px 14px;color:#6f8591!important;background:#fff;font-size:8px!important}@keyframes crmLiveIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-width:750px){.crm-live__body{grid-template-columns:48px 1fr}.crm-live__summary{display:none}.crm-live__channels{padding-inline:6px}.crm-live__conversation{border-right:0}.crm-live__top>span{display:none}.crm-live__pipeline{overflow-x:auto;grid-template-columns:repeat(5,minmax(82px,1fr))}.crm-live__moving-card{display:none}}@media(max-width:480px){.crm-live__body{grid-template-columns:1fr}.crm-live__channels{flex-direction:row;border-right:0;border-bottom:1px solid #d5e1e6}.crm-live__conversation{padding:14px}.crm-live__top{padding:0 12px}.crm-live__messages>p{max-width:90%}.crm-live__product,.crm-live__quote{width:100%}}@media(prefers-reduced-motion:reduce){.crm-live__activity,.crm-live__messages>*{animation:none}.crm-live__moving-card{transition:none}}.crm-live__product>img{width:44px;height:44px;border-radius:9px;-o-object-fit:cover;object-fit:cover;background:#edf3f4}.crm-live{border-color:#9db2d1;color:#102d56;background:#f3f6fb;box-shadow:0 28px 65px #0b2b6330}.crm-live__top strong i{background:#2f6df6;box-shadow:0 0 0 5px #2f6df61c}.crm-live__avatar{width:40px;height:40px;flex:0 0 40px;border:2px solid #fff;border-radius:50%;-o-object-fit:cover;object-fit:cover;box-shadow:0 0 0 2px #8baaf2}.crm-live__contact>div{display:grid;gap:3px}.crm-live__contact small{color:#526b8b;font-size:8px;font-weight:850}.crm-live__contact strong{display:flex;align-items:center;gap:7px;font-size:12px}.crm-live__contact strong i{color:#75869c;font-size:7px;font-style:normal;font-weight:600}.crm-live__contact em{margin-left:auto;padding:6px 8px;border-radius:999px;color:#174cbd;background:#e7efff;font-size:7px;font-style:normal;font-weight:800}.crm-live__messages .is-customer{background:#e8eef5}.crm-live__messages .is-agent{border-color:#9cb9f4;background:#e8f0ff}.crm-live__messages .is-agent small{color:#245fd6}.crm-live__product>b{color:#174cbd}.crm-live__quote{border-color:#9db7ee;background:#e8f0ff}.crm-live__quote>span{background:#2f6df6}.crm-live__quote small{color:#3763bd}.crm-live__quote>b{color:#174cbd}.crm-live__summary>small{color:#526b8b;font-size:8px}.crm-live__activity{background:#edf3ff}.crm-live__activity>span{background:#2f6df6}.crm-live__pipeline{background:#dfe7f2}.crm-live__pipeline button{color:#536b85}.crm-live__pipeline button[aria-pressed=true]{color:#174cbd;background:#dce8ff}.crm-live__moving-card{padding:5px;border-color:#7598e5;color:#174cbd}.crm-live__moving-card img{width:24px;height:24px;border-radius:50%;-o-object-fit:cover;object-fit:cover}@media(max-width:480px){.crm-live__contact strong i{display:none}}