/* 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:transparent;
 --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:transparent;
 --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:var(--crm-kanban-height,65dvh);min-height:240px;box-sizing:border-box}.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}
/* The task remains on the left; its existing discussion occupies the right pane. */
.crm-task-details{grid-column:1;grid-row:1}.crm-task-discussion{grid-column:2;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}

/* Task controls adapt to their container; the board measures the remaining viewport. */
.crm-task-workspace{min-width:0;max-width:100%}
.crm-task-workspace[data-view="kanban"] .crm-task-content{min-height:0}
.crm-task-workspace .workspace-tasks-hero{min-height:0;flex-wrap:wrap;gap:6px 18px}
.crm-task-workspace .workspace-task-metrics{flex-wrap:wrap;min-width:0}
.crm-task-viewbar{flex-wrap:wrap;gap:4px 12px}
.crm-task-viewbar nav{gap:18px;min-width:0}
.crm-task-viewbar button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;white-space:nowrap}
.crm-task-workspace .workspace-task-toolbar{display:flex;flex-direction:column;align-items:stretch;gap:10px;padding:12px 0}
.crm-task-workspace .workspace-task-scopes{min-width:0;align-items:center;gap:4px}
.crm-task-workspace .workspace-task-scopes button{flex-shrink:0;min-height:36px;white-space:nowrap}
.crm-task-workspace .workspace-task-toolbar__right{display:grid;grid-template-columns:minmax(140px,1fr) auto auto;align-items:stretch;gap:10px;width:100%;min-width:0}
.crm-task-workspace .workspace-task-search{min-width:0;max-width:100%;box-sizing:border-box}
.crm-task-workspace .workspace-task-search input{min-width:0;font-size:13px;min-height:38px}
.crm-task-workspace .workspace-task-status-filter{min-width:0;box-sizing:border-box;gap:6px}
.crm-task-workspace .workspace-task-status-filter select{min-width:85px;max-width:100%;font-size:12px}
.crm-task-workspace .workspace-task-toolbar__right>.workspace-primary{white-space:nowrap;min-height:40px}
.crm-task-workspace .workspace-task-search:focus-within,.crm-task-workspace .workspace-task-status-filter:focus-within{outline:2px solid var(--crm-task-blue);outline-offset:2px}

