/* Telegram-inspired workspace: clear blue navigation and readable chat bubbles. */
:root{--line:#c6d4df;--muted:#667f92;--green:#248bd2;background:#e7eef5;color:#152c3e;font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:14px}
button,input,select,textarea{border-color:#bdcedc;border-radius:10px}button{font-weight:550}button:hover{background:#e9f4fc;border-color:#7fafd1}button:focus-visible,input:focus,select:focus,textarea:focus{outline:3px solid #79bcea;outline-offset:2px}.primary{background:#248bd2;border-color:#248bd2}.primary:hover{background:#147bbf}
header{height:76px;background:#fff;color:#203d53;border-bottom:1px solid #b7cbdc;box-shadow:0 2px 10px #294d7110;padding:0 22px;gap:12px}header .brand{font-size:18px;letter-spacing:1px;color:#258bcc}header button{background:#f2f7fb;border:1px solid #bed1e0;color:#2b638b}header button:hover{background:#e0f0fb}header #who{color:#567084;max-width:140px}header .sync{color:#487893}.product-switch select{background:#edf6fd;border:1px solid #b4d0e4;color:#21618f;font-size:13px;min-height:40px}.product-switch{max-width:340px;min-width:170px}#tab-tasks{background:#248bd2;color:white;border-color:#248bd2}#tab-tasks[aria-pressed=true]{background:#d9edfc;color:#136ba7;border-color:#82b8de}
main{height:calc(100dvh - 76px);background:#e5eef6}.inbox{width:clamp(380px,29vw,470px);background:#fff;border-right:1px solid #aabfd1;padding:0 12px 16px;box-shadow:3px 0 12px #20446a0a;scrollbar-color:#bdcedc transparent}.sidebar-tabs{display:grid;grid-template-columns:1fr 1fr 1.3fr;margin:0 -12px 14px;padding:12px;background:#fff;border-bottom:1px solid #c6d4df;gap:5px}.sidebar-tabs #tab-pinned{grid-column:auto}.sidebar-tabs button{font-size:13px;border:0;background:#eef4f9;color:#597387;border-radius:22px;min-height:40px;padding:8px}.sidebar-tabs [aria-selected=true]{background:#dcedfb;color:#1976b8;box-shadow:none}.section-head{margin:0 3px 12px}.section-head h2,.section-head #list-title{font-size:20px;font-weight:650}#search,#pinned-search{background:#f0f5f9;border-color:#c4d4e1;border-radius:22px;padding-left:16px}#search::placeholder{color:#7991a3}.filters{margin:10px 0}.filters select{border-color:#c9d8e4;border-radius:9px;background:#f8fbfd}
.inbox-counters{border:1px solid #c8d9e7;background:#f3f8fc;border-radius:12px;padding:10px 12px;margin-bottom:12px}.inbox-counters>summary{cursor:pointer;font-size:12px;font-weight:650;color:#407391;list-style-position:inside}.inbox-counters[open]>summary{margin-bottom:10px}.counter-status{border-color:#c3d5e3;border-radius:9px}.counter-status strong{font-size:19px}.counter-status[aria-pressed=true]{background:#dfeffc;border-color:#6caada;box-shadow:none}.counter-status[data-status=new] strong{color:#2384c5}
.conversation{min-height:96px;margin:0 0 5px;padding:12px 10px;border:1px solid #d8e3ec;border-radius:12px;box-shadow:none;gap:12px}.conversation:hover{background:#f1f7fb;border-color:#b7cedf}.conversation.selected{background:#e0effb;border:1px solid #8ab9dd;box-shadow:inset 3px 0 #2794d9}.avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#70bde9,#398cc4);color:#fff;font-size:16px}.conversation:nth-child(3n+2) .avatar{background:linear-gradient(135deg,#97a9ee,#687ec8)}.conversation:nth-child(3n+3) .avatar{background:linear-gradient(135deg,#68c3bf,#379993)}.conversation.selected .avatar{background:#3894d0;color:#fff}.conversation strong{font-size:14px;line-height:1.4}.conversation .meta{font-size:11px;color:#6c8598;margin-top:6px}.conversation-date{font-size:11px;color:#688499}.badge,.conversation.selected .badge{background:#eaf3fa;border:0;border-radius:10px;color:#5680a0;padding:3px 7px}
#chat,#empty{background-color:#dce9f2;background-image:radial-gradient(ellipse at 10% 20%,#edf6fc88,transparent 45%),radial-gradient(ellipse at 85% 90%,#b9d7e255,transparent 50%)}.chat-head{background:#fff;border-bottom:1px solid #c6d4df;padding:14px 24px;min-height:76px}.chat-head h2{font-size:19px;font-weight:650}.chat-head #chat-meta{font-size:12px;color:#6c889c}.chat-head>select{background:#f0f7fc;border-color:#bfd4e3;border-radius:18px;font-size:12px}.assignment{padding:8px 24px;background:#f4f8fc;border-bottom:1px solid #c3d4e2;gap:8px;font-size:12px}.assignment button,.assignment select{font-size:11px;padding:6px 9px;background:#fff;border-color:#c3d4e2;border-radius:15px}.assignment label{font-weight:500}#tags-view{color:#4189b7}#history{padding:24px clamp(18px,4vw,70px);scrollbar-color:#a9c1d2 transparent}
.message{background:#fff;border:1px solid #b8cedf;box-shadow:0 2px 3px #315c7b0d;border-radius:16px 16px 16px 4px;padding:10px 13px;margin-bottom:12px;max-width:min(80%,760px);font-size:14px;line-height:1.5}.message.outgoing{background:#e3f4dd;border-color:#b6d3b1;border-radius:16px 16px 4px 16px}.message.internal{background:#fff5d6;border-color:#dbc98b;border-radius:12px}.message .author,.author[href]{color:#2986ba;font-size:12px;font-weight:650}.author[href]{text-decoration:none}.author[href]:hover{text-decoration:underline}.message .body{line-height:1.6}.message .foot{font-size:10px;color:#7290a4;margin-top:5px}.message-mark-actions{gap:5px;margin-top:7px}.message-mark-actions button,.reply-action{font-size:10px;font-weight:500;border-color:#c6dbe9;background:#f4f9fd;color:#377da9;padding:4px 7px;border-radius:12px}.message-mark-actions button:hover,.reply-action:hover{background:#e2f0fa}.message-mark-actions button[aria-pressed=true]{background:#fff1ba;color:#8c6b16;border-color:#d1bc73}.message.is-important{background:#fffae9;border:2px solid #d3b657}.forward-origin,.message-quote,.reply-preview{border-left-color:#52a4d8;background:#edf6fd;color:#3c6f92;border-radius:6px}.forward-origin{font-size:12px}.message-quote{font-size:12px}.focused-message{outline-color:#299bdf}
#compose{margin:0 clamp(14px,3vw,52px) 18px;background:#fff;border:1px solid #aac5d9;border-radius:16px;padding:10px 14px;box-shadow:0 2px 10px #315c7b14}.compose-tools{gap:12px;font-size:11px}.compose-tools select{border:0;background:#f1f7fb;border-radius:15px;padding:6px 9px;font-size:11px}.compose-tools input{border-color:#d3e1ec;padding:5px 8px}.compose-tools label{color:#6c899d}#body{border:0;outline-offset:0;background:white;padding:8px 2px;min-height:60px;font-size:14px;margin:5px 0}#body::placeholder{color:#8ba2b2}.compose-footer small{font-size:11px;color:#7792a5}#send{border-radius:22px;padding:9px 19px;background:#248bd2;color:white;font-size:13px}#send:hover{background:#147bbf}.empty h2{font-size:21px}.empty-icon{color:#78a6c5}.empty p{background:#c6dce9aa;border-radius:18px;padding:10px 22px;color:#4f7691;font-size:13px}
#task-board{background:#e5eef6}.task-board-head{background:#fff;border-bottom-color:#bfcede;padding:18px 24px}.task-column{background:#f0f6fb;border-color:#bdcede;border-radius:14px}.task-card{border-color:#bbd0e1;border-radius:12px;box-shadow:0 2px 5px #254a6810}.task-source-preview{border-left-color:#248bd2}.pinned-card{border-color:#c0d5e4;box-shadow:none;border-radius:14px}.pinned-open strong{font-size:14px}dialog{border-color:#b2cbdd;border-radius:20px;background:#fff;box-shadow:0 16px 60px #173c6240}dialog::backdrop{background:#23436366}.setup-status,#mail-form,#user-form,#connections-settings{background:#f3f8fc;border-color:#c3d5e4;border-radius:14px}.connection-card,.user-card{border-color:#c3d5e4;border-radius:12px}.users-roles p,.analysis-metrics>div{background:#edf6fd}#user-superadmin{width:auto!important}.intro{background:linear-gradient(150deg,#217cb9,#55aee5)}.intro p{color:#e1f2fd}.intro h1{font-weight:650}.eyebrow{color:#248bd2}
@media(min-width:621px) and (max-width:1100px){.inbox{width:350px}header{padding:0 12px;gap:8px}header #who,header .sync{display:none}.product-switch{max-width:300px}#history{padding:20px}.message{max-width:92%}.chat-head{padding:14px 18px}.assignment{padding:8px 18px}}
@media(max-width:620px){header{height:110px;flex-wrap:wrap;align-content:center;gap:7px;padding:8px 12px}header .brand{display:block;font-size:16px}.product-switch{flex:1;max-width:none;min-width:210px}.product-switch select{font-size:11px;min-height:35px;padding:7px}header .sync,header #who{display:none}header button{font-size:11px;padding:6px 10px;min-height:30px}header #tab-tasks{margin-left:auto}main{height:calc(100dvh - 110px)}.inbox{width:100%;border-right:0}.sidebar-tabs{padding:10px 12px}.sidebar-tabs button{min-height:38px}.chat-head{min-height:64px;padding:12px}.chat-head h2{font-size:16px}.assignment{padding:7px 12px;gap:5px}.assignment button{padding:5px 7px}#history{padding:16px 10px}.message{max-width:94%;padding:10px 12px}#compose{margin:0 8px 8px;padding:9px 12px}#body{min-height:54px}#send{padding:8px 13px}.compose-footer small{font-size:10px}.task-columns{padding:12px}body.tasks-open .inbox{max-height:38dvh}.intro{padding:30px}}
@media(prefers-reduced-motion:no-preference){button{transition:background-color .15s,border-color .15s}}

.chat-channels{display:grid;grid-template-columns:.9fr 1fr 1.25fr;gap:7px;margin:0 0 16px}.chat-channels button{display:flex;align-items:center;justify-content:center;gap:7px;padding:9px 6px;min-height:45px;border:1px solid #bed3e3;background:#f7fbfe;border-radius:12px;font-size:12px;color:#4b708b;white-space:nowrap}.chat-channels button:hover{background:#e9f4fc;border-color:#7fb4d9}.chat-channels button[aria-pressed=true]{background:#deeffc;color:#166eaa;border-color:#64a9db;box-shadow:inset 0 0 0 1px #64a9db;font-weight:700}.messenger-icon{display:grid;place-items:center;width:27px;height:27px;flex-shrink:0}.messenger-icon svg{display:block;width:25px;height:25px}.max-icon{color:#6962dd}.telegram-icon{color:#269fd8}@media(max-width:380px){.chat-channels{gap:5px}.chat-channels button{font-size:11px;gap:4px}}
.reply-assistant{margin:0 clamp(14px,3vw,52px) 10px;border:1px solid #aecbdc;background:#f3f9fe;border-radius:12px;padding:10px 13px;max-height:42vh;overflow:auto;flex-shrink:0}.reply-assistant summary{cursor:pointer;font-weight:650;font-size:12px;color:#226e9b}.reply-assistant p,.reply-assistant label{font-size:12px;margin:8px 0;display:block}.reply-assistant textarea{border:1px solid #bed4e4;min-height:80px;font-size:13px;padding:8px}.reply-assistant-toolbar{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.reply-assistant-toolbar button,#reply-draft-source{font-size:11px;padding:6px 10px}#reply-draft-source{max-width:100%;text-align:left;overflow-wrap:anywhere}#reply-draft-question{border-left:3px solid #7fb8dc;padding-left:8px;white-space:pre-wrap}#knowledge-dialog{width:min(1050px,calc(100% - 24px));max-width:1050px;max-height:calc(100dvh - 24px);overflow:auto}#knowledge-title{clear:both}.knowledge-layout{display:grid;grid-template-columns:minmax(240px,1fr) minmax(0,1.4fr);gap:20px;margin-top:18px}.knowledge-layout label{display:grid;gap:5px;margin:10px 0}.knowledge-layout textarea{border:1px solid #bed4e4;padding:9px;margin:0}.knowledge-layout input,.knowledge-layout textarea{width:100%}.knowledge-layout p,#knowledge-admin-controls p{font-size:12px}.knowledge-switch{display:flex!important;align-items:center;gap:8px!important}.knowledge-switch input{width:auto!important}.knowledge-row{display:block;text-align:left;width:100%;margin:8px 0;padding:12px}.knowledge-row strong,.knowledge-row span{display:block}.knowledge-row p{margin:5px 0;max-height:65px;overflow:hidden}.knowledge-row span{font-size:11px}.knowledge-toolbar,#knowledge-upload-form{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}#knowledge-upload-form label{flex:1;min-width:200px;display:grid;gap:6px;font-size:12px}#knowledge-list{max-height:500px;overflow:auto}#knowledge-search{width:100%}.knowledge-file-button{margin:5px;font-size:12px}#knowledge-file-dialog{width:min(850px,calc(100% - 24px));max-width:850px}#knowledge-file-title{clear:both}#knowledge-file-text{max-height:65vh;height:55vh;border:1px solid #b4cedf;font-family:monospace;font-size:12px;padding:12px}#knowledge-status{overflow-wrap:anywhere}@media(max-width:700px){.knowledge-layout{grid-template-columns:1fr}#knowledge-list{max-height:230px}.reply-assistant{margin:0 8px 8px;max-height:38vh}#knowledge-dialog{padding:18px}}

#knowledge-file-images figure{margin:12px 0}#knowledge-file-images img{max-width:100%;max-height:420px;object-fit:contain;border:1px solid #bfd3e2;border-radius:8px}#knowledge-file-images figcaption{font-size:11px;overflow-wrap:anywhere}

.ai-cited-answer{background:#fff;border:1px solid #c2d8e8;border-radius:10px;padding:10px;margin-top:10px;font-size:12px}.ai-cited-answer p{white-space:pre-wrap}.ai-cited-answer a{color:#176ca6;text-decoration:underline}

.chat-actions{position:relative;margin-left:auto}.chat-actions>summary{cursor:pointer;padding:8px 12px;border:1px solid var(--border,#ccd6df);border-radius:8px;background:var(--surface,#fff)}.chat-actions-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:30;display:flex;flex-direction:column;gap:4px;width:280px;max-width:calc(100vw - 32px);padding:8px;background:#fff;border:1px solid #c5d1dc;border-radius:10px;box-shadow:0 8px 24px #203b5926}.chat-actions-menu button{text-align:left;width:100%;white-space:normal}.chat-actions:not([open])>.chat-actions-menu{display:none}

.mailbox-filter{display:grid;gap:6px;margin:0 0 14px;font-size:12px;font-weight:600;color:#436582}.mailbox-filter select{width:100%;min-width:0;font-weight:400}.mailbox-filter [role="status"]{font-weight:400;overflow-wrap:anywhere}.mailbox-filter [role="status"]:empty{display:none}.mail-open .conversation .meta>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.task-board-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}.task-views{display:flex;gap:6px;flex-wrap:wrap}.task-views button[aria-pressed=true]{background:#dcedfc;border-color:#78b9e9;color:#0876bd;font-weight:650}.task-archive-grid{display:block}.task-archive-grid>.task-column{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}.task-archive-grid>.task-column>h3{grid-column:1/-1}.task-archive-grid .task-card{margin:0}.task-archive-grid .task-column{min-height:120px}@media(max-width:620px){.task-board-toolbar{gap:8px;margin-bottom:10px}.task-board-toolbar button{font-size:12px;padding:7px 9px}.task-archive-grid>.task-column{grid-template-columns:1fr}}
[id="local-assistant-dialog"],[id="local-reply-dialog"]{width:min(660px,94vw)}
.local-setup-steps{padding-left:22px;line-height:1.7}.local-setup-steps li{margin:12px 0}
.local-device{display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid #b9cbd8;border-radius:10px;padding:14px;margin:12px 0;background:#f6f9fc}
.local-device p{margin:4px 0}.local-device button{flex-shrink:0}.local-reply-actions{display:flex;gap:10px;flex-wrap:wrap}
#local-pair-code{font-family:monospace;font-size:17px;letter-spacing:.04em}#local-job-status{display:block;font-size:12px;margin:6px 0}

.gpt-result{margin-top:22px;padding:18px;border:1px solid #b7cedf;border-radius:12px;background:#f3f8fc}.gpt-result h3{margin-top:0}.gpt-result textarea{width:100%;padding:12px;border:1px solid #adc6d8;border-radius:8px;background:#fff;resize:vertical}#local-reply-context{margin:14px 0}#local-reply-sources{overflow-wrap:anywhere}

#local-reply-dialog{max-height:calc(100dvh - 24px);overflow:auto}#local-reply-title{clear:both}#local-reply-form>label:not(.knowledge-switch){display:block;margin:14px 0}#local-reply-question{width:100%;padding:12px;border:1px solid #adc6d8;border-radius:8px;resize:vertical}#local-reply-status:not(:empty){padding:12px;background:#edf6fd;border:1px solid #c3dced;border-radius:8px}#local-reply-dialog p{font-size:13px;line-height:1.6}

#local-reply-progress:not(:empty){padding:12px;border:1px solid #c3dced;border-radius:8px;background:#edf6fd;white-space:pre-line}#local-reply-progress.problem{background:#fff4e8;border-color:#e4be88;color:#754911}

.ai-source-warning{padding:12px;border:1px solid #d4a760;border-radius:8px;background:#fff4df;color:#68440d;line-height:1.5}

.ai-compose-toolbar{display:flex;align-items:center;gap:14px;margin:0 clamp(14px,3vw,52px) 12px;flex-shrink:0}.ai-compose-toolbar button{border:1px solid #94bdd8;border-radius:22px;background:#e9f4fc;color:#176293;font-weight:600;padding:10px 18px}.ai-compose-toolbar span{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:55%}.ai-settings{padding:20px;margin:16px 0 24px;border:1px solid #aec8db;border-radius:12px;background:#f3f8fc}.ai-settings h3{margin-top:0}.ai-settings label{margin:12px 0}.ai-settings fieldset{border:1px solid #bdcedc;border-radius:8px;padding:10px 14px;margin:16px 0}.ai-settings legend{font-weight:600}.ai-settings .muted{font-size:12px;line-height:1.5}.ai-settings-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}#local-reply-question.ai-question{width:auto;margin:18px 0;padding:12px 14px;border:0;border-left:3px solid #77add0;border-radius:0;background:#f4f8fb;white-space:pre-wrap;color:#526576}#local-reply-result label{font-weight:600}#local-reply-result textarea{margin-top:10px}.gpt-result{padding:0;border:0;background:transparent}#local-reply-progress:empty,#local-reply-status:empty{display:none}@media(max-width:620px){.ai-compose-toolbar{margin:0 12px 10px;flex-wrap:wrap}.ai-compose-toolbar span{max-width:100%}.ai-settings{padding:14px}.ai-settings-actions button{width:100%}}

#compose-ai-status:empty{display:none}#compose-ai-status{font-size:12px;margin:8px 0;color:#42627b;white-space:pre-line}#compose-ai-status.problem{color:#845717}#compose-ai-note{padding:10px 12px;margin:10px 0;background:#f0f7fc;border:1px solid #bdd4e4;border-radius:9px;font-size:12px}#compose-ai-note p{margin:5px 0}#compose-ai-sources a{color:#176ca6}#compose .compose-footer{gap:10px;flex-wrap:wrap}#local-rewrite-open{margin-left:auto}#local-reply-answer{width:100%;padding:12px;border:1px solid #adc6d8;border-radius:8px}#local-reply-apply{margin-top:12px}

.assistant-download{display:inline-flex;align-items:center;justify-content:center;gap:8px;box-sizing:border-box;padding:10px 14px;border:1px solid #176293;border-radius:8px;background:#176293;color:#fff;font:inherit;font-weight:600;line-height:1.4;text-align:center;text-decoration:none}.assistant-download:hover{background:#124d74;color:#fff}.assistant-download:focus-visible{outline:3px solid #3984b5;outline-offset:3px}.assistant-download-box{margin:20px 0;padding:16px;border:1px solid #aec8db;border-radius:12px;background:#edf6fc}.assistant-download-box p{margin:12px 0;line-height:1.5}#local-assistant-dialog .local-setup-steps{font-size:14px}#local-assistant-dialog details{margin:16px 0;padding:12px;border:1px solid #b7cbd9;border-radius:8px}#local-assistant-dialog summary{cursor:pointer;font-weight:600}#local-assistant-dialog details p{line-height:1.6}#local-assistant-dialog h2{clear:both}@media(max-width:620px){.assistant-download,.assistant-download-box>a{width:100%}.assistant-download-box{padding:12px}}

.login-session{align-self:center;width:min(410px,90%);box-sizing:border-box;margin:40px auto;padding:25px}.login-session h2{font-size:29px;margin:20px 0 10px}.login-session p{line-height:1.6}.login-session button{display:block;width:100%;padding:13px;margin-top:12px}@media(max-width:620px){.login-session{margin:20px auto}}

.task-product-label{display:block;margin:8px 0;color:#326381;font-size:12px;font-weight:600}.task-open-link{display:inline-block;padding:6px 8px;border:1px solid #9db7ca;border-radius:6px;color:#176293;background:#f3f8fc;font-size:12px;text-decoration:none}.task-open-link:focus-visible{outline:3px solid #3984b5;outline-offset:2px}

#google-sheets-form label{display:grid;gap:6px}#google-sheets-form input{width:100%;box-sizing:border-box}#google-sheets-refresh{margin-top:14px}.task-views{flex-wrap:wrap}

/* Employee-focused task workspace, without the chat sidebar. */
body.tasks-open main>.inbox{display:none!important}
#task-filters{display:flex;align-items:end;gap:12px;flex-wrap:wrap;padding:14px 24px;background:#fff;border-bottom:1px solid #bfcede}
#task-filters label{display:grid;gap:5px;font-size:13px;min-width:190px;flex:1}
#task-filters .task-search-filter{flex:2}
#task-filters input,#task-filters select{width:100%;min-width:0}
#task-filters #task-progress{flex-basis:100%;font-size:12px;margin:0}
#task-back-chats{margin-right:4px}
@media(max-width:620px){#task-filters{padding:10px 12px;gap:8px}#task-filters label{min-width:140px}#task-filters #task-progress:empty{display:none}body.tasks-open #task-board{min-height:0;flex:1}.task-board-toolbar{justify-content:flex-start}}

.task-priority{display:inline-block;align-self:flex-start;border:1px solid currentColor;border-radius:6px;padding:3px 7px;font-size:12px;font-weight:600}
.task-priority-1{color:#52616b;background:#f1f5f7}.task-priority-2{color:#285a83;background:#edf6ff}.task-priority-3{color:#14634f;background:#eaf8f1}.task-priority-4{color:#865100;background:#fff5db}.task-priority-5{color:#aa2424;background:#ffeded}
.task-card-additional{font-size:13px;margin:0;overflow-wrap:anywhere}
#task-additional{border:1px solid var(--line,#d6e0dd);border-radius:10px;margin:12px 0;padding:12px;min-width:0}
#task-additional-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:180px;overflow:auto}
#task-additional-options .task-additional-option{display:flex;align-items:center;gap:8px;font-weight:400;overflow-wrap:anywhere}
#task-additional-options input{width:18px;height:18px;flex:0 0 18px;margin:0;accent-color:#08765c}
@media(max-width:600px){#task-additional-options{grid-template-columns:1fr}}

.task-people{display:flex;flex-wrap:wrap;gap:6px;margin:3px 0}
.task-person-avatar{position:relative;display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;border-radius:50%;background:#e2e8f0;color:#334155;font-size:14px;font-weight:700;flex-shrink:0;border:2px solid transparent}
.task-person-avatar[data-color="1"]{background:#deefff;color:#205a91}.task-person-avatar[data-color="2"]{background:#e6e0ff;color:#5b4194}.task-person-avatar[data-color="3"]{background:#ffe7d6;color:#914312}.task-person-avatar[data-color="4"]{background:#d9f3e6;color:#18634a}.task-person-avatar[data-color="5"]{background:#ffe1ec;color:#973457}
.task-person-primary{border-color:#11715d}.task-person-primary:after{content:'★';position:absolute;right:-3px;bottom:-4px;color:#11715d;background:white;border-radius:50%;font-size:12px;line-height:16px;width:16px;text-align:center}
.task-requester{font-size:12px;color:#52616b;margin:0;overflow-wrap:anywhere}

/* Compact task cards and participant controls. */
#task-filters label[hidden]{display:none!important}
.task-card-heading{display:flex;justify-content:space-between;align-items:center;gap:8px}.task-card-number{font-size:12px;color:#6d7e8d}.task-card .task-product-label{font-size:11px;font-weight:700;letter-spacing:.04em;margin:0}.task-card .task-priority{width:auto;max-width:100%;min-height:34px;font-size:12px;margin:6px 0}.task-card .task-people{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:8px 0}.task-person-add{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;min-height:36px;padding:0;border:1px dashed #8298a6;border-radius:50%;background:transparent;font-size:19px;color:#286c7b}.task-observers{display:flex;gap:6px;align-items:center;border-left:1px solid #d2dee3;margin-left:4px;padding-left:10px}.task-observers:empty{display:none}.task-person-auditor{outline:2px solid #7160a4;outline-offset:1px}.task-person-auditor:after{content:'◉';position:absolute;right:-3px;bottom:-3px;background:white;font-size:12px;color:#7160a4;border-radius:50%}.task-card .task-card-person,.task-card .task-card-additional{display:none}
#task-auditors{border:1px solid #d6e0dd;border-radius:10px;margin:12px 0;padding:12px;min-width:0}#task-auditor-options,#task-people-options{display:grid;gap:10px;max-height:280px;overflow:auto}#task-auditor-options label,#task-people-options label{display:flex;align-items:center;gap:10px}#task-auditor-options input,#task-people-options input{width:18px;height:18px;flex:0 0 18px;margin:0}#task-people-picker{width:min(480px,calc(100vw - 32px))}.task-card-description{white-space:pre-wrap}
@media(max-width:760px){.task-card .task-priority{min-height:44px;font-size:16px}.task-person-add{width:44px;height:44px;min-height:44px}}
#task-dashboard{width:min(1240px,96vw);max-width:96vw;max-height:94dvh;overflow:auto} .task-report-filters{display:flex;flex-wrap:wrap;gap:12px;align-items:end}.task-report-filters label{min-width:150px;flex:1}.task-report-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:20px 0}.task-metric{display:flex;flex-direction:column;align-items:start;padding:18px;gap:8px;border:1px solid #dbe8f2;background:#f2f8fd;color:#173b5b;border-radius:14px}.task-metric strong{font-size:30px}.task-report-table{overflow:auto;margin:12px 0 24px}.task-report-table table{border-collapse:collapse;width:100%;font-size:14px}.task-report-table th,.task-report-table td{text-align:left;padding:12px;border-bottom:1px solid #dce6ed;min-width:90px}.task-report-table th{white-space:nowrap;color:#586c7c}#task-confirmations{border-top:1px solid #dce6ed;margin-top:20px;padding-top:12px}#task-confirmations form{display:grid;gap:12px;background:#eef7ff;padding:16px;border-radius:12px}@media(max-width:600px){#task-dashboard{width:100%;max-width:100%;height:100dvh;max-height:100dvh;margin:0;border-radius:0;padding:16px}.task-report-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.task-report-filters>*{width:100%}.task-report-filters label{min-width:0;flex-basis:45%}.task-metric{padding:12px}}
/* Compact board chrome leaves the working area for cards. */
body.tasks-open #workspace>header{height:54px;min-height:54px;padding:4px 18px}body.tasks-open main{height:calc(100dvh - 54px)}
#task-board .task-board-head{padding:8px 18px;position:relative}#task-board .task-board-toolbar{margin:0;gap:8px}#task-board .task-views{gap:4px}#task-board .task-views button,#task-back-chats{min-height:34px;padding:6px 10px;font-size:12px}#task-board-title{font-size:15px;margin:7px 0 0}#task-board .task-board-help{font-size:12px;color:#597387;position:absolute;right:20px;bottom:8px;z-index:2}#task-board .task-board-help p{max-width:440px;padding:12px;background:white;border:1px solid #c6d6e1;border-radius:8px;position:absolute;right:0;top:22px;box-shadow:0 8px 24px #173f5a18}#task-filters{padding:7px 18px;gap:8px}#task-filters label{font-size:11px;gap:3px;min-width:150px}#task-filters input,#task-filters select{min-height:34px;padding:6px 9px;font-size:13px}#task-filters #task-progress{flex-basis:auto;margin-left:auto;font-size:10px}#task-filters button{min-height:34px;padding:7px 10px;font-size:12px}#task-columns{padding:12px 18px;gap:12px}.task-card{cursor:pointer}.task-card:focus-visible{outline:3px solid #248bd2;outline-offset:2px}.task-card-title:hover{color:#1976b8}
#task-editor{width:min(1120px,calc(100% - 24px));max-width:1120px}.task-editor-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:24px}.task-editor-layout>*{min-width:0}#task-editor-discussion{background:#f4f8fb;border:1px solid #d9e6ef;border-radius:12px;padding:16px;align-self:start}#task-editor-discussion #task-comments,#task-editor-discussion #task-confirmations{margin-top:0;padding-top:0;border-top:0}#task-editor-discussion #task-comments{margin-top:20px}#task-editor-discussion h3{font-size:16px}#task-comments-list{max-height:360px}.task-editor-nav{display:flex;gap:8px;margin:12px 0 18px}.task-editor-nav button{font-size:13px}.task-source-preview{max-height:80px;padding:8px 12px}#task-confirmations textarea{width:100%;min-height:90px}
#task-checklist{border:1px solid #cfdee7;border-radius:10px;padding:14px;margin:16px 0}#task-checklist h3{margin:0 0 12px;font-size:16px}.task-checklist-items{list-style:none;padding:0;margin:0}.task-checklist-items li{padding:10px 0;border-bottom:1px solid #dce6ed}.task-checklist-items .task-checklist-label{display:flex!important;align-items:start;gap:10px;margin:0!important;font-weight:400;cursor:pointer}.task-checklist-label input[type=checkbox]{width:20px!important;min-height:20px!important;height:20px;flex:0 0 20px;accent-color:#238663}.task-checklist-label .completed{text-decoration:line-through;color:#6e7f88}.task-checklist-items small{display:block;margin:5px 0 0 30px}.task-checklist-actions{display:flex;gap:8px;margin:5px 0 0 30px}.task-checklist-actions button{padding:3px 8px;font-size:11px;background:transparent}.task-checklist-add{display:flex;gap:8px;margin-top:12px}.task-checklist-add input{flex:1}.task-checklist-add button{flex-shrink:0}.task-checklist-progress{display:grid;gap:5px;font-size:12px;color:#386479;margin:8px 0}.task-checklist-progress progress{width:100%;height:6px;accent-color:#238663}

/* Editing actions remain accessible on long task cards without scrolling to the footer. */
#task-editor .task-editor-top{display:flex;justify-content:flex-end;gap:10px;position:sticky;top:0;z-index:6;background:#fff;padding:4px 0 12px;border-bottom:1px solid #d9e6ef}
#task-editor .task-editor-top .dialog-close{float:none;position:static}
#task-editor .task-editor-top button{white-space:nowrap;min-height:44px}
#task-transfer-project-wrap{display:grid;gap:8px;margin:12px 0}
#task-transfer-project-wrap[hidden]{display:none}
#telegram-audio-dialog{width:min(600px,calc(100% - 24px));max-height:calc(100dvh - 24px);overflow:auto}
#telegram-audio-state{padding:12px;border-radius:10px;background:#eaf4fa;color:#204f6a;overflow-wrap:anywhere}
.protocol-row-audio{border-left:4px solid #2586bf}
@media(max-width:760px){
 #task-editor .task-editor-top{top:0;padding:6px 0 10px}
 #telegram-audio-dialog{width:calc(100% - 16px);max-width:calc(100% - 16px);padding:16px}
 #telegram-audio-dialog .setup-actions{display:flex;flex-wrap:wrap;gap:8px}
 #telegram-audio-dialog .setup-actions button{min-height:44px;flex:1}
}


/* Pult 2.22 — compact Kanban; mobile sizes remain comfortable to tap. */
#task-people-tabs{display:flex;align-items:center;gap:6px;overflow:auto;scrollbar-width:thin;min-width:0;max-width:100%;flex:1 1 100%;padding:2px 0}
#task-filters #task-people-tabs button.task-person-tab{flex:0 0 auto;font-size:12px;min-height:32px;padding:5px 11px;white-space:nowrap;border:1px solid #b9d2e4;border-radius:18px;background:#f1f7fc;color:#375b75}
#task-filters #task-people-tabs button[aria-pressed=true]{background:#287fb6;border-color:#287fb6;color:#fff;font-weight:650}
#task-filters label.task-legacy-person-select{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
#task-filters .task-search-filter{max-width:340px}
.task-column{padding:10px}
.task-column h3{margin-bottom:4px}
.task-column-add{display:block;width:100%;text-align:left;color:#187cb2;background:transparent;border:1px dashed #b9d0e2;border-radius:8px;padding:6px 10px;font-size:12px;margin:4px 0 10px}
.task-card{position:relative;padding:9px 10px!important;margin:7px 0!important;border-radius:9px!important;box-shadow:none!important}
.task-card-heading{padding-right:24px}
.task-card-title{font-size:13px;line-height:1.3;margin:3px 24px 4px 0;max-height:4em;overflow:hidden}
.task-source-compact{display:block;color:#7d92a3;font-size:10px;max-height:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.task-card-compact-controls{display:flex;align-items:center;gap:6px;margin:2px 0 4px}
.task-card .task-complete-toggle{min-height:24px;width:24px;padding:0;font-size:18px;border-radius:50%;background:#e9f5fb;color:#1c719d;border:1px solid #9bbdd6}
.task-card .task-priority{max-width:90px!important;min-height:25px!important;height:25px;font-size:11px!important;margin:0!important;padding:2px 4px!important}
.task-card .task-people{margin:4px 0!important;gap:3px!important}
.task-card .task-person-avatar{width:23px;height:23px;font-size:10px;border-width:1px}
.task-card .task-person-primary:after,.task-card .task-person-auditor:after{font-size:9px;right:-2px;bottom:-4px;width:12px;line-height:12px}
.task-card .task-person-add{width:23px!important;height:23px!important;min-height:23px!important;font-size:13px!important}
.task-card .task-observers{gap:3px;padding-left:5px;margin-left:2px}
.task-card-chips{display:flex;flex-wrap:wrap;gap:4px;margin:5px 0}
.task-card .task-mini-chip{display:inline-flex;align-items:center;justify-content:center;width:auto;min-height:22px;padding:2px 6px;border:1px solid #d0e2ef;border-radius:7px;background:#eaf4fc;color:#365d77;font-size:10px;line-height:1.1;white-space:nowrap}
.task-card .task-chip-overdue{background:#fff0ed;color:#a3281b;border-color:#ffb6a7}
.task-card-menu{position:absolute;top:5px;right:6px;z-index:2}
.task-card-menu>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;line-height:22px;width:25px;height:25px;border-radius:6px;color:#5b7890}
.task-card-menu>summary::-webkit-details-marker{display:none}
.task-card-menu[open]{z-index:8}
/* 2.67.3: a hovered neighbour (transform) must not cover the open menu of the card above it. */
.task-card:has(>.task-card-menu[open]),.task-card:has(>.task-comments-pop){z-index:30}
.task-card-menu[open]>.task-card-actions{position:absolute;z-index:8;right:0;top:25px;width:190px;display:flex;flex-direction:column;margin:0;padding:8px;border:1px solid #b4cfdf;border-radius:10px;background:white;box-shadow:0 10px 25px #123b5a28}
.task-card-menu .task-card-actions button,.task-card-menu .task-card-actions a,.task-card-menu .task-card-actions select{width:100%;margin:0;min-height:31px;justify-content:flex-start}
.task-card-menu .task-card-actions .task-status-compact{display:block;font-size:12px}
.task-inline-checklist{font-size:11px;margin-top:5px;border-top:1px solid #e5edf3;padding-top:5px}
.task-inline-checklist>summary{font-size:11px;cursor:pointer;color:#52758b}
.task-inline-items{max-height:185px;overflow:auto;margin-top:4px}
.task-inline-item{display:flex;align-items:center;gap:6px;padding:3px 0;font-size:11px;line-height:1.3;cursor:pointer}
.task-inline-item input{width:15px!important;height:15px!important;min-height:15px!important;flex-shrink:0}
.task-inline-item span.completed{text-decoration:line-through;color:#92a5b2}
.task-inline-row{display:flex;align-items:center;gap:4px;min-width:0}
.task-inline-row>.task-inline-item{flex:1 1 auto;min-width:0}
.task-inline-row>.task-inline-item span{min-width:0;overflow-wrap:anywhere}
.task-inline-pencil{flex:0 0 27px;width:27px;height:27px;min-height:27px;padding:2px!important;border:1px solid #d1dee8;border-radius:7px;background:#f4f9fc;color:#285d79;font-size:15px;line-height:1;cursor:pointer}
.task-inline-pencil:hover,.task-inline-pencil:focus-visible{background:#deedf6;border-color:#75a8c8;outline-offset:1px}
.task-inline-rename-form{display:flex;align-items:center;gap:4px;flex:1;min-width:0;padding:3px 0}
.task-inline-rename-form .task-inline-rename-input{flex:1;min-width:0;width:100%;min-height:30px;padding:4px 6px;font-size:12px}
.task-inline-rename-form button{flex:0 0 28px;width:28px;min-height:30px;padding:2px 4px;font-size:14px;font-weight:700}
.task-inline-rename-save{color:#136b4e}
.task-inline-rename-cancel{color:#a53e32}

.task-inline-create{display:flex;gap:4px;margin:5px 0}
.task-inline-create input{width:100%!important;flex:1;min-width:0!important;min-height:30px;font-size:12px}
.task-inline-create button{width:30px;min-height:30px;padding:2px 5px;font-size:15px}
.task-card .task-requester,.task-card .task-card-description{display:none!important}
@media(max-width:760px){
 #task-filters #task-people-tabs{order:-2;flex:1 1 100%}
 #task-filters .task-search-filter{max-width:none}
 .task-card .task-person-add{width:28px!important;height:28px!important;min-height:28px!important}
 .task-card-menu[open]>.task-card-actions{width:min(210px,75vw)}
 .task-card .task-mini-chip{min-height:30px;font-size:12px}
 .task-inline-item input{width:22px!important;height:22px!important;min-height:22px!important}
 .task-inline-pencil{flex-basis:34px;width:34px;height:34px;min-height:34px}
 .task-inline-rename-form button{flex-basis:34px;width:34px;min-height:34px}
 .task-column-add{min-height:40px}
}


/* On desktop, participant tabs take the toolbar; the former search is optional. */
#task-filters #task-search-toggle{flex:0 0 auto;min-height:32px;font-size:12px;white-space:nowrap}
#task-filters .task-search-filter{display:none;flex:1 1 100%;max-width:none}
#task-filters.task-search-open .task-search-filter{display:grid}
@media(max-width:760px){#task-filters #task-search-toggle{display:none}#task-filters .task-search-filter{display:grid}}

/* Pult 2.23 — header tabs, project switch and tabbed settings. */
header #tab-tasks,header #tab-chats,header #tab-protocols{font-weight:650;background:#f2f7fb;border-color:#bed1e0;color:#2b638b;white-space:nowrap}
header #tab-tasks[aria-pressed=true],header #tab-chats[aria-pressed=true],header #tab-protocols[aria-pressed=true]{background:#287fb6;border-color:#287fb6;color:#fff}
header #product-add{white-space:nowrap;font-weight:650;background:#e8f6ef;border-color:#9fd2bb;color:#17674d}
header #product-add[hidden],header .app-version[hidden]{display:none}
header .product-switch{min-width:150px;max-width:330px}
header .app-version{font-size:11px;line-height:1;color:#487893;background:#eef5fa;border:1px solid #cfe0ec;border-radius:10px;padding:4px 7px;white-space:nowrap}
header .brand{white-space:nowrap;letter-spacing:.5px}
header .product-switch{flex:1 1 200px}
@media(min-width:621px) and (max-width:1500px){header{gap:8px;padding:0 14px}header .sync{display:none}header #who{max-width:118px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}header button{padding:8px 11px}}
@media(min-width:621px) and (max-width:1100px){header .app-version,header #who{display:none}header .product-switch{min-width:120px}}

#setup.setup-dialog{width:min(980px,calc(100% - 24px));max-width:980px;height:min(780px,calc(100dvh - 32px));padding:22px 24px 18px;overflow:hidden}
#setup.setup-dialog[open]{display:flex;flex-direction:column}
#setup.setup-dialog .dialog-close{position:absolute;top:14px;right:16px;float:none;z-index:3}
#setup.setup-dialog .eyebrow{display:block;flex:none}
#setup.setup-dialog h2{flex:none;margin:2px 0 14px}
.setup-layout{display:grid;grid-template-columns:196px minmax(0,1fr);gap:22px;flex:1;min-height:0}
.setup-nav{display:flex;flex-direction:column;gap:3px;align-self:start;position:sticky;top:0;padding-right:14px;border-right:1px solid #d5e2ec}
.setup-tab{display:block;width:100%;text-align:left;border:0;background:transparent;border-radius:8px;padding:10px 12px;color:#35607c;font-size:13px}
.setup-tab:hover{background:#eaf4fb}
.setup-tab[aria-selected=true]{background:#dcedf9;color:#14507a;font-weight:700;box-shadow:inset 3px 0 0 #287fb6}
.setup-tab:focus-visible{outline:3px solid #248bd2;outline-offset:1px}
.setup-tab[hidden],.setup-pane[hidden]{display:none}
/* 2.83.51: меню настроек — группы «Личное / Команда / Система», версия внизу. */
.setup-group{display:flex;flex-direction:column;gap:2px}.setup-group[hidden]{display:none}
.setup-group+.setup-group{margin-top:12px;padding-top:12px;border-top:1px solid var(--bd,#d5e2ec)}
/* 2.83.52: заголовок группы — кнопка «свернуть / развернуть» со стрелкой; без счётчиков (2.83.60). */
#setup .setup-group-title,html[data-theme] #setup .setup-group-title{display:flex;align-items:center;gap:6px;width:100%;margin:0 0 2px;padding:10px 12px;border:0!important;border-radius:8px!important;background:transparent!important;box-shadow:none!important;transform:none!important;font-size:13px;font-weight:600;letter-spacing:0;text-transform:none;text-align:left;color:var(--tx2,#35607c)!important;cursor:pointer}
#setup .setup-group-title:hover{background:var(--hov,#eaf4fb)!important}
#setup .setup-group-title::before{content:"▾";display:inline-block;width:10px;font-size:11px;transition:transform .15s}
#setup .setup-group.collapsed .setup-group-title::before{transform:rotate(-90deg)}
/* 2.83.60: «Профиль», «Команда», «Система» — пункты одного уровня: один размер и начертание, текст на одной линии; без счётчиков. */
@media(min-width:761px){#setup .setup-tab.setup-profile{display:flex;align-items:center;gap:6px;font-weight:600}#setup .setup-tab.setup-profile::before{content:"";flex:0 0 10px}#setup .setup-tab.setup-profile+.setup-group{margin-top:12px;padding-top:12px;border-top:1px solid var(--bd,#d5e2ec)}}
@media(min-width:761px){#setup .setup-group.collapsed .setup-tab{display:none}}
#setup .setup-tab.setup-version{margin-top:14px;font-size:12px;color:var(--mu,#7a94a8)}
#setup .setup-tab.setup-version[aria-selected=true]{color:var(--tx,#14507a)}
.setup-search{width:100%;margin:0 0 10px;padding:7px 10px;font-size:13px;border:1px solid var(--bd,#cfe0ec);border-radius:8px;background:var(--surf,#fff);color:var(--tx,#14507a)}
.setup-search-empty{margin:0 12px 8px;font-size:12px}.setup-search-empty[hidden]{display:none}
/* 2.83.51: «Уведомления» — подключения строками: название · состояние · действие · «⋯». */
.conn-list h3{margin-bottom:4px}
.conn-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;align-items:center;padding:10px 0;border-top:1px solid var(--bd,#e1eaf1)}
.conn-row:first-of-type{border-top:0}
.conn-row>h4{margin:0;font-size:14px;display:flex;align-items:center;gap:6px}
.conn-row>h4{grid-column:1;grid-row:1}.conn-row>.help-chip{grid-column:1}
.conn-state{grid-column:1;grid-row:2;margin:0;font-size:13px;color:var(--mu,#5f7d92);min-width:0}
.conn-actions{grid-column:2;grid-row:1/span 2;display:flex;gap:6px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
.conn-actions>button{margin:0}
.conn-extra{grid-column:1/-1;margin:0;font-size:13px}.conn-extra:empty{display:none}.conn-extra[hidden]{display:none}
.conn-more{position:relative}
.conn-more>summary{list-style:none;cursor:pointer;padding:6px 11px;border:1px solid var(--bd,#cfe0ec);border-radius:8px;line-height:1;font-weight:700;color:var(--tx2,#35607c);background:var(--surf,#fff)}
.conn-more>summary::-webkit-details-marker{display:none}
.conn-more:not(:has(.conn-menu>button:not([hidden]))){display:none}
.conn-menu{position:absolute;right:0;top:calc(100% + 4px);z-index:5;display:grid;gap:4px;min-width:max-content;padding:6px;border:1px solid var(--bd,#cfe0ec);border-radius:10px;background:var(--surf,#fff);box-shadow:0 8px 24px rgba(20,60,90,.18)}
.conn-menu>button{width:100%;text-align:left;margin:0;white-space:nowrap}
.mn-channel-line{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:6px 0}
.mn-channel-line>label{font-weight:600}.mn-channel-line>select{width:auto;min-width:140px;margin:0}
/* 2.83.51: «Профиль» — значок, «Сохранить» и фото одной строкой. */
#my-avatar-form{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
#my-avatar-form>label{display:flex;gap:8px;align-items:center;margin:0}#my-avatar-form>label>select{margin:0;width:auto}
#my-avatar-form .photo-picker{margin:0}#my-avatar-form>#my-avatar-status{flex-basis:100%;margin:0}#my-avatar-form>#my-avatar-status:empty{display:none}
.board-view .board-panels-setting{margin:6px 0 0}
.setup-panes{min-height:0;overflow:auto;padding:0 6px 12px 2px;overscroll-behavior:contain}
.setup-pane>h3:first-child,.setup-pane>section:first-child>h3:first-child{margin-top:0}
.setup-pane .ai-settings{margin-top:0}
.release-current{font-size:15px;margin:0 0 6px}
.release-log{list-style:none;margin:16px 0 0;padding:0}
.release-item{border-left:3px solid #bcd7ea;padding:2px 0 2px 16px;margin:0 0 20px}
.release-log-more{display:block;margin:4px 0 16px}.release-log-more[hidden]{display:none}
.release-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px}
.release-version{font-size:15px;color:#14507a}
.release-title{font-weight:600}
.release-date{font-size:12px;color:#6d8294;margin-left:auto}
.release-badge{font-size:11px;font-weight:650;color:#17674d;background:#e3f5ec;border:1px solid #a6d7c0;border-radius:10px;padding:1px 8px}
.release-points{margin:8px 0 0;padding-left:18px;font-size:13px;line-height:1.5;color:#2b4a5f}
.release-points li{margin:3px 0}

#product-create-form{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px;margin:14px 0 8px}
#product-create-form label{display:grid;gap:5px;flex:1 1 240px;font-weight:600;font-size:13px}
#product-create-form input{width:100%}
#product-create-form button{flex:0 0 auto}
#product-settings-list{margin:12px 0;padding-left:20px;display:grid;gap:3px}

/* Pult 2.24 — компактная карточка: полоска важности, прогресс подзадач, быстрый ввод в колонке */
.task-card{--task-prio:#4fb38f}
.task-card.task-prio-1{--task-prio:#a9b6bf}.task-card.task-prio-2{--task-prio:#7fb3e0}.task-card.task-prio-4{--task-prio:#f0a830}.task-card.task-prio-5{--task-prio:#d64545}
.task-card::after{content:'';position:absolute;left:0;top:7px;bottom:7px;width:3px;border-radius:0 3px 3px 0;background:var(--task-prio)}
.task-card-done{opacity:.6}.task-card-done .task-card-title{color:#5d7183}
.task-card-cancelled .task-card-title{text-decoration:line-through}
.task-card-done:hover,.task-card-done:focus-within{opacity:1}
.task-progress{height:4px;margin:5px 0 2px;border-radius:2px;background:#e1ebf2;overflow:hidden}
.task-progress>span{display:block;height:100%;background:#3aa57a;border-radius:2px}
.task-drop-before::before{content:'';position:absolute;left:0;right:0;top:-6px;height:3px;border-radius:2px;background:#187cb2}
.task-card-menu .task-card-info{display:grid;gap:2px;padding:0 2px 6px;margin-bottom:2px;border-bottom:1px solid #e1ebf2;font-size:11px;color:#5b7890}
.task-card-menu .task-card-info .task-card-heading{padding:0}
.task-card-menu .task-card-info .task-source-compact{white-space:normal;max-height:none}
.task-card-menu .task-card-actions .task-priority{display:block;width:100%;max-width:none!important;height:auto;min-height:31px;font-size:12px}
.task-quick-form{display:flex;gap:4px;margin:4px 0 10px}
.task-quick-form[hidden]{display:none}
.task-quick-form input{flex:1;min-width:0;font-size:12px;padding:5px 8px}
.task-quick-form button{flex:0 0 auto;min-height:30px;padding:4px 8px;font-size:11px}
.task-card-compact-controls:empty{display:none}
.task-card .task-people .task-complete-toggle{flex:0 0 auto;margin-right:4px}
.task-card .task-inline-checklist{margin-top:3px;padding-top:3px}
/* Pult 2.25 — всплывающие комментарии с карточки */
.task-card-chips{position:relative}
.task-comments-pop{position:absolute;z-index:9;left:0;top:calc(100% + 4px);width:min(280px,calc(100vw - 40px));padding:8px;border:1px solid #b4cfdf;border-radius:10px;background:#fff;box-shadow:0 10px 25px #18375026;font-size:12px}
.task-comments-pop-list{display:grid;gap:6px;max-height:220px;overflow:auto}
.task-comments-pop-item p{margin:2px 0 0;white-space:pre-wrap;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.task-comments-pop-open{width:100%;margin-top:8px;min-height:30px;font-size:12px}
/* Pult 2.26 — метки, быстрые фильтры, период срока */
.task-card .task-label{display:inline-flex;align-items:center;width:auto;min-height:20px;padding:1px 7px;margin:0;border:0;border-radius:10px;font-size:10px;font-weight:600;line-height:1.2;cursor:pointer;box-shadow:none}
.task-label[aria-pressed=true]{outline:2px solid #187cb2;outline-offset:1px}
.task-label-tone-0{background:#e2f0fd;color:#1d5e8f}.task-label-tone-1{background:#e4f6ec;color:#1d6b45}.task-label-tone-2{background:#fff1d6;color:#7d5300}
.task-label-tone-3{background:#fde7ea;color:#9b2738}.task-label-tone-4{background:#efe8fb;color:#5a3a96}.task-label-tone-5{background:#e3f4f4;color:#1f6466}
#task-quick-filters{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:6px 18px;background:#fff;border-bottom:1px solid #d7e3ec}
#task-quick-filters:empty{display:none}
.task-quick-filter{min-height:28px;padding:3px 10px;font-size:12px;border-radius:14px;background:#f2f7fb;border:1px solid #cfe0ec;color:#2b4a5f;box-shadow:none}
.task-quick-filter[aria-pressed=true]{background:#287fb6;border-color:#287fb6;color:#fff}
.task-quick-label{background:#fff1d6;border-color:#f0c66b;color:#7d5300}
.task-quick-hint{font-size:11px}
/* Pult 2.27 — счётчики на вкладках сотрудников и календарь по срокам */
.task-person-tab .task-tab-count,.task-person-tab .task-tab-overdue{display:inline-block;min-width:18px;margin-left:5px;padding:0 5px;border-radius:9px;font-size:10px;line-height:16px;text-align:center;background:#e1edf6;color:#2b4a5f}
.task-person-tab .task-tab-overdue{margin-left:3px;background:#ffe3de;color:#a3281b}
.task-person-tab[aria-pressed=true] .task-tab-count{background:#ffffff40;color:inherit}
#task-filters #task-calendar-toggle{flex:0 0 auto;min-height:32px;font-size:12px;white-space:nowrap}
#task-calendar-toggle[aria-pressed=true]{background:#287fb6;border-color:#287fb6;color:#fff}
.task-columns.task-calendar-mode{display:block;overflow:auto}
.task-cal-head{display:flex;align-items:center;gap:8px;margin:0 0 10px}
.task-cal-head h3{margin:0 6px;font-size:16px;min-width:150px;text-align:center}
.task-cal-head button{min-height:30px;padding:3px 10px;font-size:12px}
.task-cal-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
.task-cal-weekday{font-size:11px;font-weight:700;color:#5b7890;text-align:center;padding:2px 0}
.task-cal-day{min-height:96px;min-width:0;padding:4px;border:1px solid #d3e1ec;border-radius:8px;background:#fff;display:flex;flex-direction:column;gap:3px}
.task-cal-outside{background:#f4f8fb;opacity:.7}
.task-cal-today{border-color:#287fb6;box-shadow:inset 0 0 0 1px #287fb6}
.task-cal-date{font-size:11px;font-weight:700;color:#5b7890}
.task-cal-today .task-cal-date{color:#187cb2}
.task-cal-item{--task-prio:#4fb38f;position:relative;display:block;width:100%;min-height:22px;margin:0;padding:2px 6px 2px 8px;border:1px solid #d0e2ef;border-radius:6px;background:#f5faff;font-size:11px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:none}
.task-cal-item::after{content:'';position:absolute;left:0;top:3px;bottom:3px;width:3px;border-radius:0 3px 3px 0;background:var(--task-prio)}
.task-cal-item.task-prio-1{--task-prio:#a9b6bf}.task-cal-item.task-prio-2{--task-prio:#7fb3e0}.task-cal-item.task-prio-4{--task-prio:#f0a830}.task-cal-item.task-prio-5{--task-prio:#d64545}
.task-cal-item.task-chip-overdue{background:#fff0ed;border-color:#ffb6a7;color:#a3281b}
.task-cal-more{min-height:20px;padding:0 6px;font-size:10px;border:0;background:transparent;color:#187cb2;text-align:left;box-shadow:none}
.task-cal-none{margin-top:10px}
.task-cal-head .task-cal-google{margin-left:auto}
.task-cal-google[aria-pressed=true]{background:#1a73e8;border-color:#1a73e8;color:#fff}
.task-cal-gevent{display:block;min-height:22px;padding:2px 6px;border:1px dashed #8ab4f8;border-radius:6px;background:#e8f0fe;color:#174ea6;font-size:11px;line-height:16px;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.task-cal-gevent[hidden]{display:none}
a.task-cal-gevent:hover{background:#d2e3fc}
.task-cal-weekname{display:none;font-weight:500}
body.task-calendar-open #mobile-task-tabs,body.task-calendar-open #task-filters label.mobile-only{display:none!important}
/* Pult 2.28 — исполнитель и срок подзадачи */
.task-subtask-meta{display:block;margin:2px 0 0 26px;font-size:12px;color:#5b7890}
.task-subtask-meta.task-overdue{color:#a3281b}
.task-checklist-add,.task-checklist-items li{flex-wrap:wrap}
.task-checklist-add{display:flex;gap:6px;align-items:center}
.task-checklist-add input:not([type=date]){flex:1 1 220px;min-width:0}
.task-subtask-assignee{flex:0 1 180px;min-width:0}
.task-subtask-due{flex:0 0 auto}
.task-inline-meta{margin-left:auto;padding-left:6px;white-space:nowrap;font-size:10px;color:#6d7e8d}
.task-inline-meta.task-overdue{color:#a3281b}
/* Pult 2.29 — карточка ниже: участники и плашки в одной строке, прогресс в строке подзадач */
.task-card-row{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin:3px 0}
.task-card-row .task-people{margin:0!important}
.task-card-row .task-card-chips{display:contents}
.task-inline-checklist>summary{display:flex;align-items:center;gap:8px}
.task-inline-checklist>summary .task-progress{flex:1;max-width:120px;margin:0}
/* Pult 2.30 — свои колонки доски */
.task-column-head{display:flex;align-items:center;gap:6px;position:relative}
.task-column-head h3{flex:1;min-width:0;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.task-column-menu{position:relative;flex:0 0 auto}
.task-column-menu>summary{list-style:none;cursor:pointer;width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:6px;color:#5b7890;font-size:18px}
.task-column-menu>summary::-webkit-details-marker{display:none}
.task-column-menu[open]>.task-column-actions{position:absolute;right:0;top:28px;z-index:9;width:220px;display:flex;flex-direction:column;gap:4px;padding:8px;border:1px solid #b4cfdf;border-radius:10px;background:#fff;box-shadow:0 10px 25px #18375026}
.task-column-actions button{width:100%;min-height:31px;margin:0;text-align:left;font-size:12px}
.task-column-actions button.danger{color:#a3281b;border-color:#ffb6a7;background:#fff0ed;white-space:normal}
.task-column-rename{display:flex;gap:4px;flex:1}
.task-column-rename input{flex:1;min-width:0;font-size:13px;padding:4px 8px}
.task-column-rename button{min-height:30px;padding:3px 8px;font-size:12px}
.task-column-new{background:transparent!important;border-style:dashed!important}
.task-column-create{display:grid;gap:6px}
.task-column-create[hidden]{display:none}
.task-column-create p{margin:0;font-size:11px}
@media(min-width:761px){.task-columns:not(.task-archive-grid):not(.task-calendar-mode){grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(230px,1fr)}}
.task-column-new{min-height:0!important;align-self:start}
/* Pult 2.31 — шапка доски без повторов: одна строка разделов, ряд сотрудников, одна строка инструментов */
#task-view-mine .task-tab-count,#task-view-mine .task-tab-overdue{display:inline-block;min-width:18px;margin-left:5px;padding:0 5px;border-radius:9px;font-size:10px;line-height:16px;text-align:center;background:#e1edf6;color:#2b4a5f}
#task-view-mine .task-tab-overdue{margin-left:3px;background:#ffe3de;color:#a3281b}
#task-filters #task-quick-filters{display:flex;flex-wrap:nowrap;align-items:center;gap:4px;padding:0 0 0 10px;margin:0;border:0;border-left:1px solid #d7e3ec;background:transparent}
#task-filters #task-quick-filters .task-quick-filter{min-height:30px;padding:3px 10px;font-size:12px}
#task-filters #task-refresh{flex:0 0 auto;min-width:34px;min-height:32px;padding:4px 8px;font-size:16px;line-height:1}
#task-filters #task-dashboard-open{flex:0 0 auto;min-height:32px;font-size:12px;order:5}
#task-filters #task-progress{order:6;margin-left:auto}
#task-filters #task-refresh{order:7}
@media(min-width:761px){
 #task-back-chats{display:none!important}
 #task-board .task-board-help{display:none}
 #task-board.task-title-plain #task-board-title{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
 #task-filters{align-items:center;gap:8px;padding:8px 18px}
 #task-filters #task-progress{flex:0 0 auto;flex-basis:auto;font-size:11px;white-space:nowrap}
}

/* ===== Pult 2.32 — стиль доски по образцу YouGile ===== */
:root{
 --yg-bg:linear-gradient(135deg,#1d4f5c 0%,#24465f 45%,#3a2f6e 100%);
 --yg-head:#203f49;--yg-ink:#22262b;--yg-muted:#7a8590;--yg-link:#2f7fe0;
 --c-gray:#9aa5b1;--t-gray:#eef1f4;--k-gray:#e4e8ec;
 --c-red:#e5484d;--t-red:#fdeaea;--k-red:#fbd3d3;
 --c-orange:#f08c2e;--t-orange:#fdf0e1;--k-orange:#fde0c2;
 --c-yellow:#e2bd1d;--t-yellow:#fcf7dc;--k-yellow:#fbf0a3;
 --c-green:#5cb85c;--t-green:#e6f4e1;--k-green:#cdeec4;
 --c-teal:#3cb7ad;--t-teal:#dcf2f0;--k-teal:#c5efe2;
 --c-blue:#3d8bfd;--t-blue:#e3edfd;--k-blue:#cfe0fb;
 --c-purple:#a77bdd;--t-purple:#eee6f8;--k-purple:#e2d4f5;
}
/* Шапка приложения — тёмная */
header{background:var(--yg-head);color:#fff;border-bottom:0;box-shadow:none}
header .brand{color:#fff}
header button,header #tab-tasks,header #tab-chats,header #tab-protocols,header #help,header #logout,header #manage-users,header #product-add{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);color:#eef6f8;border-radius:8px;box-shadow:none}
header button:hover,header #tab-protocols:hover{background:rgba(255,255,255,.2)}
header button[aria-pressed=true],header #tab-tasks[aria-pressed=true],header #tab-chats[aria-pressed=true],header #tab-protocols[aria-pressed=true]{background:#fff;border-color:#fff;color:#1f3d47;font-weight:650}
header select,header #product-switch{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);color:#fff;border-radius:8px}
header select option{color:#22262b}
header .app-version{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.2);color:#d9eaee}
header #who,header .sync{color:#bcd5dc}
/* Фон доски и панели поверх него */
#task-board{background:var(--yg-bg)}
#task-board .task-board-head,#task-filters,#task-quick-filters{background:transparent!important;border-bottom:0!important}
#task-board #task-board-title,#task-board .task-board-help summary{color:#fff}
#task-board .task-views button,#task-filters button,#task-filters #task-people-tabs button.task-person-tab,#task-filters #task-quick-filters .task-quick-filter{background:rgba(255,255,255,.92);border:0;color:#2b3a45;border-radius:8px;box-shadow:0 1px 2px #0002}
#task-board .task-views button[aria-pressed=true],#task-filters #task-people-tabs button[aria-pressed=true],#task-filters #task-quick-filters .task-quick-filter[aria-pressed=true],#task-calendar-toggle[aria-pressed=true]{background:#fff!important;color:var(--yg-link)!important;font-weight:650;box-shadow:0 0 0 2px #ffffff80}
#task-filters #task-quick-filters{border-left-color:rgba(255,255,255,.25)}
#task-filters #task-progress{color:#d6e6ec}
#task-new-personal{background:var(--yg-link);border-color:var(--yg-link);color:#fff;border-radius:8px}
#mobile-task-tabs button{background:rgba(255,255,255,.92);border:0;color:#2b3a45}
#mobile-task-tabs button[aria-pressed=true]{background:#fff;color:var(--yg-link);font-weight:650}
/* Колонки: цветная полоса сверху и бледный фон того же цвета */
.task-columns{gap:12px}
.task-column{--col:var(--c-gray);--col-bg:var(--t-gray);background:var(--col-bg)!important;border:0!important;border-top:6px solid var(--col)!important;border-radius:14px!important;padding:12px 10px 10px!important;box-shadow:0 2px 8px #0003}
.task-col-red{--col:var(--c-red);--col-bg:var(--t-red)}.task-col-orange{--col:var(--c-orange);--col-bg:var(--t-orange)}.task-col-yellow{--col:var(--c-yellow);--col-bg:var(--t-yellow)}.task-col-green{--col:var(--c-green);--col-bg:var(--t-green)}
.task-col-teal{--col:var(--c-teal);--col-bg:var(--t-teal)}.task-col-blue{--col:var(--c-blue);--col-bg:var(--t-blue)}.task-col-purple{--col:var(--c-purple);--col-bg:var(--t-purple)}
.task-column .task-column-head h3,.task-column>h3{border:0!important;padding:0!important;margin:2px 0 2px!important;font-size:16px;font-weight:700;color:var(--yg-ink)}
.task-column-count{margin-left:8px;font-size:12px;font-weight:500;color:var(--yg-muted)}
.task-column-personal{margin-right:4px;font-size:12px;opacity:.75}
.task-column .task-column-add{border:0;background:transparent;color:var(--yg-link);font-size:14px;padding:2px 0;margin:0 0 8px;box-shadow:none}
.task-column .task-column-add:hover{text-decoration:underline;background:transparent}
.task-column-menu>summary{color:#5b6770}
.task-column-new{background:rgba(255,255,255,.12)!important;border-top:0!important;box-shadow:none}
.task-column-new .task-column-add{color:#fff}
/* Карточки: белые, тень, круг-галочка слева от названия */
.task-card{background:#fff!important;border:0!important;border-radius:8px!important;box-shadow:0 1px 3px #0000002e!important;padding:10px 10px 8px!important;margin:8px 0!important}
.task-card:hover{box-shadow:0 3px 10px #00000033!important}
.task-card::after{display:none}
.task-card-titlerow{display:flex;align-items:flex-start;gap:8px;padding-right:22px}
.task-card .task-card-title{margin:0;font-size:14px;font-weight:450;line-height:1.35;color:var(--yg-ink)}
.task-card .task-card-titlerow .task-complete-toggle,.task-complete-mark{flex:0 0 auto;width:20px;height:20px;min-height:20px;margin:0;padding:0;border-radius:50%;border:1.5px solid #9aa3ab;background:transparent;color:transparent;font-size:12px;line-height:17px;text-align:center}
.task-card .task-card-titlerow .task-complete-toggle:hover{border-color:var(--c-green);color:var(--c-green)}
.task-card-done .task-card-titlerow .task-complete-toggle,.task-complete-mark.done{background:var(--c-green);border-color:var(--c-green);color:#fff}
.task-card-done{opacity:1}
.task-card-done .task-card-title{color:#8a949d}
.task-card-row{margin-left:28px}
.task-card .task-inline-checklist{margin-left:28px}
.task-card .task-progress>span{background:var(--c-green)}
/* Цвет карточки — пастельная заливка */
.task-color-gray{background:var(--k-gray)!important}.task-color-red{background:var(--k-red)!important}.task-color-orange{background:var(--k-orange)!important}.task-color-yellow{background:var(--k-yellow)!important}
.task-color-green{background:var(--k-green)!important}.task-color-teal{background:var(--k-teal)!important}.task-color-blue{background:var(--k-blue)!important}.task-color-purple{background:var(--k-purple)!important}
/* Стикеры: бледная плашка с цветным значком */
.task-card .task-mini-chip,.task-card .task-label{border:0;border-radius:6px;min-height:24px;padding:2px 8px;font-size:12px;font-weight:450;background:#f1f3f5;color:#3a4650}
.task-card .task-chip-overdue{background:#fde8e8;color:#c62828}
.task-prio-chip{gap:5px}
.task-prio-bars{display:inline-block;width:14px;height:14px;border-radius:3px;background:linear-gradient(90deg,transparent 15%,currentColor 15% 30%,transparent 30% 42%,currentColor 42% 58%,transparent 58% 70%,currentColor 70% 85%,transparent 85%)}
.task-prio-chip-5{background:#fde3e3!important;color:#c62828!important}.task-prio-chip-4{background:#fdeedd!important;color:#b85d00!important}
.task-prio-chip-2,.task-prio-chip-1{background:#eef1f4!important;color:#5b6770!important}
.task-label-tone-0{background:#e3edfd;color:#2457b3}.task-label-tone-1{background:#e1f4dc;color:#2d7a2d}.task-label-tone-2{background:#fdf0d5;color:#8a5a00}
.task-label-tone-3{background:#fde3e6;color:#a32035}.task-label-tone-4{background:#eee3fb;color:#6a3fb0}.task-label-tone-5{background:#d9f3f0;color:#1e6f69}
/* Выбор цвета в меню */
.task-swatches{display:flex;flex-wrap:wrap;align-items:center;gap:5px;padding:6px 2px 2px;border-top:1px solid #e5eaee;margin-top:4px}
.task-swatches-label{flex:1 1 100%;font-size:11px;color:var(--yg-muted)}
.task-swatches .task-swatch{width:20px!important;height:20px;min-height:20px!important;padding:0!important;border-radius:50%;border:1px solid #0002;flex:0 0 auto}
.task-swatch[aria-pressed=true]{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--yg-link)}
.task-swatch-none{background:#fff linear-gradient(135deg,transparent 45%,#e5484d 45% 55%,transparent 55%)!important}
.task-swatch-gray{background:var(--c-gray)!important}.task-swatch-red{background:var(--c-red)!important}.task-swatch-orange{background:var(--c-orange)!important}.task-swatch-yellow{background:var(--c-yellow)!important}
.task-swatch-green{background:var(--c-green)!important}.task-swatch-teal{background:var(--c-teal)!important}.task-swatch-blue{background:var(--c-blue)!important}.task-swatch-purple{background:var(--c-purple)!important}
/* Календарь на тёмном фоне */
.task-cal-head h3{color:#fff}.task-cal-weekday{color:#d6e6ec}
.task-cal-day{border:0;box-shadow:0 1px 3px #0003}
/* Pult 2.33 — фото сотрудников в мини-аватарах */
.task-person-avatar{position:relative}
.task-person-avatar .person-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:50%}
.photo-picker{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:10px 0}
.photo-preview{width:48px!important;height:48px!important;font-size:16px!important;display:inline-flex;align-items:center;justify-content:center;border-radius:50%}
.photo-upload{display:inline-flex!important;align-items:center;gap:0!important;margin:0!important;padding:8px 12px;border:1px solid #bed1e0;border-radius:8px;background:#f2f7fb;color:#2b638b;cursor:pointer;font-weight:600;font-size:13px}
.photo-upload input{position:absolute;width:1px;height:1px;opacity:0}
.photo-upload:focus-within{outline:2px solid #2f7fe0}
/* Pult 2.33 — сотрудники и сроки свёрнуты в кнопки (настройка в профиле) */
#task-filters .task-panel-toggle{display:none;flex:0 0 auto;min-height:32px;font-size:12px;white-space:nowrap}
#task-filters.panels-compact .task-panel-toggle:not([hidden]){display:inline-flex;align-items:center}
#task-filters .task-panel-toggle.active{color:var(--yg-link)!important;font-weight:650}
#task-filters .task-panel-toggle::after{content:' ▾';opacity:.6}
#task-filters .task-panel-toggle[aria-expanded=true]::after{content:' ▴'}
#task-filters.panels-compact:not(.people-open) #task-people-tabs{display:none!important}
#task-filters.panels-compact:not(.due-open) #task-quick-filters{display:none!important}
#task-filters.panels-compact #task-people-tabs{order:10;flex-basis:100%}
#task-filters.panels-compact #task-quick-filters{order:11;flex:1 1 100%;flex-wrap:wrap;border-left:0;padding-left:0}
.board-panels-setting{display:grid;gap:5px;margin:12px 0}
/* Pult 2.34 — подпроекты */
#task-filters .task-sub-toggle{flex:0 0 auto;min-height:32px;font-size:12px;white-space:nowrap}
#task-filters .task-sub-toggle.active{color:var(--yg-link)!important;font-weight:650}
#task-filters .task-sub-toggle::after{content:' ▾';opacity:.6}
#task-filters .task-sub-toggle[aria-expanded=true]::after{content:' ▴'}
#task-subprojects{order:12;flex:1 1 100%;display:flex;flex-wrap:wrap;align-items:center;gap:6px}
#task-subprojects[hidden]{display:none}
#task-filters #task-subprojects .task-sub-filter,#task-filters #task-subprojects .task-sub-manage{min-height:30px;padding:3px 10px;font-size:12px}
.task-sub-filter[class*=task-tone-]::before,.task-sub-chip::before{content:'';display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;background:var(--tone,#9aa5b1);vertical-align:middle}
.task-tone-gray{--tone:var(--c-gray);--tone-bg:var(--t-gray)}.task-tone-red{--tone:var(--c-red);--tone-bg:var(--t-red)}.task-tone-orange{--tone:var(--c-orange);--tone-bg:var(--t-orange)}.task-tone-yellow{--tone:var(--c-yellow);--tone-bg:var(--t-yellow)}
.task-tone-green{--tone:var(--c-green);--tone-bg:var(--t-green)}.task-tone-teal{--tone:var(--c-teal);--tone-bg:var(--t-teal)}.task-tone-blue{--tone:var(--c-blue);--tone-bg:var(--t-blue)}.task-tone-purple{--tone:var(--c-purple);--tone-bg:var(--t-purple)}
.task-card .task-sub-chip{display:inline-flex;align-items:center;min-height:24px;padding:2px 8px;border:0;border-radius:6px;background:var(--tone-bg,#f1f3f5);color:#2b3a45;font-size:12px;font-weight:600;box-shadow:none;cursor:pointer;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.task-sub-editor{flex:1 1 100%;display:grid;gap:6px;padding:10px;border-radius:10px;background:rgba(255,255,255,.95)}
.task-sub-row{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.task-sub-row input{flex:1 1 220px;min-width:0;padding:6px 8px;font-size:13px}
.task-sub-row select{flex:0 0 auto;width:auto!important;padding:6px;font-size:12px}
.task-sub-row button{min-height:30px;padding:4px 10px;font-size:12px}
.task-sub-row button.danger{color:#a3281b;border-color:#ffb6a7;background:#fff0ed}
@media(max-width:760px){#task-filters .task-sub-toggle{min-height:40px}}
.task-card .task-sub-chip{display:inline-block;line-height:20px;text-align:left}
.task-card .task-sub-chip::before{vertical-align:1px}
/* Pult 2.35 — подпроекты в настройках проекта */
.subproject-list{list-style:none;padding:0;margin:12px 0;display:grid;gap:6px}
.subproject-item .task-sub-row{background:#fff;border:1px solid #d8e4ec;border-radius:10px;padding:6px 8px}
.task-sub-dot{flex:0 0 auto;width:10px;height:10px;border-radius:50%;background:var(--tone,#9aa5b1)}
#subproject-create-form{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px;margin:14px 0 8px}
#subproject-create-form label{display:grid;gap:5px;flex:1 1 220px;font-weight:600;font-size:13px}
#subproject-create-form label:nth-of-type(2){flex:0 1 160px}
#subproject-create-form input,#subproject-create-form select{width:100%}
#subproject-product-wrap{display:grid;gap:5px;max-width:360px;font-weight:600;font-size:13px}
/* Pult 2.36 — несколько проектов на одной доске (суперадминистратор) */
#task-filters #task-subprojects .task-sub-filter[aria-pressed=true]{background:#fff!important;color:var(--yg-link)!important;font-weight:650;box-shadow:0 0 0 2px #ffffff80}
/* Pult 2.38 — один выбор проекта в шапке (несколько проектов — для суперадминистратора) */
header .product-switch{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;padding:0!important;margin:0!important;border:0!important}
header .project-picker{position:relative;flex:1 1 220px;min-width:0;max-width:360px}
header #task-projects-toggle{width:100%;min-height:38px;padding:6px 30px 6px 12px;text-align:left;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative}
header #task-projects-toggle::after{content:'▾';position:absolute;right:12px;top:50%;transform:translateY(-50%);opacity:.7}
header #task-projects-toggle:disabled{cursor:default;opacity:1}
header #task-projects-toggle:disabled::after{display:none}
header #task-projects{position:absolute;z-index:30;top:calc(100% + 6px);left:0;width:max(100%,320px);display:flex;flex-direction:column;gap:4px;padding:8px;border-radius:12px;background:#fff;box-shadow:0 12px 30px #0004}
header #task-projects[hidden]{display:none}
header #task-projects .task-project-chip{width:100%;text-align:left;background:#f4f7fa;border:1px solid #dbe5ec;color:#22262b;border-radius:8px;padding:8px 10px;font-size:13px}
header #task-projects .task-project-chip[aria-pressed=true]{background:#e3edfd;border-color:#2f7fe0;color:#1d4fae;font-weight:650}
header #task-projects .task-project-chip[aria-pressed=true]::before{content:'✓ '}
header .project-picker-hint{margin:0 2px 4px;font-size:11px;color:#6b7782;line-height:1.4}
@media(max-width:760px){header .project-picker{flex:1 1 140px}header #task-projects{width:min(92vw,340px)}}
/* Pult 2.39 — подписки на сотрудников */
#watch-search{width:100%;margin:6px 0 10px}
.watch-tree{display:grid;gap:10px;max-height:360px;overflow:auto;padding-right:4px}
.watch-group{border:1px solid #d8e4ec;border-radius:10px;background:#fff;padding:8px 10px}
.watch-project{display:flex!important;align-items:center;gap:8px;font-weight:700;margin:0 0 6px!important}
.watch-people{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:4px 12px;padding-left:24px}
.watch-person{display:flex!important;align-items:center;gap:8px;margin:0!important;font-weight:500;font-size:14px}
.watch-tree input[type=checkbox]{width:18px;height:18px;margin:0;flex:0 0 auto}
/* Pult 2.39 — вкладка «Оргструктура» */
#org-board{min-width:0;flex:1;overflow:auto;background:#f1f6f9}
#org-board[hidden]{display:none}
#org-board .org-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:16px 20px}
#org-board .org-head h2{margin:0 0 4px}#org-board .org-head p{margin:0;max-width:640px}
.org-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px;padding:0 20px 20px;align-items:start}
.org-main{min-width:0}
.org-chart{overflow:auto;padding:8px 0 16px}
.org-empty{padding:28px;border:2px dashed #c4d5e1;border-radius:14px;background:#fff;text-align:center}
.org-empty p{margin:6px 0 0}
.org-tree{display:flex;justify-content:center;margin:0;padding:20px 0 0;list-style:none;position:relative}
.org-tree.org-root{padding-top:0;justify-content:flex-start;min-width:max-content}
.org-node{position:relative;display:flex;flex-direction:column;align-items:center;padding:20px 8px 0}
.org-root>.org-node{padding-top:0}
/* соединительные линии схемы: от руководящего подразделения к подчинённым */
.org-tree:not(.org-root)>.org-node::before,.org-tree:not(.org-root)>.org-node::after{content:'';position:absolute;top:0;right:50%;width:50%;height:20px;border-top:2px solid #b3c7d6}
.org-tree:not(.org-root)>.org-node::after{right:auto;left:50%;border-left:2px solid #b3c7d6}
.org-tree:not(.org-root)>.org-node:only-child::before{display:none}
.org-tree:not(.org-root)>.org-node:only-child::after{border-top:0}
.org-tree:not(.org-root)>.org-node:first-child::before,.org-tree:not(.org-root)>.org-node:last-child::after{border-top:0}
.org-tree:not(.org-root)>.org-node:last-child:not(:only-child)::before{border-right:2px solid #b3c7d6;border-radius:0 6px 0 0}
.org-tree:not(.org-root)>.org-node:first-child:not(:only-child)::after{border-radius:6px 0 0 0}
.org-tree:not(.org-root)>.org-node:last-child:not(:only-child)::after{display:none}
.org-node>.org-tree::before{content:'';position:absolute;top:0;left:50%;height:20px;border-left:2px solid #b3c7d6}
.org-node>.org-tree>.org-node{padding-top:20px}
.org-unit{width:240px;padding:10px 12px;border-radius:12px;background:#fff;border-top:4px solid var(--c-blue,#3b82f6);box-shadow:0 2px 8px #173f5a1f;display:grid;gap:6px}
.org-depth-0{border-top-color:var(--c-purple,#8b5cf6)}.org-depth-1{border-top-color:var(--c-blue,#3b82f6)}.org-depth-2{border-top-color:var(--c-teal,#14b8a6)}.org-depth-3{border-top-color:var(--c-green,#22c55e)}.org-depth-4{border-top-color:var(--c-orange,#f59e0b)}
.org-unit-head{display:flex;align-items:center;gap:4px}
.org-unit-title{flex:1;font-size:14px;line-height:1.25;overflow-wrap:anywhere}
.org-unit-head button{min-height:26px!important;min-width:26px;padding:0 6px!important;font-size:13px;border-radius:7px}
.org-unit-note{margin:0;font-size:12px;color:#597387}
.org-unit-count{font-size:11px;color:#6c8394}
.org-members{display:grid;gap:4px}
.org-person{display:flex;align-items:center;gap:8px;min-width:0;font-size:13px}
.org-person-head{padding:6px;border-radius:8px;background:#f2f7fb}
.org-person-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.org-person-name small{display:block;font-size:10px;color:#6c8394;text-transform:uppercase;letter-spacing:.03em}
.org-bell{flex:0 0 auto;min-height:28px!important;min-width:30px;padding:0 4px!important;border:1px solid #d3e0ea!important;border-radius:8px;background:#fff!important;font-size:14px;line-height:1;opacity:.55}
.org-bell[aria-pressed=true]{opacity:1;background:#fff6db!important;border-color:#f0c64a!important}
.org-unplaced{margin-top:12px;padding:12px;border-radius:12px;background:#fff;border:1px solid #d8e4ec}
.org-unplaced h3{margin:0 0 8px;font-size:13px}
.org-unplaced .org-members{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}
.org-watch{position:sticky;top:0;padding:14px;border-radius:12px;background:#fff;border:1px solid #d8e4ec}
.org-watch h3{margin:0 0 6px;font-size:15px}.org-watch>p{margin:0 0 8px;font-size:12px;color:#597387}
.org-watch .watch-tree{max-height:calc(100dvh - 300px)}
.org-watch .watch-people{grid-template-columns:1fr;padding-left:8px}
#org-unit-editor{width:min(560px,calc(100% - 24px))}
#org-unit-form>label{display:grid;gap:6px;margin:12px 0}
#org-unit-form fieldset{border:1px solid #d8e4ec;border-radius:10px;padding:8px 12px}
.org-unit-members{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:4px 12px;max-height:240px;overflow:auto}
.org-unit-member{display:flex!important;align-items:center;gap:8px;margin:0!important;font-size:14px}
.org-unit-member input{width:18px;height:18px;margin:0}
@media(max-width:900px){.org-layout{grid-template-columns:1fr}.org-watch{position:static}}
@media(max-width:760px){#org-board .org-head{padding:12px;flex-wrap:wrap}.org-layout{padding:0 12px 80px}.org-unit{width:220px}}
/* Pult 2.40 — верхний уровень оргструктуры и проекты */
.org-unit.org-top{width:280px;border-top:5px solid #1f3b4d;background:linear-gradient(#f5f9fc,#fff)}
.org-top .org-unit-title{font-size:15px}
.org-project{width:220px;padding:10px 12px;border-radius:12px;background:var(--yg-link,#2f7fe0);color:#fff;box-shadow:0 2px 8px #173f5a33;display:grid;gap:4px}
.org-project .org-unit-count{color:#e3eefa}
.org-project-current{box-shadow:0 0 0 3px #fff,0 0 0 5px var(--yg-link,#2f7fe0),0 4px 12px #173f5a33}
.org-project .org-unit-head button{background:#ffffff26!important;color:#fff!important;border:0!important}
/* Pult 2.43 — перетаскивание сотрудников в оргструктуре */
.org-draggable{cursor:grab;border-radius:8px}
.org-draggable:hover{background:#f2f7fb}
.org-dragging{opacity:.45}
body.org-drag-active .org-unit,body.org-drag-active .org-unplaced{outline:2px dashed #b3c7d6;outline-offset:2px}
.org-drop-over{outline:3px solid var(--yg-link,#2f7fe0)!important;background:#eef6ff!important}
body.org-drag-active .org-drop-over .org-person-head{box-shadow:inset 0 0 0 2px #f0c64a}
.org-unplaced-empty{display:none}
body.org-drag-active .org-unplaced-empty{display:block}
/* Pult 2.44 — гибкая оргструктура: должности, вакансии, цвета, сворачивание, масштаб, поиск */
.org-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 8px}
.org-toolbar #org-search{flex:1 1 220px;min-width:0;max-width:340px}
.org-toolbar button{min-height:32px;padding:4px 10px;font-size:12px}
.org-zoom{display:inline-flex;gap:2px}.org-zoom button{min-width:34px}
#org-search-count{font-size:12px}
.org-unit{position:relative}
.org-unit-level{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:#6c8394;margin-bottom:-2px}
.org-unit-icon{font-size:16px;line-height:1}
.org-unit-title.org-draggable{cursor:grab}
.org-unit-bell{opacity:.55}.org-unit-bell[aria-pressed=true]{opacity:1;background:#fff6db!important;border-color:#f0c64a!important}
.org-person-deputy{padding:4px 6px;border-radius:8px;background:#f7fafc}
.org-person-name small{text-transform:none!important;letter-spacing:0!important}
.org-person-head .org-person-name small,.org-person-deputy .org-person-name small{text-transform:uppercase!important;letter-spacing:.03em!important}
.org-part-time{display:inline-block;margin-left:6px;padding:0 5px;border-radius:6px;background:#eef1ff;color:#4a55a2;font-size:10px;font-style:normal;vertical-align:middle}
.org-vacancy{display:flex;align-items:center;gap:8px;padding:5px 6px;border:1px dashed #c4d5e1;border-radius:8px;font-size:12px;color:#597387}
.org-vacancy-mark{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#f2f7fb;color:#8aa2b3}
.org-unit-foot{display:flex;align-items:center;justify-content:space-between;gap:6px}
.org-unit-toggle{min-height:24px!important;padding:0 6px!important;font-size:11px!important;border:0!important;background:transparent!important;color:var(--yg-link,#2f7fe0)!important}
.org-color-gray{border-top-color:var(--c-gray)!important}.org-color-red{border-top-color:var(--c-red)!important}.org-color-orange{border-top-color:var(--c-orange)!important}.org-color-yellow{border-top-color:var(--c-yellow)!important}
.org-color-green{border-top-color:var(--c-green)!important}.org-color-teal{border-top-color:var(--c-teal)!important}.org-color-blue{border-top-color:var(--c-blue)!important}.org-color-purple{border-top-color:var(--c-purple)!important}
.org-hit{box-shadow:0 0 0 3px #f0c64a!important;background:#fffbe8!important}
.org-project.org-hit{color:#1f3b4d}
body.org-drag-unit .org-person{pointer-events:none}
body.org-drag-unit .org-project{outline:2px dashed #ffffffaa;outline-offset:2px}
.org-form-row{display:flex;gap:10px;flex-wrap:wrap}.org-form-row>label{display:grid;gap:6px;margin:12px 0}.org-grow{flex:1 1 200px}
.org-icon-input{width:70px}
#org-unit-form textarea,#org-levels-text{width:100%;padding:8px;border:1px solid #b8cbd9;border-radius:8px;font:inherit}
#org-unit-form>label{display:grid;gap:6px}
#org-unit-form .org-unit-members{grid-template-columns:1fr;max-height:300px}
#org-unit-form .org-unit-member{display:grid!important;grid-template-columns:minmax(140px,1fr) minmax(120px,1fr) auto;align-items:center;gap:8px}
.org-member-name{display:flex!important;align-items:center;gap:8px;margin:0!important}
.org-member-position{min-height:30px;padding:4px 8px;font-size:13px}
.org-member-part-label{display:flex!important;align-items:center;gap:4px;margin:0!important;font-size:12px;color:#597387}
.org-unit-order{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:10px 0}
.org-unit-order[hidden]{display:none}
#org-unit-form.org-top-mode .org-extra{display:none!important}
#org-levels-editor{width:min(480px,calc(100% - 24px))}
@media(max-width:760px){#org-unit-form .org-unit-member{grid-template-columns:1fr auto}.org-member-position{grid-column:1/-1}}
#org-unit-form .org-member-position{width:100%;height:auto;min-height:30px;margin:0}
.org-unit{width:260px}
.org-unit-title{overflow-wrap:break-word!important;hyphens:auto}
/* Pult 2.45 — карточка сотрудника */
.org-person-open{cursor:pointer}
.org-person-open:focus-visible{outline:2px solid var(--yg-link,#2f7fe0);outline-offset:2px}
#org-person-card{width:min(560px,calc(100% - 24px))}
.org-card-head{display:flex;align-items:center;gap:14px;margin:4px 0 12px}
.org-card-head .task-person-avatar,.org-card-head>span:first-child{width:56px!important;height:56px!important;font-size:22px}
.org-card-who h2{margin:0}.org-card-who p{margin:4px 0 0}
.org-card-section{border-top:1px solid #e1e9ef;padding:10px 0}
.org-card-section h3{margin:0 0 8px;font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:#6c8394}
.org-card-contacts{display:grid;grid-template-columns:max-content 1fr;gap:6px 14px;margin:0}
.org-card-contacts dt{color:#6c8394}.org-card-contacts dd{margin:0;overflow-wrap:anywhere}
.org-card-phone{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px}
.org-card-phone input{flex:1 1 180px;min-width:0}
.org-card-bell{margin-top:10px}.org-card-bell.active{background:#fff6db!important;border-color:#f0c64a!important}
.org-card-places,.org-card-tasks{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.org-card-task{display:grid;gap:2px;width:100%;text-align:left;padding:8px 10px;border:1px solid #d8e4ec;border-radius:8px;background:#fff}
.org-card-task:hover:not(:disabled){border-color:var(--yg-link,#2f7fe0)}
.org-card-task.overdue .org-card-task-meta{color:#c0392b}
.org-card-task-title{font-weight:600}.org-card-task-meta{font-size:12px;color:#6c8394}
.org-card-tasks-total{margin:0 0 8px}
/* Pult 2.45.1 — компактная шапка оргструктуры: пояснение спрятано под «?» */
#org-board .org-head{align-items:center;justify-content:flex-start;gap:10px;padding:10px 20px}
#org-board .org-head h2{margin:0}
#org-board .org-head #org-add{margin-left:auto}
.org-help{position:relative}
.org-help>summary{list-style:none;display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;border:1px solid #c6d6e1;color:#597387;font-size:13px;font-weight:700;cursor:pointer}
.org-help>summary::-webkit-details-marker{display:none}
.org-help[open]>summary{background:#eef5fa}
.org-help>p{position:absolute;z-index:5;left:0;top:30px;width:min(420px,80vw);margin:0;padding:12px;background:#fff;border:1px solid #c6d6e1;border-radius:8px;box-shadow:0 8px 24px #173f5a18;font-size:13px;color:#2b3a45}
/* Pult 2.52 — компактная карточка задачи */
#task-editor .task-title-field input{font-size:17px;font-weight:600;min-height:44px}
#task-editor .task-props{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 12px;margin:10px 0}
#task-editor .task-props .task-due-field{grid-column:span 1}
#task-editor .task-props .task-labels-field{grid-column:span 2}
.task-due-row{display:flex;gap:6px}.task-due-row input[type=date]{flex:1 1 auto;min-width:0}.task-due-row input[type=time]{flex:0 0 96px;min-width:0}
.task-fold{border:1px solid #d8e4ec;border-radius:10px;margin:10px 0;background:#fbfdfe}
.task-fold>summary{cursor:pointer;padding:10px 12px;font-weight:600;list-style:none;display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}
.task-fold>summary::-webkit-details-marker{display:none}
.task-fold>summary::before{content:'▸';color:#7b93a5;font-size:12px}.task-fold[open]>summary::before{content:'▾'}
.task-fold-summary{font-weight:400;font-size:12px;color:#6c8394;overflow:hidden;text-overflow:ellipsis}
.task-fold>:not(summary){margin-left:12px;margin-right:12px}
.task-fold>fieldset{margin-top:0}
.task-fold-hint{font-size:12px;margin-bottom:10px}
#task-people-more #task-additional,#task-people-more #task-auditors{border:0;padding:4px 0 8px;margin:0}
#task-people-more #task-auditor-options{max-height:180px;grid-template-columns:repeat(2,minmax(0,1fr))}
@media(min-width:761px){#task-editor .task-editor-nav{display:none}}
/* 2.57.5 (audit F12): the due date takes the whole row on phones, date and time stack on the narrowest */@media(max-width:760px){#task-editor .task-props{grid-template-columns:1fr 1fr}#task-editor .task-props .task-labels-field,#task-editor .task-props .task-due-field{grid-column:1/-1}#task-people-more #task-auditor-options{grid-template-columns:1fr}}
.task-due-row{display:grid!important;grid-template-columns:minmax(0,1fr) 92px;gap:6px}
.task-due-row input{width:100%!important;min-width:0!important;padding-left:8px!important;padding-right:4px!important}
@media(max-width:380px){.task-due-row{grid-template-columns:1fr}}
.task-source-preview:empty{display:none}
/* Pult 2.53 — раздел «Метрики» */
#metrics-board{min-width:0;flex:1;overflow:auto;background:#f1f6f9}
#metrics-board[hidden]{display:none!important}
#metrics-board .metrics-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 20px}
#metrics-board .metrics-head h2{margin:0}
.metrics-dates{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px}
.metrics-dates label{display:flex;align-items:center;gap:6px}
.metrics-dates input{min-height:36px;padding:4px 8px}
.metrics-dates[hidden]{display:none}
.metrics-analytics-table td.metrics-selected-cell{background:#eaf3fa;font-weight:600}
.metrics-card .metrics-table-scroll+.metrics-table-scroll,.metrics-card .metrics-table-scroll+h3,.metrics-card .metrics-chart-legend+h3,.metrics-card div+h3{margin-top:18px}
#metrics-source{font-size:12px}
.metrics-body{display:grid;gap:14px;padding:0 20px 24px}
.metrics-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.metrics-tile{display:grid;gap:4px;align-content:start;padding:14px 16px;border-radius:12px;background:#fff;border:1px solid #d8e4ec;box-shadow:0 1px 3px #173f5a10}
.metrics-tile-label{font-size:12px;color:#597387}
.metrics-tile-value{font-size:28px;line-height:1.1;font-variant-numeric:tabular-nums;color:#182a39}
.metrics-tile-note{font-size:12px;color:#597387}
.metrics-bad{border-left:4px solid #d64545}.metrics-warn{border-left:4px solid #e0a020}.metrics-good{border-left:4px solid #2f9e6b}
.metrics-progress{position:relative;display:block;height:8px;border-radius:4px;background:#e4edf3;margin-top:6px}
.metrics-progress>span{display:block;height:100%;border-radius:4px;background:var(--yg-link,#2f7fe0)}
.metrics-progress>i{position:absolute;top:-3px;width:2px;height:14px;background:#182a39;border-radius:1px}
.metrics-grid-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:14px}
.metrics-card{padding:14px 16px;border-radius:12px;background:#fff;border:1px solid #d8e4ec;min-width:0}
.metrics-card h3{margin:0 0 10px;font-size:14px}
.metrics-card-toggle{display:flex;align-items:center;gap:8px;width:100%;margin:0;padding:2px 0;border:0;background:none;font:inherit;font-weight:inherit;color:inherit;text-align:left;cursor:pointer;min-height:0}
.metrics-card-toggle::before{content:'';flex:0 0 auto;width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin:0 4px 3px 2px;transition:transform .15s}
.metrics-card-collapsed .metrics-card-toggle::before{transform:rotate(-45deg);margin-bottom:0}
.metrics-card-toggle:hover{color:var(--yg-link,#2f7fe0)}
.metrics-card-toggle:focus-visible{outline:2px solid var(--yg-link,#2f7fe0);outline-offset:2px;border-radius:4px}
.metrics-card-collapsed>h3{margin-bottom:0}
.metrics-card-body[hidden]{display:none}
.metrics-chart{width:100%;height:auto;display:block}
.metrics-grid{stroke:#e8eef3;stroke-width:1}.metrics-baseline{stroke:#b9c9d6;stroke-width:1}
.metrics-axis{font-size:11px;fill:#7b93a5}
.metrics-bar{fill:#8fb8e6}.metrics-bar-ok{fill:var(--yg-link,#2f7fe0)}
.metrics-hit{fill:transparent}.metrics-day:hover .metrics-bar{fill:#1f5fa8}
.metrics-line-plan{stroke:#182a39;stroke-width:2;stroke-dasharray:6 4}
.metrics-line-need{stroke:#d64545;stroke-width:2;stroke-dasharray:2 3}
.metrics-line-label{font-size:11px;fill:#2b3a45;paint-order:stroke;stroke:#fff;stroke-width:3px}
.metrics-legend{display:flex;flex-wrap:wrap;gap:14px;margin:6px 0 0;font-size:12px;color:#597387}
.metrics-key::before{content:'';display:inline-block;width:14px;height:10px;margin-right:6px;vertical-align:middle;border-radius:2px}
.metrics-key-bar::before{background:var(--yg-link,#2f7fe0)}
.metrics-key-plan::before{height:0;border-top:2px dashed #182a39}
.metrics-key-need::before{height:0;border-top:2px dotted #d64545}
.metrics-table{width:100%;border-collapse:collapse;font-size:13px;font-variant-numeric:tabular-nums}
.metrics-table th{text-align:left;font-weight:600;color:#597387;font-size:12px;border-bottom:1px solid #d8e4ec;padding:6px 8px}
.metrics-table td{padding:6px 8px;border-bottom:1px solid #eef3f6}
.metrics-total td{font-weight:700;border-top:2px solid #d8e4ec}
.metrics-cell-warn{color:#b26b00;font-weight:700}.metrics-cell-bad{color:#c0392b}
.metrics-future td{color:#7b93a5}
.metrics-daily{margin-top:12px}.metrics-daily>summary{cursor:pointer;font-weight:600;padding:6px 0}
.metrics-cities{display:grid;gap:8px}
.metrics-city{display:grid;grid-template-columns:minmax(90px,140px) 1fr auto;align-items:center;gap:8px;font-size:13px}
.metrics-city-bar{height:10px;border-radius:5px;background:#eef3f6;overflow:hidden}.metrics-city-bar>span{display:block;height:100%;background:var(--yg-link,#2f7fe0);border-radius:5px}
.metrics-city-value{font-variant-numeric:tabular-nums;color:#2b3a45}
@media(max-width:1000px){.metrics-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.metrics-grid-layout{grid-template-columns:1fr}}
@media(max-width:760px){.metrics-body{padding:0 12px 80px}#metrics-board .metrics-head{padding:10px 12px}.metrics-tiles{grid-template-columns:1fr}.metrics-table{font-size:12px}.metrics-daily{overflow-x:auto}}
@media(max-width:760px){.metrics-card{overflow-x:auto}}
.metrics-actions{display:flex;gap:6px;margin-left:auto}.metrics-actions button{min-height:32px;font-size:12px}
.metrics-status{margin:0 20px;font-size:13px;color:#b26b00}.metrics-status:empty{display:none}
#metrics-source a{color:var(--yg-link,#2f7fe0)}
.metrics-empty{display:grid;justify-items:start;gap:8px;padding:24px;border:2px dashed #c4d5e1;border-radius:14px;background:#fff}
.metrics-empty p{margin:0}
#metrics-editor{width:min(520px,calc(100% - 24px))}
#metrics-form>label{display:grid;gap:6px;margin:12px 0}
#metrics-form fieldset{border:1px solid #d8e4ec;border-radius:10px;padding:8px 12px;display:grid;gap:8px;justify-items:start}
.metrics-plan-rows{display:grid;gap:6px;width:100%}
.metrics-plan-row{display:grid;grid-template-columns:1fr 120px 36px;gap:6px}
.metrics-plan-row button{min-height:34px;padding:0}
@media(max-width:760px){.metrics-actions{margin-left:0}.metrics-status{margin:0 12px}}

/* Аналитика банков и интеграций: календарные пропуски, доступные графики и точные таблицы. */
.metrics-analytics-tiles{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.metrics-analytics-tiles .metrics-tile-value{font-size:26px;overflow-wrap:anywhere}
.metrics-analytics-notes{padding:10px 14px;border:1px solid #cbdce8;border-radius:10px;background:#eaf3fa;color:#456477;font-size:12px;line-height:1.5}
.metrics-analytics-notes p{margin:3px 0}
.metrics-source-details>summary{cursor:pointer;font-size:12px;font-weight:600;padding:2px 0}
.metrics-source-details p{margin-top:6px}
.metrics-chart-range{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;margin:0 0 12px;font-size:12px;color:#597387}
.metrics-chart-range label{display:flex;align-items:center;gap:8px}
.metrics-chart-range select{min-height:32px;padding:5px 9px;font-size:12px}
.metrics-chart-scroll,.metrics-table-scroll{max-width:100%;overflow:auto;overscroll-behavior-x:contain;border-radius:6px}
.metrics-chart-scroll:focus-visible,.metrics-table-scroll:focus-visible{outline:2px solid var(--yg-link,#2f7fe0);outline-offset:3px}
.metrics-analytics-chart{max-width:none}
.metrics-selected-period{fill:#eaf3fa}
.metrics-chart-point:hover .metrics-analytics-bar{filter:brightness(.85)}
.metrics-chart-point:hover .metrics-chart-dot{r:5;stroke:#182a39;stroke-width:2}
.metrics-analytics-table{min-width:480px}
.metrics-analytics-table caption{caption-side:top}
.metrics-analytics-table thead th{white-space:nowrap;padding:9px 10px;background:#f3f7fa;border-bottom:1px solid #cadce9}
.metrics-analytics-table tbody th{font-size:13px;font-weight:500;color:#344f62;border-bottom:1px solid #eef3f6;white-space:nowrap;padding:8px 10px}
.metrics-analytics-table td{padding:8px 10px;text-align:right;white-space:nowrap}
.metrics-analytics-table tbody tr:hover{background:#f5f9fc}
.metrics-analytics-table .metrics-current-row{background:#eaf3fa}
.metrics-analytics-table .metrics-current-row th,.metrics-analytics-table .metrics-current-row td{font-weight:650}
.metrics-analytics-table td.metrics-overdue{color:#b3261e;font-weight:650}
.metrics-bank-filter{margin:10px 0;padding:12px;border:1px solid #d8e4ec;border-radius:10px;min-width:0}
.metrics-bank-filter legend{font-size:12px;color:#597387;padding:0 5px}
.metrics-bank-options{display:flex;flex-wrap:wrap;gap:8px}
.metrics-bank-option{display:flex;align-items:center;gap:7px;padding:7px 10px;max-width:100%;border:1px solid #d8e4ec;border-radius:8px;background:#f7fafc;font-size:12px;cursor:pointer;overflow-wrap:anywhere}
.metrics-bank-option:has(input:checked){background:#eaf3fa;border-color:#a6c8df;color:#203e57}
.metrics-bank-option input{width:16px!important;height:16px;min-height:0;flex:0 0 auto;margin:0;accent-color:var(--yg-link,#2f7fe0)}
.metrics-series-swatch{display:inline-block;width:10px;height:10px;flex:0 0 10px;border-radius:50%}
.metrics-chart-legend{display:flex;flex-wrap:wrap;gap:6px 16px;margin:8px 0 0;padding:0;list-style:none;font-size:12px;color:#405a6e}
.metrics-chart-legend li{display:flex;align-items:center;gap:6px;min-width:0;overflow-wrap:anywhere}
.metrics-filter-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.metrics-filter-actions button{font-size:12px;min-height:32px;padding:5px 10px}
.metrics-filter-note,.metrics-filter-empty{font-size:12px;line-height:1.5}
.metrics-filter-empty{padding:20px;border:1px dashed #c4d5e1;border-radius:8px;color:#597387}
.metrics-exact-values{margin-top:14px}
.metrics-exact-values>summary{cursor:pointer;font-weight:600;padding:8px 0;font-size:13px}
.metrics-exact-values>.muted,.metrics-card>.muted,.metrics-card-body>.muted{font-size:12px;line-height:1.5}
#metrics-form fieldset[hidden]{display:none!important}
@media(max-width:760px){
 .metrics-analytics-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .metrics-analytics-tiles .metrics-tile{padding:12px}
 .metrics-analytics-tiles .metrics-tile-value{font-size:22px}
 #metrics-kind{max-width:100%;width:100%}
 #metrics-source{width:100%;line-height:1.5;overflow-wrap:anywhere}
 .metrics-bank-filter{padding:8px}
 .metrics-bank-option{padding:8px;font-size:12px}
 .metrics-analytics-table tbody th{font-size:12px}
 .metrics-analytics-notes{padding:9px 11px}
}
@media(max-width:380px){.metrics-analytics-tiles{grid-template-columns:1fr}}
.task-card.task-dragging{opacity:.4}
.task-view-chip{color:#8a5a14;background:#fff6e5}.task-view-chip.task-view-seen{color:#2f6b4f;background:#eaf6ef}
.task-report-views{display:flex;flex-wrap:wrap;gap:10px;align-items:end;margin:0 0 12px}.task-report-pick{position:relative;align-self:end}.task-report-pick summary{cursor:pointer;padding:9px 12px;border:1px solid #c3d5e4;border-radius:10px;background:#fff;max-width:320px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-report-pick-panel{position:absolute;z-index:5;top:calc(100% + 4px);left:0;min-width:260px;max-height:340px;overflow:auto;background:#fff;border:1px solid #c3d5e4;border-radius:10px;padding:8px;box-shadow:0 8px 24px #173c6230}.task-report-pick-panel>button{font-size:12px;margin-bottom:6px}.task-report-pick-item{display:flex;gap:6px;align-items:center;padding:4px 2px;font-weight:400}
.task-metric-bad{background:#fdecea!important;border-color:#f0b4ab!important}.task-metric-bad strong{color:#b3261e}.task-metric-warn{background:#fff6e0!important;border-color:#ecd29a!important}.task-metric-warn strong{color:#9a6200}
.task-report-bad{background:#fdecea;color:#b3261e;font-weight:600;cursor:pointer}.task-report-warn{background:#fff6e0;color:#8a5a00;font-weight:600;cursor:pointer}.task-report-row-attention>td:first-child{box-shadow:inset 3px 0 #e0892b}
.task-report-table td.task-report-comment{min-width:220px;max-width:360px;font-size:13px;line-height:1.4;color:#506577;overflow-wrap:anywhere}.task-report-comment-who{font-weight:600;color:#33495b;margin-bottom:2px;white-space:nowrap}
.task-report-flags{display:flex;flex-wrap:wrap;gap:4px}.task-report-flag{font-size:12px;padding:2px 8px;border-radius:999px;background:#eef2f6;color:#4b5d6b}.task-report-flag-overdue{background:#fdecea;color:#b3261e}.task-report-flag-notOpened,.task-report-flag-stale,.task-report-flag-dueSoon{background:#fff6e0;color:#8a5a00}
.task-report-person .link-button{border:0;background:none;padding:0;min-height:0;color:#1769aa;text-decoration:underline;cursor:pointer;font:inherit;font-weight:600;box-shadow:none}
#watch-panel>summary{cursor:pointer;list-style:none;display:flex;align-items:center}#watch-panel>summary::-webkit-details-marker{display:none}#watch-panel>summary h3{margin:0;font-size:15px;white-space:nowrap}#watch-panel>summary::after{content:"▸";margin-left:auto;padding-left:8px;color:#61717e}#watch-panel[open]>summary::after{content:"▾"}#watch-panel[open]>summary{margin-bottom:8px}.watch-count{color:#248bd2}
.org-watch:has(#watch-panel:not([open])){padding:10px 14px}.org-layout:has(#watch-panel:not([open])){grid-template-columns:minmax(0,1fr) auto}
/* 2.58: «Мой день» */
.task-today-mode #task-filters,.task-today-mode #task-people-tabs,.task-today-mode #task-quick-filters,.task-today-mode #task-subprojects,.task-today-mode #task-calendar-toggle,.task-today-mode #mobile-task-tabs{display:none!important}
.my-day{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;align-items:start;width:100%}
.my-day-section{background:#fff;border:1px solid #c3d5e4;border-radius:14px;padding:14px 16px}
.my-day-section h3{margin:0 0 2px;font-size:17px}.my-day-hint{margin:0 0 10px;font-size:12px}.my-day-empty{margin:6px 0;color:#2f6b4f}
.my-day-burning{border-color:#f0b4ab;background:#fffaf9}.my-day-team{border-color:#ecd29a}
.my-day-row{display:grid;gap:6px;padding:10px 0;border-top:1px solid #e3ebf2}.my-day-row:first-of-type{border-top:0}
.my-day-title{all:unset;cursor:pointer;font-weight:600;line-height:1.3}.my-day-title:hover{text-decoration:underline}.my-day-title:focus-visible{outline:2px solid #248bd2;border-radius:4px}
.my-day-meta{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;font-size:13px}
.my-day-actions{display:flex;flex-wrap:wrap;gap:6px}.my-day-actions button{font-size:13px;padding:5px 10px;min-height:32px}
@media(max-width:620px){.my-day{grid-template-columns:1fr}.my-day-actions button{min-height:40px}}
.task-report-nudge{font-size:12px;padding:2px 8px;margin-left:4px}
/* 2.58.1: compact cards */
.task-compact-cards #task-columns .task-card .task-person-add,.task-compact-cards #task-columns .task-card .task-observers,.task-compact-cards #task-columns .task-card .task-sub-chip,.task-compact-cards #task-columns .task-card .task-prio-chip:not(.task-prio-chip-5),.task-compact-cards #task-columns .task-card .task-label,.task-compact-cards #task-columns .task-card .task-people .task-person-avatar:not(:first-child),.task-compact-cards #task-columns .task-card[data-checklist="0"] .task-inline-checklist{display:none!important}
.task-compact-cards #task-columns .task-card{padding-top:8px;padding-bottom:8px}.task-compact-cards #task-columns .task-card .task-card-row{margin-top:4px}
.task-today-mode #task-density-toggle{display:none!important}
/* 2.58.2: «Мои уведомления» */
.mn-kinds{display:grid;gap:8px}.mn-kind{display:flex;gap:8px;align-items:flex-start;font-weight:400}.mn-recent{margin:0;padding-left:18px;display:grid;gap:4px;font-size:13px}.mn-recent-failed strong,.mn-recent-uncertain strong{color:#b3261e}.mn-recent-sent strong{color:#2f6b4f}

.message-task-chip{display:inline-block;margin:4px 0;font-size:12px;padding:3px 10px;border-radius:999px;border:1px solid #9cc9e8;background:#eaf5fd;color:#14507a;cursor:pointer}
/* 2.58.4: header «Ещё ▾» */
.header-more{position:relative}.header-more>summary{list-style:none;cursor:pointer;padding:8px 14px;border-radius:10px;border:1px solid #ffffff40;color:#fff;font-weight:600;white-space:nowrap}.header-more>summary::-webkit-details-marker{display:none}
.header-more[open]>summary{background:#ffffff26}.header-more-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:50;display:grid;gap:4px;min-width:200px;padding:6px;background:#fff;border:1px solid #c3d5e4;border-radius:12px;box-shadow:0 10px 30px #0b2a4040}
.header-more-menu button{width:100%;text-align:left;background:#fff;color:#1d3446;border:0;border-radius:8px;padding:9px 12px}.header-more-menu button:hover,.header-more-menu button[aria-pressed="true"]{background:#eaf3fb}
.header-more:has(#tab-org[aria-pressed="true"])>summary{background:#fff;color:#1d3446}
header .header-more-menu button,header .header-more-menu #help,header .header-more-menu #manage-users,header .header-more-menu #tab-org{background:#fff!important;color:#1d3446!important;border:0!important;box-shadow:none!important;width:100%;text-align:left}header .header-more-menu button:hover,header .header-more-menu button[aria-pressed="true"]{background:#eaf3fb!important}
/* 2.58.6: the task card opens as a panel on the right; the board stays in view */
@media(min-width:1200px){#task-editor[open]{position:fixed;inset:0 0 0 auto;margin:0;height:100dvh;max-height:100dvh;width:min(860px,64vw);max-width:none;border-radius:18px 0 0 18px;border-right:0;animation:task-panel-in .18s ease-out}#task-editor::backdrop{background:#0e263a2e}}
@keyframes task-panel-in{from{transform:translateX(40px);opacity:.6}to{transform:none;opacity:1}}
@media(prefers-reduced-motion:reduce){#task-editor[open]{animation:none}}
.task-save-state{float:right;margin:10px 90px 0 0;font-size:13px;color:#2f6b4f}.task-save-state:empty{display:none}
@media(min-width:1200px){#task-editor .task-props .task-due-field{grid-column:1/-1}}
.task-report-count{cursor:pointer;font-weight:600;color:#1769aa;text-decoration:underline}
.task-report-pick-actions{position:sticky;top:-8px;z-index:1;display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:-8px -8px 6px;padding:8px;background:inherit;border-bottom:1px solid #c3d5e4}.task-report-pick-actions .muted{font-size:12px}
@media(max-width:640px){.task-report-pick-panel{max-height:60dvh;right:0}}
.task-report-group{display:flex;flex-direction:column;gap:4px;min-width:180px}
.task-report-chart{display:block}.task-report-bar-created{fill:#9cc3e6}.task-report-bar-closed{fill:#2f8a57}

.metrics-value-label{font-size:10.5px;font-weight:600;fill:#2a3f50;pointer-events:none;font-variant-numeric:tabular-nums;paint-order:stroke;stroke:#fff;stroke-width:3px;stroke-linejoin:round}
.metrics-value-inside{fill:#fff;stroke:none;font-size:10px}.metrics-value-total{font-weight:700;fill:#1d2b36}
.metrics-values-off .metrics-value-label:not(.metrics-value-inside){display:none}.metrics-detail-off .metrics-value-inside{display:none}.metrics-values-toggles{display:inline-flex;flex-wrap:wrap;gap:4px 16px}
.metrics-values-toggle{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:#4b6070;margin:0 0 6px;cursor:pointer;user-select:none}.metrics-values-toggle input{accent-color:#3d4fa3;width:16px;height:16px;margin:0}
.in-settings,html[data-layout] #workspace button.in-settings{display:none!important}.setup-link{position:relative}.setup-link::after{content:" ↗";opacity:.55}
.my-day-prio{display:inline-flex;align-items:center;padding:1px 7px;border-radius:7px;background:#eaf4fc;color:#1d5f8f;font-weight:600;font-size:12px;line-height:1.5}
.metrics-legend-bulk .is-applied,.metrics-sales-picker-actions .is-applied{background:#e8f0fb;border-color:#9db8dc;color:#1d4f86;font-weight:700;cursor:default}
