:root{color:#1f2933;background:#f4f7fb;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{overflow:hidden;margin:0;min-width:320px;min-height:100%;background:#f4f7fb}button,input,select{font:inherit}button{cursor:pointer}button:disabled,input:disabled{cursor:not-allowed;opacity:.6}.widget-shell{display:flex;overflow:hidden;height:100%;min-height:0;flex-direction:column;background:#f4f7fb}.widget-shell--center{align-items:center;justify-content:center;padding:24px}.widget-loader,.widget-error,.widget-empty{color:#667085;text-align:center}.widget-error,.widget-alert{color:#b42318;background:#fef3f2;border:1px solid #fecdca}.widget-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;background:#fff;border-bottom:1px solid #e4e7ec}.widget-title{color:#101828;font-size:16px;font-weight:700;line-height:1.3}.widget-subtitle{margin-top:2px;color:#667085;font-size:13px}.widget-refresh,.widget-compose button{border:0;border-radius:10px;color:#fff;background:#1570ef;padding:9px 12px;font-weight:600}.widget-record-context{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px}.widget-record-context span,.widget-record-context time{border-radius:999px;color:#344054;background:#f2f4f7;padding:3px 7px;font-size:11px;font-style:normal}.widget-refresh:hover,.widget-compose button:hover:not(:disabled){background:#175cd3}.widget-alert{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 16px 0;padding:10px 12px;border-radius:12px;font-size:13px}.widget-alert button{flex:0 0 auto;border:0;color:#b42318;background:transparent;font-size:20px;line-height:1}.widget-controls{padding:12px 16px;background:#fff;border-bottom:1px solid #e4e7ec}.widget-controls--unified{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#344054}.widget-controls--unified span{font-size:13px;font-weight:700}.widget-controls--unified small{color:#667085;font-size:12px}.widget-controls label{display:flex;flex-direction:column;gap:6px;color:#344054;font-size:12px;font-weight:600}.widget-controls select,.widget-compose input{width:100%;border:1px solid #d0d5dd;border-radius:10px;color:#101828;background:#fff;outline:none}.widget-controls select{padding:9px 10px}.widget-controls select:focus,.widget-compose input:focus{border-color:#84caff;box-shadow:0 0 0 3px #1570ef1f}.widget-layout{display:grid;overflow:hidden;grid-template-columns:minmax(150px,34%) 1fr;min-height:0;flex:1}.widget-chats{overflow-y:auto;background:#fff;border-right:1px solid #e4e7ec}.widget-chat{display:flex;flex-direction:column;gap:4px;width:100%;border:0;border-bottom:1px solid #f2f4f7;color:#344054;background:#fff;padding:12px 14px;text-align:left}.widget-chat:hover{background:#f9fafb}.widget-chat--active{color:#175cd3;background:#eff8ff}.widget-chat span{overflow:hidden;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.widget-chat .widget-chat-head{display:flex;align-items:center;gap:8px}.widget-chat .widget-chat-head>span{min-width:0;flex:1}.widget-platform-badge{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:22px;border-radius:7px;padding:0 5px;color:#fff;font-size:9px;font-weight:800;line-height:1}.widget-platform-badge--telegram{background:#229ed9}.widget-platform-badge--max{background:#6246ea}.widget-platform-badge--whatsapp{background:#16a34a}.widget-chat .widget-chat-account{color:#475467;font-size:11px;font-weight:600}.widget-chat small{overflow:hidden;color:#667085;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.widget-thread{display:flex;min-width:0;min-height:0;flex-direction:column}.widget-thread-title{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:#fff;border-bottom:1px solid #e4e7ec}.widget-thread-title span{overflow:hidden;color:#101828;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.widget-thread-title small{color:#667085;text-transform:uppercase}.widget-messages{display:flex;overflow-y:auto;min-height:0;flex:1;flex-direction:column;gap:8px;padding:14px}.widget-message{width:fit-content;max-width:min(75%,520px);border-radius:14px;padding:9px 11px 6px;line-height:1.35;word-break:break-word}.widget-message--in{align-self:flex-start;color:#101828;background:#fff;border:1px solid #e4e7ec}.widget-message--out{align-self:flex-end;color:#fff;background:#1570ef}.widget-message time{display:block;margin-top:4px;color:currentColor;font-size:11px;opacity:.72;text-align:right}.widget-compose{display:flex;gap:8px;padding:12px;background:#fff;border-top:1px solid #e4e7ec}.widget-quick-replies{display:flex;overflow-x:auto;gap:6px;padding:8px 12px 0;background:#fff}.widget-quick-replies button{flex:0 0 auto;border:1px solid #b2ddff;border-radius:999px;color:#175cd3;background:#eff8ff;padding:6px 9px;font-size:12px}.widget-quick-replies button:hover:not(:disabled){background:#dbeeff}.widget-compose .widget-attach{flex:0 0 auto;color:#344054;background:#f2f4f7;padding-inline:12px;font-size:18px}.widget-compose .widget-attach:hover:not(:disabled){background:#e4e7ec}.widget-compose input{min-width:0;flex:1;padding:10px 12px}.widget-empty{padding:24px;font-size:14px}.widget-empty--small{margin:auto;padding:16px;font-size:13px}@media(max-width:640px){.widget-layout{grid-template-columns:1fr}.widget-chats{max-height:32vh;border-right:0;border-bottom:1px solid #e4e7ec}.widget-message{max-width:88%}}