.multichat-page{--mc-bg:#efefef;--mc-panel:#fff;--mc-panel-soft:#f8f9fa;--mc-border:#dee2e6;--mc-text:#2b3035;--mc-muted:#6c757d;--mc-primary:#6c757d;--mc-primary-hover:#5a6268;--mc-accent:#0d6efd;--mc-danger:#dc3545;width:100%;padding:0;box-sizing:border-box;font-family:Hezaedrus-Regular,sans-serif;color:var(--mc-text)}
.multichat-page *{box-sizing:border-box}
.multichat-page button,.multichat-page input,.multichat-page textarea,.multichat-page select{font:inherit}
.multichat-page button{cursor:pointer}
.multichat-page .mc-page-header{width:100%;max-width:none;margin:0 0 14px;display:flex;align-items:center;justify-content:space-between;gap:18px}.multichat-page .mc-page-toolbar{justify-content:flex-end;margin-bottom:8px}.multichat-page .mc-page-toolbar .mc-header-actions{margin-left:auto}
.multichat-page .mc-heading{display:flex;align-items:center;gap:12px}
.multichat-page .mc-heading-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#fff;border:1px solid var(--mc-border);box-shadow:0 2px 8px rgba(0,0,0,.05);font-size:19px;color:var(--mc-primary)}
.multichat-page .mc-heading h1{margin:0;font-size:23px;font-weight:700}
.multichat-page .mc-heading p{margin:2px 0 0;color:var(--mc-muted);font-size:13px}
.multichat-page .mc-header-actions{display:flex;align-items:center;gap:10px}
.multichat-page .mc-connection{display:flex;align-items:center;gap:7px;padding:8px 12px;border:1px solid var(--mc-border);border-radius:20px;background:#fff;color:var(--mc-muted);font-size:12px}
.multichat-page .mc-connection i{width:7px;height:7px;border-radius:50%;background:#28a745;box-shadow:0 0 0 3px rgba(40,167,69,.12)}
.multichat-page .mc-settings-button{height:38px;padding:0 16px;border:0;border-radius:20px;background:var(--mc-primary);color:#fff;transition:.2s}
.multichat-page .mc-settings-button:hover{background:var(--mc-primary-hover);transform:translateY(-1px)}
.multichat-page .mc-header-button{height:38px;padding:0 15px;border:1px solid var(--mc-border);border-radius:20px;background:#fff;color:#495057}.multichat-page .mc-header-button:hover{background:#f1f3f5}
.multichat-app{width:100%;max-width:none;height:calc(100vh - 120px);min-height:620px;margin:0;display:grid;grid-template-columns:240px minmax(480px,40%) minmax(520px,1fr);overflow:hidden;background:var(--mc-panel);border:1px solid var(--mc-border);border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,.05)}
.multichat-app .nav,.multichat-app .list,.multichat-app .reader{min-width:0;min-height:0}
.multichat-app .nav{position:relative;z-index:10;padding:18px 14px;display:flex;flex-direction:column;border-right:1px solid var(--mc-border);background:var(--mc-panel-soft)}
.multichat-app .compose{width:100%;height:40px;margin-bottom:10px;border:0;border-radius:8px;background:var(--mc-primary);color:#fff;font-weight:600;transition:.2s}
.multichat-app .compose:hover{background:var(--mc-primary-hover);transform:translateY(-1px)}
.mc-compose-editor{position:relative}.mc-compose-editor textarea{display:block;min-height:150px;padding:12px 82px 40px 12px}.mc-compose-tools{position:absolute;right:9px;bottom:8px;display:flex;align-items:center;gap:3px}.mc-compose-tools button,.mc-compose-tools label{display:grid!important;place-items:center;width:32px!important;height:32px!important;margin:0!important;padding:0!important;border:0!important;border-radius:7px!important;background:transparent!important;color:#8092a7!important;font-size:19px!important;cursor:pointer}.mc-compose-tools button:hover,.mc-compose-tools label:hover{background:#edf4fc!important;color:#2376d5!important}.mc-compose-template-picker{position:absolute;left:0;right:0;bottom:100%;z-index:4;max-height:240px;padding:8px;border:1px solid #d8e2ed;border-radius:10px;background:#fff;box-shadow:0 12px 28px rgba(33,54,78,.18);overflow-y:auto}.mc-compose-template-picker[hidden]{display:none}.mc-compose-template-picker header{display:flex;align-items:center;justify-content:space-between;padding:5px 7px 9px;border:0}.mc-compose-template-picker header button{border:0;background:transparent;color:#53718f;font-size:11px}.mc-compose-template-picker>button{display:grid;gap:3px;width:100%;padding:8px;border:0;border-radius:7px;background:transparent;color:#344b65;text-align:left}.mc-compose-template-picker>button:hover{background:#edf5ff}.mc-compose-template-picker>button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#7a8ba0;font-size:11px}.mc-compose-template-picker p{margin:8px;color:#7a8ba0;font-size:12px}.mc-compose-files:empty{display:none}.mc-compose-file{display:flex;align-items:center;gap:5px}.mc-compose-file button{padding:0;border:0;background:transparent;color:#778ba2;font-size:15px}
.mc-compose-editor{border-radius:8px}.mc-compose-template-picker{position:static;display:grid;grid-template-columns:220px minmax(0,1fr);max-height:190px;padding:0;border:1px solid #d6e1ed;border-radius:8px 8px 0 0;background:#fff;box-shadow:none;overflow:hidden}.mc-compose-template-picker:not([hidden])~textarea{border-radius:0 0 8px 8px}.mc-compose-template-categories,.mc-compose-template-items{min-width:0;overflow-y:auto}.mc-compose-template-categories{border-right:1px solid #d6e1ed}.mc-compose-template-categories header,.mc-compose-template-items>header{position:sticky;top:0;z-index:1;min-height:38px;padding:10px 12px;border-bottom:1px solid #e4eaf1;background:#fff;color:#687b91;font-size:11px}.mc-compose-template-categories header{display:flex;align-items:center;justify-content:space-between}.mc-compose-template-categories header button{padding:0;border:0;background:transparent;color:#557fe0;font-size:11px}.mc-compose-template-categories>button{display:flex;align-items:center;gap:9px;width:100%;min-height:40px;padding:0 12px;border:0;border-radius:0;background:transparent;color:#435a73;text-align:left}.mc-compose-template-categories>button:hover,.mc-compose-template-categories>button.active{background:#e8f3ff;color:#176fd8}.mc-compose-template-categories>button.active{box-shadow:inset 3px 0 #237ee8;font-weight:700}.mc-compose-template-categories>button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mc-compose-template-categories>button .bi-chevron-right{margin-left:auto;font-size:11px}.mc-compose-template-items>button{display:flex;align-items:center;gap:10px;width:100%;padding:10px 13px;border:0;border-radius:0;background:#fff;color:#39516b;text-align:left}.mc-compose-template-items>button:hover{background:#f1f7ff}.mc-compose-template-items>button>i{color:#7c91a8}.mc-compose-template-items>button>span{min-width:0}.mc-compose-template-items small,.mc-compose-template-items b,.mc-compose-template-items em{display:block}.mc-compose-template-items small{color:#6078e0;font-size:10px}.mc-compose-template-items b{font-size:12px}.mc-compose-template-items em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#7b8da1;font-size:11px;font-style:normal}.mc-compose-template-items p{margin:14px;color:#7b8da1;font-size:12px}@media(max-width:560px){.mc-compose-template-picker{grid-template-columns:145px minmax(0,1fr)}}
.mc-compose-dialog{width:min(620px,calc(100vw - 24px));padding:0;border:0;border-radius:14px;background:#fff;color:#26384e;box-shadow:0 22px 70px rgba(15,23,42,.28);overflow:hidden}.mc-compose-dialog::backdrop{background:rgba(15,23,42,.48);backdrop-filter:blur(2px)}.mc-compose-dialog form{display:flex;flex-direction:column;max-height:calc(100vh - 30px)}.mc-compose-dialog header{display:flex;align-items:center;justify-content:space-between;padding:19px 21px;border-bottom:1px solid #e4eaf1}.mc-compose-dialog h2{display:flex;align-items:center;gap:9px;margin:0;font-size:19px;font-weight:600}.mc-compose-dialog h2 i{color:#5b6fe8}.mc-compose-dialog .compose-close{width:32px;height:32px;padding:0;border:0;border-radius:8px;background:transparent;color:#75869a;font-size:22px}.mc-compose-dialog .compose-close:hover{background:#edf3fa}.mc-compose-body{display:grid;gap:12px;padding:20px;overflow-y:auto}.mc-compose-body label{display:grid;gap:6px;color:#536377;font-size:12px;font-weight:600}.mc-compose-body input,.mc-compose-body select,.mc-compose-body textarea{width:100%;margin:0;padding:0 12px;border:1px solid #ccd7e4;border-radius:8px;background:#fff;color:#25384e;outline:0}.mc-compose-body input,.mc-compose-body select{height:42px}.mc-compose-body textarea{min-height:150px;padding:12px;line-height:1.5;resize:vertical}.mc-compose-body input:focus,.mc-compose-body select:focus,.mc-compose-body textarea:focus{border-color:#6f9fec;box-shadow:0 0 0 3px rgba(37,117,226,.11)}.mc-compose-sender{display:flex;align-items:center;gap:8px;min-height:38px;padding:8px 11px;border:1px solid #d6e5fb;border-radius:7px;background:#eef6ff;color:#3f6fc1;font-size:12px}.mc-compose-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mc-compose-files{display:flex;flex-wrap:wrap;gap:6px}.mc-compose-file{padding:5px 8px;border-radius:6px;background:#eef3f8;color:#5b6d82;font-size:11px}.mc-compose-attach{display:flex!important;align-items:center;justify-content:center;gap:7px;width:max-content!important;height:34px;padding:0 11px;border:1px solid #ccd7e4;border-radius:7px;background:#fff;cursor:pointer}.mc-compose-result{min-height:18px;color:#dc3545;font-size:12px}.mc-compose-dialog footer{display:flex;align-items:center;justify-content:flex-end;gap:9px;padding:14px 20px;border-top:1px solid #e4eaf1;background:#fafbfd}.mc-compose-dialog footer button{height:40px;padding:0 18px;border:1px solid #ccd7e4;border-radius:8px;background:#fff;color:#3c4e63}.mc-compose-dialog footer .compose-send{border-color:#5d62d9;background:#655bd8;color:#fff;font-weight:700}.mc-compose-dialog footer button:disabled{opacity:.6;cursor:wait}@media(max-width:560px){.mc-compose-fields{grid-template-columns:1fr}}
.multichat-app .nav-label{margin:22px 10px 8px;color:var(--mc-muted);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.multichat-app .custom-folder-dot{width:10px;height:10px;border-radius:50%;flex:0 0 10px}.multichat-app #customFolders{max-height:260px;overflow-y:auto}.multichat-app .custom-folder{position:relative}.multichat-app .custom-folder[data-parent-id]:not([data-parent-id="0"]){width:calc(100% - 18px);margin-left:18px}.multichat-app .custom-folder[data-parent-id]:not([data-parent-id="0"])>span:before{content:"└";color:#adb5bd;margin-right:3px}.multichat-app .custom-folder b{margin-left:4px}.multichat-app .new-folder-button{width:100%;height:38px;margin-top:8px;border:1px dashed #adb5bd;border-radius:8px;background:transparent;color:#6c757d;font-size:12px;transition:.15s}.multichat-app .new-folder-button:hover{border-color:#6c757d;background:#fff;color:#343a40}
.multichat-app .folder{width:100%;height:42px;border:0;background:transparent;padding:0 10px;border-radius:8px;color:#495057;display:flex;align-items:center;justify-content:space-between;transition:.15s}
.multichat-app .folder>span{display:flex;align-items:center;gap:10px}
.multichat-app .folder:hover{background:#e9ecef}
.multichat-app .folder.active{background:#e7f1ff;color:#0a58ca;font-weight:600}
.multichat-app .folder b{min-width:25px;padding:2px 7px;border-radius:12px;background:#e2e6ea;color:#6c757d;text-align:center;font-size:11px}
.multichat-app .folder.active b{background:#0d6efd;color:#fff}
.multichat-app .folder-icon{width:16px;text-align:center;font-style:normal;font-size:14px}
.multichat-app .folder-icon{font-size:15px;color:currentColor}
.multichat-app .sidebar-spacer{flex:1}
.multichat-app .sync{padding:14px 8px 0;border-top:1px solid var(--mc-border);display:grid;gap:5px;color:var(--mc-muted);font-size:12px}
.multichat-app .sync small{font-size:11px}
.multichat-app .list{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;overflow:hidden;border-right:1px solid var(--mc-border);background:#fff}
.multichat-app .list-head{flex:0 0 auto;padding:14px 16px;border-bottom:1px solid var(--mc-border);background:#fff}
.multichat-app .list-head-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.multichat-app .list-head strong{font-size:17px}
.multichat-app .list-head small{color:var(--mc-muted);font-size:12px;white-space:nowrap}
.multichat-app .search-box{height:38px;display:flex;align-items:center;border:1px solid #ced4da;border-radius:8px;padding:0 11px;background:#fff;transition:.2s}
.multichat-app .search-box:focus-within{border-color:#86b7fe;box-shadow:0 0 0 .2rem rgba(13,110,253,.15)}
.multichat-app .search-box span{font-size:16px;color:var(--mc-muted)}
.multichat-app .search-box input{width:100%;border:0;outline:0;padding:0 0 0 8px;margin:0;color:#343a40;background:transparent}
.multichat-app .rows{flex:1;min-height:0;overflow-y:auto}.multichat-app .pagination{flex:0 0 auto;min-height:52px;display:flex;align-items:center;justify-content:center;gap:5px;padding:8px 12px;border-top:1px solid #edf0f4;background:#fff}.multichat-app .pagination:empty{display:none}.multichat-app .pagination button{min-width:31px;height:31px;padding:0 8px;border:1px solid #dbe3ed;border-radius:7px;background:#fff;color:#5b6c80;font-size:12px}.multichat-app .pagination button:hover:not(:disabled){border-color:#86b7fe;background:#f1f7ff;color:#1268cf}.multichat-app .pagination button.active{border-color:#1976e9;background:#1976e9;color:#fff;font-weight:700}.multichat-app .pagination button:disabled{opacity:.45;cursor:default}.multichat-app .pagination .page-ellipsis{border-color:transparent;background:transparent;opacity:.65}
.multichat-app .row{position:relative;min-height:82px;display:grid;grid-template-columns:42px minmax(0,1fr) auto;grid-template-areas:"avatar body date";gap:10px;padding:13px 14px;border-bottom:1px solid #edf0f2;background:#fff;cursor:pointer;transition:.15s}
.multichat-app .row:hover{background:#f8f9fa}
.multichat-app .row.active{background:#eaf3ff;box-shadow:inset 3px 0 #0d6efd}
.multichat-app .mail-icon{grid-area:avatar;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#e9ecef;color:#495057;font-size:0}
.multichat-app .mail-icon:before{content:"\F32F";font-family:"bootstrap-icons";font-size:16px}
.multichat-app .row.unread .mail-icon{background:#0d6efd;color:#fff}
.multichat-app .who,.multichat-app .content{grid-area:body;min-width:0}
.multichat-app .who{padding-right:90px}
.multichat-app .who b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}
.multichat-app .who small{display:block;color:var(--mc-muted);font-size:11px}
.multichat-app .content{align-self:end;padding-top:29px}
.multichat-app .subject{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;color:#343a40}
.multichat-app .preview{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#868e96;font-size:12px}
.multichat-app .date{grid-area:date;color:#868e96;font-size:11px;white-space:nowrap}
.multichat-app .select-box{display:none}
.multichat-app .reader{height:100%;overflow:hidden;background:#f8f9fa}
.multichat-app .message-shell{height:100%;display:flex;flex-direction:column;overflow:hidden}
.multichat-app .placeholder,.multichat-app .empty{height:100%;min-height:180px;display:grid;place-content:center;text-align:center;color:#8c959d}
.multichat-app .placeholder span{width:64px;height:64px;margin:0 auto;display:grid;place-items:center;border-radius:50%;background:#fff;border:1px solid var(--mc-border);font-size:28px;box-shadow:0 2px 10px rgba(0,0,0,.04)}
.multichat-app .placeholder h2{margin:14px 0 5px;font-size:18px;color:#495057}
.multichat-app .placeholder p{margin:0;font-size:13px}
.multichat-app .message-head{flex:0 0 auto;padding:18px 20px 14px;border-bottom:1px solid var(--mc-border);background:#fff}
.multichat-app .message-head h2{margin:0 0 12px;font-size:17px}
.multichat-app .contact-line{display:flex;align-items:center;gap:10px}
.multichat-app .contact-avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#6c757d;color:#fff;font-weight:700}.multichat-app .contact-avatar.image{display:block;object-fit:cover;background:#e9ecef}
.multichat-app .contact-line>div b{font-size:14px}.multichat-app .contact-line a{display:block;color:#0d6efd;text-decoration:none;font-size:12px}.multichat-app .contact-line time{margin-left:auto;color:#868e96;font-size:11px}
.multichat-app .ticket{padding:3px 8px;border-radius:12px;background:#e9ecef;color:#495057;font-size:11px}
.multichat-app .channel-label{color:#6c757d;font-size:11px;margin-bottom:4px}
.multichat-app .actions{display:flex;gap:8px;margin-top:14px}
.multichat-app .actions button{height:34px;border:1px solid #dee2e6;border-radius:7px;background:#fff;color:#495057;padding:0 12px;font-size:12px}
.multichat-app .actions button:hover{background:#f1f3f5}.multichat-app .actions .danger-action{margin-left:auto;color:#dc3545;border-color:#f1b0b7}
.multichat-app .thread{flex:1;min-height:0;padding:20px;overflow-y:auto;background:#f4f6f8}
.multichat-app .mail{width:min(82%,720px);margin:0 0 16px;padding:14px 16px;border:1px solid #dee2e6;border-radius:4px 14px 14px;background:#fff;box-shadow:0 2px 7px rgba(0,0,0,.035)}
.multichat-app .mail.outgoing{width:auto;max-width:75%;margin-left:auto;border:0;border-radius:14px 14px 4px;background:#6c757d;color:#fff}
.multichat-app .mail-meta{padding-bottom:8px;border-bottom:1px solid #edf0f2}.multichat-app .mail-meta span{display:block;margin-top:2px;color:#868e96;font-size:10px}.multichat-app .mail.outgoing .mail-meta{border-color:rgba(255,255,255,.2)}.multichat-app .mail.outgoing .mail-meta span{color:#e9ecef}
.multichat-app .mail iframe{display:block;width:100%;height:68px;margin-top:10px;border:0;background:#fff}.multichat-app .plain{padding:11px 0 2px;white-space:pre-wrap;line-height:1.55}
.multichat-app .attachments{padding-top:10px}.multichat-app .attachments a{display:inline-block;margin:3px;padding:7px 9px;border:1px solid #dee2e6;border-radius:6px;color:#0d6efd;background:#fff;text-decoration:none;font-size:12px}.multichat-app .attachments .attachment-image{max-width:220px;vertical-align:top}.multichat-app .attachments .attachment-image img{display:block;max-width:202px;max-height:160px;margin-bottom:6px;border-radius:4px;object-fit:contain}.multichat-app .attachments .attachment-audio{display:inline-flex;flex-direction:column;gap:6px;margin:3px;padding:8px;border:1px solid #dee2e6;border-radius:7px;background:#fff;color:#0d6efd;font-size:12px}.multichat-app .attachment-audio audio{width:min(280px,100%)}
.multichat-app .reply-box{flex:0 0 auto;padding:12px 16px;border-top:1px solid var(--mc-border);background:#fff}.multichat-app .reply-box.hidden{display:none}.multichat-app .reply-box textarea{display:block;width:100%;min-height:68px;max-height:150px;margin:0;resize:vertical;border:1px solid #ced4da;border-radius:8px;padding:10px 12px;outline:0}.multichat-app .reply-box textarea:focus{border-color:#86b7fe;box-shadow:0 0 0 .2rem rgba(13,110,253,.12)}
.multichat-app .reply-box>div{display:flex;align-items:center;justify-content:space-between;margin-top:8px;color:#868e96;font-size:11px}.multichat-app .reply-box button,.multichat-app .accept-work{border:0;border-radius:20px;background:#6c757d;color:#fff;font-weight:600}.multichat-app .reply-box button{padding:8px 17px}.multichat-app .accept-work{height:42px;margin:12px 16px}
body.theme-dark .multichat-page{--mc-bg:#1a1a1a;--mc-panel:#2a2a2a;--mc-panel-soft:#242424;--mc-border:#444;--mc-text:#e0e0e0;--mc-muted:#aaa}.theme-dark .multichat-app,.theme-dark .multichat-app .list,.theme-dark .multichat-app .list-head,.theme-dark .multichat-app .message-head,.theme-dark .multichat-app .reply-box{background:#2a2a2a;color:#e0e0e0}.theme-dark .multichat-app .reader,.theme-dark .multichat-app .thread{background:#202020}.theme-dark .multichat-app .row,.theme-dark .multichat-app .mail{background:#2a2a2a;color:#e0e0e0;border-color:#444}.theme-dark .multichat-app .row:hover{background:#333}.theme-dark .multichat-app .row.active{background:#24354c}.theme-dark .multichat-app .subject{color:#e0e0e0}
@media(max-width:1200px){.multichat-app{grid-template-columns:210px minmax(390px,1fr)}.multichat-app .reader{position:fixed;inset:80px 18px 18px 228px;display:none;z-index:1040;border:1px solid var(--mc-border);border-radius:10px;box-shadow:0 12px 40px rgba(0,0,0,.2)}.multichat-app .reader.open{display:block}}
@media(max-width:720px){.multichat-page{padding:0}.multichat-page .mc-page-header{align-items:flex-start}.multichat-page .mc-heading p,.multichat-page .mc-connection{display:none}.multichat-app{height:calc(100vh - 125px);min-height:540px;grid-template-columns:1fr;border-radius:8px}.multichat-app .nav{display:none}.multichat-app .reader{inset:10px}.multichat-app .actions{overflow-x:auto}.multichat-app .contact-line .ticket{display:none}}

/* VK медиа и индикатор набора текста. */
.multichat-app .attachments .attachment-image{max-width:250px;margin:3px;padding:0;border:0;border-radius:10px;background:transparent;vertical-align:top;overflow:hidden;cursor:zoom-in}.multichat-app .attachments .attachment-image img{display:block;max-width:250px;max-height:210px;margin:0;border-radius:10px;object-fit:contain;box-shadow:0 3px 12px rgba(15,23,42,.12)}.multichat-app .attachments .attachment-video{display:block;width:min(520px,100%);max-height:420px;margin:4px 0;border-radius:10px;background:#000;box-shadow:0 3px 12px rgba(15,23,42,.12)}.multichat-app .voice-player{display:flex;align-items:center;gap:10px;width:min(370px,100%);margin:4px 0;padding:10px 12px;border:1px solid #dce7f5;border-radius:14px;background:linear-gradient(135deg,#f4f9ff,#edf5ff);color:#2866ac}.multichat-app .voice-play{width:34px;height:34px;flex:0 0 34px;border:0;border-radius:50%;background:#2879d8;color:#fff;display:grid;place-items:center;font-size:18px}.multichat-app .voice-wave{display:flex;align-items:center;gap:3px;height:26px}.multichat-app .voice-wave i{display:block;width:3px;height:8px;border-radius:3px;background:#8db7e6}.multichat-app .voice-wave i:nth-child(2n){height:16px}.multichat-app .voice-wave i:nth-child(3n){height:22px}.multichat-app .voice-player.playing .voice-wave i{animation:voice-wave .7s ease-in-out infinite alternate}.multichat-app .voice-wave i:nth-child(2){animation-delay:.1s}.multichat-app .voice-wave i:nth-child(3){animation-delay:.25s}.multichat-app .voice-wave i:nth-child(4){animation-delay:.4s}.multichat-app .voice-time{min-width:67px;color:#5c7898;font-size:11px;white-space:nowrap}.multichat-app .voice-progress{width:62px;accent-color:#2879d8;cursor:pointer}@keyframes voice-wave{to{transform:scaleY(.38);opacity:.55}}.media-preview-dialog{max-width:min(92vw,960px);max-height:92vh;padding:14px;border:0;border-radius:14px;background:#171b22;box-shadow:0 18px 60px rgba(0,0,0,.55)}.media-preview-dialog::backdrop{background:rgba(8,12,18,.72);backdrop-filter:blur(3px)}.media-preview-dialog img{display:block;max-width:calc(92vw - 28px);max-height:calc(92vh - 28px);border-radius:8px;object-fit:contain}.media-preview-dialog button{position:absolute;right:9px;top:9px;width:34px;height:34px;border:0;border-radius:50%;background:rgba(0,0,0,.58);color:#fff;font-size:25px;line-height:1}.multichat-app .typing-indicator{display:flex;align-items:center;gap:3px;margin-top:3px;color:#4a8bce;font-size:11px}.multichat-app .typing-indicator i{width:4px;height:4px;border-radius:50%;background:currentColor;animation:typing-bounce .9s infinite alternate}.multichat-app .typing-indicator i:nth-child(2){animation-delay:.18s}.multichat-app .typing-indicator i:nth-child(3){animation-delay:.36s}@keyframes typing-bounce{to{transform:translateY(-3px);opacity:.45}}

/* Дерево папок: компактная навигация и действия только при наведении. */
.multichat-app .nav{padding:16px 12px;background:linear-gradient(180deg,#fbfcff 0%,#f4f7fb 100%)}
.multichat-app #customFolders{max-height:calc(100vh - 390px);padding:3px 0;overflow-x:hidden}
.multichat-app .folder{min-height:40px;height:40px;padding:0 10px;border-radius:10px;font-weight:500}
.multichat-app .folder:hover{background:#e9f2ff;color:#1769d8}
.multichat-app .custom-folder{padding-left:calc(10px + var(--folder-depth, 0) * 18px);gap:7px;cursor:pointer;isolation:isolate}
.multichat-app .custom-folder[data-parent-id]:not([data-parent-id="0"]){width:100%;margin-left:0}
.multichat-app .custom-folder[data-parent-id]:not([data-parent-id="0"])>span:before{content:none}
.multichat-app .folder-title{display:flex;align-items:center;min-width:0;gap:9px;overflow:hidden}
.multichat-app .folder-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.multichat-app .custom-folder-dot{width:9px;height:9px;flex:0 0 9px;box-shadow:0 0 0 3px color-mix(in srgb,currentColor 8%,transparent)}
.multichat-app .custom-folder b{margin-left:auto;transition:opacity .16s,transform .16s}
.multichat-app .folder-actions{position:fixed;left:var(--folder-actions-left,0);top:var(--folder-actions-top,0);right:auto;z-index:30;display:flex;align-items:center;gap:0;width:max-content;padding:3px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;box-shadow:0 7px 18px rgba(35,54,77,.14);opacity:0;transform:translateY(-50%) translateX(6px);pointer-events:none;transition:opacity .16s,transform .16s}
.multichat-app .custom-folder:hover .folder-actions,.multichat-app .custom-folder:focus-visible .folder-actions,.multichat-app .custom-folder:has(:focus-visible) .folder-actions{opacity:1;transform:translateY(-50%);pointer-events:auto}
.multichat-app .custom-folder:hover>b,.multichat-app .custom-folder:focus-visible>b,.multichat-app .custom-folder:has(:focus-visible)>b{opacity:0;transform:scale(.8)}
/* 2026-09-24: кнопки панельки уже (25→20px), без зазора — иконки ближе друг к другу */
.multichat-app .folder-action{width:20px;height:25px;padding:0;border:0;border-radius:6px;background:transparent;color:#64748b;display:grid;place-items:center;font-size:13px;transition:.14s}
.multichat-app .folder-action:hover{background:#eaf3ff;color:#1769d8}.multichat-app .folder-action.add:hover{background:#e6f8ec;color:#16a34a}.multichat-app .folder-action.delete:hover{background:#fff0f1;color:#e53e52}
.multichat-app .folder-action:disabled{opacity:.35;cursor:not-allowed}.multichat-app .folder-action.add:disabled:hover{background:transparent;color:#64748b}
.multichat-app .new-folder-button{height:39px;margin-top:10px;border-color:#bdd3ef;border-radius:10px;background:rgba(255,255,255,.72);color:#4a6480;font-weight:600}.multichat-app .new-folder-button:hover{border-color:#4789d8;background:#fff;color:#1769d8;box-shadow:0 4px 12px rgba(37,99,235,.11)}

/* Сообщения и действия: один спокойный паттерн для почты и будущих каналов. */
.multichat-app .bulk-actions{display:flex;align-items:center;gap:6px;margin-top:10px;padding-top:10px;border-top:1px solid #edf0f4}.multichat-app .bulk-count{margin-right:auto;color:#607087;font-size:11px;font-weight:600}.multichat-app .bulk-actions button{height:30px;padding:0 8px;border:1px solid #dbe3ed;border-radius:7px;background:#fff;color:#526277;font-size:11px;transition:opacity .16s ease,filter .16s ease}.multichat-app .bulk-actions button i{margin-right:4px}.multichat-app .bulk-actions button:hover{border-color:#8cbcf4;background:#f2f8ff;color:#1268cf}.multichat-app .bulk-actions .danger:hover{border-color:#ffb6bf;background:#fff4f5;color:#dc3545}.multichat-app .bulk-actions.inactive{opacity:.46}.multichat-app .bulk-actions button:disabled{cursor:not-allowed;pointer-events:none;filter:grayscale(.45)}
.multichat-app .row{grid-template-columns:28px 38px minmax(0,1fr) auto;grid-template-areas:"check channel body meta";gap:8px;min-height:84px;padding:12px 14px}.multichat-app .select-box{grid-area:check;align-self:center;width:19px;height:19px;padding:0;border:1px solid #bdc9d8;border-radius:6px;background:#fff;color:transparent;display:grid;place-items:center;font-size:12px}.multichat-app .select-box:hover{border-color:#4c91e6}.multichat-app .select-box.checked{border-color:#1674e8;background:#1674e8;color:#fff}.multichat-app .channel-icon{grid-area:channel;align-self:start;width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:#eef3f8;color:#64748b;font-size:16px}.multichat-app .channel-icon.email{background:#edf4ff;color:#1976e9}.multichat-app .channel-icon.vk{background:#eaf3ff;color:#2787f5}.multichat-app .channel-icon.telegram{background:#e9f7ff;color:#28a8e8}.multichat-app .channel-icon.whatsapp{background:#e9fbef;color:#22a55b}.multichat-app .channel-icon.avito{background:#fff3e6;color:#ed7c2f}.multichat-app .channel-icon.online{background:#f3efff;color:#7655d7}.multichat-app .row.unread .channel-icon{box-shadow:0 0 0 3px rgba(25,118,233,.11)}.multichat-app .who,.multichat-app .content{grid-area:body;padding:0}.multichat-app .who{padding-right:0}.multichat-app .who b{font-size:13px}.multichat-app .who small{margin-top:1px;font-size:10px}.multichat-app .content{align-self:end;padding-top:24px}.multichat-app .subject{font-size:13px}.multichat-app .preview{font-size:11px;color:#8492a6}.multichat-app .paperclip{margin-left:4px;color:#7d8aa0}.multichat-app .row-meta{grid-area:meta;display:grid;align-content:space-between;justify-items:end;gap:8px;color:#8b98ab;font-size:10px;white-space:nowrap}.multichat-app .row-meta small{font-size:10px}.multichat-app .row-meta time{font-size:10px}.multichat-app .row.active{box-shadow:inset 3px 0 #1674e8}.multichat-app .message-head .channel-label{display:flex;align-items:center;gap:7px;margin-bottom:7px}.multichat-app .message-head .channel-icon{width:25px;height:25px;border-radius:8px;font-size:12px}.multichat-app .actions button{display:inline-flex;align-items:center;gap:6px}.multichat-app .mail.outgoing{border:1px solid #d5e5f8;background:#eef6ff;color:#27384d;box-shadow:0 2px 8px rgba(39,89,145,.08)}.multichat-app .mail.outgoing .mail-meta{border-color:#d9e8f7}.multichat-app .mail.outgoing .mail-meta span{color:#72849a}.multichat-app .reply-box button{display:inline-flex;align-items:center;gap:6px}.mc-move-dialog #moveResult{min-height:20px;margin:0 20px;color:#dc3545;font-size:12px}.mc-move-dialog select{height:40px;margin:0;padding:0 10px;border:1px solid #ced4da;border-radius:7px;background:#fff}
.multichat-app .workflow-state{flex:0 0 auto;min-height:48px;margin:12px 16px;padding:0 18px;border:0;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:8px;font:600 14px inherit}.multichat-app .accept-work{background:linear-gradient(90deg,#4e79d8,#7954be);color:#fff}.multichat-app .complete-work{background:linear-gradient(90deg,#3ecf72,#44bce7);color:#fff}.multichat-app .done-state{background:#e6f7eb;color:#168443;border:1px solid #bfe8c9}.multichat-app .channel-icon.email{background:transparent!important;box-shadow:none!important}.multichat-app .row.unread .channel-icon.email{background:transparent!important;box-shadow:none!important}
.mc-move-dialog{width:min(500px,calc(100vw - 24px));max-height:calc(100vh - 30px);overflow:hidden}.mc-move-dialog form{display:flex;flex-direction:column;max-height:calc(100vh - 30px)}.mc-move-dialog form>header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid #e6ebf1}.mc-move-dialog h2{margin:0;font-size:19px}.mc-move-dialog .dialog-close{width:34px;height:34px;border:0;border-radius:50%;background:transparent;color:#65758a;font-size:22px}.mc-move-dialog .move-body{padding:16px 20px 20px;overflow-y:auto}.mc-move-dialog .move-contact{display:flex;align-items:center;gap:11px;margin-bottom:14px;padding:12px;border-radius:9px;background:#f6f8fb}.mc-move-dialog .move-contact>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#6957ce;color:#fff;font-weight:700}.mc-move-dialog .move-contact.multi>span{background:#e7f1ff;color:#1976e9}.mc-move-dialog .move-contact b,.mc-move-dialog .move-contact small{display:block}.mc-move-dialog .move-contact b{font-size:13px}.mc-move-dialog .move-contact small{margin-top:2px;color:#8290a3;font-size:11px}.mc-move-dialog .always-move{display:flex;gap:10px;margin:0 0 17px;padding:12px;border-left:3px solid #6687ff;border-radius:6px;background:#edf8ff;cursor:pointer}.mc-move-dialog .always-move input{width:18px;height:18px;margin:1px 0 0}.mc-move-dialog .always-move b,.mc-move-dialog .always-move small{display:block}.mc-move-dialog .always-move b{font-size:12px}.mc-move-dialog .always-move small{margin-top:4px;color:#718096;font-size:11px}.mc-move-dialog .move-group-title{margin:16px 0 7px;color:#7b8798;font-size:11px}.mc-move-dialog .move-folder-list{display:grid;gap:3px}.mc-move-dialog .move-folder-item{width:100%;min-height:43px;padding:0 10px 0 calc(10px + var(--depth,0) * 15px);border:0;border-radius:7px;background:transparent;color:#3f4e61;display:flex;align-items:center;justify-content:space-between;text-align:left}.mc-move-dialog .move-folder-item:hover{background:#f0f6ff}.mc-move-dialog .move-folder-item.current{background:#e2f2ff;color:#216dc7;cursor:default}.mc-move-dialog .move-folder-item>span{display:flex;align-items:center;gap:9px;font-size:14px}.mc-move-dialog .move-folder-item>span i{color:var(--move-color);font-size:16px}.mc-move-dialog .move-folder-item[data-kind="folder"]>span i{font-size:10px}.mc-move-dialog .move-folder-item small{color:#8b98aa;font-size:11px}.mc-move-dialog .move-folder-item.current small{color:#28a55b}.mc-move-dialog #moveResult{min-height:16px;margin-top:12px;color:#dc3545;font-size:12px}

/* Читаемый список: строки не пересекаются, непрочитанные заметны с первого взгляда. */
.multichat-app .row{grid-template-columns:26px 40px minmax(0,1fr) 78px;grid-template-rows:25px 42px;grid-template-areas:"check channel who meta" "check channel content meta";gap:0 9px;min-height:82px;padding:8px 13px;border-bottom-color:#edf1f5;background:#fff}.multichat-app .row:hover{background:#f8fbff}.multichat-app .row.unread{background:#f2f8ff;box-shadow:inset 3px 0 #2d7fea}.multichat-app .row.unread .who b,.multichat-app .row.unread .subject{font-weight:700;color:#172b46}.multichat-app .row:not(.unread) .who b{font-weight:500;color:#4d5d70}.multichat-app .row:not(.unread) .subject{font-weight:500;color:#65758a}.multichat-app .row.unread .channel-icon{background:#e0efff;color:#1674e8;box-shadow:0 0 0 3px rgba(22,116,232,.1)}.multichat-app .row:not(.unread) .channel-icon{opacity:.72}.multichat-app .select-box{align-self:center}.multichat-app .channel-icon{align-self:center;width:36px;height:36px;border-radius:10px}.multichat-app .who{grid-area:who;display:flex;align-items:baseline;gap:8px;min-width:0}.multichat-app .who b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.multichat-app .who small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#91a0b2;font-size:10px}.multichat-app .content{grid-area:content;display:block;align-self:start;min-width:0;padding:0}.multichat-app .subject,.multichat-app .preview{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.multichat-app .subject{height:19px;font-size:12px;line-height:19px}.multichat-app .preview{height:18px;font-size:11px;line-height:18px;color:#8b9ab0}.multichat-app .row-meta{grid-area:meta;height:100%;align-content:space-between;padding:2px 0;color:#91a0b2}.multichat-app .row-meta small{font-size:10px}.multichat-app .row-meta time{font-size:10px}.multichat-app .row.active{background:#e4f2ff;box-shadow:inset 3px 0 #1674e8}
.multichat-app .typing-indicator{height:16px;visibility:hidden}.multichat-app .typing-indicator.is-visible{visibility:visible}
.multichat-app .message-edited{margin-left:4px;color:#8b98aa;font-weight:400}.multichat-app .message-time{display:inline-flex;align-items:center;gap:5px}.multichat-app .message-status{display:inline-grid;place-items:center;color:#2879d8;font-size:16px;line-height:1}.multichat-app .message-reference,.multichat-app .message-forwarded{display:block;width:100%;margin:0 0 8px;padding:7px 9px;border:0;border-left:3px solid #91bce9;border-radius:5px;background:#edf5fd;color:#56718d;text-align:left;font:12px inherit}.multichat-app .message-reference small,.multichat-app .message-forwarded small{display:block;margin-bottom:3px;color:#3974ad;font-weight:700}.multichat-app .message-forwarded>div{margin-top:3px}.multichat-app .deleted-message{color:#8b98aa;font-style:italic}.multichat-app .mail.outgoing{cursor:pointer}.multichat-app .message-actions{display:none;gap:5px;margin-top:9px}.multichat-app .mail.outgoing:hover .message-actions{display:flex}.multichat-app .message-actions button,#replyContext button{padding:4px 8px;border:1px solid #cbd9e7;border-radius:6px;background:#fff;color:#4075aa;font:11px inherit}.multichat-app #replyContext{margin:0 0 8px;padding:7px 9px;border-left:3px solid #79aee3;border-radius:5px;background:#edf5fd;color:#4e6b88;font-size:12px}.multichat-app #replyContext button{float:right;padding:0 5px;border:0;background:transparent;font-size:16px}
.multichat-app .mail.outgoing{position:relative;padding-right:54px}.multichat-app .mail.outgoing .message-actions{display:block;position:absolute;top:10px;right:11px;margin:0}.multichat-app .message-menu-toggle{width:30px;height:30px;padding:0!important;border:0!important;border-radius:50%!important;background:transparent!important;color:#718399!important;font-size:18px!important;line-height:1}.multichat-app .mail.outgoing:hover .message-menu-toggle,.multichat-app .message-actions.open .message-menu-toggle{background:#dceafb!important;color:#2879d8!important}.multichat-app .message-menu{display:none;position:absolute;z-index:4;right:0;bottom:35px;min-width:142px;padding:5px;border:1px solid #d9e4ef;border-radius:9px;background:#fff;box-shadow:0 8px 20px rgba(30,55,80,.16)}.multichat-app .message-actions.open .message-menu{display:grid;gap:2px}.multichat-app .message-menu button{display:flex;align-items:center;gap:7px;width:100%;padding:7px 8px!important;border:0!important;background:transparent!important;text-align:left}.multichat-app .message-menu button:hover{background:#eff6ff!important}.multichat-app .message-menu button[data-message-action="delete"]{color:#d95364!important}.theme-dark .multichat-app .message-menu{background:#303842;border-color:#485564}.theme-dark .multichat-app .message-menu button:hover{background:#3c4856!important}
.multichat-app .mail-meta .message-time{display:inline-flex!important;align-items:center;gap:5px;margin-top:2px}.multichat-app .mail-meta .message-status{display:inline-grid!important;place-items:center;margin:0!important;color:#2879d8;font-size:16px;line-height:1}
.multichat-app .mail-meta>b{display:block;margin-bottom:4px}
.multichat-app .channel-icon.vk,.multichat-app .channel-icon.max,.multichat-app .channel-icon.avito{background:transparent!important;box-shadow:none!important}.multichat-app .channel-icon .channel-image{display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;border-radius:inherit}
.mc-compose-template-items small,.mc-compose-template-items b{display:inline}.mc-compose-template-items small{margin-right:4px}.mc-compose-template-items em{display:block;margin-top:3px}
.multichat-app .reader,.multichat-app .message-shell,.multichat-app .placeholder{cursor:default!important}

/* Телефон: список и диалог — отдельные полноэкранные представления. */
.mobile-back,.mobile-nav-head,.mobile-nav-toggle,.mobile-nav-overlay{display:none}
@media (max-width:720px){
  .multichat-page{padding:0;background:#fff}
  .multichat-page .mc-page-header{display:none}
  .multichat-app{height:100dvh;min-height:0;border:0;border-radius:0;box-shadow:none;grid-template-columns:1fr}
  .multichat-app .nav{position:fixed;inset:0 auto 0 0;z-index:1301;display:flex;width:min(86vw,330px);padding:calc(12px + env(safe-area-inset-top)) 12px calc(12px + env(safe-area-inset-bottom));border:0;border-radius:0;background:#f7f9fc;box-shadow:8px 0 30px rgba(25,42,65,.2);transform:translateX(-105%);transition:transform .22s ease}
  .multichat-app.mobile-nav-open .nav{transform:translateX(0)}
  .multichat-app .mobile-nav-overlay{position:fixed;inset:0;z-index:1300;width:auto;height:auto;border:0;background:rgba(18,32,50,.38);opacity:0;pointer-events:none;transition:opacity .22s ease}
  .multichat-app.mobile-nav-open .mobile-nav-overlay{display:block;opacity:1;pointer-events:auto}
  .multichat-app .mobile-nav-head{display:flex;align-items:center;justify-content:space-between;margin:0 2px 12px;padding-bottom:11px;border-bottom:1px solid #e2e8f0;color:#27384d;font-size:17px}
  .multichat-app .mobile-nav-head button{width:36px;height:36px;border:0;border-radius:9px;background:#e8eef6;color:#526579}
  .multichat-app .compose{width:100%;height:44px;margin:0 0 8px;border-radius:10px;box-shadow:none;font-size:14px}
  .multichat-app #customFolders{max-height:none;overflow-y:auto}
  .multichat-app .custom-folder{min-height:44px;height:auto}
  .multichat-app .custom-folder .folder-actions{position:static;z-index:auto;flex:0 0 auto;margin-left:2px;padding:0;border:0;background:transparent;box-shadow:none;opacity:1;transform:none;pointer-events:auto}
  .multichat-app .custom-folder:hover .folder-actions,.multichat-app .custom-folder:focus-within .folder-actions{transform:none}
  .multichat-app .custom-folder:hover>b,.multichat-app .custom-folder:focus-within>b{opacity:1;transform:none}
  .multichat-app .custom-folder b{font-size:11px}
  .multichat-app .folder-action{width:30px;height:30px}
  .multichat-app .sidebar-spacer{min-height:12px}
  .multichat-app .list{border:0}
  .multichat-app .list-head{padding:calc(10px + env(safe-area-inset-top)) 12px 10px}
  .multichat-app .list-head-row{display:flex;align-items:center;gap:8px}
  .multichat-app .mobile-nav-toggle{display:grid;place-items:center;width:38px;height:38px;padding:0;border:0;border-radius:10px;background:#edf4ff;color:#1974dd;font-size:23px}
  /* 2026-10-21: число непрочитанных на кнопке папок — справа сверху со смещением */
  .multichat-app .mobile-nav-toggle{position:relative;overflow:visible}
  .multichat-app .mobile-nav-badge{position:absolute;top:-7px;right:-6px;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:#0d6efd;color:#fff;font:700 11px/20px system-ui,-apple-system,"Segoe UI",sans-serif;text-align:center;box-shadow:0 0 0 2px #fff;pointer-events:none}
  .multichat-app .mobile-nav-badge[hidden]{display:none}
  .theme-dark .multichat-app .mobile-nav-badge{box-shadow:0 0 0 2px #2a2a2a}
  .multichat-app .list-head-row small{margin-left:auto}
  .multichat-app .list-head strong{font-size:19px}
  .multichat-app .search-box{height:42px;border-radius:11px}
  .multichat-app .bulk-actions{margin-top:8px;padding-top:8px;overflow-x:auto}
  .multichat-app .bulk-actions button{height:36px;white-space:nowrap}
  .multichat-app .row{grid-template-columns:24px 40px minmax(0,1fr) 62px;grid-template-rows:26px 40px;min-height:80px;padding:8px 11px;gap:0 7px}
  .multichat-app .select-box{width:18px;height:18px;border-radius:5px}
  .multichat-app .channel-icon{width:35px;height:35px}
  .multichat-app .who{gap:5px}.multichat-app .who b{font-size:13px}.multichat-app .who small{display:none}
  .multichat-app .subject{font-size:12px}.multichat-app .preview{font-size:11px}
  .multichat-app .reader{position:fixed;inset:0;z-index:1100;display:none;border:0!important;border-radius:0!important;box-shadow:none!important}
  .multichat-app .reader.open{display:block}
  .multichat-app .message-head{padding:8px 12px 10px}
  .mobile-back{display:inline-flex;align-items:center;gap:6px;height:36px;margin:0 0 7px;padding:0 8px;border:0;border-radius:8px;background:#edf5ff;color:#2375d1;font:600 13px inherit}
  .mobile-back i{font-size:18px}
  .multichat-app .message-head h2{margin:0 0 8px;font-size:15px;line-height:1.25}
  .multichat-app .channel-label{display:none}
  .multichat-app .contact-line{gap:8px}.multichat-app .contact-avatar{width:34px;height:34px}
  .multichat-app .contact-line>div b{font-size:13px}.multichat-app .contact-line a{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .multichat-app .contact-line time{font-size:10px}.multichat-app .ticket{display:none}
  .multichat-app .actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(74px,1fr));gap:5px;margin-top:9px;overflow:visible;padding-bottom:1px}
  .multichat-app .actions button{height:38px;min-width:0;padding:0 5px;justify-content:center;white-space:nowrap;font-size:11px}
  .multichat-app .actions .danger-action{margin-left:0}
  .multichat-app .thread{padding:12px 10px 16px;background:#f5f7fa}
  .multichat-app .mail,.multichat-app .mail.outgoing{width:100%;max-width:100%;margin-bottom:10px;padding:11px 12px;border-radius:12px}
  .multichat-app .mail.outgoing{width:94%;margin-left:auto}
  .multichat-app .attachments .attachment-image,.multichat-app .attachments .attachment-image img{max-width:100%}
  .multichat-app .reply-box{padding:8px 10px calc(8px + env(safe-area-inset-bottom));box-shadow:0 -3px 12px rgba(34,53,76,.08)}
  .multichat-app .reply-box textarea{min-height:46px;max-height:100px;padding:8px 10px}
  .multichat-app .reply-box>div{margin-top:5px}.multichat-app .reply-box>div span{display:none}
  .multichat-app .reply-box button{min-width:112px;height:36px;padding:0 13px;margin-left:auto;justify-content:center}
  .mc-small-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}
  .mc-small-dialog form{max-height:calc(100dvh - 20px);overflow-y:auto}
}

/* ============================================================================
   Колонка папок не шире своей границы (2026-09-19)
   ============================================================================
   У колонки класс `nav`, а Bootstrap сайта задаёт `.nav{display:flex;flex-wrap:wrap}`.
   С переносом у вертикального flex ширину строки задаёт самый широкий элемент —
   папка с длинным неразрывным названием («Не важные письма», 218px), и по ней
   растягивались «Написать», блок синхронизации и шестерёнка — все вылезали за
   границу колонки. Специфичность (0,2,0) перебивает Bootstrap при любом порядке.
   Длинное название папки обрезается многоточием, счётчик остаётся в колонке. */
.multichat-app .nav{flex-wrap:nowrap}
.multichat-app .nav>*{min-width:0;max-width:100%}
.multichat-app .custom-folder .folder-name{min-width:0}

/* ============================================================================
   Без искусственного жирного (2026-09-19)
   ============================================================================
   Шрифт модуля Hezaedrus-Regular есть на сайте в ОДНОМ начертании (/fonts/, один
   @font-face с font-weight:normal). Для 600/700 браузер дорисовывает жирный сам,
   раздувая буквы, — «Написать», «Входящие», кнопки выглядели размытыми, будто с
   тенью (text-shadow при этом нигде нет). Запрещаем дорисовку жирного; курсив
   по-прежнему можно. Свойство наследуется, поэтому ставим на корни: страницу
   модуля и его окна (они вне .multichat-page — соседи в разметке или в <body>).
   Непрочитанные строки выделены не только жирностью: фон, полоса слева, цвет. */
.multichat-page,
dialog[class*="mc-"],
#settingsDialog,
.media-preview-dialog,
.reply-template-manager,
.mc-swin-taskbar { font-synthesis: style; }

/* Название системной папки в одну строку: в узкой колонке «В работе» ломалось
   на две строки. */
.multichat-app .folder>span{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.multichat-app .folder>b{flex:0 0 auto}
.multichat-app .mc-add-channel span{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}

/* 2026-09-19: плашка у папки — число непрочитанных (у каждого пользователя своё),
   белым на синем у всех папок; 0 — плашки нет (атрибут hidden). */
.multichat-app .folder b.mc-unread{background:#0d6efd;color:#fff;font-weight:600}
.multichat-app .folder b.mc-unread[hidden]{display:none}

/* 2026-09-19: окно настроек папки. Кнопке «Удалить» organization.js ставит
   display:inline-flex, а выравнивания у неё не было — надпись прилипала к верху. */
.mc-small-dialog footer .folder-delete{align-items:center;justify-content:center}
.mc-small-dialog .folder-hide-unread{display:flex;align-items:center;gap:8px;margin:16px 20px;font-size:13px;cursor:pointer}
.mc-small-dialog .folder-hide-unread input{width:16px;height:16px;margin:0;flex:0 0 auto}

/* 2026-09-22: панелька папки — при наведении и при фокусе С КЛАВИАТУРЫ (:focus-visible).
   Было :focus-within: после закрытия окна папки браузер возвращал фокус на карандаш,
   и панелька висела на папке, пока не кликнешь в другое место. */
/* 2026-09-22: системные папки с панелькой, подпапки внутри них, скрытые папки в окне */
.multichat-app .system-folder .folder-title{gap:10px}
.multichat-app .system-folder .folder-name{color:inherit}
.multichat-app .folder.active .folder-name[style]{font-weight:600}
.mc-small-dialog .folder-hidden-system{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 20px 12px;font-size:13px;color:#64748b}
.mc-small-dialog .folder-hidden-system[hidden]{display:none}
.mc-small-dialog .folder-hidden-system button{display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 10px;border:1px solid #dbe4ee;border-radius:7px;background:#fff;color:#334155;font-size:12px;cursor:pointer}
.mc-small-dialog .folder-hidden-system button:hover{border-color:#1769d8;color:#1769d8}
.mc-small-dialog .folder-parent[hidden]{display:none}
/* 2026-09-22: значок личной папки сотрудника */
.multichat-app .folder-personal{flex:0 0 auto;margin-left:-3px;font-size:11px;color:#94a3b8}
/* 2026-09-22: окно письма на средней ширине (721–1200px) — накрывающее, fixed с
   inset:80px 18px 18px …; но выше по файлу у .reader стоит height:100%, а у fixed это
   100% высоты ОКНА браузера: низ уезжал на 80px за экран, и вместе с ним — кнопка
   «Отправить». Высоту считаем от inset (сверху 80, снизу 18). */
@media(min-width:721px) and (max-width:1200px){.multichat-app .reader{height:auto}}

/* ============================================================================
   Системное окно: без заголовка и описания раздела (2026-09-23)
   ============================================================================
   В окне (?window=1, window_mode = 'system') index.php печатает перед модулем
   <h1> раздела с «← Назад» (div с инлайн-flex) и описание раздела
   (.page-description / .editable-content). Название уже есть в шапке окна
   (.swin-titlebar), «Назад» заменяет крестик окна — строки только отнимали
   высоту у почты. На обычной странице раздела всё на месте: правило действует
   лишь внутри .swin-mode-system. Кнопки ✎ админа (.section-controls) не трогаем. */
.swin-mode-system .page-content-block:has(> .multichat-page) > div:has(> h1),
.swin-mode-system .page-content-block:has(> .multichat-page) > h1,
.swin-mode-system .page-content-block:has(> .multichat-page) > .page-description,
.swin-mode-system .page-content-block:has(> .multichat-page) > .editable-content { display: none !important; }

/* Ozon (2026-09-24) */
.multichat-app .channel-icon.ozon{background:#e8efff;color:#005bff}
.multichat-app .channel-icon.wb{background:#fbe9f7;color:#cb11ab}
/* Яндекс Маркет (2026-09-27): иконка Bootstrap на жёлтом, не логотип Маркета. */
.multichat-app .channel-icon.ym{background:#fff5cc;color:#8a6a00}
.multichat-app .channel-icon.ali{background:#ffe9e3;color:#e62e04}
/* Одноклассники (2026-09-25): иконка Bootstrap на оранжевом, не логотип ОК */
.multichat-app .channel-icon.ok{background:#fff1e0;color:#ee8208}
/* Instagram (2026-10-15) */
.multichat-app .channel-icon.instagram{background:#fde8f1;color:#d62976}
body.theme-dark .multichat-app .channel-icon.instagram{background:#4a2033;color:#f472b6}
.mc-channel-dialog .mc-ig-note{margin-top:6px}
/* Плашка «правила маркетплейса» над полем ответа (Ozon, Wildberries) — marketplace-rules.js */
.mc-marketplace-warning{display:flex;gap:8px;align-items:flex-start;margin:0 0 8px;padding:7px 10px;border:1px solid #f3d38a;border-radius:8px;background:#fff8e6;color:#6b4e00;font-size:12px;line-height:1.4}
.mc-marketplace-warning i{flex:0 0 auto;color:#d99a00;margin-top:1px}
.mc-marketplace-warning b{font-weight:600}

/* Т-Банк (2026-09-24): значок — иконка банка Bootstrap на жёлтом, не логотип банка. */
.multichat-app .channel-icon.tbank{background:#fff4c2;color:#333}
.multichat-app .contact-line .contact-requisite{display:block;color:#6c7a8b;font-size:12px}
/* Вместо поля ответа у каналов только для чтения (уведомления банка) */
.mc-readonly-note{display:flex;gap:9px;align-items:flex-start;margin:0 14px 14px;padding:10px 12px;border:1px solid #e3e8ef;border-radius:10px;background:#f7f9fc;color:#56677c;font-size:12px;line-height:1.45}
.mc-readonly-note i{flex:0 0 auto;color:#8a96a6;margin-top:1px}
/* 2026-09-26: нет ни одного канала — под «Сообщений нет» плавно пульсирующая «+ Добавить канал» */
.multichat-app .empty.mc-empty-no-channels{justify-items:center;gap:14px}
.multichat-app .mc-empty-add-channel{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:0 18px;border:0;border-radius:19px;background:#1768ca;color:#fff;font-size:13px;font-weight:700;cursor:pointer;box-shadow:0 0 0 0 rgba(23,104,202,.45);animation:mc-add-channel-pulse 2.4s ease-in-out infinite}
.multichat-app .mc-empty-add-channel:hover{background:#125bb3;animation-play-state:paused}
.multichat-app .mc-empty-add-channel:focus-visible{outline:2px solid #1768ca;outline-offset:3px}
body.theme-dark .multichat-app .mc-empty-add-channel{background:#3684df}
body.theme-dark .multichat-app .mc-empty-add-channel:hover{background:#4a93e6}
@keyframes mc-add-channel-pulse{0%{transform:scale(1);box-shadow:0 0 0 0 rgba(23,104,202,.45)}50%{transform:scale(1.05);box-shadow:0 0 0 10px rgba(23,104,202,0)}100%{transform:scale(1);box-shadow:0 0 0 0 rgba(23,104,202,0)}}
@media (prefers-reduced-motion:reduce){.multichat-app .mc-empty-add-channel{animation:none}}

/* 2026-09-28: при наведении на папку — одна шестерёнка; щелчок по ней раскрывает карандаш, плюсик и корзинку.
   Шестерёнка последняя: панелька прижата к правому краю и растёт влево, шестерёнка остаётся под курсором. */
.multichat-app .folder-actions-more{display:none;align-items:center}
.multichat-app .folder-actions.open .folder-actions-more{display:flex;margin-right:3px;padding-right:3px;border-right:1px solid #e2e8f0}
.multichat-app .folder-action.folder-toggle i{transition:transform .2s}
.multichat-app .folder-actions.open .folder-toggle{color:#1769d8}
.multichat-app .folder-actions.open .folder-toggle i{transform:rotate(60deg)}
/* 2026-09-28: значок Яндекс Маркета — буква «Я» обычным жирным шрифтом красным цветом
   (не фирменное начертание логотипа). Вместо глифа bootstrap-icons: <i class="bi mc-ya">. */
.bi.mc-ya::before{content:"Я";font-family:Arial,"Helvetica Neue",system-ui,sans-serif!important;font-weight:700!important;font-style:normal;line-height:1;vertical-align:0;color:#d8231a}
/* Пагинация: «в начало» и номер последней страницы (2026-09-30) — кнопок стало до 10,
   на узкой колонке списка они сжимаются, а в крайнем случае переносятся. */
.multichat-app .pagination{flex-wrap:wrap}
@media(max-width:720px){.multichat-app .pagination{gap:3px;padding:8px 6px}.multichat-app .pagination button{min-width:28px;padding:0 5px}}
/* «Написать» в мессенджеры (2026-10-05): «Кому» с подсказкой собеседников из переписок. */
.mc-compose-contact{position:relative;display:grid;gap:6px}
.mc-compose-contact[hidden],.mc-compose-fields[hidden]{display:none}
.mc-compose-to{position:relative;display:block}
.mc-compose-to input{box-sizing:border-box;padding-right:40px}
.mc-compose-contact.picked .mc-compose-to input{border-color:#b9cdf0;background:#f3f7fe;color:#25384e;font-weight:600;cursor:default}
.mc-compose-to-clear{position:absolute;top:50%;right:6px;width:30px;height:30px;padding:0;border:0;border-radius:7px;background:transparent;color:#75869a;font-size:20px;line-height:1;transform:translateY(-50%)}
.mc-compose-to-clear:hover{background:#e3ecf8;color:#25384e}
.mc-compose-to-clear[hidden]{display:none}
.mc-compose-suggest{position:absolute;z-index:5;top:66px;left:0;right:0;max-height:240px;overflow-y:auto;padding:4px;border:1px solid #d6e1ed;border-radius:8px;background:#fff;box-shadow:0 12px 30px rgba(15,23,42,.16)}
.mc-compose-suggest[hidden]{display:none}
.mc-compose-suggest button{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:0;border-radius:6px;background:transparent;color:#25384e;text-align:left}
.mc-compose-suggest button:hover,.mc-compose-suggest button.active{background:#eef4fd}
.mc-compose-suggest button>i{flex:0 0 auto;color:#5b6fe8;font-size:16px}
.mc-compose-suggest span{display:grid;min-width:0;flex:1}
.mc-compose-suggest b{overflow:hidden;font-size:13px;font-weight:600;white-space:nowrap;text-overflow:ellipsis}
.mc-compose-suggest small{color:#75869a;font-size:11px}
.mc-compose-suggest em{flex:0 0 auto;padding:2px 7px;border-radius:10px;background:#eef1f5;color:#6b7b8f;font-size:10px;font-style:normal}
.mc-compose-suggest p{margin:0;padding:10px;color:#75869a;font-size:12px}
.mc-compose-hint{color:#75869a;font-size:11px;line-height:1.4}
.mc-compose-hint:empty{display:none}

/* 2026-10-07: панель действий над галочками — «Выбрать все» / «Снять выбор» ссылками,
   кнопки «Принять» и «Прочитано»; строка счётчика — отдельной строкой над кнопками. */
.multichat-app .bulk-actions{flex-wrap:wrap;row-gap:8px}
.multichat-app .bulk-actions .bulk-count{flex:1 0 100%;display:flex;align-items:center;gap:12px;min-height:18px;margin-right:0}
.multichat-app .bulk-actions .bulk-label:empty{display:none}
.multichat-app .bulk-actions .bulk-link{height:auto;padding:0;border:0;border-radius:0;background:none;color:#1268cf;font-size:12px;font-weight:600;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:3px;cursor:pointer}
.multichat-app .bulk-actions .bulk-link:hover{border:0;background:none;color:#0b4f9f;text-decoration-style:solid}
.multichat-app .bulk-actions .bulk-link[hidden]{display:none}
.multichat-app .bulk-actions .bulk-link:disabled{opacity:.5;pointer-events:none}
.multichat-app .bulk-actions [data-bulk]{flex:1 1 auto;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}
.multichat-app .bulk-actions.inactive{opacity:1}
.multichat-app .bulk-actions.inactive [data-bulk]{opacity:.46}
body.theme-dark .multichat-app .bulk-actions .bulk-link{border:0;background:none;color:#76b7ff}
@media (max-width:760px){.multichat-app .bulk-actions{flex-wrap:wrap}.multichat-app .bulk-actions [data-bulk] span{display:none}.multichat-app .bulk-actions [data-bulk] i{margin-right:0}}
/* 2026-10-07: галочка «Показывать в этом мультичате» в карточках настройки каналов (channel-visibility.js). */
.mc-instance-visible small.mc-visible-note{display:block;flex-basis:100%;margin:3px 0 0 24px;color:#6b7a8c;font-size:11px;font-weight:400;line-height:1.35}
.mc-instance-visible small.mc-visible-note:empty{display:none}
.mc-instance-visible small.mc-visible-note.ok{color:#198754}
.mc-instance-visible small.mc-visible-note.error{color:#dc3545}
.mc-instance-visible{flex-wrap:wrap}
body.theme-dark .mc-instance-visible small.mc-visible-note{color:#9aa6b4}

/* «Чат на сайте» (2026-10-07): служебные строки под сообщением посетителя —
   данные с сайта, страница, IP с городом и страной. Мелко и серым, ссылки — как обычно. */
.multichat-app .mail-service-info{margin-top:6px;padding-top:5px;border-top:1px dashed #dbe3ec;color:#6b7a8c;font-size:11.5px;line-height:1.45;word-break:break-word}
.multichat-app .mail-service-info div+div{margin-top:1px}
.multichat-app .mail-service-info a{color:inherit;text-decoration:underline;text-decoration-color:rgba(107,122,140,.45)}
body.theme-dark .multichat-app .mail-service-info{border-top-color:#444;color:#9aa6b4}

/* 2026-10-08: прошлые обращения того же собеседника над текущим тикетом (все каналы) */
.multichat-app .mc-history{margin:0 0 6px}
.multichat-app .mc-history-toggle{display:flex;align-items:center;gap:8px;width:100%;margin:0 0 12px;padding:8px 12px;border:1px dashed #c9d1da;border-radius:10px;background:transparent;color:#5c6b7a;font:inherit;font-size:13px;cursor:pointer;text-align:left}
.multichat-app .mc-history-toggle:hover{background:rgba(13,110,253,.05);color:#0d6efd}
.multichat-app .mc-history-chevron{margin-left:auto;transition:transform .15s}
.multichat-app .mc-history.is-collapsed .mc-history-chevron{transform:rotate(-90deg)}
.multichat-app .mc-history.is-collapsed .mc-history-body{display:none}
.multichat-app .mc-history-mail{opacity:.78}
.multichat-app .mc-history-mail:hover{opacity:1}
.multichat-app .mc-ticket-sep{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px 10px;margin:4px 0 14px;color:#8794a3;font-size:12px;text-align:center}
.multichat-app .mc-ticket-sep::before,.multichat-app .mc-ticket-sep::after{content:"";flex:1 1 24px;height:1px;background:#e1e6eb}
.multichat-app .mc-ticket-current{color:#0d6efd;font-weight:600}
.multichat-app .mc-ticket-current::before,.multichat-app .mc-ticket-current::after{background:rgba(13,110,253,.35)}
.multichat-app .mc-ticket-link{padding:0;border:0;background:none;color:#0d6efd;font:inherit;font-weight:600;cursor:pointer}
.multichat-app .mc-ticket-link:hover{text-decoration:underline}
.multichat-app .mc-history-more,.multichat-app .mc-history-later{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px;margin:0 0 14px;color:#8794a3;font-size:12px}
.multichat-app .mc-history-later{margin-top:6px;padding:8px 12px;border-radius:10px;background:rgba(13,110,253,.06);color:#47566a}
/* сведения о собеседнике (Авито: объявление, город объявления, профиль) */
.multichat-app .contact-line .mc-contact-info{display:flex;flex-wrap:wrap;gap:2px 12px;margin-top:2px;color:#6c7a8b;font-size:12px;line-height:1.4}
.multichat-app .contact-line .mc-contact-info>span,.multichat-app .contact-line .mc-contact-info>a{display:inline-flex;align-items:center;gap:4px;min-width:0;max-width:100%}
.multichat-app .contact-line .mc-contact-info a{display:inline;max-width:none;overflow:visible;white-space:normal;font-size:12px}
.multichat-app .contact-line .mc-info-item a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:320px}
.multichat-app .contact-line .mc-contact-info small{color:#8794a3}
body.theme-dark .multichat-app .mc-history-toggle{border-color:#4a525c;color:#aab4bf}
body.theme-dark .multichat-app .mc-ticket-sep::before,body.theme-dark .multichat-app .mc-ticket-sep::after{background:#444}
body.theme-dark .multichat-app .mc-history-later{background:rgba(118,183,255,.08);color:#c3ccd6}
body.theme-dark .multichat-app .contact-line .mc-contact-info{color:#aab4bf}
@media(max-width:720px){.multichat-app .contact-line .mc-info-item a{max-width:200px}}

/* 2026-10-09: системные сообщения Авито («[Системное сообщение] …», автоответ) — серым */
.multichat-app .mail.mc-system-mail,.multichat-app .mail.outgoing.mc-system-mail{border:1px dashed #cfd4da;background:#f1f3f5;color:#6c757d;box-shadow:none}
.multichat-app .mail.mc-system-mail .mail-meta{border-color:#e1e5e9}
.multichat-app .mail.mc-system-mail .mail-meta span{color:#9aa3ad}
body.theme-dark .multichat-app .mail.mc-system-mail,body.theme-dark .multichat-app .mail.outgoing.mc-system-mail{border-color:#4a4f55;background:#26282b;color:#9ba3ab}
body.theme-dark .multichat-app .mail.mc-system-mail .mail-meta{border-color:#3a3e43}

/* 2026-10-12: «Написать» — вставка картинок из буфера (Ctrl+V), миниатюры вложений */
.mc-compose-file{max-width:100%}
.mc-compose-file>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:260px}
.mc-compose-file.has-thumb{padding:3px 8px 3px 3px}
.mc-compose-file img{width:34px;height:34px;flex:none;border-radius:4px;object-fit:cover;background:#fff;border:1px solid #d8e2ed}
/* 2026-10-15: папка «Отправленные» */
.multichat-app .row .who .mc-sent-to{font-weight:400;color:#6c757d}
.multichat-app .row .mc-sent-meta .chat-assignee{color:#475569}

/* ============================================================================
   2026-10-19: мультичат по высоте окна — шапка письма с «Ответить» не уезжает
   ============================================================================
   Было: высота блока calc(100vh - 120px), но не меньше 620px. Над блоком — шапка
   сайта, заголовок раздела, описание; на невысоком экране (ноутбук, окно не во
   весь экран, масштаб 125%) низ блока уходил за край окна. Чтобы дотянуться до
   «Отправить», страницу прокручивали — и верх письма (имя, «Ответить»,
   «Выполнено») уезжал под шапку сайта.
   Стало: mc-panes.js меряет, где на странице начинается блок, и кладёт это в
   --mc-app-top; блок занимает ровно остаток окна (без скрипта — как раньше,
   от 120px). Предел снизу 420px. Колонка папок, если не влезает, прокручивается
   сама (раньше её низ просто обрезался). Телефон (≤720px) не трогаем. */
@media(min-width:721px){
  .multichat-app{height:calc(100vh - var(--mc-app-top,120px) - 12px);min-height:420px}
  .multichat-app>.nav{overflow-y:auto;overflow-x:hidden;scrollbar-width:thin}
}
/* Невысокий экран: поле ответа ниже по умолчанию, ленте переписки остаётся место. */
@media(min-width:721px) and (max-height:760px){
  .multichat-app .reply-compose textarea{min-height:70px}
  .multichat-app .reply-box textarea{max-height:120px}
}