@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--crm-black:#000;--crm-yellow:#fcbb03;--crm-yellow-soft:#fcbb0321;--crm-white:#fff;--crm-body:#f5f7fa;--crm-gray-50:#fafafa;--crm-gray-100:#f8f9fa;--crm-gray-200:#e9ecef;--crm-gray-300:#dee2e6;--crm-gray-500:#6c757d;--crm-gray-700:#374151;--crm-text:#212529;--crm-success:#059669;--crm-danger:#dc2626;--crm-message-out:#dcf8c6;--crm-message-in:#fff;--crm-chat-bg:#efeae2;--crm-shadow-sm:0 4px 15px #00000008;--crm-shadow-md:0 8px 25px #0000000f;--crm-radius-sm:8px;--crm-radius-md:10px;--crm-radius-lg:16px;--crm-transition:.18s ease}*{box-sizing:border-box}html,body,#root{height:100%;min-height:100%}body{background:var(--crm-body);color:var(--crm-text);margin:0;font-family:Inter,Arial,sans-serif;overflow:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}.crm-app-shell{grid-template-columns:70px minmax(280px,320px) minmax(420px,1fr) minmax(270px,300px);min-width:0;height:100dvh;min-height:0;max-height:100dvh;display:grid;overflow:hidden}.crm-sidebar,.crm-chat-list,.crm-chat-header,.crm-composer,.crm-contact-panel{background:var(--crm-white)}.crm-sidebar{z-index:10;border-right:1px solid var(--crm-gray-200);box-shadow:var(--crm-shadow-sm);flex-direction:column;align-items:center;gap:24px;padding:18px 0;display:flex;position:relative}.crm-sidebar,.crm-chat-list,.crm-chat-window,.crm-contact-panel{min-height:0;max-height:100dvh;overflow:hidden}.crm-sidebar__brand{background:var(--crm-black);width:46px;height:46px;box-shadow:var(--crm-shadow-sm);border-radius:12px;place-items:center;display:grid}.crm-sidebar__brand img{object-fit:contain;width:38px;height:38px}.crm-sidebar__items{flex-direction:column;gap:14px;display:flex}.crm-sidebar__settings{margin-top:auto}.crm-icon-button{border-radius:var(--crm-radius-md);width:40px;height:40px;color:var(--crm-gray-500);transition:color var(--crm-transition), background var(--crm-transition), transform var(--crm-transition);background:0 0;border:0;place-items:center;display:inline-grid}.crm-icon-button:hover,.crm-icon-button.is-active{background:var(--crm-yellow-soft);color:var(--crm-black)}.crm-icon-button:hover{transform:translateY(-1px)}.crm-icon-button:disabled{cursor:not-allowed;opacity:.55;transform:none}.crm-chat-list{border-right:1px solid var(--crm-gray-200);flex-direction:column;min-width:0;display:flex}.crm-chat-list__header{border-bottom:1px solid var(--crm-gray-200);flex:none;padding:18px 18px 14px}.crm-chat-list__topbar{gap:10px;display:flex}.crm-search{border:1px solid var(--crm-gray-200);border-radius:var(--crm-radius-md);background:var(--crm-gray-100);min-width:0;height:42px;color:var(--crm-gray-500);flex:1;align-items:center;gap:10px;padding:0 13px;display:flex}.crm-new-chat-form{border:1px solid var(--crm-gray-200);border-radius:var(--crm-radius-md);background:var(--crm-gray-50);gap:8px;margin-top:12px;padding:10px;display:grid}.crm-new-chat-form input{border:1px solid var(--crm-gray-200);border-radius:var(--crm-radius-sm);background:var(--crm-white);width:100%;min-width:0;height:34px;color:var(--crm-text);outline:0;padding:0 10px;font-size:12px;font-weight:700}.crm-new-chat-form input:focus{border-color:var(--crm-yellow)}.crm-new-chat-form button{border-radius:var(--crm-radius-sm);background:var(--crm-yellow);height:34px;color:var(--crm-black);border:0;font-size:12px;font-weight:800}.crm-search input{width:100%;min-width:0;color:var(--crm-text);background:0 0;border:0;outline:0;font-size:14px}.crm-filter-row{gap:10px;margin-top:14px;display:flex}.crm-chip,.crm-tag{background:var(--crm-gray-200);min-height:24px;color:var(--crm-text);border:0;border-radius:999px;align-items:center;padding:4px 9px;font-size:11px;font-weight:800;line-height:1;display:inline-flex}.crm-chip--active,.crm-chat-item .crm-tag{background:var(--crm-yellow);color:var(--crm-black)}.crm-chat-list__items{flex:1;min-height:0;overflow-y:auto}.crm-panel-state,.crm-empty-chat{color:var(--crm-gray-500);flex-direction:column;gap:6px;padding:22px;font-size:13px;font-weight:700;line-height:1.4;display:flex}.crm-panel-state--error{color:var(--crm-danger)}.crm-empty-chat{text-align:center;justify-content:center;align-items:center;height:100%}.crm-empty-chat strong{color:var(--crm-text);font-size:16px}.crm-chat-item{border:0;border-bottom:1px solid var(--crm-gray-100);width:100%;min-width:0;color:inherit;text-align:left;transition:background var(--crm-transition), border-color var(--crm-transition);background:0 0;border-left:4px solid #0000;gap:12px;padding:15px 18px;display:flex;position:relative}.crm-chat-item:hover{background:var(--crm-gray-100)}.crm-chat-item.is-active{border-left-color:var(--crm-yellow);background:var(--crm-yellow-soft)}.crm-chat-item.is-unread .crm-chat-item__top strong,.crm-chat-item.is-unread .crm-chat-item__message{color:var(--crm-black);font-weight:800}.crm-chat-item__body{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.crm-chat-item__top{justify-content:space-between;align-items:baseline;gap:10px;min-width:0;display:flex}.crm-chat-item__top strong,.crm-chat-item__message{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.crm-chat-item__top strong{min-width:0;font-size:14px;font-weight:800}.crm-chat-item__top span{color:var(--crm-gray-500);flex:none;font-size:11px}.crm-chat-item__phone,.crm-chat-item__id,.crm-chat-item__message{color:var(--crm-gray-500);font-size:13px}.crm-chat-item__phone,.crm-chat-item__id{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700;overflow:hidden}.crm-chat-item__id{opacity:.78;font-size:10px}.crm-chat-item__footer{min-height:24px}.crm-unread{background:var(--crm-success);min-width:20px;height:20px;color:var(--crm-white);border-radius:999px;place-items:center;font-size:11px;font-weight:800;display:grid;position:absolute;bottom:15px;right:14px}.crm-avatar{background:var(--crm-gray-200);color:var(--crm-gray-500);border-radius:50%;flex:none;place-items:center;display:inline-grid;overflow:hidden}.crm-avatar img{object-fit:cover;width:100%;height:100%}.crm-avatar--md{width:45px;height:45px}.crm-avatar--lg{width:80px;height:80px}.crm-chat-window{background:var(--crm-body);flex-direction:column;min-width:0;min-height:0;display:flex}.crm-chat-header{z-index:4;border-bottom:1px solid var(--crm-gray-200);min-height:76px;box-shadow:var(--crm-shadow-sm);flex:none;justify-content:space-between;align-items:center;gap:16px;padding:14px 24px;display:flex;position:relative}.crm-chat-header__profile,.crm-chat-header__actions{align-items:center;gap:14px;display:flex}.crm-chat-header__profile{min-width:0}.crm-chat-header__profile div{flex-direction:column;gap:3px;min-width:0;display:flex}.crm-chat-header__profile strong{text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:800;overflow:hidden}.crm-chat-header__profile span{color:var(--crm-gray-500);font-size:12px;font-weight:600}.crm-chat-header__profile small{color:var(--crm-gray-500);opacity:.78;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:700;overflow:hidden}.crm-conversation-search{border-bottom:1px solid var(--crm-gray-200);background:var(--crm-white);min-height:48px;color:var(--crm-gray-500);flex:none;align-items:center;gap:10px;padding:7px 18px;display:flex}.crm-conversation-search input{min-width:0;height:34px;color:var(--crm-text);border:0;outline:0;flex:1;font-size:13px;font-weight:700}.crm-conversation-search__count{min-width:42px;color:var(--crm-gray-500);text-align:center;font-size:12px;font-weight:800}.crm-media-panel{border-bottom:1px solid var(--crm-gray-200);background:var(--crm-white);grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:14px 18px;display:grid}.crm-media-panel__section{flex-direction:column;gap:8px;min-width:0;max-height:168px;display:flex;overflow-y:auto}.crm-media-panel__section>strong{color:var(--crm-text);font-size:12px;font-weight:800}.crm-media-panel__section>span{color:var(--crm-gray-500);font-size:12px;font-weight:700}.crm-media-item{align-items:center;gap:8px;min-width:0;display:flex}.crm-media-item button,.crm-media-item a{border-radius:var(--crm-radius-sm);border:0;min-width:0;text-decoration:none}.crm-media-item button{background:var(--crm-gray-100);min-height:42px;color:var(--crm-text);text-align:left;flex-direction:column;flex:1;justify-content:center;align-items:flex-start;padding:8px 10px;display:flex}.crm-media-item button:hover{background:var(--crm-yellow-soft)}.crm-media-item a{background:var(--crm-yellow);min-height:42px;color:var(--crm-black);justify-content:center;align-items:center;padding:0 12px;font-size:11px;font-weight:800;display:inline-flex}.crm-media-item span,.crm-media-item small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.crm-media-item span{width:100%;font-size:12px;font-weight:800}.crm-media-item small{width:100%;color:var(--crm-gray-500);font-size:10px;font-weight:700}.crm-messages{background-color:var(--crm-chat-bg);scroll-behavior:smooth;background-image:radial-gradient(circle at 1px 1px,#0000000b 1px,#0000 0);background-size:22px 22px;flex-direction:column;flex:1;gap:14px;min-height:0;padding:28px;display:flex;overflow-y:auto}.crm-message-system{max-width:min(100%,260px);color:var(--crm-gray-700);box-shadow:var(--crm-shadow-sm);background:#ffffffb8;border-radius:999px;align-self:center;padding:6px 13px;font-size:12px;font-weight:800}.crm-bubble{border-radius:var(--crm-radius-md);min-width:132px;max-width:min(65%,560px);box-shadow:var(--crm-shadow-sm);color:var(--crm-text);flex-direction:column;gap:10px;padding:12px 44px 20px 14px;font-size:14px;line-height:1.42;display:flex;position:relative}.crm-bubble p{margin:0}.crm-bubble--in{background:var(--crm-message-in);border-top-left-radius:0;align-self:flex-start}.crm-bubble--out{background:var(--crm-message-out);border-top-right-radius:0;align-self:flex-end}.crm-bubble.is-search-match{outline:2px solid var(--crm-yellow);outline-offset:2px}.crm-bubble.is-active-search-match{outline-color:var(--crm-black);box-shadow:0 0 0 4px #fcbb0347, var(--crm-shadow-sm)}.crm-bubble__meta{color:var(--crm-gray-500);align-items:center;gap:3px;font-size:10px;font-weight:700;display:inline-flex;position:absolute;bottom:6px;right:10px}.crm-bubble__meta .is-read{color:#2563eb}.crm-document-card{border-radius:var(--crm-radius-md);color:var(--crm-white);background:#222;overflow:hidden}.crm-document-card__preview{text-align:center;place-items:center;min-height:128px;padding:22px;display:grid}.crm-document-card__preview svg,.crm-document-card__preview strong{color:#ef4444}.crm-document-card__preview span{color:#c7cbd1;font-size:12px}.crm-document-card__file{background:var(--crm-white);color:var(--crm-black);text-align:center;padding:10px;font-size:12px;font-weight:800}.crm-document-card__actions{background:var(--crm-message-out);justify-content:center;gap:8px;padding:10px;display:flex}.crm-document-card__actions button{width:42px;height:34px;color:var(--crm-gray-700);background:#e5e7eb;border:0;border-radius:7px;place-items:center;display:grid}.crm-attachment-card{border-radius:var(--crm-radius-sm);background:#ffffff94;border:1px solid #00000014;align-items:center;gap:10px;min-width:min(280px,100%);padding:10px;display:flex}.crm-attachment-card span{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.crm-attachment-card strong,.crm-attachment-card small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.crm-attachment-card strong{font-size:13px}.crm-attachment-card small{color:var(--crm-gray-500);font-size:11px;font-weight:700}.crm-attachment-card a{border-radius:var(--crm-radius-sm);width:32px;height:32px;color:var(--crm-gray-700);flex:none;place-items:center;text-decoration:none;display:grid}.crm-attachment-card--contact,.crm-attachment-card--poll{background:#fcbb032e}.crm-composer{border-top:1px solid var(--crm-gray-200);flex:none;align-items:center;gap:11px;padding:16px 22px;display:flex;position:relative}.crm-composer input{border:1px solid var(--crm-gray-200);background:var(--crm-gray-100);min-width:0;height:48px;color:var(--crm-text);border-radius:999px;outline:0;flex:1;padding:0 18px;font-size:15px}.crm-composer input:focus{border-color:var(--crm-yellow);background:var(--crm-white)}.crm-composer input:disabled{opacity:.72}.crm-composer__send{background:var(--crm-yellow);color:var(--crm-black)}.crm-composer__tool{display:inline-flex;position:relative}.crm-pending-attachment{border-top:1px solid var(--crm-gray-200);background:var(--crm-white);align-items:center;gap:14px;padding:10px 18px;display:flex}.crm-pending-attachment__preview{border-radius:var(--crm-radius-md);background:var(--crm-gray-100);flex:none;justify-content:center;align-items:center;width:86px;height:86px;display:flex;overflow:hidden}.crm-pending-attachment__preview.is-audio{width:min(100%,360px);height:64px;padding:0 6px}.crm-pending-attachment__preview img,.crm-pending-attachment__preview video,.crm-pending-attachment__preview audio{width:100%}.crm-pending-attachment__preview img,.crm-pending-attachment__preview video{object-fit:cover;height:100%}.crm-pending-attachment__preview audio{padding:0 8px}.crm-pending-attachment__placeholder{min-width:0;max-width:100%;color:var(--crm-gray-500);text-align:center;flex-direction:column;align-items:center;gap:8px;padding:12px;display:flex}.crm-pending-attachment__placeholder span{text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:800;overflow:hidden}.crm-pending-attachment__actions{flex:1;justify-content:space-between;align-items:center;gap:12px;min-width:0;display:flex}.crm-pending-attachment__actions>span{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:800;overflow:hidden}.crm-pending-attachment__actions>div{gap:8px;display:flex}.crm-pending-attachment__actions button{border-radius:var(--crm-radius-sm);background:var(--crm-gray-200);min-height:34px;color:var(--crm-text);border:0;padding:0 12px;font-size:12px;font-weight:800}.crm-pending-attachment__actions button:last-child{background:var(--crm-yellow);color:var(--crm-black)}.crm-emoji-picker{z-index:8;border:1px solid var(--crm-gray-200);border-radius:var(--crm-radius-md);background:var(--crm-white);box-shadow:var(--crm-shadow-md);position:absolute;bottom:50px;left:0;overflow:hidden}.crm-emoji-picker__loading{width:320px;height:180px;color:var(--crm-gray-500);place-items:center;font-size:12px;font-weight:800;display:grid}.crm-emoji-picker .epr-search-container input{padding-left:36px!important}.crm-emoji-picker .epr-search-container svg{left:12px!important}.crm-attachment-menu{z-index:9;border:1px solid var(--crm-gray-200);border-radius:var(--crm-radius-md);background:var(--crm-white);width:280px;box-shadow:var(--crm-shadow-md);flex-direction:column;gap:4px;padding:8px;display:flex;position:absolute;bottom:50px;left:0}.crm-attachment-menu>button,.crm-attachment-subpanel button{border-radius:var(--crm-radius-sm);width:100%;min-height:38px;color:var(--crm-text);text-align:left;background:0 0;border:0;align-items:center;gap:10px;font-size:13px;font-weight:800;display:flex}.crm-attachment-menu>button{padding:0 10px}.crm-attachment-menu>button:hover,.crm-attachment-subpanel button:hover{background:var(--crm-yellow-soft)}.crm-attachment-subpanel{border-top:1px solid var(--crm-gray-200);flex-direction:column;gap:8px;max-height:310px;margin-top:6px;padding-top:8px;display:flex;overflow-y:auto}.crm-attachment-subpanel>span{color:var(--crm-gray-500);font-size:12px;font-weight:800}.crm-attachment-subpanel>span.is-error{color:var(--crm-danger)}.crm-attachment-subpanel input{border:1px solid var(--crm-gray-200);border-radius:var(--crm-radius-sm);background:var(--crm-gray-100);width:100%;min-width:0;height:36px;color:var(--crm-text);outline:0;padding:0 10px;font-size:12px;font-weight:700}.crm-attachment-subpanel input:focus{border-color:var(--crm-yellow);background:var(--crm-white)}.crm-attachment-subpanel button{padding:7px}.crm-attachment-subpanel button .crm-avatar{width:32px;height:32px}.crm-attachment-subpanel button span{flex-direction:column;min-width:0;display:flex}.crm-attachment-subpanel button strong,.crm-attachment-subpanel button small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.crm-attachment-subpanel button small{color:var(--crm-gray-500);font-size:11px}.crm-attachment-subpanel--poll label{flex-direction:column;gap:6px;display:flex}.crm-poll-heading{flex-direction:column;gap:3px;margin-bottom:2px;display:flex}.crm-poll-heading strong{color:var(--crm-text);font-size:13px;font-weight:800}.crm-poll-heading span{color:var(--crm-gray-500);font-size:11px;font-weight:700}.crm-poll-choice{align-items:flex-end;gap:8px;display:flex}.crm-poll-choice label{flex:1;min-width:0}.crm-poll-choice__remove{flex:none;place-items:center;width:36px;height:36px;padding:0!important;display:inline-grid!important}.crm-poll-actions{gap:8px;display:flex}.crm-poll-actions button{background:var(--crm-gray-100);justify-content:center;min-height:34px;padding:0 8px;font-size:11px}.crm-poll-actions button[type=submit]{background:var(--crm-yellow);color:var(--crm-black)}.crm-icon-button.is-recording{color:var(--crm-danger);background:#dc26261f}.crm-recorder{border:1px solid var(--crm-gray-200);background:var(--crm-gray-100);border-radius:999px;flex:1;align-items:center;gap:12px;min-width:0;min-height:48px;padding:0 8px 0 2px;display:flex}.crm-recorder__cancel,.crm-recorder__stop{flex:none}.crm-recorder__cancel{color:var(--crm-gray-500)}.crm-recorder__stop{background:var(--crm-yellow);color:var(--crm-black)}.crm-recorder__status{align-items:center;gap:8px;min-width:0;display:flex}.crm-recorder__status strong,.crm-recorder__status small{white-space:nowrap}.crm-recorder__status strong{font-size:13px;font-weight:800}.crm-recorder__status small{color:var(--crm-gray-500);font-size:12px;font-weight:800}.crm-recorder__dot{background:#ef4444;border-radius:50%;flex:none;width:10px;height:10px;animation:1.1s ease-in-out infinite crm-recorder-pulse}.crm-recorder__waves{flex:1;justify-content:flex-end;align-items:center;gap:4px;min-width:0;display:flex}.crm-recorder__waves span{background:#111827c7;border-radius:999px;width:4px;animation:1s ease-in-out infinite crm-recorder-wave;display:block}.crm-recorder__waves span:first-child{height:12px;animation-delay:0s}.crm-recorder__waves span:nth-child(2){height:18px;animation-delay:.15s}.crm-recorder__waves span:nth-child(3){height:26px;animation-delay:.3s}.crm-recorder__waves span:nth-child(4){height:18px;animation-delay:.45s}.crm-recorder__waves span:nth-child(5){height:12px;animation-delay:.6s}@keyframes crm-recorder-wave{0%,to{opacity:.5;transform:scaleY(.6)}50%{opacity:1;transform:scaleY(1)}}@keyframes crm-recorder-pulse{0%,to{opacity:.55;transform:scale(.9)}50%{opacity:1;transform:scale(1.15)}}.crm-contact-panel{border-left:1px solid var(--crm-gray-200);min-width:0;padding:18px}.crm-contact-card{text-align:center;flex-direction:column;align-items:center;margin-bottom:16px;display:flex}.crm-contact-card h2{overflow-wrap:anywhere;max-width:100%;color:var(--crm-text);justify-content:center;align-items:center;gap:7px;margin:12px 0 4px;font-size:18px;font-weight:800;display:flex}.crm-contact-details{text-align:center;flex-direction:column;gap:6px;width:100%;margin-top:14px;display:flex}.crm-contact-details strong,.crm-contact-details small,.crm-contact-details p{overflow-wrap:anywhere;margin:0}.crm-contact-details strong{color:var(--crm-text);font-size:15px;font-weight:800}.crm-contact-details small{color:var(--crm-gray-500);opacity:.76;font-size:10px;font-weight:700}.crm-contact-details p{color:var(--crm-gray-700);margin-top:4px;font-size:12px;font-weight:700;line-height:1.35}.crm-contact-card h2 svg{color:var(--crm-success)}.crm-contact-card p{max-width:100%;color:var(--crm-gray-500);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:13px;font-weight:600;overflow:hidden}.crm-contact-name-form{flex-direction:column;gap:10px;width:100%;margin-top:12px;display:flex}.crm-contact-name-form input,.crm-contact-name-form textarea{border:1px solid var(--crm-gray-300);border-radius:var(--crm-radius-sm);background:var(--crm-white);width:100%;min-width:0;color:var(--crm-text);text-align:center;outline:0;padding:0 12px;font-size:14px;font-weight:700}.crm-contact-name-form input{height:38px}.crm-contact-name-form textarea{resize:none;height:66px;padding-top:9px}.crm-contact-name-form input:focus,.crm-contact-name-form textarea:focus{border-color:var(--crm-yellow)}.crm-contact-name-form div{justify-content:center;gap:8px;display:flex}.crm-contact-name-form button{border-radius:var(--crm-radius-sm);background:var(--crm-gray-200);height:34px;color:var(--crm-text);border:0;padding:0 12px;font-size:12px;font-weight:800}.crm-contact-name-form button[type=submit]{background:var(--crm-yellow);color:var(--crm-black)}.crm-text-button{color:#2563eb;background:0 0;border:0;justify-content:center;align-items:center;gap:8px;margin-top:10px;margin-bottom:0;font-size:14px;font-weight:800;display:inline-flex}.crm-contact-form{flex-direction:column;gap:10px;display:flex}.crm-contact-form label{flex-direction:column;gap:6px;display:flex}.crm-contact-form span{color:var(--crm-gray-500);letter-spacing:0;text-transform:uppercase;align-items:center;gap:6px;font-size:11px;font-weight:800;display:inline-flex}.crm-contact-form select{border:1px solid var(--crm-gray-300);border-radius:var(--crm-radius-sm);background:var(--crm-gray-100);width:100%;min-width:0;height:38px;color:var(--crm-text);outline:0;padding:0 12px;font-size:14px;font-weight:700}@media (width<=1180px){.crm-app-shell{grid-template-columns:64px minmax(260px,310px) minmax(360px,1fr)}.crm-contact-panel{display:none}}@media (width<=820px){body{overflow:hidden}.crm-app-shell{grid-template-columns:58px minmax(0,1fr);height:100dvh;min-height:0}.crm-chat-list{min-height:0}.crm-chat-window{display:none}}