:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#182438;background:#fff;font-size:14px;font-synthesis:none;--blue:#1866df;--navy:#173d70;--border:#dfe5ed;--ink:#182438;--secondary:#384b65}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:#fff;border:1px solid var(--border);border-radius:8px;padding:9px 13px}button:hover{background:#f0f5fc}button:disabled{opacity:.5;cursor:default}button:focus-visible,a:focus-visible{outline:2px solid var(--blue);outline-offset:2px}input,textarea,select{background:#fff;border:1px solid #cbd3df;border-radius:6px;padding:10px 12px;outline:none}input:focus,textarea:focus,select:focus{border-color:#7b8ea9}textarea{resize:vertical;line-height:1.5}h1,h2,h3,p{margin:0}h1{font-size:24px;line-height:1.3;font-weight:700}h2{font-size:19px;line-height:1.4;font-weight:650}h3{font-size:15px;font-weight:650}p{line-height:1.5;color:var(--secondary)}[hidden]{display:none!important}.primary{background:var(--blue);border-color:var(--blue);color:#fff}.primary:hover{background:#1056c4}.login{min-height:100vh;display:grid;place-items:center;background:#f3f6fb}.login-card{width:min(420px,calc(100% - 32px));padding:36px;background:white;border:1px solid var(--border);border-radius:20px;box-shadow:0 20px 80px #173d7010}.brand-mark{display:grid;place-items:center;font-weight:800;font-size:28px;width:44px;height:44px;border-radius:12px;background:var(--navy);color:#ffdf00}.login-card .brand-mark{margin-bottom:26px}.login-card h1{margin-bottom:8px}.login-card form{margin-top:24px}.login-card label{margin-bottom:16px}.login-card .primary{width:100%;margin-top:6px}label{display:block}label>input:not([type=checkbox]),label>textarea,label>select{display:block;width:100%;margin-top:8px}#login-error{color:#ae1929;margin-top:12px}#workspace{display:flex;height:100dvh;min-height:550px;overflow:hidden}.rail{width:100px;flex-shrink:0;background:#f7f9fc;border-right:1px solid var(--border);display:flex;align-items:center;flex-direction:column;gap:16px;padding:22px 8px}.rail .brand-mark{margin-bottom:16px}.rail-button{border:0;background:none;width:84px;padding:12px 0;font-size:11px;font-weight:600;color:#30415b}.rail-button span{display:block;font-size:26px;line-height:36px}.rail-button.selected{background:#e7f0ff;color:#1156bd}.rail-bottom{margin-top:auto;text-align:center;width:100%;font-size:11px}.rail-bottom button{font-size:12px;margin-top:14px;border:0}.availability{font-weight:600;line-height:24px}.availability input{display:block;margin:0 auto;accent-color:#0d9d50;width:30px;height:18px}.dialogs-layout{display:grid;grid-template-columns:340px minmax(370px,1fr) 330px;width:calc(100% - 100px)}.conversation-sidebar{display:flex;flex-direction:column;min-height:0;border-right:1px solid var(--border);background:#fafbfd}.conversation-sidebar>header{padding:28px 24px 18px}.connection{font-size:12px;margin-top:8px;color:#124f93}.tabs{display:flex;gap:14px;padding:0 24px;border-bottom:1px solid var(--border)}.tabs button{border:0;border-radius:0;background:none;padding:10px 0}.tabs button[aria-selected=true]{border-bottom:3px solid var(--blue);font-weight:700}.search{padding:16px 16px 10px}.search input{margin-top:0!important;font-size:13px}.resolved-filter{padding:0 20px 12px;font-size:12px;color:#384b65}.conversation-list{overflow-y:auto;padding:0 10px 20px;flex:1}.conversation-item{display:flex;gap:12px;width:100%;padding:17px 12px;border:0;border-radius:9px;text-align:left;background:none;margin:2px 0}.conversation-item.selected{background:var(--blue);color:white}.conversation-item.selected .preview,.conversation-item.selected time{color:white}.avatar{width:42px;height:42px;border-radius:50%;background:#e0ebff;color:#17488a;display:grid;place-items:center;font-size:18px;font-weight:700;flex-shrink:0}.conversation-item:nth-child(3n) .avatar{background:#ffedb8;color:#693d00}.conversation-item:nth-child(3n + 1) .avatar{background:#d1f4ea;color:#12684e}.conversation-content{min-width:0;flex:1}.conversation-title{display:flex;align-items:center;gap:6px;justify-content:space-between}.conversation-title strong{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-title time{font-size:10px;color:#384b65;white-space:nowrap}.preview{font-size:12px;line-height:1.5;color:#354762;margin-top:5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.count{display:inline-flex;min-width:20px;height:20px;align-items:center;justify-content:center;background:#dceaff;color:#164a97;border-radius:10px;padding:0 5px;font-size:11px;font-weight:700}.conversation-item .count{background:#fff;color:#1459bb}.thread{min-width:0;min-height:0;position:relative}.empty-state{display:flex;align-items:center;justify-content:center;flex-direction:column;height:100%;padding:30px;text-align:center;gap:10px}.empty-icon{font-size:52px;color:#245b9b;margin-bottom:6px}#active-thread{height:100%;display:flex;flex-direction:column}.thread-header{display:flex;align-items:center;justify-content:space-between;padding:23px 26px 18px;border-bottom:1px solid var(--border);gap:12px;flex-wrap:wrap}.thread-header h2{font-size:18px}.thread-header p{font-size:12px;margin-top:4px}.thread-actions{display:flex;gap:6px;align-items:center}.thread-actions button,.thread-actions select{font-size:12px;padding:7px 8px}.thread-actions select{max-width:140px}.messages{overflow-y:auto;flex:1;min-height:0;padding:20px 28px;overscroll-behavior:contain}.message{padding:14px 0;display:flex;gap:12px}.message .avatar{width:32px;height:32px;font-size:14px}.message-main{min-width:0;flex:1}.message-heading{display:flex;gap:8px;align-items:baseline}.message-heading strong{font-size:14px;color:#1656af}.message.operator .message-heading strong{color:#192b42}.message time{font-size:11px;color:#42536b}.message-body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:15px;line-height:1.6;margin-top:4px}.message-status{font-size:11px;color:#315779;margin-top:5px}.message-file{display:block;margin-top:8px;color:#1456b3;border:1px solid var(--border);padding:10px;border-radius:7px;max-width:330px;text-align:left}.date-divider{text-align:center;font-size:12px;font-weight:600;position:relative;margin:18px 0;color:#233d60}.history-button{display:block;margin:0 auto 16px;font-size:12px}.draft{margin:0 24px 10px;padding:12px 14px;background:#f0f6ff;border-left:3px solid #3381e5;border-radius:5px;max-height:130px;overflow:auto}.draft strong{font-size:12px;color:#184d96}.draft p{font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere;margin-top:4px}.reply-form{position:relative;margin:8px 24px 24px;border:1px solid #b8c3d2;border-radius:9px;padding:12px 14px}.reply-form:focus-within{border-color:#6a87b3}.reply-top{display:flex;align-items:center;gap:12px;font-size:12px}.reply-top strong{border-bottom:2px solid #263c5b;padding-bottom:5px}.reply-top span{color:#17488a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#reply{width:100%;height:92px;max-height:200px;border:0;padding:10px 0;resize:none;font-size:15px;outline:none}.reply-bottom{display:flex;align-items:center;gap:10px}.reply-bottom>span{font-size:10px;color:#344c6c;flex:1}.attach-button{cursor:pointer;font-size:12px;font-weight:600;color:#1b559b;padding:8px 0}.send{font-size:12px}.suggestions{position:absolute;bottom:100%;left:-1px;right:-1px;max-height:330px;overflow-y:auto;background:#fff;border:1px solid #bac9dd;border-radius:9px;box-shadow:0 6px 25px #122f5122;padding:5px;z-index:5}.suggestions button{display:block;text-align:left;width:100%;border:0;font-size:13px;padding:10px;border-radius:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.suggestions button.active{background:#e7f0ff;color:#134ea0}.client-details{padding:24px 20px;background:#f6f8fb;border-left:1px solid var(--border);overflow-y:auto;min-width:0}.client-details>header{display:flex;align-items:center;gap:12px;margin-bottom:30px}.client-details h2{font-size:16px;overflow-wrap:anywhere}.client-details h3{margin-bottom:12px}.client-details dl{background:#fff;border:1px solid var(--border);padding:16px;border-radius:9px;margin:0 0 22px}.client-details dt{font-size:11px;color:#354a67;margin-bottom:4px;font-weight:600}.client-details dd{font-size:13px;margin:0 0 15px;overflow-wrap:anywhere;line-height:1.5}.client-details dd:last-child{margin-bottom:0}.client-details summary{font-size:14px;font-weight:650;cursor:pointer;margin-bottom:16px}.geo-note{font-size:11px}.manage{width:calc(100% - 100px);padding:34px 44px;overflow-y:auto;background:#fafbfd}.manage>header p{margin-top:8px}.management-tabs{display:flex;gap:10px;margin:24px 0}.management-tabs button{border:0;background:none;font-weight:600}.management-tabs .selected{background:#e5eeff;color:#1552a6}.manage-panel{max-width:900px;background:#fff;border:1px solid var(--border);border-radius:12px;padding:28px}.manage-panel h2{margin-bottom:20px}.manage-panel h2:not(:first-child){margin-top:32px}.manage-panel p{font-size:13px;margin:12px 0 20px}.manage-panel form label{margin:16px 0}.manage-panel textarea{min-height:110px}.check-line{display:flex;align-items:center;gap:10px;font-size:14px;margin:16px 0}.check-line input{margin:0;width:17px;height:17px;accent-color:var(--blue)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.manage-row{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--border);padding:16px 0}.manage-row p{margin:5px 0;font-size:12px}.manage-row .row-body{flex:1;white-space:pre-wrap;overflow-wrap:anywhere;min-width:0}.manage-row button{font-size:12px}.manage-row-actions{display:flex;gap:5px}.manage-panel form{margin-top:24px}.template-list-empty{padding:24px;color:#314966}#toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);max-width:600px;padding:14px 22px;background:#173d70;color:#fff;box-shadow:0 8px 35px #0003;border-radius:10px;z-index:100;font-size:14px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(min-width:1700px){.dialogs-layout{grid-template-columns:390px minmax(450px,1fr) 390px}.conversation-sidebar>header{padding-top:32px}.conversation-item{padding:20px 14px}.thread-header{padding:28px 32px}.messages{padding:22px 32px}.client-details{padding:28px 24px}}@media(max-width:1300px){.dialogs-layout{grid-template-columns:300px minmax(360px,1fr)}.client-details{display:none}.client-details.visible{display:block;position:absolute;right:0;top:0;bottom:0;width:330px;z-index:10;box-shadow:-10px 0 40px #0002}.thread-actions select{max-width:120px}}@media(max-width:850px){.rail{width:80px}.rail-button{width:70px;font-size:10px}.dialogs-layout{width:calc(100% - 80px);grid-template-columns:240px minmax(300px,1fr)}.conversation-sidebar>header{padding:20px 15px}.conversation-item{padding:14px 8px;gap:8px}.conversation-item .avatar{width:32px;height:32px;font-size:14px}.conversation-title time{display:none}.thread-header{padding:16px}.messages{padding:16px}.reply-form{margin:8px 12px 16px}.reply-bottom>span{display:none}.send{margin-left:auto}.manage{width:calc(100% - 80px);padding:24px}.form-grid{grid-template-columns:1fr}}

