/* Personal task board and task slider. Shared CRM and BiChMi keep their own runtimes. */
body{
 --crm-task-surface:#fff;--crm-task-muted:#f4f7fa;--crm-task-column:#edf2f6;
 --crm-task-border:#d7e0e7;--crm-task-ink:#253747;--crm-task-secondary:#5f7180;
 --crm-task-blue:#116f9d;--crm-task-info:#e8f4fa;--crm-task-danger:#b92f40;
 --crm-task-drop:#deecf4;--crm-task-scroll:#a4b6c3;--crm-task-shadow:0 3px 10px #172e4014;
 --crm-task-overlay:#142d4555;
}
/* The board, its body portals and drag image all follow the CRM theme. */
html:is([data-ui-mode="atmosphere"],[data-ui-mode="watersphere"]) body,
body:has(#cleanCrmApp:is([data-ui-mode="atmosphere"],[data-ui-mode="watersphere"])){
 --crm-task-surface:#142a34;--crm-task-muted:#1b3542;--crm-task-column:rgba(7,22,29,.90);
 --crm-task-border:#3c5867;--crm-task-ink:#eff5f8;--crm-task-secondary:#b9cbd5;
 --crm-task-blue:#85d5f8;--crm-task-info:#1c3b4b;--crm-task-danger:#ff9caa;
 --crm-task-drop:#254654;--crm-task-scroll:#7094a7;--crm-task-shadow:0 3px 12px #0003;
 --crm-task-overlay:#00080e99;
}
.crm-task-workspace,.crm-task-drawer,.crm-task-modal,.crm-task-context-menu{font:14px/1.45 Arial,sans-serif;color:var(--crm-task-ink);box-sizing:border-box}
.crm-task-workspace button,.crm-task-drawer button,.crm-task-modal button,.crm-task-context-menu button{font:inherit;cursor:pointer}
.crm-task-workspace button:disabled,.crm-task-drawer button:disabled,.crm-task-modal button:disabled{opacity:.5;cursor:default}
.crm-task-workspace button:focus-visible,.crm-task-drawer button:focus-visible,.crm-task-modal button:focus-visible,.crm-task-modal input:focus-visible{outline:2px solid var(--crm-task-blue);outline-offset:2px}
.crm-task-viewbar{display:flex;gap:10px;align-items:center;margin:12px 0;border-bottom:1px solid var(--crm-task-border);min-height:42px}
.crm-task-viewbar>span{flex:1}.crm-task-viewbar nav{display:flex;gap:24px}.crm-task-viewbar button{border:0;background:none;color:var(--crm-task-secondary);padding:12px 5px}.crm-task-viewbar nav button[aria-pressed=true]{color:var(--crm-task-blue);box-shadow:inset 0 -3px #21b5e7;font-weight:600}
.crm-task-workspace .workspace-task-toolbar{flex-wrap:wrap;gap:16px}.crm-task-workspace .workspace-task-scopes{display:flex;flex-wrap:wrap;gap:4px}.crm-task-workspace .workspace-task-scopes button{border:0;background:transparent;border-radius:5px;padding:8px 10px;color:var(--crm-task-secondary)}.crm-task-workspace .workspace-task-scopes button.is-active{background:var(--crm-task-info);color:var(--crm-task-blue)}.crm-task-workspace .workspace-task-toolbar__right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.crm-task-content{min-height:280px}.crm-task-workspace .workspace-task-row__title{display:flex;gap:6px;flex-direction:column;align-items:flex-start;text-align:left}.workspace-task-row__title strong{font-weight:500;color:var(--crm-task-blue)}.workspace-task-row__title small{font-size:11px;color:var(--crm-task-secondary)}.crm-task-workspace .workspace-task-row{width:100%;text-align:left}.crm-task-workspace .workspace-task-row>span{min-width:0}.crm-task-workspace .workspace-task-row .workspace-status{font-size:10px;padding:2px 6px;border-radius:4px;background:var(--crm-task-info);font-style:normal;color:var(--crm-task-blue)}.crm-task-workspace .workspace-task-entry.is-open{background:#f0f9fd}
.crm-task-notice{display:flex;justify-content:space-between;gap:16px;background:var(--crm-task-info);padding:12px 16px;border-radius:6px;margin:10px 0}.crm-task-notice button{background:none;border:0;color:inherit}.crm-task-checking{position:fixed;bottom:20px;left:50%;z-index:2600;border-radius:20px;background:#283e51;color:#fff;padding:10px 18px;box-shadow:0 3px 15px #0002}
.crm-task-kanban{display:flex;align-items:stretch;gap:12px;overflow-x:auto;padding:8px 4px 18px;min-height:calc(100vh - 400px);scrollbar-width:thin;scrollbar-color:var(--crm-task-scroll) transparent;overscroll-behavior-x:contain}
.crm-task-column{flex:0 0 278px;min-width:0;background:var(--crm-task-column);border-radius:7px;display:flex;flex-direction:column}.crm-task-column>header{position:relative;background:var(--column-color);color:#fff;display:flex;align-items:center;gap:8px;min-height:44px;padding:0 12px;border-radius:6px 0 0 6px;margin-right:9px}.crm-task-column>header:after{content:'';position:absolute;right:-12px;top:0;border-left:12px solid var(--column-color);border-top:22px solid transparent;border-bottom:22px solid transparent}.crm-task-column>header button{min-width:0;border:0;background:none;color:inherit;padding:0;text-align:left;font-size:15px}.crm-task-column>header button:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.crm-task-column>header b{font-size:13px;font-weight:400;opacity:.85}.crm-task-column>header button:last-child{font-size:23px;padding-left:5px}
.crm-task-quick-add{border:0;background:none;color:var(--crm-task-secondary);width:100%;text-align:center;padding:14px 8px}.crm-task-quick-add:hover{color:var(--crm-task-blue);background:var(--crm-task-muted)}.crm-task-column-cards{display:flex;flex-direction:column;gap:10px;padding:0 10px 12px;flex:1}.crm-task-card{background:var(--crm-task-surface);border:1px solid var(--crm-task-border);border-left:3px solid var(--column-color);border-radius:5px;padding:10px 12px;box-shadow:var(--crm-task-shadow);transition:box-shadow .15s,transform .15s}.crm-task-card:hover{box-shadow:0 5px 15px #233d5120;transform:translateY(-1px)}.crm-task-card[draggable=true]{cursor:grab}.crm-task-card-top{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--crm-task-secondary)}.crm-task-card-top>span{flex:1}.crm-task-card-top>button{border:0;background:none;color:var(--crm-task-secondary);font-size:22px;line-height:1;padding:0 2px}.crm-task-card-title{background:none;border:0;color:var(--crm-task-ink);text-align:left;font-size:15px!important;font-weight:500!important;line-height:1.5!important;padding:7px 0 10px;overflow-wrap:anywhere;width:100%}.crm-task-card-due{font-size:12px;color:var(--crm-task-secondary)}.crm-task-card.is-overdue .crm-task-card-due,.crm-task-workspace .crm-task-priority{color:var(--crm-task-danger)}.crm-task-card footer{display:flex;gap:7px;align-items:center;border-top:1px solid var(--crm-task-border);padding-top:9px;margin-top:12px}.crm-task-card footer>span{font-size:11px;color:var(--crm-task-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.crm-task-avatar{flex:0 0 30px;width:30px;height:30px;border-radius:50%;border:0;background:#53b6d8;color:#fff;font-size:10px!important;display:inline-grid;place-items:center;padding:0}.crm-task-unread{background:#18afd8;border-radius:10px;color:#fff;font-size:10px;min-width:18px;text-align:center;padding:2px 5px;box-sizing:border-box}.crm-task-empty{padding:22px 10px;color:var(--crm-task-secondary);text-align:center;font-size:12px}.crm-task-add-stage{align-self:flex-start;border:0;border-radius:50%;background:#d8e8ef;color:#6b9bad;font-size:26px!important;width:34px;height:34px;flex:0 0 34px;margin:5px 8px}
.crm-task-drawer-backdrop{position:fixed;inset:0;z-index:2100;background:var(--crm-task-overlay);display:flex;justify-content:flex-end;animation:task-fade .18s ease}.crm-task-drawer{position:relative;outline:none;width:min(1420px,calc(100vw - 90px));height:100dvh;background:var(--crm-task-muted);box-shadow:-8px 0 30px #153a4930;display:flex;flex-direction:column;animation:task-slide .22s ease;min-width:0}.crm-task-drawer-close{position:absolute;left:-42px;top:22px;border:0;border-radius:20px 0 0 20px;color:#fff;background:#1ba9d7;width:42px;height:40px;font-size:30px!important;line-height:1!important}.crm-task-drawer-header{display:flex;gap:16px;align-items:center;min-height:80px;padding:10px 28px;box-sizing:border-box;background:var(--crm-task-surface);border-bottom:1px solid var(--crm-task-border)}.crm-task-drawer-header small{font-size:11px;color:var(--crm-task-secondary)}.crm-task-drawer h2{font-size:21px;font-weight:400;margin:1px 0 0}.crm-task-drawer-header>.workspace-status{border-radius:4px;padding:4px 9px;background:var(--crm-task-info);color:#389dbb;font-size:12px}.crm-task-edit{margin-left:auto;border:1px solid var(--crm-task-border);border-radius:5px;background:var(--crm-task-surface);padding:8px 12px;color:var(--crm-task-secondary)}
.crm-task-drawer-columns{display:grid;grid-template-columns:minmax(360px,1.05fr) minmax(340px,1fr);gap:1px;flex:1;min-height:0;background:var(--crm-task-border)}.crm-task-details{overflow:auto;min-width:0;padding:24px 28px;background:var(--crm-task-surface);scrollbar-width:thin;overscroll-behavior:contain}.crm-task-details h1{font-size:25px;line-height:1.35;font-weight:400;margin:0 0 10px;overflow-wrap:anywhere}.crm-task-detail-meta{display:flex;gap:10px;flex-wrap:wrap;font-size:11px;color:var(--crm-task-secondary);padding-bottom:22px;border-bottom:1px solid var(--crm-task-border)}.crm-task-details h3{font-size:14px;font-weight:600;margin:22px 0 12px}.crm-task-description>div{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.65}.crm-task-fields{display:grid;grid-template-columns:125px minmax(0,1fr);row-gap:15px;margin:26px 0;padding:22px 0;border-top:1px solid var(--crm-task-border);border-bottom:1px solid var(--crm-task-border);font-size:13px}.crm-task-fields dt{color:var(--crm-task-secondary);align-self:center}.crm-task-fields dd{display:flex;gap:8px;align-items:center;margin:0;min-width:0;overflow-wrap:anywhere}.crm-task-fields dd>button:not(.crm-task-avatar){text-align:left;border:0;background:none;color:var(--crm-task-blue);padding:0}.crm-task-links{display:flex;flex-wrap:wrap;gap:8px}.crm-task-links a{color:var(--crm-task-blue);background:var(--crm-task-info);border-radius:4px;padding:6px 9px;text-decoration:none}.crm-task-checklist h3{display:flex;justify-content:space-between}.crm-task-checklist h3 span{color:var(--crm-task-secondary);font-weight:400}.crm-task-checklist label{display:flex;gap:10px;padding:10px 0}.crm-task-checklist input{accent-color:#8ec32d;align-self:flex-start;margin-top:3px}.crm-task-checklist small{display:block;font-size:10px;color:var(--crm-task-secondary)}.crm-task-checklist .is-complete>span{text-decoration:line-through;color:var(--crm-task-secondary)}.crm-task-approval{display:flex;justify-content:space-between;font-size:12px}.crm-task-approval span{color:var(--crm-task-secondary)}.crm-task-files{display:flex;flex-wrap:wrap;gap:10px}.crm-task-files>a,.crm-task-files>button{border:1px solid var(--crm-task-border);border-radius:6px;padding:10px;background:var(--crm-task-muted);color:var(--crm-task-blue);font-size:12px;max-width:160px;overflow-wrap:anywhere;text-decoration:none}.crm-task-files img{width:130px;height:90px;object-fit:cover;display:block;margin-bottom:8px;border-radius:4px}.crm-task-history{margin-top:25px;border-top:1px solid var(--crm-task-border);padding:16px 0;color:var(--crm-task-secondary);font-size:12px}.crm-task-history summary{cursor:pointer}.crm-task-history article{margin-top:16px}.crm-task-history time{float:right;font-size:10px}.crm-task-history p{margin:4px 0;white-space:pre-wrap;color:var(--crm-task-ink)}.crm-task-detail-actions{position:sticky;bottom:-24px;background:var(--crm-task-surface);border-top:1px solid var(--crm-task-border);display:flex;flex-wrap:wrap;gap:9px;padding:16px 0 10px;margin-top:12px}.crm-task-detail-actions button{border-radius:4px;border:0;padding:10px 12px;font-size:12px;font-weight:600;color:var(--crm-task-secondary);background:var(--crm-task-muted)}.crm-task-detail-actions .crm-task-success{color:#fff;background:#9dc82d}.crm-task-detail-actions .crm-task-link-danger{background:transparent;color:var(--crm-task-danger)}
.crm-task-discussion{min-width:0;min-height:0;display:flex;flex-direction:column;background:var(--crm-task-surface);overflow:hidden}.crm-task-discussion>header{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--crm-task-border);flex-shrink:0;height:57px;box-sizing:border-box}.crm-task-discussion h3{font-size:15px;font-weight:500;margin:0}.crm-task-discussion>header span{font-size:10px;color:var(--crm-task-secondary)}.crm-task-chat-host{flex:1;min-height:0;height:100%;overflow:hidden}.crm-task-chat-host>.bichmi-initial-frame{height:100%;min-height:0}.crm-task-chat-host .bichmi-v2{height:100%!important;min-height:0!important;border:0;border-radius:0}.crm-task-chat-host .bichmi-v2__chat{min-width:0!important}.crm-task-chat-host .bichmi-v2__chat-head{display:none!important}.crm-task-chat-host .bichmi-v2__messages{overscroll-behavior:contain}.crm-task-mobile-panes{display:none}.crm-task-drawer-skeleton{padding:28px;display:grid;gap:20px;align-content:start}.crm-task-drawer-skeleton div{height:35px;width:65%;background:#e6edf2;border-radius:5px}.crm-task-drawer-skeleton div:nth-child(2){height:120px;width:85%}.crm-task-drawer-skeleton span,.crm-task-skeleton{color:var(--crm-task-secondary);padding:20px;font-size:13px}.crm-task-error{padding:20px;color:var(--crm-task-danger)}.crm-task-error button{display:block;margin-top:12px}
.crm-task-modal-backdrop{position:fixed;inset:0;z-index:2400;background:var(--crm-task-overlay);display:grid;place-items:center;padding:24px;box-sizing:border-box}.crm-task-modal{background:var(--crm-task-surface);border-radius:9px;box-shadow:0 15px 80px #12334d40;width:440px;max-width:100%;max-height:calc(100dvh - 48px);overflow:auto;padding:24px;outline:none;animation:task-fade .15s ease}.crm-task-modal header{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;gap:15px}.crm-task-modal h2{font-size:21px;font-weight:400;margin:0}.crm-task-modal header>button{border:0;background:none;color:var(--crm-task-secondary);font-size:26px}.crm-task-modal label{display:block;color:var(--crm-task-secondary);font-size:12px;margin-top:20px}.crm-task-modal input,.crm-task-modal select,.crm-task-modal textarea{display:block;box-sizing:border-box;width:100%;margin-top:7px;border:1px solid var(--crm-task-border);border-radius:5px;background:var(--crm-task-surface);color:var(--crm-task-ink);padding:10px 12px;font:14px Arial,sans-serif}.crm-task-modal textarea{resize:vertical}.crm-task-modal footer{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}.crm-task-modal footer button{padding:10px 17px;border:0;border-radius:4px;background:var(--crm-task-muted);color:var(--crm-task-secondary)}.crm-task-modal footer .crm-task-primary{background:#21acd9;color:#fff}.crm-task-modal footer .crm-task-danger{background:#d95d6a;color:#fff}.crm-task-colors{display:flex;gap:12px;margin-top:12px;flex-wrap:wrap}.crm-task-colors button{border:0;border-radius:50%;width:30px;height:30px;color:white}.crm-task-hint{color:var(--crm-task-secondary);font-size:12px;line-height:1.6}.crm-task-settings{width:560px}.crm-task-settings-list{margin:20px -10px 10px;max-height:390px;overflow:auto}.crm-task-settings-row{display:flex;gap:8px;align-items:center;border-bottom:1px solid var(--crm-task-border);padding:9px 8px}.crm-task-settings-row>button{border:0;background:none;color:var(--crm-task-secondary);font-size:18px}.crm-task-settings-row .crm-task-column-label{flex:1;text-align:left;font-size:13px;color:var(--crm-task-ink)}.crm-task-column-label small{display:block;font-size:11px;color:var(--crm-task-secondary);margin-top:3px}.crm-task-add-column,.crm-task-link{border:0;background:none;color:var(--crm-task-blue);padding:10px 0;display:block;font-size:13px}.crm-task-context-menu{position:fixed;z-index:2500;width:238px;padding:6px;border:1px solid var(--crm-task-border);border-radius:7px;background:var(--crm-task-surface);box-shadow:0 5px 25px #0002}.crm-task-context-menu button{display:block;width:100%;padding:10px 12px;border:0;background:none;text-align:left;border-radius:4px;color:var(--crm-task-ink);font-size:13px}.crm-task-context-menu button:hover{background:var(--crm-task-muted)}.crm-task-context-menu .is-danger{color:var(--crm-task-danger)}
.crm-task-kanban{height:calc(100dvh - 360px);min-height:320px}.crm-task-column{min-height:0}.crm-task-column-cards{min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--crm-task-scroll) transparent;overscroll-behavior:contain}
.crm-task-column{position:relative}.crm-task-column>header[draggable=true]{cursor:grab}.crm-task-column.is-drop-target{background:var(--crm-task-muted);outline:1px solid var(--crm-task-border);outline-offset:-1px}.crm-task-column.is-drop-blocked{outline:1px dashed #da9a9a;outline-offset:-1px}.crm-task-column.is-column-target{outline:2px solid #70b7d8;outline-offset:2px}.crm-task-drop-slot{flex:none;box-sizing:border-box;border:1px dashed #8ab4cd;border-radius:5px;background:var(--crm-task-drop);display:grid;place-items:center;min-height:70px}.crm-task-drop-slot span{font-size:12px;color:var(--crm-task-secondary)}.crm-task-card.is-drag-source{opacity:.24;box-shadow:none}.crm-task-card.is-drag-gap{height:0;min-height:0;padding:0;border:0;opacity:0;overflow:hidden;pointer-events:none;flex:none}.crm-task-card.is-saving{opacity:.65}.crm-task-card.is-saving:after{content:'Сохраняем…';display:block;font-size:10px;color:var(--crm-task-secondary);margin-top:5px}.crm-task-drag-image{box-shadow:0 12px 26px #17395142!important;border:1px solid #d4e1e9!important;border-left:3px solid var(--column-color,#38a9e8)!important;opacity:1!important;z-index:30000;border-radius:5px;background:var(--crm-task-surface)}.crm-task-dragging,.crm-task-dragging *{cursor:grabbing!important}.crm-task-dragging .crm-task-card:hover{transform:none}
.crm-task-drag-stage button{border:0;background:none;color:inherit;font:inherit}.crm-task-drag-stage button:first-child{flex:1;text-align:left}
/* Task details occupy the right, with its discussion in the centre, as in the new Bitrix card. */
.crm-task-details{grid-column:2;grid-row:1}.crm-task-discussion{grid-column:1;grid-row:1}
/* The existing React creation form keeps its complete upload, template and checklist logic. */
#workspaceTaskComposer.crm-task-composer-layer{z-index:2450;justify-content:flex-end;padding:0;background:#142d4555;backdrop-filter:none}#workspaceTaskComposer.crm-task-composer-layer>.workspace-task-composer{height:100dvh;max-height:100dvh;width:min(1040px,calc(100vw - 70px));max-width:none;border-radius:0;animation:task-slide .22s ease;margin:0}
#workspaceTaskComposer.crm-task-composer-layer{display:flex!important;align-items:stretch!important;justify-content:flex-end!important;place-items:stretch end!important}
#workspaceTaskComposer.crm-task-composer-layer>.workspace-task-composer{position:relative!important;inset:auto!important;transform:none!important;flex:none}
@keyframes task-slide{from{transform:translateX(70px);opacity:.6}to{transform:translateX(0);opacity:1}}@keyframes task-fade{from{opacity:0}to{opacity:1}}
@media(max-width:1050px){.crm-task-drawer-columns{grid-template-columns:minmax(300px,1fr) minmax(300px,1fr)}.crm-task-details{padding:22px 20px}.crm-task-fields{grid-template-columns:105px 1fr}.crm-task-drawer-header{padding:12px 20px}.crm-task-drawer h1{font-size:22px}}
@media(max-width:780px){.crm-task-drawer{width:calc(100vw - 38px)}.crm-task-drawer-close{left:-34px;width:34px;font-size:24px!important}.crm-task-drawer-header{gap:8px;min-height:70px}.crm-task-drawer h2{font-size:18px}.crm-task-edit{font-size:11px!important;padding:6px}.crm-task-mobile-panes{display:flex;background:var(--crm-task-surface);border-bottom:1px solid var(--crm-task-border);flex-shrink:0}.crm-task-mobile-panes button{flex:1;padding:13px;border:0;background:none;color:#8b99a5}.crm-task-mobile-panes button[aria-pressed=true]{color:var(--crm-task-blue);box-shadow:inset 0 -2px #1db2dc}.crm-task-drawer-columns{display:flex;flex-direction:column}.crm-task-details,.crm-task-discussion{flex:1;min-height:0}.crm-task-drawer-columns[data-pane=task]>.crm-task-discussion,.crm-task-drawer-columns[data-pane=chat]>.crm-task-details{display:none}.crm-task-column{flex-basis:265px}.crm-task-workspace .workspace-task-board{overflow:auto}.crm-task-workspace .workspace-task-board__head,.crm-task-workspace .workspace-task-row{min-width:900px}.crm-task-modal-backdrop{padding:14px}.crm-task-modal{padding:20px;max-height:calc(100dvh - 28px)}}
@media(prefers-reduced-motion:reduce){.crm-task-drawer,.crm-task-drawer-backdrop,.crm-task-modal,.crm-task-card,#workspaceTaskComposer.crm-task-composer-layer>.workspace-task-composer{animation:none;transition:none}}

/* Theme-specific surfaces remain legible over any atmospheric wallpaper. */
.crm-task-workspace .crm-task-card,.crm-task-drag-image,
#cleanCrmApp #workspaceTasksPage .crm-task-card{
 background:var(--crm-task-surface);color:var(--crm-task-ink);border-color:var(--crm-task-border);
 border-left:3px solid var(--column-color);border-radius:5px;box-shadow:var(--crm-task-shadow);
}
.crm-task-column>header{color:#102936;font-weight:600}
.crm-task-column>header b{font-weight:600;opacity:1}
.crm-task-card-title{color:var(--crm-task-ink);font-size:15px!important;font-weight:600!important}
.crm-task-card-top{font-size:12px}.crm-task-card footer>span{font-size:12px}
.crm-task-card-top>button{color:var(--crm-task-secondary)}
.crm-task-quick-add,.crm-task-empty{color:var(--crm-task-secondary)}
.crm-task-card footer{border-top-color:var(--crm-task-border)}
.crm-task-viewbar button{color:var(--crm-task-secondary)}
.crm-task-add-stage{background:var(--crm-task-muted);color:var(--crm-task-blue);border:1px solid var(--crm-task-border)}
.crm-task-workspace .workspace-task-entry.is-open{background:var(--crm-task-info)}
.crm-task-drawer-skeleton div{background:var(--crm-task-muted)}
.crm-task-modal label,.crm-task-discussion>header span{color:var(--crm-task-secondary)}
.crm-task-colors button{color:#102936}