.nav-icon{display:none}button svg,a svg{width:19px;height:19px;flex-shrink:0}.crm-workspace{font-family:Inter,Arial,system-ui,sans-serif;background:#f5f6f8}.crm-workspace aside{width:84px;padding:23px 8px;background:#203d4a;display:flex;flex-direction:column;z-index:30}.crm-workspace aside h2{font-size:14px;text-align:center;letter-spacing:1px;margin:4px 0 28px}.crm-workspace aside>small{display:none}.crm-workspace aside nav{margin:0;gap:8px;display:grid}.crm-workspace aside nav a{display:flex;flex-direction:column;align-items:center;gap:7px;border-radius:9px;padding:12px 2px;font-size:12px;color:#aabfc8}.crm-workspace aside nav a:hover{background:#2a4b5a}.crm-workspace aside nav a.on{background:#315d71;color:white}.crm-workspace .nav-icon{display:flex}.nav-icon svg{width:24px;height:24px}.crm-workspace main{margin:0 0 0 84px;padding:0;max-width:none;height:100dvh;display:flex;flex-direction:column;overflow:hidden}.crm-workspace main>header,.crm-workspace main>footer{display:none}.crm-workspace main>.notice,.crm-workspace main>.error{border-radius:0;margin:0;padding:13px 22px;font-size:14px;flex-shrink:0}.conversation-workspace{flex:1;display:grid;min-height:0;min-width:0;overflow:hidden}.conversation-workspace.single-record{grid-template-columns:400px minmax(0,1fr)}.conversation-workspace.with-inbox{grid-template-columns:310px 350px minmax(0,1fr)}.inbox-panel,.record-panel,.conversation-panel{min-width:0;min-height:0;display:flex;flex-direction:column}.inbox-panel{background:#fff;border-right:1px solid #dce3e8}.ws-eyebrow{font-size:12px;letter-spacing:1.3px;font-weight:600;color:#526979}.inbox-heading{display:flex;justify-content:space-between;align-items:center;padding:26px 20px 17px}.inbox-heading h1{font-size:25px;letter-spacing:-.7px;margin:5px 0 0}.inbox-heading h1 span{font-size:14px;color:#5f7b8f;background:#edf3f6;padding:3px 7px;border-radius:7px;vertical-align:middle;letter-spacing:0;margin-left:5px}.icon-button{border:0;background:transparent;color:#526979;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:5px;font-size:22px}.icon-button:hover{background:#edf2f5;color:#2b5f78}.inbox-search{position:relative;display:flex;align-items:center;margin:0 17px 16px}.inbox-search svg{position:absolute;left:11px;width:17px;height:17px;color:#526979}.inbox-search input{padding:11px 9px 11px 35px;font-size:13px;background:#f6f8fa;border-color:#e7ecf0;border-radius:8px;min-width:0}.inbox-filters{display:flex;gap:5px;padding:0 17px 18px}.inbox-filters button{font-size:13px;padding:7px 10px;border-radius:6px;background:transparent;color:#526979;border:1px solid #e2e9ee}.inbox-filters button.selected{background:#eaf3fa;color:#267eb4;border-color:#cce3f5}.inbox-caption{display:flex;justify-content:space-between;padding:13px 18px;background:#f6f8fa;border-top:1px solid #ebeff2;border-bottom:1px solid #ebeff2;font-size:12px;letter-spacing:.7px;font-weight:700;color:#526979}.thread-list{flex:1;overflow-y:auto}.thread-item{padding:18px 13px;display:flex;gap:10px;align-items:center;position:relative;border-bottom:1px solid #edf1f4;transition:background .15s}.thread-item:hover{background:#f4f9fe}.thread-item.active{background:#edf5fe;box-shadow:inset 3px 0 #3989dd}.contact-avatar{width:39px;height:39px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;position:relative;flex-shrink:0;font-size:16px;font-weight:600;background:#e2edf6;color:#577c9a}.avatar-1{background:#dcebe4;color:#46816c}.avatar-2{background:#ede5f5;color:#8b69a5}.avatar-3{background:#f6e7d7;color:#af8858}.avatar-4{background:#e0e9f7;color:#627eac}.avatar-note{width:15px;height:15px;border:2px solid #fff;border-radius:50%;background:#92a7b6;position:absolute;bottom:-2px;right:-1px;display:flex;align-items:center;justify-content:center;color:white}.avatar-note svg{width:9px;height:9px}.thread-copy{display:grid;gap:5px;flex:1;min-width:0}.thread-title{font-weight:650;font-size:14px;color:#293e50;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.thread-client{font-size:12px;color:#526979;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thread-preview{font-size:13px;color:#526979;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.thread-meta{align-self:flex-start;display:grid;justify-items:end;gap:10px;max-width:65px;font-size:12px;color:#526979}.thread-stage{max-width:65px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#e6eff3;border-radius:4px;padding:3px 4px;color:#426273;font-size:12px}.inbox-bottom{padding:15px 17px;border-top:1px solid #edf1f4;display:flex;gap:8px;line-height:1.5;font-size:12px;color:#526979}.inbox-bottom svg{width:13px;height:13px;flex-shrink:0;margin-top:2px}.thread-no-results{padding:35px 22px;color:#526979;font-size:14px;line-height:1.6}.record-panel{background:white;border-right:1px solid #d8e0e6;box-shadow:3px 0 12px #172b3a05;z-index:2}.record-heading{background:#203e4b;color:white;padding:19px 24px 0;flex-shrink:0}.record-topline{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.record-back{display:flex;gap:4px;align-items:center;font-size:13px;color:#c9dbe4}.record-back svg{width:15px;height:15px}.record-switch{color:#a8c0cb;padding:3px}.record-heading h1{font-size:22px;line-height:1.3;letter-spacing:-.35px;overflow-wrap:anywhere;margin:0 0 13px}.record-subtitle{display:flex;align-items:center;gap:9px;font-size:12px;color:#c9dbe4}.record-badge{border:1px solid #52717e;border-radius:4px;padding:3px 6px;font-size:12px}.record-pipeline{display:grid;gap:6px;margin-top:23px;font-size:12px;color:#c9dbe4}.record-pipeline strong{font-size:14px;font-weight:500;display:flex;align-items:center;justify-content:space-between;color:#fff}.record-pipeline svg{width:14px;height:14px}.stage-progress{display:flex;gap:4px;margin-top:13px;padding-bottom:20px}.stage-progress span{height:3px;flex:1;background:#31515f;border-radius:2px}.stage-progress span.reached{background:#64b9c1}.stage-progress span.current{background:#b7e5e7}.record-tabs{background:#203e4b;display:flex;padding:0 18px;border-bottom:1px solid #d9e2e8;gap:16px}.record-tabs button{background:none;border-radius:0;padding:13px 7px;font-size:14px;color:#c9dbe4;border-bottom:3px solid transparent}.record-tabs button.selected{color:#fff;font-weight:600;border-color:#85c8d0}#record-form{display:flex;flex-direction:column;flex:1;min-height:0}.record-scroll{flex:1;overflow:auto;padding:19px 22px}.record-field{display:grid;grid-template-columns:110px minmax(0,1fr);gap:9px;align-items:center;margin:0;padding:8px 0;color:#526979;font-size:13px;min-height:44px}.record-field input,.record-field select{border:1px solid transparent;border-radius:5px;padding:7px 6px;background:transparent;color:#233e50;font-size:14px;min-width:0;width:100%;transition:border .15s}.record-field input:hover,.record-field select:hover{border-color:#d9e5ec;background:#f9fbfc}.record-field input:focus,.record-field select:focus{border-color:#88b8d7;outline:2px solid #dbeefb;background:#fff}.record-field input::placeholder{color:#687c8b;font-size:13px}.record-field select{cursor:pointer;padding-right:3px}.amount-field{display:flex;align-items:center;color:#526979}.amount-field>span{padding-left:4px}.field-readonly{padding:7px 6px;color:#233e50;font-size:14px;overflow-wrap:anywhere}.record-divider{margin:22px 0 17px;padding-top:20px;border-top:1px solid #edf1f4;font-size:12px;letter-spacing:1px;color:#526979;font-weight:600}.record-contact-mini{display:flex;align-items:center;gap:11px}.record-contact-mini>div{display:grid;gap:6px;min-width:0}.record-contact-mini strong{font-size:14px;overflow-wrap:anywhere;font-weight:600;color:#345165}.record-contact-mini>div>span{font-size:13px;color:#526979}.text-button{padding:0;background:none;color:#428ebd;font-size:13px;border-radius:0;display:inline-flex;align-items:center;gap:6px}.record-scroll>.text-button,#record-main>.text-button{margin:15px 0 0 50px}.record-info{display:flex;justify-content:space-between;gap:10px;font-size:12px;margin:12px 0;color:#526979}.record-info time{color:#526979}.record-save{padding:17px 20px;border-top:1px solid #e6edf2;display:flex;justify-content:space-between;align-items:center;gap:10px;background:#fff;flex-shrink:0}.record-save>span{font-size:12px;color:#526979;max-width:130px;line-height:1.5}.record-save button{font-size:14px;padding:10px 17px;background:#398bd4;border-radius:6px}.contact-profile{text-align:center;padding:18px 0 24px}.contact-profile .contact-avatar{width:58px;height:58px;font-size:23px}.contact-profile h2{font-size:18px;margin:15px 0 6px;color:#365267}.contact-profile>span:last-child{font-size:13px;color:#526979}.contact-detail{display:grid;gap:10px;padding:18px 0;border-top:1px solid #edf1f4;font-size:14px;overflow-wrap:anywhere}.contact-detail span{font-size:12px;color:#526979}.contact-detail strong{font-weight:500;color:#4c6e85}.contact-detail a{color:#398bc2}.contact-hint{font-size:13px;line-height:1.7;color:#526979;margin-top:20px}.conversation-panel{background:#f7f8fa;position:relative}.conversation-top{height:77px;flex-shrink:0;padding:0 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e1e7ec;background:#fff;gap:10px}.conversation-top>div:first-child{display:flex;gap:11px;align-items:center;min-width:0}.contact-avatar.small{width:34px;height:34px;font-size:14px}.conversation-top strong{display:block;font-size:14px;color:#3f586a;overflow-wrap:anywhere}.conversation-top small{display:block;font-size:12px;color:#526979;margin-top:5px}.conversation-tools{display:flex;align-items:center;gap:8px;flex-shrink:0}.outline-button{display:inline-flex;gap:7px;align-items:center;border:1px solid #dde6ec;background:white;color:#426273;font-size:13px;border-radius:6px;padding:8px 11px}.outline-button svg{width:15px;height:15px}.history-toolbar{display:flex;justify-content:space-between;align-items:center;padding:13px 24px;border-bottom:1px solid #e9edf1;gap:20px;font-size:13px;color:#526979}.history-toolbar>span{font-weight:600;color:#4c7188}.history-toolbar label{margin:0;display:flex;position:relative;align-items:center;max-width:200px}.history-toolbar svg{width:14px;height:14px;position:absolute;left:5px;color:#526979}.history-toolbar input{padding:6px 5px 6px 26px;font-size:12px;border:0;background:transparent;border-radius:5px;min-width:0}.conversation-timeline{flex:1;min-height:0;overflow:auto;padding:25px 28px 24px;scroll-behavior:smooth}.timeline-day{font-size:12px;color:#526979;display:table;margin:0 auto 24px;border:1px solid #e2e8ed;background:#fff;border-radius:15px;padding:5px 13px}.timeline-event{display:flex;gap:11px;margin:0 0 27px 4px;color:#526979;font-size:12px}.timeline-event>span{width:26px;height:26px;background:#eaf0f4;border-radius:50%;display:flex;align-items:center;justify-content:center}.timeline-event svg{width:13px;height:13px}.timeline-event>div{display:grid;gap:6px}.timeline-event strong{font-size:13px;color:#426273;font-weight:500;overflow-wrap:anywhere}.timeline-event small{font-size:12px;color:#526979}.channel-empty{border:1px dashed #d8e3eb;border-radius:12px;background:#fbfcfd;text-align:center;padding:30px 20px;margin:14px auto 28px;max-width:470px}.empty-chat-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#edf3f8;border-radius:12px;color:#7ea5bd;margin:0 auto 14px}.empty-chat-icon svg{width:25px;height:25px}.channel-empty strong{font-size:14px;color:#426273;font-weight:500}.channel-empty p{font-size:13px;color:#526979;line-height:1.7;margin:10px 0 16px}.note-bubble{background:#fff9e7;border:1px solid #f0e5bd;border-radius:10px 10px 10px 2px;padding:14px 16px;max-width:90%;margin:16px 0;box-shadow:0 2px 6px #243d4d03;overflow-wrap:anywhere}.note-bubble.own{margin-left:auto;border-radius:10px 10px 2px 10px}.note-meta{display:flex;gap:10px;justify-content:space-between;flex-wrap:wrap;font-size:12px;color:#74612b}.note-meta strong{font-weight:600;color:#8c7f51}.note-meta span{display:flex;gap:4px;align-items:center}.note-meta svg{width:10px;height:10px}.note-bubble p{white-space:pre-wrap;font-size:14px;line-height:1.65;color:#665f48;margin:11px 0 7px}.note-bubble time{display:block;text-align:right;color:#74612b;font-size:12px}.composer-wrap{padding:0 22px 20px;flex-shrink:0}.composer-notice{font-size:12px;color:#796020;display:flex;align-items:center;gap:6px;margin:8px 0 9px;line-height:1.5}.composer-notice svg{width:11px;height:11px;flex-shrink:0}.note-composer{background:white;border:1px solid #dbe4eb;border-radius:9px;box-shadow:0 3px 12px #29475e05;overflow:hidden}.composer-top{display:flex;justify-content:space-between;align-items:center;padding:9px 13px;border-bottom:1px solid #f0f3f5;font-size:12px;color:#526979;gap:5px}.composer-top label{margin:0}.composer-top select{font-size:12px;border:0;padding:3px 0;color:#426273;max-width:190px;outline-offset:1px}.note-composer textarea{border:0;resize:none;border-radius:0;font-size:14px;padding:15px 16px;min-height:77px;max-height:170px;line-height:1.6;color:#486476}.note-composer textarea::placeholder{color:#687c8b}.note-composer textarea:focus{outline:0;box-shadow:inset 0 0 0 2px #c6e2f5}.composer-bottom{display:flex;align-items:center;justify-content:space-between;padding:7px 12px 11px}.composer-bottom>span{color:#526979;font-size:12px}.composer-bottom button{background:#398bd4;border-radius:6px;padding:8px 12px;display:inline-flex;gap:7px;align-items:center;font-size:13px}.composer-bottom button svg{width:13px;height:13px}.message-unavailable{padding:8px 15px;font-size:13px;color:#947937;background:#fff9e9;line-height:1.6}.channel-panel{position:absolute;top:67px;right:18px;z-index:20;width:min(350px,calc(100% - 36px));padding:18px 20px;background:white;border:1px solid #dae5ed;border-radius:10px;box-shadow:0 10px 40px #19394f20}.channel-panel>div{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:#45677d}.channel-panel p{font-size:14px;line-height:1.65;color:#526979}.channel-panel>span{display:flex;align-items:center;gap:8px;padding:14px 0;border-top:1px solid #edf1f4;font-size:14px;color:#58768b}.channel-panel b{margin-left:auto;font-size:12px;color:#526979;font-weight:400}.channel-panel small{display:block;font-size:12px;line-height:1.6;margin-top:12px;color:#526979}.channel-dot{width:9px;height:9px;background:#64bd8a;border-radius:50%;flex-shrink:0}.channel-dot.instagram{background:#cb80a8}.history-search-status{text-align:center;color:#526979;font-size:14px;padding:20px}.workspace-empty{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:40px;grid-column:span 2;background:#f7f9fb}.workspace-empty h2{font-size:22px;color:#587489}.workspace-empty p{max-width:360px;line-height:1.8;font-size:14px;color:#526979}.empty-symbol svg{width:50px;height:50px;color:#a3bdcc}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.crm-workspace :focus-visible{outline:2px solid #66afe0;outline-offset:3px} [hidden]{display:none!important}
@media(max-width:1250px) and (min-width:901px){.conversation-workspace.with-inbox{grid-template-columns:270px 310px minmax(0,1fr)}.record-heading{padding-left:20px;padding-right:20px}.record-scroll{padding:15px}.record-field{grid-template-columns:90px minmax(0,1fr)}.conversation-top{padding:0 15px}.conversation-timeline{padding:20px 18px}.composer-wrap{padding:0 14px 14px}.thread-meta{display:none}.conversation-top small{display:none}.conversation-tools{gap:1px}.outline-button{padding:7px}.history-toolbar{padding:12px 15px;gap:10px}.history-toolbar label{max-width:150px}}
@media(max-width:1050px) and (min-width:901px){.conversation-workspace.with-inbox{grid-template-columns:220px 290px minmax(0,1fr)}.record-field{grid-template-columns:80px minmax(0,1fr)}.conversation-top .contact-avatar{display:none}.inbox-filters{padding-left:10px;padding-right:10px}.inbox-heading{padding-left:15px}.inbox-search{margin-left:10px;margin-right:10px}.composer-top>span{display:none}.note-meta>span{font-size:12px}}
@media(max-width:900px){.crm-workspace aside{position:fixed;width:68px;padding:20px 5px}.crm-workspace aside h2{font-size:14px}.crm-workspace aside nav{display:grid;gap:6px}.crm-workspace aside nav a{font-size:12px;padding:10px 1px}.crm-workspace main{margin-left:68px;overflow:auto;height:auto;min-height:100dvh}.conversation-workspace.single-record,.conversation-workspace.with-inbox{display:block;overflow:visible}.inbox-panel{height:330px;border-bottom:1px solid #dce3e8}.inbox-heading{padding:18px 18px 10px}.inbox-heading h1{font-size:22px}.inbox-filters{padding-bottom:10px}.inbox-caption{padding:8px 17px}.inbox-search{margin-bottom:10px}.inbox-bottom{display:none}.record-panel{min-height:500px;height:650px;border-bottom:1px solid #dce3e8}.record-heading h1{font-size:20px}.record-scroll{padding:16px 20px}.record-field{grid-template-columns:100px minmax(0,1fr)}.conversation-panel{height:720px;min-height:550px}.conversation-top{padding:0 16px}.conversation-timeline{padding:20px 17px}.composer-wrap{padding:0 13px 15px}.history-toolbar{padding:12px 16px}.history-toolbar label{max-width:160px}.conversation-top small{font-size:12px}.composer-top>span{display:none}.workspace-empty{min-height:400px;padding:30px 20px}}
@media(max-width:480px){.record-heading{padding-left:17px;padding-right:17px}.record-scroll{padding-left:12px;padding-right:12px}.record-field{grid-template-columns:83px minmax(0,1fr)}.record-field>span{font-size:12px}.record-field input,.record-field select{font-size:13px}.conversation-top .contact-avatar{display:none}.conversation-top{gap:5px;padding:0 13px}.conversation-top strong{font-size:13px}.conversation-top small{font-size:12px}.outline-button{padding:6px;font-size:12px}.history-toolbar{padding:10px 13px;gap:4px}.history-toolbar label{max-width:140px}.note-meta{font-size:12px}.record-save{padding:15px}.note-bubble{max-width:100%}}