.crm-task-icon{display:inline-block;flex:none;width:16px;height:16px;vertical-align:-3px}
.crm-task-column>header{gap:6px}
.crm-task-column>header button{min-height:38px;display:inline-flex;align-items:center;gap:5px}
.crm-task-column>header button:last-child{justify-content:center;min-width:30px;padding:0}
.crm-task-column-title-input{font:600 14px/1.4 Arial,sans-serif;box-sizing:border-box;width:100%;min-width:0;flex:1;height:32px;padding:4px 7px;border:1px solid #10293666;border-radius:4px;background:#ffffffdb;color:#102936;outline:none}
.crm-task-column-title-input:focus{border-color:#102936;box-shadow:0 0 0 2px #ffffff88}
.crm-task-quick-add{display:flex;align-items:center;justify-content:center;gap:6px;min-height:42px;padding:11px 8px}
.crm-task-card{position:relative}
.crm-task-card-top>button{display:inline-grid;place-items:center;min-width:28px;min-height:28px;border-radius:4px}
.crm-task-card-top>button:hover,.crm-task-card-top>button:focus-visible{background:var(--crm-task-info);color:var(--crm-task-blue)}
.crm-task-card-due{display:flex;align-items:center;gap:5px}
.crm-task-card footer>span{flex:1;min-width:0}
.crm-task-card-stats{display:flex;align-items:center;gap:10px;min-width:0;color:var(--crm-task-secondary);font-size:11px;line-height:1.4}
.crm-task-card-stats>span,.crm-task-card-stats>button{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}
.crm-task-card-stats button{border:0;background:none;color:inherit;padding:0}
.crm-task-card-stats .crm-task-icon{width:14px;height:14px}
.crm-task-card-stats:empty{display:none}

/* A stable gutter prevents cards from changing width when a scrollbar appears. */
.crm-task-kanban,.crm-task-column-cards,.crm-task-settings-list,.crm-task-workspace .workspace-task-scopes{scrollbar-width:thin;scrollbar-color:transparent transparent}
.crm-task-column-cards{scrollbar-gutter:stable}
.crm-task-kanban:hover,.crm-task-kanban:focus-within,.crm-task-column-cards:hover,.crm-task-column-cards:focus-within,.crm-task-settings-list:hover,.crm-task-settings-list:focus-within,.crm-task-workspace .workspace-task-scopes:hover,.crm-task-workspace .workspace-task-scopes:focus-within,
.crm-task-dragging .crm-task-kanban,.crm-task-dragging .crm-task-column-cards{scrollbar-color:var(--crm-task-scroll) transparent}
.crm-task-kanban::-webkit-scrollbar,.crm-task-column-cards::-webkit-scrollbar,.crm-task-settings-list::-webkit-scrollbar,.crm-task-workspace .workspace-task-scopes::-webkit-scrollbar{width:6px;height:6px}
.crm-task-kanban::-webkit-scrollbar-thumb,.crm-task-column-cards::-webkit-scrollbar-thumb,.crm-task-settings-list::-webkit-scrollbar-thumb,.crm-task-workspace .workspace-task-scopes::-webkit-scrollbar-thumb{border-radius:8px;background:transparent}
.crm-task-kanban:hover::-webkit-scrollbar-thumb,.crm-task-kanban:focus-within::-webkit-scrollbar-thumb,.crm-task-column-cards:hover::-webkit-scrollbar-thumb,.crm-task-column-cards:focus-within::-webkit-scrollbar-thumb,.crm-task-settings-list:hover::-webkit-scrollbar-thumb,.crm-task-settings-list:focus-within::-webkit-scrollbar-thumb,.crm-task-workspace .workspace-task-scopes:hover::-webkit-scrollbar-thumb,.crm-task-workspace .workspace-task-scopes:focus-within::-webkit-scrollbar-thumb,
.crm-task-dragging .crm-task-kanban::-webkit-scrollbar-thumb,.crm-task-dragging .crm-task-column-cards::-webkit-scrollbar-thumb{background:var(--crm-task-scroll)}

/* Compact anchored menus share the task theme, including body-mounted submenus. */
.crm-task-context-menu{width:248px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);padding:5px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--crm-task-scroll) transparent;box-shadow:0 8px 28px #10293624;transform-origin:top left;animation:task-menu-in .14s cubic-bezier(.2,.8,.2,1);outline:none}
.crm-task-context-menu button{display:flex;align-items:center;gap:10px;min-height:36px;padding:8px 10px;line-height:1.35;transition:background .12s ease,color .12s ease}
.crm-task-context-menu button:hover,.crm-task-context-menu button:focus-visible{background:var(--crm-task-info);outline:none;color:var(--crm-task-blue)}
.crm-task-context-menu button:disabled{opacity:.45;cursor:default}
.crm-task-context-menu button:disabled:hover{background:none;color:var(--crm-task-secondary)}
.crm-task-context-menu .is-danger:hover,.crm-task-context-menu .is-danger:focus-visible{color:var(--crm-task-danger)}
.crm-task-menu-label{flex:1;min-width:0;text-align:left;overflow-wrap:anywhere}
.crm-task-menu-separator{display:block;height:1px;margin:5px 5px;border:0;background:var(--crm-task-border)}
.crm-task-menu-heading{padding:8px 10px 6px;color:var(--crm-task-secondary);font-size:11px;line-height:1.4;overflow-wrap:anywhere}
.crm-task-context-menu .crm-task-menu-back{font-weight:600;border-bottom:1px solid var(--crm-task-border);border-radius:3px 3px 0 0;margin-bottom:4px;padding-bottom:10px}
.crm-task-context-menu button[aria-checked="true"]{background:var(--crm-task-info);color:var(--crm-task-blue)}
.crm-task-context-menu button>small{margin-left:auto;color:var(--crm-task-secondary);font-size:10px;white-space:nowrap}

.crm-task-drawer{animation:task-panel-enter .26s cubic-bezier(.2,.75,.25,1)}
.crm-task-drawer-header{flex-wrap:wrap;flex-shrink:0;gap:8px 14px}
.crm-task-drawer-header>div{min-width:0;flex:1}
.crm-task-drawer-header h2{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.crm-task-drawer-header>.workspace-status{flex:none;max-width:100%;box-sizing:border-box}
.crm-task-edit{flex:none;min-height:38px}
.crm-task-drawer-backdrop.is-closing{pointer-events:none;animation:task-fade-out .2s ease forwards}
.crm-task-drawer.is-closing,.crm-task-drawer-backdrop.is-closing>.crm-task-drawer{animation:task-panel-exit .2s cubic-bezier(.4,0,1,1) forwards}
.crm-task-modal input:focus-visible,.crm-task-modal textarea:focus-visible,.crm-task-modal select:focus-visible{outline:2px solid var(--crm-task-blue);outline-offset:2px}
.crm-task-modal header{margin-bottom:18px}
.crm-task-modal header>button{display:grid;place-items:center;flex:none;width:36px;height:36px;padding:0;border-radius:5px}
.crm-task-modal header>button:hover{background:var(--crm-task-muted)}
.crm-task-modal h2{min-width:0;overflow-wrap:anywhere}
.crm-task-modal footer{flex-wrap:wrap}
.crm-task-modal footer button{min-height:40px}
.crm-task-settings-row{display:grid;grid-template-columns:18px minmax(0,1fr) repeat(4,34px);gap:4px}
.crm-task-settings-row>button{min-width:0;min-height:36px;padding:4px;border-radius:4px}
.crm-task-settings-row>button:not(:disabled):hover{background:var(--crm-task-muted);color:var(--crm-task-blue)}
.crm-task-settings-row .crm-task-column-label{min-width:0;overflow-wrap:anywhere}
.crm-task-column-label b,.crm-task-column-label small{display:block;min-width:0;overflow-wrap:anywhere}
.crm-task-colors{gap:8px}
.crm-task-colors button{width:36px;height:36px}
.crm-task-add-column,.crm-task-link{min-height:40px;text-align:left}

@keyframes task-menu-in{from{opacity:0;transform:translateY(-4px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes task-panel-enter{from{transform:translateX(100%)}to{transform:translateX(0)}}
@keyframes task-panel-exit{from{transform:translateX(0)}to{transform:translateX(100%)}}
@keyframes task-fade-out{from{opacity:1}to{opacity:0}}

@media(max-width:1024px){
 .crm-task-workspace .workspace-tasks-hero{align-items:center;flex-direction:row}
 .crm-task-workspace .workspace-task-scopes{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;padding-bottom:4px}
 .crm-task-workspace .workspace-task-scopes button{padding:8px 9px;font-size:12px}
 .crm-task-workspace .workspace-task-toolbar__right{grid-template-columns:minmax(120px,1fr) auto auto;gap:8px}
 .crm-task-kanban{gap:10px;padding-left:0;padding-right:0}
}
@media(max-width:780px){
 .crm-task-workspace .workspace-tasks-hero{padding:10px 12px}
 .crm-task-viewbar{margin:8px 0}
 .crm-task-viewbar nav{gap:12px}
 .crm-task-workspace .workspace-task-toolbar{gap:8px;padding:8px 0}
 .crm-task-workspace .workspace-task-search input{font-size:13px}
 .crm-task-workspace .workspace-task-toolbar__right>.workspace-primary{font-size:12px;padding:8px 10px}
 .crm-task-drawer-header{padding:12px 16px}
 .crm-task-details{padding:20px 16px}
 .crm-task-fields{grid-template-columns:96px minmax(0,1fr);gap:12px 8px}
 .crm-task-context-menu button{min-height:40px}
 .crm-task-checking{max-width:calc(100vw - 32px);left:16px;bottom:16px;box-sizing:border-box}
}
@media(max-width:480px){
 .crm-task-viewbar{gap:2px 8px}
 .crm-task-viewbar nav{gap:8px}
 .crm-task-viewbar button{font-size:12px;padding:10px 4px}
 .crm-task-workspace .workspace-task-metrics{gap:4px 10px}
 .crm-task-workspace .workspace-task-toolbar__right{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .crm-task-workspace .workspace-task-search{grid-column:1/-1}
 .crm-task-workspace .workspace-task-status-filter{justify-content:space-between;padding:0 8px;min-height:40px}
 .crm-task-workspace .workspace-task-status-filter select{width:100%;min-width:0}
 .crm-task-workspace .workspace-task-toolbar__right>.workspace-primary{white-space:normal;line-height:1.3}
 .crm-task-column{flex-basis:min(278px,calc(100vw - 72px))}
 .crm-task-drawer-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:10px 12px}
 .crm-task-drawer-header>.crm-task-edit{grid-column:1/-1;justify-self:start;margin-left:0;padding:7px 10px}
 .crm-task-drawer h2{font-size:17px}
 .crm-task-drawer-header>.workspace-status{font-size:11px;padding:4px 6px}
 .crm-task-details h1{font-size:21px}
 .crm-task-details{padding:18px 12px}
 .crm-task-fields{grid-template-columns:88px minmax(0,1fr);font-size:12px}
 .crm-task-fields dd{gap:6px}
 .crm-task-modal{padding:16px}
 .crm-task-modal h2{font-size:19px}
 .crm-task-settings-list{margin-left:-4px;margin-right:-4px}
 .crm-task-settings-row{padding:7px 4px;grid-template-columns:16px minmax(0,1fr) repeat(4,32px)}
 .crm-task-settings-row .crm-task-column-label{font-size:12px}
 .crm-task-settings-row .crm-task-column-label small{font-size:10px}
}
@media(max-height:650px){
 .crm-task-modal-backdrop{padding:10px}
 .crm-task-modal{max-height:calc(100dvh - 20px)}
 .crm-task-settings-list{max-height:240px}
 .crm-task-drawer-header{min-height:64px}
}
@media(hover:none),(pointer:coarse){
 .crm-task-card-top>button{min-width:40px;min-height:36px}
 .crm-task-column>header button:last-child{min-width:36px}
 .crm-task-modal header>button,.crm-task-colors button{min-width:40px;min-height:40px}
 .crm-task-settings-row{grid-template-columns:16px minmax(0,1fr) repeat(4,40px)}
 .crm-task-settings-row>button{min-height:44px}
 .crm-task-context-menu button,.crm-task-mobile-panes button{min-height:44px}
 .crm-task-kanban,.crm-task-column-cards,.crm-task-settings-list,.crm-task-workspace .workspace-task-scopes{scrollbar-color:var(--crm-task-scroll) transparent}
}
@media(prefers-reduced-motion:reduce){
 .crm-task-context-menu,.crm-task-context-menu button,.crm-task-drawer,.crm-task-drawer-backdrop,.crm-task-drawer.is-closing,.crm-task-drawer-backdrop.is-closing,.crm-task-drawer-backdrop.is-closing>.crm-task-drawer{animation:none;transition:none}
}
.crm-task-stage-select{display:none}
.crm-task-chat-host.bichmi-v2-compact-host .bichmi-v2--compact{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr)!important}
.crm-task-chat-host.bichmi-v2-compact-host .bichmi-v2__chat.is-compact{grid-column:1!important;grid-row:1!important;width:100%!important;min-width:0!important;box-sizing:border-box}
.crm-task-stage-option{display:flex;width:100%;align-items:center;gap:12px;border:0;background:none;color:var(--crm-task-ink);padding:14px 8px;text-align:left;border-radius:5px}
.crm-task-stage-option>span{flex:1;min-width:0;overflow-wrap:anywhere}.crm-task-stage-option>b{font-size:12px;color:var(--crm-task-secondary);font-weight:400}
.crm-task-stage-option>i,.crm-task-stage-select>i{display:block;flex:none;width:7px;height:25px;border-radius:4px}
.crm-task-stage-option[aria-pressed=true]{background:var(--crm-task-info)}
.crm-task-card-stats{flex:none}.crm-task-card-stats>button{min-width:28px;min-height:28px;justify-content:center}
@media(max-width:600px){
 #cleanCrmApp #workspaceTasksPage .crm-task-workspace .workspace-task-toolbar{display:flex;flex-direction:column;align-items:stretch;gap:10px;padding:10px;min-height:0}
 #cleanCrmApp #workspaceTasksPage .crm-task-workspace .workspace-task-scopes{flex-wrap:nowrap;overflow-x:auto;min-width:0;width:100%;padding-bottom:4px}
 #cleanCrmApp #workspaceTasksPage .crm-task-workspace .workspace-task-scopes button{flex:none;white-space:nowrap}
 #cleanCrmApp #workspaceTasksPage .crm-task-workspace .workspace-task-toolbar__right{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:100%;gap:8px;flex:none;align-items:center;min-height:0}
 #cleanCrmApp #workspaceTasksPage .crm-task-workspace .workspace-task-search{grid-column:1/-1;flex:none;min-width:0;width:auto;height:40px;min-height:40px;margin:0;box-sizing:border-box}
 #cleanCrmApp #workspaceTasksPage .crm-task-workspace .workspace-task-search input{min-height:38px;height:38px;padding:0 6px;font-size:13px}
 #cleanCrmApp #workspaceTasksPage .crm-task-workspace .workspace-task-status-filter{width:auto;min-width:0;height:40px;min-height:40px;margin:0;box-sizing:border-box;gap:4px}
 #cleanCrmApp #workspaceTasksPage .crm-task-workspace .workspace-task-status-filter select{min-width:0;height:38px;min-height:38px;font-size:12px}
 #cleanCrmApp #workspaceTasksPage .crm-task-workspace .workspace-task-toolbar__right>.workspace-primary{height:40px;min-height:40px;margin:0;max-width:100%;padding:6px;font-size:12px}
 .crm-task-stage-select{display:flex;gap:10px;align-items:center;width:100%;padding:10px 12px;border:1px solid var(--crm-task-border);border-radius:6px;background:var(--crm-task-surface);color:var(--crm-task-ink);margin-top:12px}
 .crm-task-stage-select>span{flex:1;text-align:left}.crm-task-stage-select>b{font-size:12px;font-weight:400;color:var(--crm-task-secondary)}
 .crm-task-kanban{display:block;overflow:hidden;padding:8px 0 12px}.crm-task-column{height:100%;width:100%;border:0;padding:0}.crm-task-column[data-mobile-active=false],.crm-task-add-stage{display:none}
 .crm-task-column>header{margin-right:12px}.crm-task-column-cards{padding:0 0 12px}.crm-task-card{padding:12px 14px}.crm-task-card-title{font-size:15px!important}
 .crm-task-stage-backdrop{align-items:end;padding:8px}.crm-task-stage-picker{width:100%;max-height:85dvh;border-radius:14px 14px 8px 8px;padding:20px 16px;animation:task-sheet-enter .22s cubic-bezier(.2,.75,.25,1)}
 .crm-task-stage-picker:before{content:'';display:block;width:40px;height:4px;border-radius:4px;background:var(--crm-task-border);margin:-9px auto 16px}
 .crm-task-workspace .workspace-task-board{min-width:0;overflow:visible}.crm-task-workspace .workspace-task-board__head{display:none}
 .crm-task-workspace .workspace-task-row{display:flex!important;flex-wrap:wrap;gap:10px;padding:16px!important;min-width:0!important;height:auto!important}
 .crm-task-workspace .workspace-task-row>span{flex:1 1 44%;font-size:12px}.crm-task-workspace .workspace-task-row>span:first-child{flex:1 1 100%;font-size:15px}
 .crm-task-workspace .workspace-task-row>span:before{content:attr(data-column);display:block;font-size:10px;opacity:.65;margin-bottom:3px}.crm-task-workspace .workspace-task-row>span:first-child:before{display:none}
 .crm-task-workspace .workspace-task-simple-title{align-items:flex-start}.crm-task-workspace .workspace-task-alerts:empty{display:none}
}
@media(max-width:600px){
 #cleanCrmApp #workspaceTasksPage .crm-task-workspace .workspace-task-board__head{display:none}
 #cleanCrmApp #workspaceTasksPage .crm-task-workspace .workspace-task-alerts:empty{display:none}
}
@media(min-width:601px) and (max-width:1024px){
 #cleanCrmApp #workspaceTasksPage .crm-task-workspace .workspace-task-scopes{flex-wrap:nowrap;overflow-x:auto;width:100%;padding-bottom:4px}
 #cleanCrmApp #workspaceTasksPage .crm-task-workspace .workspace-task-scopes button{flex:none;white-space:nowrap}
 #cleanCrmApp #workspaceTasksPage .crm-task-workspace .workspace-task-toolbar__right{display:grid;grid-template-columns:minmax(120px,1fr) auto auto;align-items:center;gap:8px;width:100%}
 #cleanCrmApp #workspaceTasksPage .crm-task-workspace .workspace-task-search{height:40px;min-height:40px;min-width:0;margin:0}
 #cleanCrmApp #workspaceTasksPage .crm-task-workspace .workspace-task-status-filter{height:40px;min-height:40px;min-width:0;margin:0}
}
@keyframes task-sheet-enter{from{transform:translateY(100%)}to{transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.crm-task-stage-picker{animation:none}}