:root{--bg:#f4f6f8;--panel:#fff;--border:#e4e9f0;--text:#132b3f;--muted:#7f8ea3;--accent:#2185c5;--green:#21a96b;--red:#ef594d;--orange:#f6a623;--bubble-in:#fff;--bubble-out:#ddf5e8;--shadow:0 12px 32px rgba(18,45,70,.08)}
*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--text)}button,input,select{font:inherit}button{cursor:pointer}.muted{color:var(--muted)}.pad{padding:16px}.hint,.note{color:var(--muted);font-size:13px;line-height:1.45;margin-top:12px}.error{color:var(--red);font-weight:700;margin-top:10px}.primary{border:0;background:var(--accent);color:#fff;border-radius:12px;padding:10px 15px;font-weight:800}.primary.full{width:100%;margin-top:16px}.ghost{border:1px solid var(--border);background:#fff;border-radius:12px;padding:9px 13px;font-weight:700;color:#345}.small{font-size:12px;padding:7px 10px}.disabled{opacity:.45;pointer-events:none}.status{display:inline-block;font-size:12px;padding:5px 9px;border-radius:999px;background:#edf2f7;color:#607084;font-weight:800;white-space:nowrap}.status.ready{background:#d9f7e6;color:#067843}.status.qr_required,.status.new,.status.starting{background:#fff0ce;color:#915d00}.status.error,.status.disconnected,.status.login_required{background:#ffe1df;color:#9e2019}.status.disabled{background:#eceff3;color:#778}.badge{display:inline-block;padding:5px 9px;background:#e7f7ef;color:#087844;border-radius:999px;font-weight:800;font-size:12px}
.login-body{background:linear-gradient(135deg,#eef5fb,#f8fbff)}.login-page{height:100%;display:flex;align-items:center;justify-content:center;padding:24px}.login-card{width:min(420px,100%);background:#fff;border:1px solid var(--border);border-radius:24px;padding:30px;box-shadow:var(--shadow)}.login-logo{font-size:30px;font-weight:900}.login-sub{color:var(--muted);margin:5px 0 22px}.login-card label{display:block;margin-top:13px;color:#5d6c80;font-weight:700}.login-card input{width:100%;margin-top:6px;padding:13px;border:1px solid var(--border);border-radius:12px;outline:none}
.topnav{height:48px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px;padding:0 14px}.top-brand{display:flex;align-items:baseline;gap:8px;margin-right:8px}.top-brand b{font-size:18px}.top-brand span{color:var(--muted);font-size:12px}.navlink{color:#43566b;text-decoration:none;padding:9px 12px;border-radius:10px;font-weight:800}.navlink.active,.navlink:hover{background:#eef5fb;color:#1269a3}.nav-spacer{flex:1}.user-chip{font-size:13px;color:#5b6c80;background:#f4f7fa;border:1px solid var(--border);border-radius:999px;padding:6px 10px}
.app{height:calc(100vh - 48px);display:grid;grid-template-columns:360px minmax(0,1fr) 340px;overflow:hidden;min-height:0}.sidebar,.details{background:var(--panel);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden;min-height:0}.details{border-right:0;border-left:1px solid var(--border);padding:18px;overflow:auto}.brand-panel{min-height:74px;display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--border)}.brand-title{font-size:19px;font-weight:900}.brand-subtitle{font-size:12px;color:var(--muted)}#refreshBtn{width:40px;height:40px;border:0;background:#eef3f8;border-radius:13px}.accounts{padding:10px 12px;border-bottom:1px solid var(--border);max-height:170px;overflow:auto}.account{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;background:#f8fafc;border-radius:13px;margin-bottom:7px}.account-name{font-weight:800;font-size:13px}.account-code{font-size:11px;color:var(--muted)}.search-row{padding:14px}.search-row input{width:100%;border:1px solid var(--border);border-radius:10px;padding:13px;outline:none}.channel-tabs{display:flex;gap:6px;overflow-x:auto;overflow-y:hidden;padding:0 12px 10px;flex:0 0 auto;scrollbar-width:thin}.tab{border:0;background:#edf2f7;color:#465a70;border-radius:999px;padding:8px 11px}.tab.active{background:var(--accent);color:#fff}.conversations{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden}.conv{display:grid;grid-template-columns:48px 1fr auto;gap:10px;padding:12px 14px;border-bottom:1px solid #edf0f3;cursor:pointer}.conv:hover,.conv.active{background:#eaf2f8}.avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#dbe9f3,#fff);display:flex;align-items:center;justify-content:center;font-weight:900;color:#47708f;position:relative}.channel-dot{position:absolute;right:-3px;bottom:-3px;min-width:20px;height:20px;border-radius:999px;background:var(--green);border:2px solid #fff;font-size:9px;color:#fff;display:flex;align-items:center;justify-content:center;padding:0 3px}.conv-title{font-weight:800;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conv-last{color:#6f7f90;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:210px}.conv-meta{text-align:right;color:var(--muted);font-size:12px}.unread{margin-top:6px;display:inline-flex;min-width:20px;height:20px;border-radius:999px;background:var(--red);color:#fff;align-items:center;justify-content:center;font-weight:800}.main{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden}.chat-header{min-height:72px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:12px 20px}.chat-title{font-size:20px;font-weight:900}.chat-sub{font-size:13px;color:var(--muted);margin-top:3px}.chat-actions{display:flex;gap:9px;align-items:center}.pill{padding:9px 13px;border-radius:13px;background:#fff0d7;color:#bb6500;font-size:12px;font-weight:900}.messages{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:22px 34px;background:#f6f7f9;scroll-behavior:smooth}.messages.empty{display:flex;align-items:center;justify-content:center}.empty-state{text-align:center;max-width:520px;color:#52657a}.empty-icon{font-size:54px}.day-sep{text-align:center;color:var(--muted);font-size:12px;margin:10px}.msg-row{display:flex;margin:8px 0}.msg-row.outgoing{justify-content:flex-end}.bubble{max-width:min(680px,78%);padding:12px 14px;border-radius:14px;background:var(--bubble-in);box-shadow:0 1px 3px rgba(10,30,50,.06);white-space:pre-wrap;line-height:1.35}.outgoing .bubble{background:var(--bubble-out)}.msg-meta{margin-top:6px;color:#8793a2;font-size:11px;text-align:right}.attachment{margin-top:8px;padding:8px;background:rgba(0,0,0,.04);border-radius:10px}.attachment img{max-width:min(360px,58vw);max-height:42vh;border-radius:8px;display:block;object-fit:contain}.attachment audio{max-width:min(360px,58vw);display:block}.attachment video{max-width:min(360px,58vw);max-height:48vh;display:block;border-radius:8px;background:#000}.attachment a{color:#1769aa;text-decoration:none;font-weight:800}.composer{height:70px;flex:0 0 70px;background:#fff;border-top:1px solid var(--border);display:flex;align-items:center;gap:10px;padding:10px 16px;position:sticky;bottom:0;z-index:5}.composer.hidden{display:none}#attachBtn{width:42px;height:42px;border:0;background:#f0f3f7;border-radius:50%}#messageInput{flex:1;padding:13px 14px;border:1px solid var(--border);border-radius:10px;outline:none}.file-name{max-width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#6b7c8f;font-size:12px}.details-empty{color:var(--muted)}.card,.admin-card{background:#fff;border:1px solid var(--border);border-radius:18px;padding:16px;box-shadow:var(--shadow);margin-bottom:14px}.card h3,.admin-card h3{margin:0 0 12px;font-size:17px}.kv{display:grid;grid-template-columns:110px 1fr;gap:8px;margin:8px 0;font-size:14px}.k{color:var(--muted)}.v{font-weight:800;overflow-wrap:anywhere}.link-btn{display:block;text-align:center;background:#eef7ff;color:#1769aa;text-decoration:none;padding:11px;border-radius:12px;font-weight:900;margin-top:9px}
.admin-layout{height:calc(100vh - 48px);display:grid;grid-template-columns:230px 1fr}.admin-menu{background:#fff;border-right:1px solid var(--border);padding:14px;display:flex;flex-direction:column;gap:8px}.admin-tab{border:0;text-align:left;padding:12px 14px;border-radius:12px;background:#f5f7fa;color:#40546a;font-weight:900}.admin-tab.active{background:#e9f4fc;color:#116aa6}.admin-content{padding:24px;overflow:auto}.admin-content h1{margin:0 0 18px}.admin-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:22px}.metric{background:#fff;border:1px solid var(--border);border-radius:18px;padding:18px;box-shadow:var(--shadow)}.metric b{display:block;font-size:26px}.metric span{color:var(--muted);font-size:13px}.table{background:#fff;border:1px solid var(--border);border-radius:18px;overflow:hidden;box-shadow:var(--shadow)}.tr{display:grid;grid-template-columns:1.6fr auto 1fr auto;gap:14px;align-items:center;padding:13px 15px;border-bottom:1px solid #edf0f3}.tr:last-child{border-bottom:0}.tr small{display:block;color:var(--muted);margin-top:3px}.modal-lite{margin-top:18px;background:#fff;border:1px solid var(--border);border-radius:18px;padding:18px;box-shadow:var(--shadow)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.form-grid label{font-weight:800;color:#526274}.form-grid input,.form-grid select{width:100%;margin-top:6px;border:1px solid var(--border);border-radius:12px;padding:11px;outline:none;background:#fff}.form-actions{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}.access-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px}.access-item{display:grid;gap:5px;border:1px solid var(--border);border-radius:14px;padding:12px;background:#fafcff}.access-item span{color:var(--muted);font-size:12px}.channel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:14px}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.card-head h3{margin-bottom:3px}.card-head small{color:var(--muted)}.qr-wrap{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px;border-radius:16px;background:#fff9e9;border:1px solid #f3ddb0;margin:12px 0}.qr-wrap img{max-width:260px;width:100%;height:auto;border-radius:10px;background:#fff;padding:10px}.qr-wrap small{color:#7a5d19;font-weight:800}
@media(max-width:1100px){.app{grid-template-columns:320px 1fr}.details{display:none}.admin-layout{grid-template-columns:1fr}.admin-menu{flex-direction:row;overflow:auto}.tr{grid-template-columns:1fr auto}}@media(max-width:720px){.app{grid-template-columns:1fr}.sidebar{display:none}.topnav{gap:5px}.user-chip{display:none}}


/* v0.2.1 hotfix: fixed internal scrolling/composer/media sizing */
.chat-app{min-height:0}
.accounts,.search-row,.channel-tabs{flex-shrink:0}
.bubble{overflow-wrap:anywhere}
.send-btn{border:0;background:var(--accent);color:#fff;border-radius:12px;padding:12px 15px;font-weight:900}

/* v0.2.3: group sender and media preview polish */
.sender-name{font-size:12px;font-weight:900;color:#b26b00;margin-bottom:4px;line-height:1.15}
.operator-name{font-size:11px;font-weight:800;color:#287252;margin-bottom:5px;line-height:1.2}
.strong-hint{color:#304c3f;font-weight:700}
.msg-text{white-space:pre-wrap;line-height:1.35}
.conv-last{overflow-wrap:anywhere}

/* v0.3 admin QR/web-auth center */
.webshot img{max-height:360px;object-fit:contain;border:1px solid #e3e8ef}.small-note{font-size:12px;margin:8px 0}.admin-card code,.note code{background:#eef3f8;border-radius:6px;padding:2px 5px}.form-grid input::placeholder{color:#9aa7b5}.admin-head .primary{white-space:nowrap}.channel-grid .admin-card{min-height:220px}.kv a{color:#1769aa;text-decoration:none;overflow-wrap:anywhere}.status.qr_waiting,.status.login_required{background:#fff0d7;color:#9a5a00}.status.error{background:#ffe1df;color:#9e2019}.status.new{background:#eef3f8;color:#526274}

/* v0.4.1: Wazzup-like needs-reply logic */
.reply-filter-row { padding: 0 14px 10px 14px; }
.reply-filter { border: 0; border-radius: 18px; padding: 9px 14px; background: #eef3f8; font-weight: 800; color: #163149; cursor: pointer; }
.reply-filter.active { background: #ffe7e0; color: #c2410c; }
.conv.needs-reply { background: #fff7ed; }
.needs-dot { display: inline-flex; align-items:center; justify-content:center; width:18px; height:18px; margin-left:6px; border-radius:999px; background:#ff5a2f; color:white; font-size:12px; font-weight:900; }
.hidden { display: none !important; }

button.danger { background:#ff5a3d; color:#fff; border-color:#ff5a3d; }
button.danger:hover { filter:brightness(.96); }
.qr-img { width:260px; max-width:100%; image-rendering:pixelated; background:#fff; padding:10px; border-radius:16px; }


/* v0.6.22: stable media playback + fullscreen lightbox */
.attachment.media-clickable{cursor:zoom-in;transition:filter .15s ease, transform .15s ease}
.attachment.media-clickable:hover{filter:brightness(.96);transform:translateY(-1px)}
.video-attachment{position:relative}
.open-media-btn{margin-top:8px;border:0;border-radius:10px;background:#eaf2f8;color:#1769aa;font-weight:900;padding:8px 10px;cursor:pointer}
.open-media-btn:hover{background:#dcecf8}
.media-viewer{position:fixed;inset:0;z-index:9999;background:rgba(5,10,18,.88);display:flex;align-items:center;justify-content:center;padding:52px 24px 28px;box-sizing:border-box}
.media-viewer-body{width:100%;height:100%;display:flex;align-items:center;justify-content:center;min-width:0;min-height:0}
.media-viewer-img{max-width:96vw;max-height:88vh;object-fit:contain;border-radius:12px;box-shadow:0 18px 70px rgba(0,0,0,.45);background:#111}
.media-viewer-video{max-width:96vw;max-height:88vh;width:auto;height:auto;border-radius:12px;background:#000;box-shadow:0 18px 70px rgba(0,0,0,.45)}
.media-viewer-close{position:fixed;right:22px;top:14px;width:44px;height:44px;border-radius:999px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.12);color:#fff;font-size:32px;line-height:1;cursor:pointer;z-index:10000}
.media-viewer-close:hover{background:rgba(255,255,255,.22)}
.media-viewer-title{position:fixed;left:24px;top:20px;color:#fff;font-weight:900;font-size:15px;opacity:.9;max-width:calc(100vw - 100px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* v0.6.23: MAX voice-note / circle semantics */
.voice-video-attachment{background:rgba(33,133,197,.08);border:1px solid rgba(33,133,197,.16)}
.voice-note-msg .msg-text{font-weight:800;color:#1769aa}
.voice-video-attachment video{max-width:min(260px,52vw);max-height:360px;border-radius:16px}

/* v0.6.26: voice/audio cosmetics */
.audio-attachment{background:rgba(33,133,197,.06);border:1px solid rgba(33,133,197,.12)}
.media-caption{font-size:12px;font-weight:900;color:#1769aa;margin:0 0 6px 2px}
.voice-audio-attachment audio{width:min(360px,58vw)}

/* v0.6.30: Wazzup-like channel wizard + safe composer */
.send-btn:disabled,.send-btn.disabled{opacity:.65;cursor:progress;filter:saturate(.75)}
#messageInput:disabled,#attachBtn:disabled{opacity:.65;cursor:progress}
.remove-attach{border:0;background:#ffe7e0;color:#b42318;border-radius:999px;width:28px;height:28px;font-size:20px;font-weight:900;line-height:1;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}
.file-name:not(:empty){background:#eef7ff;color:#1769aa;border:1px solid #d6eafd;border-radius:999px;padding:7px 10px;max-width:240px;font-weight:800}
.channel-wizard{max-width:980px}.wizard-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.wizard-head h2{margin:0}.wizard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.wizard-tile{min-height:150px;border:1px solid var(--border);background:#fff;border-radius:18px;padding:18px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;box-shadow:0 6px 18px rgba(18,45,70,.04);transition:.15s ease}.wizard-tile:hover{transform:translateY(-2px);border-color:#9ed0ee;box-shadow:0 12px 30px rgba(18,45,70,.1)}.wizard-tile b{font-size:18px;color:#132b3f}.wizard-tile span{font-size:13px;color:var(--muted);line-height:1.35}.wizard-ico{font-size:34px}.variant-grid .wizard-tile{min-height:170px}.channel-wizard .form-grid{margin-top:8px}

/* v0.6.31: voice recorder + stable admin wizard */
.record-btn{width:42px;height:42px;border:0;background:#eef7ff;color:#1769aa;border-radius:50%;font-weight:900;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}
.record-btn.recording{background:#ffe1df;color:#9e2019;animation:pmhPulse 1s infinite}
@keyframes pmhPulse{0%{box-shadow:0 0 0 0 rgba(239,89,77,.4)}70%{box-shadow:0 0 0 10px rgba(239,89,77,0)}100%{box-shadow:0 0 0 0 rgba(239,89,77,0)}}
.modal-lite.channel-wizard{position:fixed;top:72px;left:50%;transform:translateX(-50%);width:min(980px,calc(100vw - 40px));max-height:calc(100vh - 110px);overflow:auto;z-index:3000;margin:0;box-shadow:0 28px 80px rgba(12,29,48,.24)}
.modal-lite.channel-wizard::before{content:'';position:fixed;inset:-100vh -100vw;background:rgba(15,28,45,.28);z-index:-1;pointer-events:none}
.admin-content{scroll-behavior:auto}

/* v0.6.33: adult channel runtime dashboard */
.admin-sub{color:var(--muted);font-size:13px;margin-top:4px;line-height:1.35}.head-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.channel-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:0 0 16px}.channel-summary>div{background:#fff;border:1px solid var(--border);border-radius:16px;padding:14px 16px;box-shadow:var(--shadow)}.channel-summary b{display:block;font-size:24px}.channel-summary span{color:var(--muted);font-size:12px;font-weight:800}.adult-channel-grid{align-items:start}.channel-card{position:relative;overflow:hidden}.channel-card::before{content:'';position:absolute;left:0;top:0;bottom:0;width:5px;background:#d8e0ea}.channel-card.ready::before{background:var(--green)}.channel-card.attention::before{background:var(--orange)}.channel-card.error::before{background:var(--red)}.channel-card.disabled::before{background:#a3acb8}.status.attention{background:#fff0ce;color:#915d00}.channel-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0}.channel-metrics>div{background:#f6f9fc;border:1px solid #edf1f5;border-radius:12px;padding:10px;text-align:center}.channel-metrics b{display:block;font-size:18px}.channel-metrics span{display:block;color:var(--muted);font-size:11px;font-weight:800;margin-top:2px}.channel-actions{border-top:1px solid #edf1f5;padding-top:12px}.err-text{color:#b42318}.admin-card.channel-card .kv{grid-template-columns:130px 1fr}.admin-card.channel-card .qr-wrap{box-shadow:none}.admin-card.channel-card .webshot img{max-height:290px}@media(max-width:720px){.head-actions{width:100%}.head-actions button{flex:1}.channel-metrics{grid-template-columns:repeat(2,1fr)}}

/* v0.6.34: channel UI sanity fixes */
.wizard-tile.disabled-tile{opacity:.55;filter:grayscale(.25);cursor:not-allowed;background:#f6f8fb}
.wizard-tile.disabled-tile:hover{transform:none;border-color:var(--border);box-shadow:0 6px 18px rgba(18,45,70,.04)}
.warn-note{background:#fff7df;border-color:#f0d58c;color:#765200}
.paused-card{opacity:.86}
.channel-card .ready-note{background:#eefaf4}
button:disabled{opacity:.65;cursor:wait}

/* v0.6.35: WhatsApp stability + safer channel cards */
.danger-zone{margin-top:10px;border-top:1px dashed #f0c2bb;padding-top:10px}
.danger-zone summary{cursor:pointer;color:#9e2019;font-weight:900;font-size:13px;user-select:none}
.danger-zone .form-actions{margin-top:10px}
.status.reconnecting,.status.waiting_ready{background:#fff0ce;color:#915d00}
.channel-card .ready-note{background:#eefaf4;border-color:#ccefdc;color:#17623a}
.channel-card.ready .auth-start{display:none}
.channel-card.ready .qr-wrap{display:none}
.channel-card .channel-actions:empty{display:none}

/* v0.7.0: Avito settings */
.channel-wizard textarea{width:100%;margin-top:6px;border:1px solid var(--border);border-radius:12px;padding:11px;outline:none;background:#fff;font:inherit;resize:vertical;min-height:110px}

/* v0.8.0 amoCRM admin */
.debug-pre{white-space:pre-wrap;background:#f5f7fa;border:1px solid var(--border);border-radius:12px;padding:12px;min-height:42px;max-height:260px;overflow:auto;color:#2d4055}
.ghost.full{width:100%;margin-top:10px}
.mini-input{width:100%;margin-top:10px;border:1px solid var(--border);border-radius:12px;padding:10px 11px;outline:none;background:#fff;color:var(--text)}

/* v0.8.2: proactive start chat */
.brand-actions{display:flex;align-items:center;gap:8px}
#newChatBtn{border:0;border-radius:14px;background:#2185c5;color:#fff;font-weight:900;padding:9px 12px;cursor:pointer;white-space:nowrap}
#newChatBtn:hover{filter:brightness(.96)}
.start-chat-modal{position:fixed;inset:0;background:rgba(15,28,45,.34);z-index:6000;display:flex;align-items:center;justify-content:center;padding:24px;box-sizing:border-box}
.start-chat-card{position:relative;width:min(560px,100%);background:#fff;border:1px solid var(--border);border-radius:22px;box-shadow:0 28px 90px rgba(12,29,48,.28);padding:24px;box-sizing:border-box}
.start-chat-card h2{margin:0 0 12px;font-size:28px;color:#0c2e4c}
.start-chat-card label{display:block;margin-top:12px;margin-bottom:6px;color:#53657b;font-weight:900;font-size:13px}
.start-chat-card input,.start-chat-card select,.start-chat-card textarea{width:100%;box-sizing:border-box;border:1px solid var(--border);border-radius:14px;padding:12px 13px;font:inherit;outline:none;background:#fff;color:var(--text)}
.start-chat-card textarea{min-height:110px;resize:vertical}
.start-chat-template-btn{margin-top:6px;margin-bottom:8px}
.template-modal-over-start-chat{z-index:7000}
.start-chat-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}
.start-chat-close{position:absolute;right:14px;top:12px;border:0;background:#eef3f8;color:#46617a;width:34px;height:34px;border-radius:999px;font-size:22px;font-weight:900;cursor:pointer}

/* v0.8.3: message templates */
.template-btn{height:42px;border:0;background:#eef7ff;color:#1769aa;border-radius:999px;padding:0 14px;font-weight:900;white-space:nowrap;cursor:pointer}
.template-btn:hover{background:#dff0ff}
.template-modal{position:fixed;inset:0;background:rgba(15,28,45,.34);z-index:6500;display:flex;align-items:center;justify-content:center;padding:24px;box-sizing:border-box}
.template-card{position:relative;width:min(760px,100%);max-height:min(86vh,820px);overflow:hidden;background:#fff;border:1px solid var(--border);border-radius:22px;box-shadow:0 28px 90px rgba(12,29,48,.28);padding:24px;box-sizing:border-box;display:flex;flex-direction:column}
.template-card h2{margin:0 0 8px;font-size:28px;color:#0c2e4c}
.template-close{position:absolute;right:14px;top:12px;border:0;background:#eef3f8;color:#46617a;width:34px;height:34px;border-radius:999px;font-size:22px;font-weight:900;cursor:pointer}
.template-list{overflow:auto;padding-right:4px;margin-top:10px}
.tpl-category h3{margin:18px 0 10px;color:#0c2e4c}.tpl-category:first-child h3{margin-top:6px}
.tpl-item{border:1px solid var(--border);border-radius:16px;padding:13px;margin-bottom:10px;background:#fbfdff}.tpl-title{font-weight:900;color:#0c2e4c;display:flex;align-items:center;gap:8px}.tpl-title span{font-size:11px;color:#708299;background:#edf4fb;border-radius:999px;padding:4px 8px}.tpl-body{white-space:pre-wrap;color:#34475c;margin-top:8px;max-height:120px;overflow:auto}.tpl-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}.tpl-admin-body{white-space:pre-wrap;max-height:180px;overflow:auto;background:#f8fafc;border:1px solid #edf1f5;border-radius:12px;padding:10px;color:#34475c}.muted-card{opacity:.7}.danger.small{border:0;background:#fff0f0;color:#b42318;border-radius:10px;padding:8px 10px;font-weight:900;cursor:pointer}
@media(max-width:720px){.template-btn{padding:0 10px;font-size:12px}.template-card{padding:18px}.tpl-actions{justify-content:stretch}.tpl-actions button{flex:1}}
/* v0.8.4 operator workflow */
.workflow-filters { flex-wrap: wrap; gap: 6px; }
.conv-tags { display:flex; gap:5px; flex-wrap:wrap; margin-top:4px; }
.mini-badge { display:inline-flex; align-items:center; border-radius:999px; background:#eef4fb; color:#52627a; font-size:11px; line-height:1; padding:4px 7px; font-weight:700; }
.mini-badge.st-new { background:#ffe9e9; color:#b83a3a; }
.mini-badge.st-in_work, .mini-badge.st-open { background:#eaf4ff; color:#0f67a8; }
.mini-badge.st-waiting_client { background:#e7faef; color:#177542; }
.mini-badge.st-no_reply_needed { background:#f1f1f1; color:#777; }
.mini-badge.st-closed { background:#eee8ff; color:#6245a5; }
.workflow-card select.mini-input { width:100%; }
.form-actions.compact { display:flex; gap:8px; flex-wrap:wrap; margin-top:10px; }
.event-row { border-top:1px solid #eef2f7; padding:8px 0; font-size:13px; }
.event-row:first-child { border-top:0; }
.event-row b { display:block; color:#0b2948; }
.event-row small { display:block; color:#7b89a3; margin:2px 0 3px; }


/* v0.8.5.2: compact operator sidebar and dropdown filters */
.accounts.compact-accounts{padding:8px 12px;max-height:108px;overflow:auto;border-bottom:1px solid var(--border)}
.compact-account{padding:8px 10px;margin-bottom:6px;min-height:0;background:#f8fafc}
.compact-account .account-code{font-size:11px;color:#7b8ca2}
.filter-panel{padding:0 12px 10px;display:grid;grid-template-columns:1fr;gap:8px;border-bottom:1px solid var(--border);flex:0 0 auto}
.filter-panel label{display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:8px;font-size:12px;color:#64758b;font-weight:900}
.filter-panel select{width:100%;border:1px solid var(--border);border-radius:12px;background:#fff;padding:9px 10px;outline:none;color:#12314f;font-weight:800}
.channel-tabs,.workflow-filters,.reply-filter-row{display:none!important}
.sidebar .search-row{padding:10px 12px}.search-row input{padding:11px 12px}
.conv{padding:10px 12px;grid-template-columns:42px minmax(0,1fr) auto}.avatar{width:42px;height:42px}.conv-last{max-width:170px}.conv-title{font-size:14px}.conv-meta{font-size:11px}.brand-panel{min-height:62px;padding:12px 14px}.brand-title{font-size:18px}.brand-subtitle{font-size:11px}
/* v0.8.5.3: compact operator UI + active order card */
.sidebar .search-row{padding:12px 14px 10px}
.filter-panel{padding:0 14px 12px}
.channel-dot{font-size:13px;min-width:22px;height:22px;background:#fff;color:#12314f;border:2px solid #fff;box-shadow:0 2px 8px rgba(18,45,70,.18)}
.order-details{margin-top:10px;border:1px solid #e7edf4;background:#f8fbfe;border-radius:14px;padding:10px 12px}
.order-details summary{cursor:pointer;font-weight:900;color:#1769aa;outline:none}
.order-details .kv{grid-template-columns:120px 1fr;font-size:13px}
.form-actions.compact{gap:7px}
.form-actions.compact .ghost.small{padding:7px 9px}

/* v0.8.6.2: human CRM task modal and cleaner chat list */
.crm-task-modal,.crm-note-modal{position:fixed;inset:0;background:rgba(15,28,45,.34);z-index:6800;display:flex;align-items:center;justify-content:center;padding:24px;box-sizing:border-box}
.crm-task-card{position:relative;width:min(620px,100%);background:#fff;border:1px solid var(--border);border-radius:22px;box-shadow:0 28px 90px rgba(12,29,48,.28);padding:24px;box-sizing:border-box}
.crm-task-card h2{margin:0 0 12px;font-size:26px;color:#0c2e4c}.crm-task-card label{display:block;margin-top:12px;margin-bottom:6px;color:#53657b;font-weight:900;font-size:13px}
.crm-task-card input,.crm-task-card select,.crm-task-card textarea{width:100%;box-sizing:border-box;border:1px solid var(--border);border-radius:14px;padding:12px 13px;font:inherit;outline:none;background:#fff;color:var(--text)}
.crm-task-card textarea{min-height:110px;resize:vertical}.crm-task-close{position:absolute;right:14px;top:12px;border:0;background:#eef3f8;color:#46617a;width:34px;height:34px;border-radius:999px;font-size:22px;font-weight:900;cursor:pointer}.task-grid{grid-template-columns:1fr 1fr 1fr}
.conv-tags{display:none!important}
@media(max-width:720px){.task-grid{grid-template-columns:1fr}.crm-task-card{padding:18px}}

/* v0.8.7: Wazzup-like channels admin */
.channels-admin-head{align-items:flex-start}.compact-summary{grid-template-columns:repeat(4,minmax(150px,1fr))}.channels-toolbar{display:flex;gap:12px;margin:0 0 14px}.channels-toolbar input,.channels-toolbar select{border:1px solid var(--border);border-radius:12px;background:#fff;padding:12px 14px;font:inherit;outline:none}.channels-toolbar input{flex:1}.channels-admin-grid{display:grid;grid-template-columns:minmax(680px,1fr) 390px;gap:16px;align-items:start}.channels-list{background:#fff;border:1px solid var(--border);border-radius:18px;overflow:hidden;box-shadow:var(--shadow)}.channel-row{display:grid;grid-template-columns:44px minmax(190px,1.5fr) 170px 150px 82px 82px 88px 126px;gap:12px;align-items:center;padding:14px 16px;border-bottom:1px solid #edf0f3;cursor:pointer;transition:.12s ease}.channel-row:last-child{border-bottom:0}.channel-row:hover,.channel-row.active{background:#f1f8fe}.channel-row-icon{width:38px;height:38px;border-radius:50%;background:#eef6fb;display:flex;align-items:center;justify-content:center;font-size:20px}.channel-row-main b{display:block;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channel-row-main small{display:block;color:var(--muted);font-size:12px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channel-row-phone,.channel-row-activity{color:#526274;font-weight:800;font-size:13px}.channel-row-metrics{text-align:center}.channel-row-metrics b{display:block;font-size:16px}.channel-row-metrics small{color:var(--muted);font-size:10px;font-weight:800}.row-action{white-space:nowrap}.channel-details-panel{position:sticky;top:16px}.channel-detail-card{background:#fff;border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow);padding:18px}.detail-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.detail-title h2{font-size:20px;margin:0 0 4px}.detail-title small{color:var(--muted)}.detail-actions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 18px}.channel-error-box{background:#fff7f6;border:1px solid #ffd6d1;color:#9e2019;border-radius:12px;padding:12px;white-space:pre-wrap;overflow-wrap:anywhere;min-height:42px}.channel-error-box.muted{background:#f6f9fc;border-color:#edf1f5;color:var(--muted)}.empty-admin-list{background:#fff;border:1px dashed var(--border);border-radius:16px;color:var(--muted);padding:18px;text-align:center}.channels-list .status{white-space:nowrap}.channel-detail-card .danger-zone{margin-top:16px}.channel-detail-card .kv{grid-template-columns:120px 1fr}@media(max-width:1280px){.channels-admin-grid{grid-template-columns:1fr}.channel-details-panel{position:relative;top:0}.channel-row{grid-template-columns:44px minmax(180px,1fr) 160px 120px 70px 70px 76px 120px}}@media(max-width:820px){.compact-summary{grid-template-columns:repeat(2,1fr)}.channels-toolbar{flex-direction:column}.channel-row{grid-template-columns:38px 1fr auto;gap:9px}.channel-row-status,.channel-row-phone,.channel-row-metrics,.channel-row-activity{display:none}.row-action{grid-column:3}.channels-admin-grid{grid-template-columns:1fr}}

/* v0.8.7.1: real channel diagnostics */
.channel-health-hint{border-radius:12px;padding:10px 12px;margin:4px 0 10px;font-size:13px;font-weight:800;line-height:1.35}
.identity-automation-settings{display:grid;gap:10px;margin:0 0 16px}.identity-automation-settings>label:not(.access-item){display:grid;gap:5px;color:var(--muted);font-size:11px;font-weight:700}.identity-automation-settings select{width:100%;border:1px solid var(--theme-border,var(--border));border-radius:6px;background:var(--theme-input,#fff);color:var(--text);padding:9px;font:inherit}.identity-automation-settings .access-item{margin:0}.identity-automation-settings .access-item span{display:grid}.identity-automation-settings .access-item small{color:var(--muted);font-weight:500}
.channel-health-hint.ready{background:#e9fbf1;color:#176d3a;border:1px solid #c8f0d8}
.channel-health-hint.attention{background:#fff7df;color:#936300;border:1px solid #f7df9e}
.channel-health-hint.error{background:#fff0f0;color:#b42318;border:1px solid #ffc9c2}
.channel-health-hint.disabled{background:#f2f4f7;color:#667085;border:1px solid #e4e7ec}
.channel-auth-progress{display:grid;gap:4px;border-left:3px solid #d59b27;background:#fff9e8;padding:10px 12px;margin:10px 0;color:#755000}.channel-auth-progress b{font-size:13px}.channel-auth-progress span{font-size:12px;line-height:1.4}.channel-auth-progress.ready{border-left-color:#268353;background:#effaf4;color:#185f3c}.channel-auth-progress.error{border-left-color:#c33f37;background:#fff3f2;color:#9b2620}
.channel-diag-box{background:#f8fbfe;border:1px solid #e7edf4;border-radius:14px;padding:12px;margin:8px 0 12px;max-height:360px;overflow:auto}
.diag-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}.diag-grid>div{background:#fff;border:1px solid #edf1f5;border-radius:12px;padding:10px}.diag-grid b{display:block;color:#0c2e4c;font-size:16px}.diag-grid span{display:block;color:#708299;font-size:11px;font-weight:800;margin-top:3px}.diag-event{border-top:1px solid #edf1f5;padding:8px 0;font-size:12px}.diag-event:first-of-type{border-top:0}.diag-event span{color:#53657b}.mini-pill{display:inline-flex;background:#eef4fb;border-radius:999px;padding:5px 8px;font-size:11px;font-weight:900;color:#526274;margin:0 4px 4px 0}

/* Keep a newly opened long conversation anchored at the bottom without animated jumps. */
.messages{scroll-behavior:auto}
.messages.initial-positioning{visibility:hidden}

/* v0.8.9.0: focused three-column messenger workspace */
body:not(.login-body){background:#edf1f4;color:#172534}
.topnav{height:52px;padding:0 16px;border-color:#dce3e8;gap:6px}
.admin-layout{height:calc(100vh - 52px)}
.top-brand{min-width:210px;margin-right:4px}.top-brand b{font-size:17px}.top-brand span{font-size:11px}
.navlink{padding:8px 11px;border-radius:6px;font-size:13px}.navlink.active,.navlink:hover{background:#e8f2f8;color:#0d668f}
.user-chip{border-radius:6px;background:#f4f6f8;padding:6px 9px}.topnav .ghost{border-radius:6px}
.chat-app{height:calc(100vh - 52px);grid-template-columns:336px minmax(420px,1fr) 288px;background:#fff}
.chat-app .sidebar{border-color:#dce3e8}.chat-app .details{border-color:#dce3e8;padding:0;background:#f8fafb}
.chat-app .brand-panel{min-height:64px;padding:11px 14px;background:#fff}.chat-app .brand-title{font-size:18px}.chat-app .brand-subtitle{font-size:11px}
.chat-app .brand-actions button{height:34px;border-radius:6px!important;padding:0 10px!important}.chat-app #refreshBtn{width:34px;background:#eef2f5}
.chat-app .search-row{padding:10px 12px 8px}.chat-app .search-row input{height:38px;border-color:#dce3e8;border-radius:6px;padding:9px 11px;background:#f8fafb}
.chat-app .filter-panel{grid-template-columns:1fr 1fr;gap:8px;padding:0 12px 10px;background:#fff}
.chat-app .filter-panel label{display:block;font-size:10px;color:#738292}.chat-app .filter-panel select{height:34px;margin-top:4px;border-radius:6px;padding:6px 8px;font-size:12px;background:#f8fafb}
.chat-app .conversations{background:#fff;scrollbar-color:#bdc8d1 transparent;scrollbar-width:thin}
.chat-app .conv{min-height:64px;grid-template-columns:42px minmax(0,1fr) 46px;gap:10px;padding:10px 12px;border-color:#e8edf0;position:relative}
.chat-app .conv:hover{background:#f2f6f8}.chat-app .conv.active{background:#e5f1f6}.chat-app .conv.active::before{content:'';position:absolute;inset:0 auto 0 0;width:3px;background:#1687b8}
.chat-app .conv.needs-reply{background:#fff8f5}.chat-app .conv.needs-reply.active{background:#e5f1f6}
.chat-app .avatar{width:42px;height:42px;border-radius:50%;background:#e9eef2;color:#3e596d;font-size:14px}
.chat-app .channel-dot{right:-2px;bottom:-2px;min-width:23px;height:23px;padding:0 3px;border:2px solid #fff;border-radius:50%;box-shadow:none;color:#fff;font-size:8px;font-weight:900}
.chat-app .channel-whatsapp.channel-dot,.chat-app .header-channel.channel-whatsapp{background:#1aa56b}.chat-app .channel-max.channel-dot,.chat-app .header-channel.channel-max{background:#6753c6}.chat-app .channel-telegram.channel-dot,.chat-app .header-channel.channel-telegram{background:#268fd1}.chat-app .channel-avito.channel-dot,.chat-app .header-channel.channel-avito{background:#e44486}.chat-app .channel-vk.channel-dot,.chat-app .header-channel.channel-vk{background:#3679bd}.chat-app .channel-demo.channel-dot,.chat-app .header-channel.channel-demo,.chat-app .channel-default.channel-dot,.chat-app .header-channel.channel-default{background:#718090}
.chat-app .conv-copy{min-width:0;align-self:center}.chat-app .conv-title{margin:0 0 5px;font-size:14px;color:#172534}.chat-app .conv-last{max-width:none;font-size:12px;color:#748393}.chat-app .conv-meta{padding-top:2px;font-size:10px}
.chat-app .unread{min-width:20px;height:20px;margin-top:7px;background:#1687b8;font-size:11px}.chat-app .needs-dot{width:16px;height:16px;margin-left:4px;background:#e2543d;font-size:10px}
.chat-app .main{background:#eef2f4}.chat-app .chat-header{min-height:64px;padding:9px 16px;border-color:#dce3e8}
.chat-identity{display:flex;align-items:center;gap:10px;min-width:0}.chat-heading{min-width:0}.header-channel{width:36px;height:36px;flex:0 0 36px;display:flex;align-items:center;justify-content:center;border-radius:8px;color:#fff;font-size:10px;font-weight:900}
.chat-app .chat-title{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-app .chat-sub{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:52vw}
.chat-app .chat-actions{gap:7px}.chat-app .chat-actions .ghost{border-radius:6px}.chat-app .pill{border:1px solid #ecd8ae;border-radius:6px;background:#fff8e8;color:#96610d;padding:7px 9px;font-size:10px;white-space:nowrap}.chat-app .pill.has-deal{border-color:#b7ddc9;background:#edf9f2;color:#187044}
.chat-app .messages{padding:20px 24px;background:#eef2f4}.chat-app .day-sep{width:max-content;margin:4px auto 14px;padding:4px 9px;border-radius:6px;background:#dce5e9;color:#657582;font-size:10px}
.chat-app .msg-row{margin:5px 0}.chat-app .bubble{max-width:min(660px,72%);padding:9px 11px;border:1px solid #e0e6e9;border-radius:8px;background:#fff;box-shadow:0 1px 1px rgba(21,42,56,.04);line-height:1.4}
.chat-app .outgoing .bubble{border-color:#cce6d9;background:#e1f3e9}.chat-app .msg-meta{margin-top:4px;font-size:10px;color:#7d8b96}
.chat-app .attachment{border-radius:6px}.chat-app .attachment img,.chat-app .attachment video{border-radius:6px}.chat-app .empty-icon{font-size:34px;opacity:.28}.chat-app .empty-state h2{font-size:19px}.chat-app .empty-state p{font-size:13px}
.chat-app .composer{height:64px;flex-basis:64px;gap:8px;padding:9px 12px;border-color:#dce3e8}.chat-app #messageInput{height:42px;border-radius:7px;background:#f8fafb}.chat-app #attachBtn,.chat-app .record-btn{width:38px;height:38px;border-radius:50%}.chat-app .template-btn{height:38px;border-radius:6px;padding:0 10px;font-size:12px}.chat-app .send-btn{height:38px;border-radius:6px;padding:0 14px;font-size:12px}
.details-header{position:sticky;top:0;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;min-height:64px;padding:14px 16px;border-bottom:1px solid #dce3e8;background:#fff}.details-header b{font-size:14px}.details-header span{font-size:11px;color:#748393}
.chat-app .details-empty{padding:18px 16px;color:#748393;font-size:13px;line-height:1.45}
.chat-app .details .card{margin:0;padding:15px 16px;border:0;border-bottom:1px solid #dfe6ea;border-radius:0;background:#fff;box-shadow:none}.chat-app .details .card h3{margin:0 0 11px;font-size:13px;color:#253847}
.chat-app .details .kv{grid-template-columns:112px minmax(0,1fr);gap:8px;margin:7px 0;font-size:12px}.chat-app .details .v{font-weight:700}.chat-app .details .badge{border-radius:5px;padding:4px 7px;font-size:10px}
.chat-app .details .mini-input{margin-top:0;border-radius:6px;padding:8px}.chat-app .details .link-btn{border:1px solid #d7e5ee;border-radius:6px;background:#f3f8fb;padding:9px;font-size:12px}.chat-app .details .ghost{border-radius:6px}.chat-app .details .note{border-radius:6px}.chat-app .details .order-details{border-radius:6px}
@media(min-width:721px) and (max-width:1180px){.chat-app{grid-template-columns:minmax(210px,28vw) minmax(260px,1fr) minmax(220px,24vw)}.chat-app .details{display:flex}}
@media(max-width:720px){.chat-app{grid-template-columns:1fr}.chat-app .sidebar{display:none}.top-brand{min-width:0}.top-brand span{display:none}.chat-app .chat-actions .pill{display:none}.chat-app .messages{padding:14px 10px}.chat-app .bubble{max-width:86%}.chat-app .template-btn{max-width:76px;overflow:hidden}.chat-app .send-btn{padding:0 10px}}

/* v0.8.11.0: cursor-based message history */
.history-loader{display:block;width:max-content;max-width:100%;margin:0 auto 12px;border:1px solid #cbd8df;border-radius:6px;background:#fff;color:#31566b;padding:7px 11px;font-size:11px;font-weight:800}
.history-loader:hover{background:#f4f8fa;border-color:#aebfc8}.history-loader:disabled{cursor:wait}
.history-start{width:max-content;margin:0 auto 12px;color:#84919a;font-size:10px}
.chat-empty-note{display:flex;align-items:center;justify-content:center;min-height:180px;color:#84919a;font-size:13px}

/* v0.8.11.0: dense operator workspace */
body:not(.login-body){background:#e7ecef;color:#182c36}
.topnav{height:50px;padding:0 12px;background:#17384a;border:0;color:#fff}
.top-brand{display:flex;align-items:center;gap:9px;min-width:226px;margin:0 4px 0 0}
.top-brand img{width:30px;height:30px;border-radius:7px;flex:0 0 30px}
.top-brand>div{display:flex;flex-direction:column;min-width:0}.top-brand b{color:#fff;font-size:15px;line-height:1.15}.top-brand span{color:#b9cbd3;font-size:9px;line-height:1.2}
.navlink{height:34px;display:flex;align-items:center;padding:0 11px;border-radius:5px;color:#c9d7dd;font-size:12px}
.navlink.active,.navlink:hover{background:#fff;color:#17384a}
.user-chip{border:1px solid #43606d;border-radius:5px;background:#234757;color:#e5edf0;padding:5px 8px;font-size:11px}.user-chip-mobile{display:none}
.topnav .ghost{height:32px;border-color:#526d78;border-radius:5px;background:transparent;color:#fff;padding:0 9px;font-size:11px}
.topnav .ghost:hover{background:#294e5d}.topnav .install-app-btn{border-color:#65b7dd;background:#1d769f}.topnav .install-app-btn:hover{background:#2185b2}
.admin-layout{height:calc(100vh - 50px)}

/* v0.8.11.1: channel-scoped VPN administration */
.vpn-admin-head{align-items:flex-start}.vpn-status-grid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));border:1px solid var(--border);border-radius:8px;background:#fff;margin-bottom:12px;overflow:hidden}.vpn-status-grid>div{padding:13px 15px;border-right:1px solid var(--border);display:grid;gap:7px}.vpn-status-grid>div:last-child{border-right:0}.vpn-status-grid span{font-size:11px;color:var(--muted);font-weight:800;text-transform:uppercase}.vpn-status-grid b{font-size:14px}.vpn-status-grid .status{justify-self:start}.vpn-alert{display:flex;align-items:center;gap:12px;border:1px solid #f2c15b;border-radius:8px;padding:11px 14px;margin-bottom:12px;background:#fff9e8;color:#755000}.vpn-alert span{font-size:13px}.vpn-alert.danger{border-color:#efaaa4;background:#fff3f2;color:#9b2620}.vpn-layout{display:grid;grid-template-columns:minmax(520px,1.15fr) minmax(380px,.85fr);gap:14px;align-items:start}.admin-card.vpn-profiles,.admin-card.vpn-import{border-radius:8px;box-shadow:none;margin:0}.vpn-profile-list{border:1px solid var(--border);border-radius:8px;overflow:hidden;margin-top:14px}.vpn-profile-row{display:grid;grid-template-columns:minmax(180px,1fr) auto auto;align-items:center;gap:12px;padding:12px;border-bottom:1px solid var(--border);background:#fff}.vpn-profile-row:last-child{border-bottom:0}.vpn-profile-row.active{background:#effaf4}.vpn-profile-main{min-width:0}.vpn-profile-main b,.vpn-profile-main small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vpn-profile-main small{color:var(--muted);font-size:11px;margin-top:4px}.vpn-profile-actions{display:flex;gap:7px}.vpn-form-grid{grid-template-columns:1fr 150px}.vpn-import label{font-weight:800;color:#526274}.vpn-import input,.vpn-import select,.vpn-import textarea{width:100%;box-sizing:border-box;border:1px solid var(--border);border-radius:8px;background:#fff;color:var(--text);font:inherit;outline:none}.vpn-import input,.vpn-import select{padding:10px;margin-top:6px}.vpn-config-label{display:block;margin-top:13px}.vpn-import textarea{display:block;margin-top:6px;min-height:190px;padding:11px;resize:vertical;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px}.vpn-file-label{display:flex;align-items:center;gap:12px;margin-top:10px}.vpn-file-label input{margin:0;padding:8px;font-weight:400}.status.degraded{background:#ffe9cc;color:#915d00}@media(max-width:1050px){.vpn-layout{grid-template-columns:1fr}.vpn-status-grid{grid-template-columns:repeat(2,1fr)}.vpn-status-grid>div:nth-child(2){border-right:0}.vpn-status-grid>div:nth-child(-n+2){border-bottom:1px solid var(--border)}}@media(max-width:640px){.vpn-status-grid{grid-template-columns:1fr}.vpn-status-grid>div{border-right:0;border-bottom:1px solid var(--border)}.vpn-status-grid>div:last-child{border-bottom:0}.vpn-profile-row{grid-template-columns:1fr auto}.vpn-profile-actions{grid-column:1/-1}.vpn-form-grid{grid-template-columns:1fr}.vpn-alert{align-items:flex-start;flex-direction:column;gap:4px}}
.vpn-alert.success{border-color:#93d2ae;background:#effaf4;color:#185f3c}
.vpn-import-status{min-height:20px;margin-top:10px;color:#526274;font-size:12px;font-weight:800}
.chat-app{height:calc(100vh - 50px);grid-template-columns:336px minmax(420px,1fr) 288px;border:0;background:#fff}
.chat-app .sidebar{background:#fff;border-color:#ccd7dc}.chat-app .details{border-color:#ccd7dc;background:#f7f9fa}
.chat-app .brand-panel{min-height:58px;padding:9px 12px;background:#f7f9fa}.chat-app .brand-title{font-size:16px}.chat-app .brand-subtitle{font-size:10px}
.chat-app .brand-actions{gap:6px}.chat-app .brand-actions button{height:32px!important;border-radius:5px!important;font-size:11px}.chat-app #newChatBtn{background:#187ca7}.chat-app #refreshBtn{width:32px;background:#e5ebee;color:#284653;font-size:17px}
.chat-app .search-row{padding:8px 10px 6px;background:#fff}.chat-app .search-row input{height:34px;border-radius:5px;padding:7px 10px;font-size:12px}
.chat-app .filter-panel{gap:6px;padding:0 10px 8px;border-color:#d8e0e4}.chat-app .filter-panel label{font-size:9px}.chat-app .filter-panel select{height:31px;margin-top:3px;border-radius:5px;padding:4px 7px;font-size:11px}
.chat-app .conv{min-height:58px;grid-template-columns:38px minmax(0,1fr) 43px;gap:9px;padding:8px 10px;border-color:#e3e8eb}
.chat-app .avatar{width:38px;height:38px;background:#e8edef;color:#3b5663;font-size:13px}.chat-app .channel-dot{min-width:20px;height:20px;font-size:7px}
.chat-app .conv-title{margin-bottom:3px;font-size:13px}.chat-app .conv-last{font-size:11px}.chat-app .conv-meta{font-size:9px}
.chat-app .conv:hover{background:#f0f4f5}.chat-app .conv.active{background:#e6f0f3}.chat-app .conv.active::before{width:3px;background:#187ca7}
.chat-app .conv.channel-whatsapp.active::before{background:#1aa56b}.chat-app .conv.channel-max.active::before{background:#6753c6}.chat-app .conv.channel-telegram.active::before{background:#268fd1}.chat-app .conv.channel-avito.active::before{background:#e44486}
.chat-app .conv.needs-reply{background:#fff6f2}.chat-app .conv.needs-reply.active{background:#e6f0f3}.chat-app .unread{background:#e2543d}
.chat-app .main{background:#e9eef0}.chat-app .chat-header{min-height:58px;padding:8px 13px;border-color:#ccd7dc;background:#fff}
.chat-app .header-channel{width:34px;height:34px;flex-basis:34px;border-radius:6px}.chat-app .chat-title{font-size:15px}.chat-app .chat-sub{margin-top:2px;font-size:10px}
.chat-app .chat-actions .ghost{border-radius:5px;padding:6px 8px;font-size:10px}.chat-app .pill{border-radius:5px;padding:6px 8px;font-size:9px}
.mobile-back-btn{display:none;width:34px;height:34px;flex:0 0 34px;border:0;border-radius:5px;background:#e8eef1;color:#214554;font-size:20px}
.chat-app .messages{padding:14px 18px;background:#e9eef0;scrollbar-color:#aebbc1 transparent;scrollbar-width:thin;overflow-anchor:auto}
.chat-app .day-sep{margin:3px auto 10px;padding:3px 8px;border-radius:4px;background:#d8e1e5;font-size:9px}
.chat-app .msg-row{margin:4px 0}.chat-app .bubble{max-width:min(640px,74%);padding:8px 10px;border-radius:6px;font-size:13px;box-shadow:none}.chat-app .msg-meta{margin-top:3px;font-size:9px}
.chat-app .attachment{margin-top:6px;padding:6px;border-radius:5px}.chat-app .attachment img,.chat-app .attachment video{border-radius:4px}
.chat-app .composer{height:58px;flex-basis:58px;gap:6px;padding:8px 10px;border-color:#ccd7dc}.chat-app #messageInput{height:38px;border-radius:5px;padding:9px 11px;font-size:13px}.chat-app #messageInput:focus{border-color:#2b91bb;box-shadow:0 0 0 2px rgba(43,145,187,.13)}
.chat-app #attachBtn,.chat-app .record-btn{width:36px;height:36px;border-radius:5px}.chat-app .template-btn,.chat-app .send-btn{height:36px;border-radius:5px}.chat-app .send-btn{background:#187ca7}
.details-header{min-height:58px;padding:12px 14px;border-color:#ccd7dc}.details-header-copy{display:grid;min-width:0;gap:2px}.details-header-copy b{font-size:13px;white-space:normal;overflow-wrap:anywhere}.details-header-copy span{font-size:10px}.details-header-actions{display:flex;align-items:center;gap:6px;flex:0 0 auto}.details-compact-toggle{display:inline-flex;width:30px;height:30px;align-items:center;justify-content:center;border:1px solid #ccd7dc;border-radius:5px;background:#f2f6f4;color:#315f50;font-size:22px;line-height:1;cursor:pointer}.details-compact-toggle:hover{background:#e5efe9}
.chat-app .details .card{padding:12px 12px;border-color:#dce3e6}.chat-app .details .card h3{margin-bottom:9px;font-size:12px;text-transform:uppercase;color:#516670}.chat-app .details .kv{grid-template-columns:82px minmax(0,1fr);gap:7px;margin:6px 0;font-size:11px}.chat-app .details .v{min-width:0;white-space:normal;overflow-wrap:anywhere;word-break:normal}.chat-app .details .link-btn{display:flex;width:100%;max-width:100%;min-width:0;box-sizing:border-box;align-items:center;justify-content:center;border-radius:5px;padding:8px 7px;font-size:10.5px;line-height:1.2;text-align:center;white-space:normal;overflow-wrap:anywhere}.chat-app .details .form-actions.compact button{min-width:0;max-width:100%;flex:1 1 86px;padding:7px 6px;font-size:10px;line-height:1.15;white-space:normal}.chat-app .details .mini-input{border-radius:5px;padding:7px;font-size:11px}
.details-compact-links{display:none;flex-direction:column;gap:7px;padding:10px 7px}.details-rail-link{display:flex;width:100%;min-height:38px;box-sizing:border-box;align-items:center;justify-content:center;border:1px solid #d4e1da;border-radius:5px;background:#f3f8f5;color:#315f50;padding:5px 3px;text-align:center;text-decoration:none;font:inherit;font-size:9px;font-weight:900;line-height:1.1;overflow-wrap:anywhere;cursor:pointer}.details-rail-link:hover{background:#e6f1eb}.details-rail-empty{display:grid;place-items:center;min-height:38px;color:#8a9891;font-weight:800}
.chat-app.details-compact{grid-template-columns:336px minmax(420px,1fr) 82px}.chat-app.details-compact .details-header{padding:10px 7px;justify-content:center}.chat-app.details-compact .details-header-copy{display:none}.chat-app.details-compact .details-header-actions{width:100%;justify-content:center}.chat-app.details-compact .details-compact-links{display:flex}.chat-app.details-compact .details>:not(.details-header):not(.details-compact-links){display:none!important}
.history-loader{margin-bottom:9px;border-radius:5px;padding:6px 9px;font-size:10px}.history-start{margin-bottom:9px;font-size:9px}
.conversations::-webkit-scrollbar,.messages::-webkit-scrollbar,.details::-webkit-scrollbar{width:8px}.conversations::-webkit-scrollbar-thumb,.messages::-webkit-scrollbar-thumb,.details::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:8px;background:#aebbc1;background-clip:padding-box}
@media(min-width:721px) and (max-width:1180px){.chat-app{grid-template-columns:minmax(210px,28vw) minmax(260px,1fr) minmax(220px,24vw)}.chat-app.details-compact{grid-template-columns:minmax(210px,28vw) minmax(260px,1fr) 82px}.chat-app .details{display:flex}}
@media(max-width:720px){
  .topnav{height:48px;padding:0 7px;gap:4px}.top-brand{min-width:0;margin-right:0}.top-brand img{width:28px;height:28px;flex-basis:28px}.top-brand span{display:none}.top-brand b{font-size:12px;white-space:nowrap}.top-brand>div{max-width:92px}
  .topnav .navlink{display:flex;height:30px;padding:0 7px;font-size:10px}.topnav .user-chip{display:flex;min-width:0;max-width:62px;padding:5px 6px;overflow:hidden}.topnav .user-chip-full{display:none}.topnav .user-chip-mobile{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topnav .install-app-btn{display:flex;width:32px;padding:0;justify-content:center;font-size:0}.topnav .install-app-btn::before{content:'\2193';font-size:14px}.topnav .install-app-btn.hidden{display:none}
  .chat-app{height:calc(100dvh - 48px);grid-template-columns:minmax(0,1fr)}.details-compact-toggle{display:none}
  .chat-app .sidebar{display:flex}.chat-app .main{display:none}.chat-app.mobile-chat-open .sidebar{display:none}.chat-app.mobile-chat-open .main{display:flex}.chat-app .details{display:none}
  .chat-app .chat-header{padding:7px 8px;gap:7px}.mobile-back-btn{display:block}.chat-app .chat-identity{gap:7px;flex:1}.chat-app .chat-sub{max-width:58vw}.chat-app .chat-actions .ghost{max-width:92px;white-space:normal;line-height:1.1}.chat-app .chat-actions .pill{display:none}
  .chat-app .messages{padding:10px 8px}.chat-app .bubble{max-width:88%}.chat-app .composer{padding:7px 8px}.chat-app .file-name{max-width:88px}.chat-app .send-btn{padding:0 9px}
}

/* v0.8.12.0: restrained Voicebot-style administration */
body.admin-body{background:#f2f5f3;color:#17251e}
.admin-body .topnav{background:#14271e;border-bottom:1px solid #2d4137}
.admin-body .topnav .navlink{color:#c9d7cf}
.admin-body .topnav .navlink.active,.admin-body .topnav .navlink:hover{background:#355044;color:#fff}
.admin-body .topnav .user-chip{border-color:#425d50;background:#203b2f;color:#e7eee9}
.admin-body .topnav .ghost{border-color:#496457;color:#e7eee9}
.admin-body .topnav .ghost:hover{background:#2b4739}
.admin-body .topnav .install-app-btn{border-color:#5c9b76;background:#286c48}
.admin-body .admin-layout{grid-template-columns:260px minmax(0,1fr);background:#f2f5f3}
.admin-body .admin-menu{padding:18px;background:#172a20;border:0;gap:5px}
.admin-menu-brand{display:flex;align-items:center;gap:11px;min-height:70px;margin:0 0 10px;padding:0 10px 17px;border-bottom:1px solid #34483d;color:#fff}
.admin-brand-mark{width:40px;height:40px;display:grid;place-items:center;flex:0 0 40px;border-radius:6px;background:#83ddb0;color:#113523;font-size:14px;font-weight:900}
.admin-menu-brand div{display:grid;gap:2px}.admin-menu-brand b{font-size:15px}.admin-menu-brand small{color:#aac0b4;font-size:11px}
.admin-body .admin-tab{min-height:46px;padding:0 14px;border-radius:6px;background:transparent;color:#c4d3ca;font-size:14px;font-weight:700}
.admin-body .admin-tab:hover{background:#233b2f;color:#fff}
.admin-body .admin-tab.active{background:#385246;color:#fff}
.admin-body .admin-content{padding:28px 32px;background:#f2f5f3}
.admin-body .admin-content h1{margin:0;font-size:29px;line-height:1.2;color:#14241c}
.admin-body .admin-content h2{font-size:20px}.admin-body .admin-content h3{font-size:15px}
.admin-body .admin-head{min-height:52px;margin-bottom:20px;padding-bottom:18px;border-bottom:1px solid #d4ddd7}
.admin-body .primary,.admin-body .send-btn{min-height:40px;border-radius:6px;background:#23784a;color:#fff;font-weight:800}
.admin-body .primary:hover,.admin-body .send-btn:hover{background:#1b643d}
.admin-body .ghost{min-height:38px;border-color:#becbc3;border-radius:6px;background:#fff;color:#30473a;font-weight:700}
.admin-body .ghost:hover{border-color:#8fa598;background:#f5f8f6}
.admin-body .danger{min-height:38px;border:1px solid #e3b9b5;border-radius:6px;background:#fff;color:#a33129;font-weight:800}
.admin-body .danger:hover{border-color:#cc817a;background:#fff3f2}
.admin-body button.small{min-height:32px;padding:6px 10px}
.admin-body button:disabled{opacity:.48;cursor:not-allowed}
.admin-body .admin-card,.admin-body .metric,.admin-body .table,.admin-body .modal-lite,.admin-body .channels-list,.admin-body .channel-detail-card{border-color:#ced8d1;border-radius:7px;box-shadow:none}
.admin-body .metric{padding:16px 18px}.admin-body .metric b{font-size:23px;color:#1e5137}.admin-body .metric span{font-size:12px}
.admin-body .table{background:#fff}.admin-body .tr{min-height:58px;padding:12px 15px;border-color:#e0e6e2}
.admin-body .tr:hover{background:#f7faf8}
.admin-body .badge,.admin-body .status{border-radius:5px}
.admin-body .form-grid label{color:#354b3f;font-size:13px}
.admin-body .form-grid input,.admin-body .form-grid select,.admin-body .channels-toolbar input,.admin-body .channels-toolbar select,.admin-body .vpn-import input,.admin-body .vpn-import select,.admin-body .vpn-import textarea{border-color:#becbc3;border-radius:6px}
.admin-body input:focus,.admin-body select:focus,.admin-body textarea:focus{border-color:#4b9470;box-shadow:0 0 0 2px rgba(45,123,79,.12);outline:0}
.admin-body .access-item{border-color:#d3ddd6;border-radius:6px;background:#fafcfb}
.admin-body .all-channels-access{display:flex;align-items:flex-start;gap:10px;margin:0 0 12px;padding:13px 14px;border:1px solid #9fc3ae;border-radius:6px;background:#edf7f1;color:#173f2a;cursor:pointer}
.admin-body .all-channels-access input{width:18px;height:18px;margin:1px 0 0;accent-color:#23784a}
.admin-body .all-channels-access span{display:grid;gap:3px}.admin-body .all-channels-access small{color:#5a7164;font-weight:500}
.admin-body .user-access-summary{color:#2e7450!important;font-weight:700}
.admin-body .channel-employee-access{margin-top:16px;padding:15px;border:1px solid #ced8d1;border-radius:7px;background:#f8faf9}
.admin-body .channel-access-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:10px}.admin-body .channel-access-heading h3{margin:0 0 4px}.admin-body .channel-access-heading small,.admin-body .channel-access-heading>span{color:#617368;font-size:12px}
.admin-body .channel-employee-access-list{display:grid;gap:7px}.admin-body .channel-employee-access-row{display:grid;grid-template-columns:minmax(180px,1fr) auto auto;align-items:center;gap:14px;padding:9px 11px;border:1px solid #d8e1db;border-radius:5px;background:#fff}
.admin-body .channel-employee-access-row>span{display:grid;gap:2px}.admin-body .channel-employee-access-row small{color:#6b7c72;font-size:11px}.admin-body .channel-employee-access-row>label{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:700}.admin-body .channel-employee-access-row input{accent-color:#23784a}
.admin-body .channel-row{transition:none}.admin-body .channel-row:hover,.admin-body .channel-row.active{background:#eef6f1}
.admin-body .user-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}
.admin-body .admin-user-table .tr{grid-template-columns:minmax(230px,1.6fr) 100px 120px auto}
@media(max-width:1100px){
  .admin-body .admin-layout{grid-template-columns:210px minmax(0,1fr)}
  .admin-body .admin-content{padding:22px}
  .admin-body .admin-menu{flex-direction:column;overflow:auto}
}
@media(max-width:760px){
  .admin-body .admin-layout{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}
  .admin-body .admin-menu{min-height:54px;flex-direction:row;align-items:center;padding:8px;overflow:auto}
  .admin-body .admin-menu-brand{display:none}
  .admin-body .admin-tab{min-width:max-content;min-height:38px;align-self:center;padding:0 10px}
  .admin-body .admin-content{padding:16px 12px}
  .admin-body .admin-content h1{font-size:23px}
  .admin-body .admin-user-table .tr{grid-template-columns:minmax(0,1fr) auto}
  .admin-body .admin-user-table .tr>.badge,.admin-body .admin-user-table .tr>.status{display:none}
  .admin-body .user-actions{grid-column:2}
  .admin-body .channel-access-heading{display:grid}.admin-body .channel-employee-access-row{grid-template-columns:minmax(0,1fr) auto}.admin-body .channel-employee-access-row>label:last-child{grid-column:2}
}

/* Channel identity, related chats and full-history search. */
.channel-brand-icon{display:block;width:100%;height:100%;object-fit:contain}.channel-brand-fallback{display:flex;width:100%;height:100%;align-items:center;justify-content:center}.chat-app .channel-dot{padding:1px;background:#fff!important}.chat-app .channel-dot .channel-brand-icon{width:17px;height:17px}.chat-app .header-channel{padding:4px;background:#fff!important;border:1px solid #dce5ea}.chat-app .header-channel .channel-brand-icon{width:25px;height:25px}.channel-row-icon .channel-brand-icon{width:28px;height:28px}.admin-channel-brand{display:inline-block!important;width:24px!important;height:24px!important;vertical-align:middle;margin-right:4px}
.chat-app .conv-last{display:flex;align-items:center;gap:5px;min-width:0}.chat-app .conv-account-name{flex:0 1 auto;max-width:48%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#55717e;font-size:9px;font-weight:400;line-height:1.2}.chat-app .conv-account-name::after{content:' ·';color:#98a6af}.chat-app .conv-preview{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-app .conv-meta{display:flex;min-height:42px;flex-direction:column;align-items:flex-end}.conv-related-toggle{width:22px;height:18px;margin-top:auto;border:0;background:transparent;color:#6f7e88;font-size:17px;line-height:16px;cursor:pointer;padding:0}.conv-related-toggle:hover{color:#0f7550}
.pinned-conversations-heading{position:sticky;top:0;z-index:3;display:flex;align-items:center;justify-content:space-between;min-height:28px;padding:5px 11px;border-bottom:1px solid var(--theme-border,#e3e8eb);background:var(--theme-panel,#fff);color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase}.chat-app .conv.pinned{box-shadow:inset 3px 0 0 var(--theme-accent,#187ca7)}.conv-meta-actions{display:flex;align-items:center;justify-content:flex-end;gap:1px;margin-top:auto}.conv-pin-toggle,.conv-pin-move{width:18px;height:18px;border:0;background:transparent;color:#89939a;font-family:"Segoe UI Symbol",Arial,sans-serif;font-size:13px;line-height:18px;cursor:pointer;padding:0}.conv-pin-toggle.active{color:#d84a4a}.conv-pin-toggle:hover,.conv-pin-move:hover{color:#5f6b72}.conv-pin-toggle.active:hover{color:#bd3333}.conv-pin-move:disabled{opacity:.25;cursor:default}.chat-pin-toggle{color:#89939a!important;font-family:"Segoe UI Symbol",Arial,sans-serif}.chat-pin-toggle.active{border-color:#e1a3a3!important;background:#fff0f0!important;color:#d84a4a!important}
.related-chats{border-bottom:1px solid #dfe6e9;background:#f6f9fa;padding:6px 8px 8px 54px}.related-title{padding:3px 6px 6px;color:#71808a;font-size:10px;font-weight:800;text-transform:uppercase}.related-loading{padding:8px;color:#71808a;font-size:12px}.related-chat{width:100%;min-height:42px;display:grid;grid-template-columns:26px minmax(0,1fr) auto auto;align-items:center;gap:8px;border:0;border-top:1px solid #e3eaed;background:transparent;padding:6px;text-align:left;cursor:pointer;color:#172534}.related-chat:hover,.related-chat.active{background:#e7f1ee}.related-channel-icon{width:22px;height:22px;display:flex;align-items:center;justify-content:center}.related-chat b,.related-chat small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.related-chat b{font-size:12px}.related-chat small{margin-top:2px;color:#72808a;font-size:10px}.related-chat time{color:#72808a;font-size:10px}.related-chat em{min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#df5848;color:#fff;font-size:9px;font-style:normal;font-weight:800}
.avatar-fallback{position:relative;z-index:0}.avatar-image{position:absolute;inset:0;z-index:1;width:100%;height:100%;border-radius:50%;object-fit:cover;background:#e8edef}.avatar-image[hidden]{display:none}.chat-app .channel-dot{z-index:2}.header-conversation-avatar{width:34px!important;height:34px!important;flex:0 0 34px;border-radius:50%!important}.header-conversation-avatar .channel-dot{right:-5px!important;bottom:-5px!important;min-width:18px!important;width:18px;height:18px!important;padding:1px!important}.header-conversation-avatar .channel-dot .channel-brand-icon{width:14px!important;height:14px!important}.related-chat .related-avatar{width:26px;height:26px;font-size:9px}.related-chat .related-avatar .channel-dot{right:-4px;bottom:-3px;min-width:15px;height:15px;padding:1px}.related-chat .related-avatar .channel-dot .channel-brand-icon{width:11px;height:11px}
.chat-search-toggle{width:34px;height:34px;padding:0!important;font-size:23px;line-height:1}.chat-search-panel{position:relative;z-index:8;border-bottom:1px solid #d8e1e5;background:#f7f9fa;padding:8px 12px}.chat-search-controls{display:grid;grid-template-columns:minmax(0,1fr) auto 30px;gap:8px;align-items:center}.chat-search-controls input{width:100%;height:36px;border:1px solid #bdcbd2;background:#fff;padding:8px 10px;font:inherit;outline:none}.chat-search-controls input:focus{border-color:#23805c;box-shadow:0 0 0 2px rgba(35,128,92,.12)}#chatSearchCount{color:#657781;font-size:11px;white-space:nowrap}.chat-search-results{max-height:230px;overflow:auto;margin-top:6px}.chat-search-result{width:100%;display:grid;grid-template-columns:150px minmax(0,1fr);gap:10px;border:0;border-top:1px solid #e0e7ea;background:#fff;padding:8px 10px;text-align:left;cursor:pointer}.chat-search-result:hover{background:#edf5f1}.chat-search-result span{color:#71808a;font-size:10px}.chat-search-result b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.chat-search-empty{padding:10px;color:#71808a;font-size:12px}.chat-search-empty.error{color:#a2382e}.history-loader.latest{margin-top:14px}.msg-row.search-hit .bubble{outline:3px solid rgba(35,128,92,.42);background:#e5f7ec;transition:outline-color .2s ease}
@media(max-width:820px){.related-chats{padding-left:44px}.chat-search-result{grid-template-columns:100px minmax(0,1fr)}.chat-search-controls{grid-template-columns:minmax(0,1fr) 28px}#chatSearchCount{display:none}}

/* v0.8.18.0: installable mobile workspace and notification controls */
.push-notifications-btn.active{border-color:#76c69a!important;background:#246d4b!important;color:#fff!important}
.push-notifications-btn{position:relative}.push-notifications-btn:not(.active):not(.hidden)::after{content:'';position:absolute;top:4px;right:4px;width:7px;height:7px;border:2px solid #17384a;border-radius:50%;background:#ffbf3f}
.pwa-guide-modal{position:fixed;inset:0;z-index:9000;display:grid;place-items:center;padding:20px;background:rgba(12,28,37,.55)}
.pwa-guide-card{position:relative;width:min(430px,100%);border:1px solid #d4ddd8;border-radius:8px;background:#fff;padding:26px;box-shadow:0 24px 70px rgba(9,31,22,.28)}
.pwa-guide-card h2{margin:8px 0 18px;color:#173128;font-size:23px}.pwa-guide-icon img{width:54px;height:54px;border-radius:8px}
.pwa-guide-close,.mobile-details-close{display:none;border:0;background:#e9efec;color:#28483a;align-items:center;justify-content:center;font-weight:900}
.pwa-guide-close{position:absolute;right:12px;top:12px;display:flex;width:36px;height:36px;border-radius:50%;font-size:22px}
.pwa-apk-download{display:block;text-align:center;text-decoration:none}.install-steps.compact{margin-top:14px}
.install-steps{display:grid;gap:10px}.install-steps>div{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:10px;color:#40574c;line-height:1.35}
.install-steps b{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#e8f5ed;color:#17613d}
.mobile-details-btn{display:none}
.chat-app .messages{overscroll-behavior:contain}.chat-app .sidebar,.chat-app .details{overscroll-behavior:contain}

@media(max-width:720px){
  .mobile-details-btn:not(.hidden){display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0!important;font-size:17px}
  .chat-app.mobile-details-open .details{position:fixed;z-index:1200;top:50px;right:0;bottom:0;display:flex;width:min(390px,100vw);box-shadow:-16px 0 42px rgba(17,42,32,.22)}
  .chat-app.mobile-details-open .mobile-details-close{display:inline-flex;width:32px;height:32px;flex:0 0 32px;border-radius:5px;font-size:20px}
}

@media(max-width:720px){
  html,body,#app{height:var(--pmh-viewport-height,100dvh);max-height:var(--pmh-viewport-height,100dvh);overflow:hidden}
  .topnav{height:calc(48px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);padding-right:max(7px,env(safe-area-inset-right));padding-left:max(7px,env(safe-area-inset-left))}
  .topnav .push-notifications-btn{display:flex;width:32px;padding:0!important;justify-content:center}.topnav .push-notifications-btn.hidden{display:none}.topnav .push-label{display:none}
  .chat-app{height:calc(var(--pmh-viewport-height,100dvh) - 48px - env(safe-area-inset-top))}
  .chat-app.mobile-details-open .details{top:calc(48px + env(safe-area-inset-top));width:100vw;padding-right:env(safe-area-inset-right);padding-left:env(safe-area-inset-left)}
  .chat-app .composer{height:calc(58px + env(safe-area-inset-bottom));flex-basis:calc(58px + env(safe-area-inset-bottom));padding-right:max(8px,env(safe-area-inset-right));padding-bottom:calc(7px + env(safe-area-inset-bottom));padding-left:max(8px,env(safe-area-inset-left))}
  .chat-app .messages{padding-right:max(8px,env(safe-area-inset-right));padding-left:max(8px,env(safe-area-inset-left))}
  .login-page{min-height:100dvh;padding:calc(18px + env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) calc(18px + env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left))}
  .login-card{border-radius:8px;padding:22px}.login-logo{font-size:25px}
  .pwa-guide-modal{padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}
}

/* v0.8.18.1: keep the mobile send action visible with attachments and voice notes */
.send-icon{display:none}
.template-icon{display:none}
@media(max-width:720px){
  .chat-app .composer{
    display:grid;
    grid-template-columns:36px 36px minmax(0,1fr) 40px 36px;
    grid-template-rows:36px;
    gap:6px;
    min-width:0;
  }
  .chat-app .composer.has-attachment{
    height:calc(90px + env(safe-area-inset-bottom));
    flex-basis:calc(90px + env(safe-area-inset-bottom));
    grid-template-rows:36px 28px;
  }
  .chat-app #attachBtn{grid-column:1;grid-row:1}
  .chat-app .template-btn{grid-column:2;grid-row:1;display:inline-flex;width:36px;height:36px;align-items:center;justify-content:center;padding:0;border-radius:50%;font-size:18px}
  .chat-app .template-label{display:none}
  .chat-app .template-icon{display:inline-flex;line-height:1}
  .chat-app #messageInput{grid-column:3;grid-row:1;width:100%;min-width:0}
  .chat-app #messageInput{font-size:16px}
  .chat-app .send-btn{
    grid-column:4;
    grid-row:1;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:40px;
    min-width:40px;
    padding:0;
  }
  .chat-app #recordBtn{grid-column:5;grid-row:1}
  .chat-app .send-label{display:none}
  .chat-app .send-icon{display:inline-flex;font-size:20px;line-height:1}
  .chat-app .file-name:empty{display:none}
  .chat-app .file-name:not(:empty){
    grid-column:1/5;
    grid-row:2;
    width:100%;
    max-width:none;
    height:28px;
    padding:5px 8px;
  }
  .chat-app .remove-attach{grid-column:5;grid-row:2;justify-self:center}
}

/* v0.8.21.2: keep the voice recorder on the right like familiar messengers */

/* v0.8.21.3: in-chat no-reply action */
.reply-actions{min-height:48px;flex:0 0 auto;display:flex;align-items:center;padding:7px 18px;border-top:1px solid #eadfd9;background:#fff8f4}
.ignore-reply-btn{min-height:34px;display:inline-flex;align-items:center;gap:7px;border:1px solid #d68c75;border-radius:999px;background:#fffdfb;color:#a9553f;padding:5px 7px 5px 13px;font:inherit;font-size:12px;font-weight:800}
.ignore-reply-btn:hover{border-color:#bd705b;background:#fff0e9;color:#8d4432}
.ignore-reply-count{min-width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#d75d67;color:#fff;font-size:11px;font-weight:900;padding:0 5px}
@media(max-width:720px){
  .reply-actions{min-height:46px;padding:6px max(8px,env(safe-area-inset-right)) 6px max(8px,env(safe-area-inset-left))}
  .ignore-reply-btn{min-height:34px;font-size:12px}
}

.audio-download{display:inline-block;margin-top:6px;color:#426a59;font-size:11px;font-weight:600;text-decoration:none}

/* v0.8.21.1: peach and sage operator palette */
:root{
  --bg:#f7f2ef;
  --panel:#fffdfb;
  --border:#e7dbd5;
  --text:#302b29;
  --muted:#877770;
  --accent:#315f50;
  --green:#3d9b6c;
  --red:#d75d67;
  --orange:#d6965d;
  --bubble-in:#fffdfb;
  --bubble-out:#e6f2eb;
  --shadow:0 10px 26px rgba(76,54,46,.08);
}
.login-body{background:#f7f2ef}
.login-card{border-color:#e3d6d0;background:#fffdfb;box-shadow:0 16px 44px rgba(76,54,46,.11)}
.login-card label{color:#685a55}.login-card input{border-color:#dfd1ca;background:#fff}
.login-card input:focus{border-color:#6c9788;box-shadow:0 0 0 2px rgba(49,95,80,.13)}
body:not(.admin-body):not(.login-body){background:#f4eeea;color:#302b29}
body:not(.admin-body) .topnav{border-bottom:1px solid #e5d8d2;background:#fffdfb;color:#302b29}
body:not(.admin-body) .top-brand b{color:#315f50}
body:not(.admin-body) .top-brand span{color:#8a7972}
body:not(.admin-body) .navlink{color:#665750}
body:not(.admin-body) .navlink.active,body:not(.admin-body) .navlink:hover{background:#315f50;color:#fff}
body:not(.admin-body) .user-chip{border-color:#d9cbc4;background:#f8efeb;color:#5f514b}
body:not(.admin-body) .topnav .ghost{border-color:#d5c5bd;background:#fff;color:#5e504a}
body:not(.admin-body) .topnav .ghost:hover{border-color:#bca89f;background:#faefea}
body:not(.admin-body) .topnav .install-app-btn{border-color:#315f50;background:#315f50;color:#fff}
body:not(.admin-body) .topnav .install-app-btn:hover{background:#274d41}
body:not(.admin-body) .push-notifications-btn:not(.active):not(.hidden)::after{border-color:#fffdfb}
.chat-app{border-color:#e5d8d2;background:#fffdfb}
.chat-app .sidebar{border-color:#e5d8d2;background:#fffdfb}
.chat-app .details{border-color:#e5d8d2;background:#fffaf7}
.chat-app .brand-panel{border-color:#e5d8d2;background:#fffaf7}
.chat-app .brand-title{color:#315f50}.chat-app .brand-subtitle{color:#8a7972}
.chat-app #newChatBtn{background:#315f50}.chat-app #newChatBtn:hover{background:#274d41}
.chat-app #refreshBtn{background:#f3e2da;color:#80594e}
.chat-app .search-row,.chat-app .filter-panel{background:#fffdfb}
.chat-app .search-row input,.chat-app .filter-panel select{border-color:#e1d3cc;background:#fff;color:#302b29}
.chat-app .search-row input:focus,.chat-app .filter-panel select:focus{border-color:#7da292;box-shadow:0 0 0 2px rgba(49,95,80,.11)}
.chat-app .filter-panel label{color:#8a7972}
.chat-app .conversations{background:#fffdfb;scrollbar-color:#cbbab2 transparent}
.chat-app .conv{border-color:#eee4df;background:#fffdfb}
.chat-app .conv:hover{background:#fff4ef}
.chat-app .conv.active{background:#ffede5}
.chat-app .conv.active::before,.chat-app .conv.channel-whatsapp.active::before,.chat-app .conv.channel-max.active::before,.chat-app .conv.channel-telegram.active::before,.chat-app .conv.channel-avito.active::before{background:#d68c75}
.chat-app .conv.needs-reply{background:#fff7f3}.chat-app .conv.needs-reply.active{background:#ffede5}
.chat-app .avatar{background:#e8eeeb;color:#315f50}
.chat-app .avatar-image{background:#e8eeeb}
.chat-app .conv-title{color:#302b29}.chat-app .conv-last{color:#7f706a}
.chat-app .conv-account-name{color:#6f877d}.chat-app .conv-account-name::after{color:#b5a49c}
.chat-app .conv-meta{color:#9a8881}.chat-app .unread{background:#d75d67}
.chat-app .main{background:#fff8f4}
.chat-app .chat-header{border-color:#e5d8d2;background:#fffdfb}
.chat-app .chat-title{color:#302b29}.chat-app .chat-sub{color:#8a7972}
.mobile-back-btn{background:#f3e2da;color:#765248}
.chat-app .chat-actions .ghost{border-color:#d8c9c2;background:#fff;color:#62534d}
.chat-app .pill{border-color:#ead0ab;background:#fff6df;color:#8b5c18}
.chat-app .pill.has-deal{border-color:#c6ddd1;background:#f1f8f4;color:#315f50}
.chat-app .messages{background:#fff8f4;scrollbar-color:#cbbab2 transparent}
.chat-app .day-sep{background:#f4e2db;color:#8f7770}
.chat-app .bubble{border-color:#ecded8;background:#fff;box-shadow:0 2px 5px rgba(80,53,46,.05)}
.chat-app .outgoing .bubble{border-color:#cfe2d8;background:#e6f2eb}
.chat-app .operator-name{color:#315f50}.chat-app .sender-name{color:#a76652}
.chat-app .msg-meta{color:#94837c}
.chat-app .attachment{background:rgba(49,95,80,.055)}
.chat-app .voice-note-msg .msg-text,.chat-app .media-caption,.chat-app .attachment a{color:#315f50}
.chat-app .composer{border-color:#e5d8d2;background:#fffdfb}
.chat-app #messageInput{border-color:#dfd1ca;background:#fff;color:#302b29}
.chat-app #messageInput:focus{border-color:#6c9788;box-shadow:0 0 0 2px rgba(49,95,80,.13)}
.chat-app #attachBtn,.chat-app .record-btn{background:#f3e2da;color:#80594e}
.chat-app .template-btn{border-color:#d3dfd8;background:#f3f8f5;color:#315f50}
.chat-app .send-btn{background:#315f50}.chat-app .send-btn:hover{background:#274d41}
.chat-app .file-name:not(:empty){border-color:#d5e2db;background:#f1f8f4;color:#315f50}
.details-header{border-color:#e5d8d2;background:#fffdfb}.details-header b{color:#315f50}.details-header span{color:#8a7972}
.chat-app .details .card{border-color:#eadfd9;background:#fffdfb}
.chat-app .details .card h3{color:#6e5d56}
.chat-app .details .link-btn{border-color:#d4e1da;background:#f3f8f5;color:#315f50}
.chat-app .details .order-details{border-color:#eadfd9;background:#fff8f4}
.related-chats{border-color:#e8ddd7;background:#fff8f4}.related-chat{border-color:#eadfd9;color:#302b29}
.related-chat:hover,.related-chat.active{background:#eaf3ee}.related-title,.related-loading,.related-chat small,.related-chat time{color:#877770}
.chat-search-panel{border-color:#e5d8d2;background:#fffaf7}.chat-search-controls input{border-color:#dfd1ca;color:#302b29}
.chat-search-result{border-color:#e9ddd7;background:#fff}.chat-search-result:hover{background:#eff6f2}
.msg-row.search-hit .bubble{outline-color:rgba(49,95,80,.42);background:#edf7f1}
.history-loader{border-color:#d7c7bf;background:#fff;color:#5f514b}.history-loader:hover{border-color:#bca89f;background:#fff6f1}
.conversations::-webkit-scrollbar-thumb,.messages::-webkit-scrollbar-thumb,.details::-webkit-scrollbar-thumb{background:#cbbab2;background-clip:padding-box}
.pwa-guide-card{border-color:#dfd1ca;background:#fffdfb}.pwa-guide-card h2{color:#315f50}.pwa-guide-close{background:#f3e2da;color:#765248}
.admin-body .admin-layout,.admin-body .admin-content{background:#f7f2ef}
.admin-body .admin-card,.admin-body .metric,.admin-body .table,.admin-body .modal-lite,.admin-body .channels-list,.admin-body .channel-detail-card{border-color:#dfd4ce;background:#fffdfb}
.admin-body .admin-head{border-color:#ddd2cc}.admin-body .tr{border-color:#e8ded9}.admin-body .tr:hover{background:#faf5f2}
.admin-body .ghost{border-color:#d2c4bd;background:#fffdfb}.admin-body .ghost:hover{border-color:#9fb7ab;background:#f3f8f5}
.admin-body .access-item,.admin-body .channel-employee-access{border-color:#ddd2cc;background:#fffaf7}
@media(max-width:720px){
  body:not(.admin-body) .topnav{background:#fffdfb}
  .chat-app .chat-header{background:#fffdfb}
  .chat-app .messages{background:#fff8f4}
  .chat-app .composer{background:#fffdfb}
}

/* v0.8.22.0: per-employee messenger themes */
html[data-theme="peach"]{
  color-scheme:light;
  --bg:#f7f2ef;--panel:#fffdfb;--border:#e7dbd5;--text:#302b29;--muted:#877770;--accent:#315f50;
  --bubble-in:#fffdfb;--bubble-out:#e6f2eb;--shadow:0 10px 26px rgba(76,54,46,.08);
  --theme-page:#f4eeea;--theme-panel:#fffdfb;--theme-panel-soft:#fffaf7;--theme-chat:#fff8f4;
  --theme-border:#e5d8d2;--theme-input:#fff;--theme-control:#f3e2da;--theme-hover:#fff4ef;--theme-active:#ffede5;
  --theme-accent:#315f50;--theme-accent-hover:#274d41;--theme-accent-soft:#f1f8f4;--theme-link:#315f50;
  --theme-topbar:#fffdfb;--theme-topbar-text:#315f50;--theme-topbar-muted:#8a7972;--theme-nav:#665750;
  --theme-admin-topbar:#14271e;--theme-admin-nav:#172a20;--theme-admin-nav-active:#385246;--theme-admin-text:#e7eee9;
  --theme-incoming:#fff;--theme-outgoing:#e6f2eb;--theme-needs:#fff7f3;--theme-day:#f4e2db;--theme-scroll:#cbbab2;
}
html[data-theme="telegram"]{
  color-scheme:light;
  --bg:#e9eef2;--panel:#fff;--border:#d5dfe6;--text:#17212b;--muted:#708499;--accent:#3390ec;
  --bubble-in:#fff;--bubble-out:#e8ffd7;--shadow:0 8px 24px rgba(38,64,82,.08);
  --theme-page:#e9eef2;--theme-panel:#fff;--theme-panel-soft:#f5f8fa;--theme-chat:#dfe7ee;
  --theme-border:#d5dfe6;--theme-input:#fff;--theme-control:#e9f2f8;--theme-hover:#f0f6fa;--theme-active:#e4f2fc;
  --theme-accent:#3390ec;--theme-accent-hover:#2682dc;--theme-accent-soft:#eaf5fd;--theme-link:#168acd;
  --theme-topbar:#fff;--theme-topbar-text:#17212b;--theme-topbar-muted:#7b8c9d;--theme-nav:#506579;
  --theme-admin-topbar:#223b4d;--theme-admin-nav:#1f3545;--theme-admin-nav-active:#31536a;--theme-admin-text:#edf5fa;
  --theme-incoming:#fff;--theme-outgoing:#e8ffd7;--theme-needs:#fff5ef;--theme-day:#cbd9e2;--theme-scroll:#9fb2bf;
}
html[data-theme="whatsapp"]{
  color-scheme:light;
  --bg:#e7e1d8;--panel:#fff;--border:#d9dfdc;--text:#111b21;--muted:#667781;--accent:#008069;
  --bubble-in:#fff;--bubble-out:#d9fdd3;--shadow:0 8px 24px rgba(32,51,44,.08);
  --theme-page:#e7e1d8;--theme-panel:#fff;--theme-panel-soft:#f0f2f5;--theme-chat:#efeae2;
  --theme-border:#d8dedb;--theme-input:#fff;--theme-control:#e9edef;--theme-hover:#f5f6f6;--theme-active:#e9edef;
  --theme-accent:#008069;--theme-accent-hover:#006d5b;--theme-accent-soft:#e7f7f2;--theme-link:#008069;
  --theme-topbar:#075e54;--theme-topbar-text:#fff;--theme-topbar-muted:#d0e4df;--theme-nav:#dcece8;
  --theme-admin-topbar:#075e54;--theme-admin-nav:#064e46;--theme-admin-nav-active:#08786b;--theme-admin-text:#effbf8;
  --theme-incoming:#fff;--theme-outgoing:#d9fdd3;--theme-needs:#fff4ec;--theme-day:#d8ded9;--theme-scroll:#9eaaa5;
}
html[data-theme="dark"]{
  color-scheme:dark;
  --bg:#0b141a;--panel:#111b21;--border:#2a3942;--text:#e9edef;--muted:#8696a0;--accent:#00a884;
  --bubble-in:#202c33;--bubble-out:#005c4b;--shadow:0 10px 30px rgba(0,0,0,.28);
  --theme-page:#0b141a;--theme-panel:#111b21;--theme-panel-soft:#182229;--theme-chat:#0b141a;
  --theme-border:#2a3942;--theme-input:#202c33;--theme-control:#202c33;--theme-hover:#202c33;--theme-active:#2a3942;
  --theme-accent:#00a884;--theme-accent-hover:#06cf9c;--theme-accent-soft:#173a34;--theme-link:#53bdeb;
  --theme-topbar:#202c33;--theme-topbar-text:#e9edef;--theme-topbar-muted:#8696a0;--theme-nav:#c5d0d5;
  --theme-admin-topbar:#111b21;--theme-admin-nav:#111b21;--theme-admin-nav-active:#2a3942;--theme-admin-text:#e9edef;
  --theme-incoming:#202c33;--theme-outgoing:#005c4b;--theme-needs:#2c2220;--theme-day:#18272f;--theme-scroll:#40515b;
}

html[data-theme] body{background:var(--theme-page);color:var(--text)}
html[data-theme] .login-body{background:var(--theme-page)}
html[data-theme] .login-card{border-color:var(--theme-border);background:var(--theme-panel);box-shadow:var(--shadow)}
html[data-theme] .login-card label{color:var(--text)}
html[data-theme] .login-card input,html[data-theme] input,html[data-theme] select,html[data-theme] textarea{border-color:var(--theme-border);background:var(--theme-input);color:var(--text)}
html[data-theme] input::placeholder,html[data-theme] textarea::placeholder{color:var(--muted)}
html[data-theme] body:not(.admin-body) .topnav{border-color:var(--theme-border);background:var(--theme-topbar);color:var(--theme-topbar-text)}
html[data-theme] body:not(.admin-body) .top-brand b{color:var(--theme-topbar-text)}
html[data-theme] body:not(.admin-body) .top-brand span{color:var(--theme-topbar-muted)}
html[data-theme] body:not(.admin-body) .navlink{color:var(--theme-nav)}
html[data-theme] body:not(.admin-body) .navlink.active,html[data-theme] body:not(.admin-body) .navlink:hover{background:var(--theme-accent);color:#fff}
html[data-theme] body:not(.admin-body) .user-chip,html[data-theme] body:not(.admin-body) .topnav .ghost{border-color:var(--theme-border);background:var(--theme-control);color:var(--theme-topbar-text)}
html[data-theme] body:not(.admin-body) .topnav .ghost:hover{border-color:var(--theme-accent);background:var(--theme-active)}
html[data-theme] body:not(.admin-body) .topnav .install-app-btn{border-color:var(--theme-accent);background:var(--theme-accent);color:#fff}
html[data-theme] body:not(.admin-body) .topnav .install-app-btn:hover{background:var(--theme-accent-hover)}
html[data-theme] .chat-app,html[data-theme] .chat-app .sidebar{border-color:var(--theme-border);background:var(--theme-panel)}
html[data-theme] .chat-app .details,html[data-theme] .chat-app .brand-panel{border-color:var(--theme-border);background:var(--theme-panel-soft)}
html[data-theme] .chat-app .brand-title,html[data-theme] .details-header b{color:var(--theme-accent)}
html[data-theme] .chat-app .brand-subtitle,html[data-theme] .details-header span,html[data-theme] .chat-app .filter-panel label{color:var(--muted)}
html[data-theme] .chat-app #newChatBtn,html[data-theme] .chat-app .send-btn{background:var(--theme-accent);color:#fff}
html[data-theme] .chat-app #newChatBtn:hover,html[data-theme] .chat-app .send-btn:hover{background:var(--theme-accent-hover)}
html[data-theme] .chat-app #refreshBtn,html[data-theme] .chat-app #attachBtn,html[data-theme] .chat-app .record-btn,html[data-theme] .mobile-back-btn{background:var(--theme-control);color:var(--theme-accent)}
html[data-theme] .chat-app .search-row,html[data-theme] .chat-app .filter-panel,html[data-theme] .chat-app .conversations{background:var(--theme-panel)}
html[data-theme] .chat-app .search-row input,html[data-theme] .chat-app .filter-panel select{border-color:var(--theme-border);background:var(--theme-input);color:var(--text)}
html[data-theme] .chat-app .conv{border-color:var(--theme-border);background:var(--theme-panel);color:var(--text)}
html[data-theme] .chat-app .conv:hover{background:var(--theme-hover)}
html[data-theme] .chat-app .conv.active{background:var(--theme-active)}
html[data-theme] .chat-app .conv.active::before,html[data-theme] .chat-app .conv.channel-whatsapp.active::before,html[data-theme] .chat-app .conv.channel-max.active::before,html[data-theme] .chat-app .conv.channel-telegram.active::before,html[data-theme] .chat-app .conv.channel-avito.active::before{background:var(--theme-accent)}
html[data-theme] .chat-app .conv.needs-reply{background:var(--theme-needs)}
html[data-theme] .chat-app .conv.needs-reply.active{background:var(--theme-active)}
html[data-theme] .chat-app .avatar,html[data-theme] .chat-app .avatar-image{background:var(--theme-control);color:var(--theme-accent)}
html[data-theme] .chat-app .conv-title,html[data-theme] .chat-app .chat-title{color:var(--text)}
html[data-theme] .chat-app .conv-last,html[data-theme] .chat-app .conv-meta,html[data-theme] .chat-app .chat-sub,html[data-theme] .chat-app .conv-account-name{color:var(--muted)}
html[data-theme] .chat-app .main,html[data-theme] .chat-app .messages{background:var(--theme-chat)}
html[data-theme] .chat-app .chat-header,html[data-theme] .chat-app .composer,html[data-theme] .details-header{border-color:var(--theme-border);background:var(--theme-panel)}
html[data-theme] .chat-app .day-sep{background:var(--theme-day);color:var(--muted)}
html[data-theme] .chat-app .bubble{border-color:var(--theme-border);background:var(--theme-incoming);color:var(--text);box-shadow:var(--shadow)}
html[data-theme] .chat-app .outgoing .bubble{border-color:var(--theme-border);background:var(--theme-outgoing)}
html[data-theme] .chat-app .operator-name,html[data-theme] .chat-app .voice-note-msg .msg-text,html[data-theme] .chat-app .media-caption,html[data-theme] .chat-app .attachment a,html[data-theme] .audio-download{color:var(--theme-link)}
html[data-theme] .chat-app .msg-meta,html[data-theme] .chat-app .sender-name{color:var(--muted)}
html[data-theme] .chat-app .attachment{background:color-mix(in srgb,var(--theme-accent) 7%,transparent)}
html[data-theme] .chat-app #messageInput{border-color:var(--theme-border);background:var(--theme-input);color:var(--text)}
html[data-theme] .chat-app #messageInput:focus{border-color:var(--theme-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--theme-accent) 18%,transparent)}
html[data-theme] .chat-app .template-btn,html[data-theme] .chat-app .file-name:not(:empty),html[data-theme] .chat-app .details .link-btn{border-color:var(--theme-border);background:var(--theme-accent-soft);color:var(--theme-link)}
html[data-theme] .chat-app .details .card,html[data-theme] .chat-app .details .order-details{border-color:var(--theme-border);background:var(--theme-panel)}
html[data-theme] .chat-app .details .card h3{color:var(--muted)}
html[data-theme] .related-chats,html[data-theme] .chat-search-panel,html[data-theme] .reply-actions{border-color:var(--theme-border);background:var(--theme-panel-soft)}
html[data-theme] .related-chat,html[data-theme] .chat-search-result{border-color:var(--theme-border);background:var(--theme-panel);color:var(--text)}
html[data-theme] .related-chat:hover,html[data-theme] .related-chat.active,html[data-theme] .chat-search-result:hover{background:var(--theme-active)}
html[data-theme] .related-title,html[data-theme] .related-loading,html[data-theme] .related-chat small,html[data-theme] .related-chat time{color:var(--muted)}
html[data-theme] .history-loader{border-color:var(--theme-border);background:var(--theme-panel);color:var(--text)}
html[data-theme] .history-loader:hover{border-color:var(--theme-accent);background:var(--theme-hover)}
html[data-theme] .conversations,html[data-theme] .messages,html[data-theme] .details{scrollbar-color:var(--theme-scroll) transparent}
html[data-theme] .conversations::-webkit-scrollbar-thumb,html[data-theme] .messages::-webkit-scrollbar-thumb,html[data-theme] .details::-webkit-scrollbar-thumb{background:var(--theme-scroll);background-clip:padding-box}

/* v0.8.22.1: automatic CRM identity review for MAX and Telegram */
.identity-review-note{border-left:3px solid #d68c75!important;background:#fff5ef!important;color:var(--text)!important}
.identity-candidates{margin:0 0 12px}.identity-candidates-title{margin-bottom:6px;color:var(--text);font-size:12px;font-weight:800}
.identity-candidate{padding:10px 0;border-top:1px solid var(--theme-border,var(--border))}.identity-candidate:first-of-type{border-top:0}
.identity-candidate-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:8px}.identity-candidate-head b{min-width:0;font-size:12px;overflow-wrap:anywhere}.identity-candidate-head a,.identity-lead-links a{color:var(--theme-link,#1769aa);font-size:11px;font-weight:700;text-decoration:none}
.identity-candidate label{display:block;margin:7px 0;color:var(--muted);font-size:10px;font-weight:700}.identity-candidate select{display:block;width:100%;margin-top:4px;border:1px solid var(--theme-border,var(--border));border-radius:5px;background:var(--theme-input,#fff);color:var(--text);padding:7px;font:inherit;font-size:11px}
.identity-lead-links{display:grid;gap:5px;margin:7px 0}.identity-candidate-warning{margin:7px 0;color:#a9553f;font-size:11px;font-weight:700}.identity-bind-candidate{width:100%;margin-top:5px}
.identity-lead-links a{display:grid;gap:2px;border:1px solid var(--theme-border,var(--border));border-radius:6px;padding:8px;background:var(--theme-panel-soft,#f7f9fb)}.identity-lead-links a span,.identity-lead-links a small{color:var(--muted);font-weight:500}
.phone-bind-modal,.identity-review-modal{position:fixed;inset:0;z-index:6900;display:flex;align-items:flex-start;justify-content:center;box-sizing:border-box;overflow:auto;padding:clamp(28px,8vh,82px) 18px 24px;background:rgba(12,24,30,.52);backdrop-filter:blur(3px)}
.phone-bind-modal .crm-task-card{border-radius:8px;background:var(--theme-panel,#fff);color:var(--text)}.phone-bind-modal .crm-task-card h2{color:var(--text)}.phone-bind-modal .crm-task-card input{border-color:var(--theme-border,var(--border));border-radius:6px;background:var(--theme-input,#fff);color:var(--text)}
.identity-review-card{width:min(780px,100%);max-height:calc(100dvh - 70px);overflow:auto;border:1px solid var(--theme-border,var(--border));border-radius:8px;background:var(--theme-panel,#fff);color:var(--text);box-shadow:0 24px 70px rgba(0,0,0,.28)}
.identity-review-card header{position:sticky;top:0;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;border-bottom:1px solid var(--theme-border,var(--border));background:var(--theme-panel,#fff);padding:18px 20px}.identity-review-card h2{margin:0;font-size:20px}.identity-review-card header p{margin:5px 0 0;color:var(--muted);font-size:12px}.identity-review-close{width:34px;height:34px;flex:0 0 34px;border:0;border-radius:50%;background:var(--theme-control,#eef3f8);color:var(--text);font-size:25px;line-height:1}.identity-review-content{padding:10px 20px 20px}.identity-review-content .identity-candidate{padding:15px 0}.identity-review-content .identity-candidate-head b{font-size:15px}.identity-review-content .identity-candidate label{font-size:12px}.identity-review-content .identity-candidate select{font-size:13px;padding:10px}
.amocrm-conversation-picker{position:fixed;inset:0;z-index:6950;display:flex;align-items:flex-start;justify-content:center;box-sizing:border-box;overflow:auto;padding:clamp(28px,10vh,96px) 18px;background:rgba(12,24,30,.52);backdrop-filter:blur(3px)}
.amocrm-conversation-picker-card{width:min(560px,100%);overflow:hidden;border:1px solid var(--theme-border,var(--border));border-radius:8px;background:var(--theme-panel,#fff);color:var(--text);box-shadow:0 24px 70px rgba(0,0,0,.28)}
.amocrm-conversation-picker-card header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px;border-bottom:1px solid var(--theme-border,var(--border))}.amocrm-conversation-picker-card h2{margin:0;font-size:21px}.amocrm-conversation-picker-card header p{margin:5px 0 0;color:var(--muted);font-size:13px}.amocrm-conversation-picker-close{width:34px;height:34px;flex:0 0 34px;border:0;border-radius:50%;background:var(--theme-control,#eef3f8);color:var(--text);font-size:25px;line-height:1}.amocrm-conversation-options{display:grid;gap:8px;padding:14px}.amocrm-conversation-option{position:relative;display:grid;gap:4px;width:100%;min-height:62px;padding:12px 54px 12px 14px;border:1px solid var(--theme-border,var(--border));border-radius:7px;background:var(--theme-control,#f7fafc);color:var(--text);text-align:left}.amocrm-conversation-option:hover{border-color:var(--accent);background:var(--theme-panel,#fff)}.amocrm-conversation-option span:not(.amocrm-conversation-option-title){color:var(--muted);font-size:12px}.amocrm-conversation-option-title{font-size:15px;font-weight:800}.amocrm-conversation-option b{position:absolute;right:14px;top:50%;transform:translateY(-50%);min-width:24px;padding:4px 7px;border-radius:12px;background:#df5b58;color:#fff;text-align:center}.amocrm-conversation-empty{padding:24px 20px}.amocrm-conversation-empty p{margin:8px 0 0;color:var(--muted);line-height:1.5}.amocrm-conversation-picker-card footer{display:flex;justify-content:flex-end;padding:12px 14px;border-top:1px solid var(--theme-border,var(--border))}

html[data-theme] body.admin-body{background:var(--theme-page);color:var(--text)}
html[data-theme] .admin-body .topnav{border-color:var(--theme-border);background:var(--theme-admin-topbar);color:var(--theme-admin-text)}
html[data-theme] .admin-body .top-brand b,html[data-theme] .admin-body .topnav .ghost,html[data-theme] .admin-body .user-chip{color:var(--theme-admin-text)}
html[data-theme] .admin-body .top-brand span{color:var(--theme-topbar-muted)}
html[data-theme] .admin-body .navlink{color:var(--theme-admin-text)}
html[data-theme] .admin-body .navlink.active,html[data-theme] .admin-body .navlink:hover{background:var(--theme-admin-nav-active);color:#fff}
html[data-theme] .admin-body .user-chip,html[data-theme] .admin-body .topnav .ghost{border-color:var(--theme-border);background:var(--theme-admin-nav-active)}
html[data-theme] .admin-body .admin-layout,html[data-theme] .admin-body .admin-content{background:var(--theme-page);color:var(--text)}
html[data-theme] .admin-body .admin-menu{border-color:var(--theme-border);background:var(--theme-admin-nav)}
html[data-theme] .admin-body .admin-menu-brand{border-color:var(--theme-border);color:var(--theme-admin-text)}
html[data-theme] .admin-body .admin-tab{background:transparent;color:var(--theme-admin-text)}
html[data-theme] .admin-body .admin-tab:hover,html[data-theme] .admin-body .admin-tab.active{background:var(--theme-admin-nav-active);color:#fff}
html[data-theme] .admin-body .admin-content h1,html[data-theme] .admin-body .admin-content h2,html[data-theme] .admin-body .admin-content h3{color:var(--text)}
html[data-theme] .admin-body .admin-head,html[data-theme] .admin-body .tr{border-color:var(--theme-border)}
html[data-theme] .admin-body .admin-card,html[data-theme] .admin-body .metric,html[data-theme] .admin-body .table,html[data-theme] .admin-body .modal-lite,html[data-theme] .admin-body .channels-list,html[data-theme] .admin-body .channel-detail-card,html[data-theme] .admin-body .channel-employee-access,html[data-theme] .admin-body .access-item{border-color:var(--theme-border);background:var(--theme-panel);color:var(--text);box-shadow:var(--shadow)}
html[data-theme] .admin-body .tr:hover,html[data-theme] .admin-body .channel-row:hover,html[data-theme] .admin-body .channel-row.active{background:var(--theme-hover)}
html[data-theme] .admin-body .ghost{border-color:var(--theme-border);background:var(--theme-panel);color:var(--text)}
html[data-theme] .admin-body .ghost:hover{border-color:var(--theme-accent);background:var(--theme-hover)}
html[data-theme] .admin-body .primary{background:var(--theme-accent);color:#fff}
html[data-theme] .admin-body .primary:hover{background:var(--theme-accent-hover)}
html[data-theme] .admin-body .form-grid label,html[data-theme] .admin-body .k{color:var(--muted)}
html[data-theme] .admin-body .form-grid input,html[data-theme] .admin-body .form-grid select,html[data-theme] .admin-body .channels-toolbar input,html[data-theme] .admin-body .channels-toolbar select{border-color:var(--theme-border);background:var(--theme-input);color:var(--text)}

button.user-chip{font:inherit;cursor:pointer;white-space:nowrap}
.topnav .appearance-settings-btn{width:32px;min-width:32px;padding:0;display:grid;place-items:center;font-size:18px;line-height:1}
.appearance-modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:18px;background:rgba(12,24,30,.5);backdrop-filter:blur(3px)}
.appearance-card{width:min(560px,100%);max-height:min(720px,calc(100dvh - 36px));overflow:auto;border:1px solid var(--theme-border);border-radius:8px;background:var(--theme-panel);color:var(--text);box-shadow:0 24px 70px rgba(0,0,0,.25)}
.appearance-card header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:19px 20px 15px;border-bottom:1px solid var(--theme-border)}
.appearance-card h2{margin:0;font-size:20px}.appearance-card p{margin:4px 0 0;color:var(--muted);font-size:12px}
.settings-section-title{margin:16px 20px 0;font-size:13px;color:var(--text)}
.appearance-close{width:34px;height:34px;display:grid;place-items:center;flex:0 0 34px;border:0;border-radius:50%;background:var(--theme-control);color:var(--text);font-size:25px;line-height:1}
.theme-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:16px 20px}
.theme-option{min-width:0;display:grid;grid-template-columns:68px minmax(0,1fr) 24px;align-items:center;gap:9px;border:1px solid var(--theme-border);border-radius:7px;background:var(--theme-panel);color:var(--text);padding:10px;text-align:left}
.theme-option:hover{border-color:var(--theme-accent);background:var(--theme-hover)}.theme-option.selected{border-color:var(--theme-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--theme-accent) 18%,transparent)}
.theme-option:disabled{cursor:wait;opacity:.7}.theme-option-copy{min-width:0}.theme-option-copy b,.theme-option-copy small{display:block}.theme-option-copy b{font-size:13px;line-height:1.2;white-space:normal}.theme-option-copy small{margin-top:3px;overflow:hidden;color:var(--muted);font-size:10px;font-weight:400;text-overflow:ellipsis;white-space:nowrap}
.theme-preview{width:68px;height:48px;position:relative;display:block;overflow:hidden;border:1px solid rgba(70,85,95,.18);border-radius:5px;background:var(--preview-surface)}
.theme-preview::before{content:'';position:absolute;inset:0 auto 0 0;width:18px;background:var(--preview-accent)}.theme-preview i{position:absolute;height:8px;border-radius:4px;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.1)}.theme-preview i:nth-child(1){width:29px;top:8px;left:24px}.theme-preview i:nth-child(2){width:34px;top:21px;right:5px;background:var(--preview-bubble)}.theme-preview i:nth-child(3){width:24px;top:34px;left:25px}
.theme-check{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:var(--theme-control);color:transparent;font-size:13px;font-weight:900}.theme-option.selected .theme-check{background:var(--theme-accent);color:#fff}
.appearance-status{min-height:34px;padding:0 20px 16px;color:var(--muted);font-size:11px;font-weight:700}
.sound-settings{margin:0 20px 14px;border-top:1px solid var(--theme-border);padding:16px 0 0}.sound-settings h3{margin:0 0 10px;font-size:13px}.sound-settings-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px}.sound-settings label{display:grid;gap:5px;color:var(--muted);font-size:11px;font-weight:700}.sound-settings select{width:100%;border:1px solid var(--theme-border);border-radius:6px;background:var(--theme-input);color:var(--text);padding:9px;font:inherit}.sound-volume{grid-template-columns:auto minmax(120px,1fr) 42px!important;align-items:center;margin-top:13px}.sound-volume input{accent-color:var(--theme-accent)}.sound-volume output{text-align:right;color:var(--text)}.sound-settings p{margin:9px 0 0!important}
@media(max-width:620px){
  .appearance-modal{align-items:end;padding:0}.appearance-card{width:100%;max-height:82dvh;border-width:1px 0 0;border-radius:8px 8px 0 0;padding-bottom:max(0px,env(safe-area-inset-bottom))}
  .theme-options{grid-template-columns:1fr;padding:12px}.appearance-card header{padding:16px 14px 12px}.appearance-status{padding:0 14px 12px}.settings-section-title{margin:14px 14px 0}.sound-settings{margin:0 14px 10px}.sound-settings-row{grid-template-columns:1fr}.sound-settings-row button{width:100%}
  button.user-chip{min-width:0}
}
@media(max-width:720px){
  .phone-bind-modal,.identity-review-modal,.amocrm-conversation-picker{align-items:stretch;padding:0}.phone-bind-modal .crm-task-card,.identity-review-card,.amocrm-conversation-picker-card{width:100%;min-height:100dvh;max-height:none;border-width:0;border-radius:0;padding-bottom:max(18px,env(safe-area-inset-bottom))}.phone-bind-modal .crm-task-card{padding:22px 16px}.identity-review-card header{padding:16px}.identity-review-content{padding:8px 16px 22px}
}

/* v0.8.24.0: operator message tools, personal templates and per-user typography */
.topnav .appearance-settings-btn{width:auto;min-width:104px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 10px;font-size:13px;line-height:1}.appearance-settings-btn>span:first-child{font-size:18px}.appearance-settings-label{font-weight:800}
.font-settings{margin:0 20px 14px;border-top:1px solid var(--theme-border);padding:16px 0 0}.font-settings h3{margin:0 0 10px;font-size:13px}.font-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.font-settings label{display:grid;gap:5px;color:var(--muted);font-size:11px;font-weight:700}.font-settings select{width:100%;border:1px solid var(--theme-border);border-radius:6px;background:var(--theme-input);color:var(--text);padding:9px;font:inherit}.font-settings p{margin:9px 0 0!important}
.chat-app .conv-title{font-size:calc(13px * var(--chat-list-font-scale,1))}.chat-app .conv-preview{font-size:calc(11px * var(--chat-list-font-scale,1))}.chat-app .conv-account-name{font-size:calc(9px * var(--chat-list-font-scale,1))}.chat-app .msg-text{font-size:calc(13px * var(--chat-message-font-scale,1))}.chat-app .quoted-message span{font-size:calc(11px * var(--chat-message-font-scale,1))}
.chat-app .bubble{position:relative}.message-tools{position:absolute;z-index:2;top:-15px;right:6px;display:flex;gap:2px;opacity:0;pointer-events:none;transition:opacity .12s}.msg-row.incoming .message-tools{right:auto;left:6px}.bubble:hover>.message-tools,.bubble:focus-within>.message-tools{opacity:1;pointer-events:auto}.message-tools button{width:28px;height:28px;display:grid;place-items:center;border:1px solid var(--theme-border,var(--border));border-radius:50%;background:var(--theme-panel,#fff);color:var(--text);font:inherit;font-size:15px;box-shadow:0 3px 10px rgba(0,0,0,.12)}.message-tools button:hover{border-color:var(--theme-accent);background:var(--theme-hover)}
.quoted-message{width:100%;display:grid;gap:3px;margin:0 0 8px;border:0;border-left:3px solid var(--theme-accent);border-radius:3px;background:color-mix(in srgb,var(--theme-accent) 8%,transparent);color:var(--text);padding:7px 9px;text-align:left;cursor:pointer}.quoted-message b{color:var(--theme-link);font-size:10px}.quoted-message span{display:block;max-width:420px;overflow:hidden;color:var(--muted);text-overflow:ellipsis;white-space:nowrap}.deleted-message .msg-text{color:var(--muted);font-style:italic}.deleted-message .bubble{opacity:.82}
.msg-meta{display:flex;align-items:center;justify-content:flex-end;gap:5px;white-space:nowrap}.edited-mark{color:var(--muted);font-size:10px}.delivery-checks{font-weight:900;font-size:13px}.delivery-checks.sent,.delivery-checks.delivered{color:#7e8d94}.delivery-checks.read{color:#1d8fe1}.delivery-text.error{color:#c9483c}
.composer-reply-preview{min-height:48px;flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--theme-border,var(--border));background:var(--theme-panel-soft,#f7f9fb);padding:7px 14px}.composer-reply-preview>span{min-width:0;display:grid;gap:2px;border-left:3px solid var(--theme-accent);padding-left:9px}.composer-reply-preview b{color:var(--theme-link);font-size:11px}.composer-reply-preview small{overflow:hidden;color:var(--muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.composer-reply-preview button{width:30px;height:30px;flex:0 0 30px;border:0;border-radius:50%;background:var(--theme-control,#eef3f8);color:var(--text);font-size:20px}
.outbound-blocked-notice{min-height:58px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;gap:10px;border-top:1px solid #e6c878;background:#fff8df;color:#74520b;padding:10px 16px;text-align:center}.outbound-blocked-notice b{font-size:13px}.outbound-blocked-notice span{font-size:12px}.outbound-blocked-notice.hidden{display:none}
.chat-app .file-name:not(:empty){display:flex;align-items:center;gap:7px;max-width:310px;height:auto;overflow:visible;white-space:normal}.chat-app .file-name audio{width:210px;height:32px;display:block}.chat-app .file-name>span{font-size:10px;white-space:nowrap}
.template-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-right:52px}.template-heading h2{margin-bottom:5px}.personal-template-form{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0;padding:12px;border:1px solid var(--theme-border,var(--border));border-radius:7px;background:var(--theme-panel-soft,#f7f9fb)}.personal-template-form label{display:grid;gap:5px;color:var(--muted);font-size:11px;font-weight:700}.personal-template-form input,.personal-template-form textarea{width:100%;box-sizing:border-box;border:1px solid var(--theme-border,var(--border));border-radius:5px;background:var(--theme-input,#fff);color:var(--text);padding:9px;font:inherit}.personal-template-body,.personal-template-channel,.personal-template-form .tpl-actions,.personal-template-form .error{grid-column:1/-1}.personal-template-body textarea{min-height:96px;resize:vertical}.personal-template-channel{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center}.personal-template-channel input{width:auto}.message-edit-card textarea{width:100%;min-height:150px;box-sizing:border-box;margin:12px 0;border:1px solid var(--theme-border,var(--border));border-radius:6px;background:var(--theme-input,#fff);color:var(--text);padding:12px;font:inherit;resize:vertical}
.template-scope-tabs{display:grid;grid-template-columns:1fr 1fr;margin:14px 0 10px;border:1px solid var(--theme-border,var(--border));border-radius:7px;background:var(--theme-panel-soft,#f7f9fb);padding:3px}.template-scope-tabs button{min-height:38px;border:0;border-radius:5px;background:transparent;color:var(--muted);font:inherit;font-weight:800}.template-scope-tabs button.active{background:var(--theme-panel,#fff);color:var(--theme-link,var(--theme-accent));box-shadow:0 1px 4px rgba(0,0,0,.1)}.template-scope-tabs span{display:inline-flex;min-width:20px;height:20px;align-items:center;justify-content:center;margin-left:5px;border-radius:10px;background:var(--theme-control,#e8eef2);font-size:10px}.template-scope-empty{margin:8px 0;border:1px dashed var(--theme-border,var(--border));border-radius:7px;text-align:center}
@media(pointer:coarse){.message-tools{position:static;justify-content:flex-end;margin:-4px -5px 3px;opacity:1;pointer-events:auto}.msg-row.incoming .message-tools{justify-content:flex-start}}
@media(max-width:720px){
  .topnav .appearance-settings-btn{width:32px;min-width:32px;padding:0}.appearance-settings-label{display:none}.font-settings{margin:0 14px 10px}.font-settings-grid{grid-template-columns:1fr}
  .personal-template-form{grid-template-columns:1fr}.personal-template-form>*{grid-column:1}.template-heading{display:grid;grid-template-columns:minmax(0,1fr)}.template-heading #personalTemplateAdd{justify-self:start;margin-top:8px;white-space:nowrap}
  .chat-app .composer.has-attachment{height:calc(110px + env(safe-area-inset-bottom));flex-basis:calc(110px + env(safe-area-inset-bottom));grid-template-rows:36px 48px}
  .chat-app .file-name:not(:empty){height:48px;padding:4px 7px}.chat-app .file-name audio{width:100%;min-width:0;height:36px}.chat-app .file-name>span{display:none}
  .composer-reply-preview{padding-right:max(8px,env(safe-area-inset-right));padding-left:max(8px,env(safe-area-inset-left))}
}

/* v0.8.26.5: four-line composer and mobile keyboard-safe layout */
.chat-app .composer{height:auto;min-height:58px;flex-basis:auto;flex-shrink:0;align-items:flex-end}
.chat-app #messageInput{box-sizing:border-box;height:auto;min-height:38px;max-height:94px;line-height:20px;resize:none;overflow-y:hidden;font-family:inherit}
.chat-app .composer.multiline{padding-top:8px;padding-bottom:8px}
@media(max-width:720px){
  .chat-app .composer,.chat-app .composer.has-attachment{height:auto;min-height:calc(58px + env(safe-area-inset-bottom));flex-basis:auto;grid-template-rows:minmax(36px,auto)}
  .chat-app .composer.has-attachment{grid-template-rows:minmax(36px,auto) 48px}
  .chat-app #messageInput{min-height:36px;max-height:92px;align-self:end;font-size:16px;line-height:20px;padding-top:8px;padding-bottom:8px}
  .chat-app .send-btn,.chat-app #attachBtn,.chat-app #templateBtn,.chat-app #recordBtn{align-self:end}
}