input::placeholder, textarea::placeholder { color: #34455e; opacity: 1; }

#total-unread:empty{display:none}
.suggestions button{display:flex;align-items:center;gap:16px}
.suggestion-body{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}
.suggestion-uses{flex-shrink:0;font-size:11px;color:var(--secondary)}

.thread-actions{position:relative;gap:5px}.thread-actions .action-icon{display:grid;place-items:center;width:34px;height:34px;padding:7px;border:0;background:transparent;border-radius:6px}.action-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.action-pin{color:#929aa5}.action-invite{color:#15be59}.action-transfer{color:#10b956}.action-spam{color:#ff5b60}.action-leave{color:#087cda}.thread-actions .action-icon:hover,.action-icon[aria-pressed=true]{background:#e8f0fb}.action-pin[aria-pressed=true]{color:#1767df}.operator-picker{position:absolute;right:0;top:calc(100% + 10px);width:240px;padding:12px;background:#fff;border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 28px #173d7026;z-index:20}.operator-picker strong{display:block;font-size:13px;margin-bottom:8px}.operator-picker #picker-list{max-height:240px;overflow:auto}.operator-picker button{display:block;width:100%;text-align:left;border:0}.operator-picker p{padding:8px;font-size:12px}

.tabs button{display:inline-flex;align-items:baseline;gap:5px;white-space:nowrap}.tab-count{display:inline-flex;align-items:center;justify-content:center;position:relative;top:-5px;min-width:19px;height:19px;padding:0 4px;border-radius:10px;background:#eff1f4;color:#8b95a3;font-size:11px;line-height:1;font-weight:500;font-variant-numeric:tabular-nums}.tab-count-incoming{background:#ed4a55;color:#fff}

.client-details>header{margin-bottom:26px}.client-details>header .avatar{width:47px;height:47px;background:#5294ff;color:#fff}.client-details h2{font-weight:500}.client-section{margin-bottom:22px}.client-details .client-section>summary{display:flex;align-items:center;gap:8px;list-style:none;color:#738395;font-weight:500;margin-bottom:18px}.client-section>summary::-webkit-details-marker{display:none}.client-section>summary::after{content:'⌄';color:#939ea9;margin-left:auto}.client-section[open]>summary::after{transform:rotate(180deg)}.client-section>summary span{margin-left:auto;font-size:14px;color:#8795a6}.client-section>summary:has(span)::after{margin-left:0}.client-card{background:#fff;border:1px solid var(--border);border-radius:8px;padding:8px 18px}.client-info-row{display:flex;align-items:center;gap:20px;min-height:60px;min-width:0;font-size:15px;color:#8090a2}.client-info-icon{width:24px;flex-shrink:0;text-align:center;font-size:24px;color:#98a3af}.client-info-row a{color:#183b5a;text-decoration:none;overflow-wrap:anywhere;min-width:0}.client-info-row a:hover{text-decoration:underline}.client-info-row button{padding:0;border:0;background:none;text-align:left;font-size:15px;color:#8090a2;opacity:1}.client-stage{padding:7px 16px;background:#e1fcff;color:#00a9c0;border-radius:20px;font-size:13px}.client-stage.spam{background:#fff0f1;color:#c43b4b}.client-stage.resolved{background:#edf4ed;color:#427f50}.client-create{display:block;text-align:left;width:100%;margin-top:12px;padding:13px 18px;border:1px solid #cbd2da;color:#8b99a9;background:#fff;font-size:14px;opacity:1;cursor:not-allowed}.client-contact-empty{padding:16px 0;font-size:14px;color:#8090a2}

.client-info-row>svg,.client-create>svg,.client-contact-edit svg{width:21px;height:21px;flex-shrink:0;fill:none;stroke:#98a3af;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.client-info-row .client-field{text-align:left;white-space:pre-wrap;overflow-wrap:anywhere;min-width:0;max-width:100%;cursor:pointer}.client-info-row .client-field:hover{color:#2979e7}.client-info-row .client-stage{padding:7px 16px;background:#e1fcff;color:#00a9c0;border-radius:20px;font-size:13px}.client-info-row .client-stage.won{background:#e8f8ee;color:#28864d}.client-info-row .client-stage.lost{background:#f0f1f4;color:#758190}.client-info-row .client-contact-value{color:#183b5a;flex:1}.client-info-row .client-contact-edit{padding:5px;flex-shrink:0}.client-contact-edit svg{width:16px;height:16px}.client-add-contact{display:block;width:100%;text-align:left;padding:16px 0;border:0;background:none;color:#5294ff;font-size:15px}.client-add-contact::before{content:'＋';font-size:24px;margin-right:16px}.client-create{display:flex;align-items:center;gap:20px;cursor:pointer}.client-create:hover{background:#edf4ff}.client-name-edit{border:0;background:none;padding:0;font-size:16px;text-align:left;font-weight:500;overflow-wrap:anywhere}.client-name-edit:hover{color:#2979e7}.client-record{display:block;width:100%;text-align:left;overflow-wrap:anywhere;margin-top:8px;font-size:13px}.card-editor{width:min(440px,calc(100vw - 32px));border:1px solid var(--border);border-radius:12px;padding:24px;color:var(--ink);box-shadow:0 16px 60px #173d7033}.card-editor::backdrop{background:#172b4555}.card-editor h2{font-size:18px;margin-bottom:20px}.card-editor label{display:block;margin-top:16px;font-size:14px}.card-editor input,.card-editor select,.card-editor textarea{display:block;width:100%;margin-top:8px}.card-editor textarea{min-height:140px;resize:vertical}.card-editor-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.card-editor-error{font-size:13px;color:#c43b4b;margin-top:12px}
.outbox:empty{display:none}.outbox{max-height:160px;overflow:auto;margin:0 24px}.outbox-entry{padding:10px;border:1px solid #dfe5ed;border-radius:8px;margin:4px 0}.outbox-entry p{white-space:pre-wrap;overflow-wrap:anywhere}.outbox-entry span{font-size:12px;margin-right:10px}.client-record{white-space:normal;overflow-wrap:anywhere;text-align:left;width:100%;margin:4px 0}.card-editor label{margin:12px 0}

img.avatar{object-fit:cover;flex-shrink:0}#operator-avatar-preview{object-fit:cover;border-radius:50%;margin:8px 0}

.settings-subnav{margin:16px 0 24px;border-bottom:1px solid #e2e7ed;padding-bottom:12px}.invitation-preview{padding:20px;background:#eef6ff;border-radius:12px;max-width:360px;margin:16px 0}#invitation-fields fieldset{border:1px solid #e2e7ed;border-radius:8px;display:flex;flex-wrap:wrap;gap:12px}#settings-form details{margin:24px 0}#invitation-fields textarea{min-height:100px}
.invitation-rule{padding:22px;margin:20px 0;border:1px solid var(--border);border-radius:12px;background:#fff}.invitation-rule>header{display:flex;justify-content:space-between;align-items:center}.invitation-rule label{display:block;margin:14px 0}.invitation-rule label>input:not([type=checkbox]),.invitation-rule label>textarea,.invitation-rule label>select{width:100%;display:block;margin-top:7px}.invitation-condition{display:grid;grid-template-columns:minmax(160px,2fr) minmax(100px,1fr) minmax(100px,1fr) 38px;gap:8px;margin:10px 0;align-items:center}.invitation-condition>*{min-width:0;width:100%}.invitation-rule-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.invitation-error{color:#ae1929}#settings-invitations>p{margin:12px 0}#invitation-status{margin:16px 0}.invitation-rule .check-line{display:flex;align-items:center;gap:8px}.invitation-rule textarea{min-height:80px}@media(max-width:800px){.invitation-condition{grid-template-columns:1fr 1fr}.invitation-condition>:first-child{grid-column:1/-1}}
.settings-subnav button.selected{background:#e7f0ff;color:#1156bd;border-color:#a6c7f5}

.rail-button{position:relative}.rail-button .rail-count{display:inline-flex;position:absolute;top:5px;right:6px;font-size:11px;line-height:1}

#client-name{min-width:0;flex:1}.client-name-input{width:100%;min-width:0;padding:4px 0;border:1px solid transparent;background:transparent;font-size:16px;font-weight:500}.client-name-input:hover{border-bottom-color:#cbd3df}.client-name-input:focus{border-color:#7b8ea9;background:#fff}

.operators-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:12px}.operators-heading h2{margin:0}#operator-form{margin-top:0}#operator-form h2{margin:6px 0 8px;overflow-wrap:anywhere}#operator-form .operator-mode{margin:0;color:var(--blue);font-weight:600}#operator-form-description{overflow-wrap:anywhere}#operator-form small{display:block;margin-top:8px;line-height:1.5;color:var(--secondary)}#operator-avatar-preview{display:block;margin:12px 0;object-fit:cover;border-radius:50%}.operator-form-actions{display:flex;gap:12px;border-top:1px solid var(--border);padding-top:20px;margin-top:24px;flex-wrap:wrap}#operators-list .manage-row{gap:14px}#operators-list .avatar{flex-shrink:0}