/* 📋 поручения (tasks.js): «Мои задачи», 🔔, карточка задачи, «Поручения» собственника. Только переменные из index.html; светлая и тёмная темы */
.tk-slot[hidden]{display:none;}
.tk-slot{margin:0 0 12px;}
/* «Мои задачи» */
.tk-mine{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:4px 12px 8px;}
.tk-mine.late{border-color:var(--err);box-shadow:inset 3px 0 0 var(--err);}
.tk-mh{display:flex;align-items:center;gap:8px;min-height:44px;flex-wrap:wrap;}
.tk-mh b{font-size:15.5px;font-weight:800;}
.tk-n{min-width:22px;height:22px;border-radius:11px;background:var(--text);color:var(--bg);font-size:12.5px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;padding:0 6px;box-sizing:border-box;}
.tk-dim{font-size:13px;color:var(--text-dim);}
.tk-late{font-size:12.5px;font-weight:800;color:var(--err);font-style:normal;}
.tk-mh .tk-bellw{margin-left:auto;}
.tk-it{border-top:1px solid var(--border);padding:8px 0 6px;}
.tk-im{display:flex;gap:10px;align-items:flex-start;width:100%;border:0;background:transparent;color:inherit;font:inherit;text-align:left;padding:2px 0;cursor:pointer;min-height:40px;}
.tk-im>span{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1;}
.tk-im b{font-size:15px;font-weight:700;line-height:1.3;overflow-wrap:anywhere;}
.tk-im small{font-size:12.5px;color:var(--text-dim);line-height:1.35;}
.tk-it.late .tk-im small:first-of-type{color:var(--err);font-weight:700;}
.tk-dot{flex-shrink:0;width:9px;height:9px;border-radius:50%;background:var(--border);margin-top:6px;}
.tk-dot.p-high{background:var(--warn);} .tk-dot.p-urgent{background:var(--err);} .tk-dot.p-low{background:var(--muted-bg);}
.tk-it.st-in_progress .tk-dot{box-shadow:0 0 0 3px var(--ok-bg);background:var(--accent);}
.tk-pri{display:inline-block;font-style:normal;font-size:11px;font-weight:800;border-radius:7px;padding:1px 6px;vertical-align:1px;background:var(--muted-bg);color:var(--text-dim);}
.tk-pri.p-high{background:var(--warn-bg);color:var(--warn);} .tk-pri.p-urgent{background:var(--err-bg);color:var(--err);}
.tk-tag{display:inline-block;font-style:normal;font-size:10.5px;font-weight:800;letter-spacing:.04em;border-radius:6px;padding:1px 5px;background:var(--info-bg,var(--muted-bg));color:var(--info,var(--text-dim));vertical-align:1px;}
.tk-why{color:var(--err) !important;}
.tk-okn{color:var(--ok) !important;}
.tk-acts{display:flex;gap:6px;margin:6px 0 2px 19px;flex-wrap:wrap;}
.tk-b{min-height:40px;padding:0 12px;border-radius:12px;border:1px solid var(--border);background:var(--panel);color:var(--text);font:inherit;font-size:14px;font-weight:700;cursor:pointer;}
.tk-b:disabled{opacity:.5;}
.tk-b.tk-pb{background:var(--text);border-color:var(--text);color:var(--bg);}
.tk-b.tk-ghost{background:transparent;color:var(--text-dim);}
.tk-more{width:100%;min-height:40px;border:0;background:transparent;color:var(--text-dim);font:inherit;font-size:13.5px;font-weight:700;cursor:pointer;border-top:1px solid var(--border);}
/* 🔔 */
.tk-bellw{flex-shrink:0;order:9;}
.tk-bell{position:relative;width:42px;height:42px;border-radius:14px;border:1px solid var(--border);background:var(--panel);font-size:19px;line-height:1;cursor:pointer;padding:0;display:inline-flex;align-items:center;justify-content:center;}
.tk-bell.on{border-color:var(--err);}
.tk-badge{position:absolute;top:-6px;right:-6px;min-width:19px;height:19px;border-radius:10px;background:var(--err);color:#fff;font-style:normal;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;padding:0 5px;box-sizing:border-box;}
.tk-badge[hidden]{display:none;}
.erp-head-r{display:flex;align-items:center;gap:6px;flex-shrink:0;}
/* лист поверх экрана */
.tk-wrap{position:fixed;inset:0;background:rgba(20,14,6,.55);z-index:70;display:flex;align-items:flex-end;justify-content:center;}
.tk-sheet{background:var(--bg);color:var(--text);width:100%;max-width:640px;max-height:88vh;overflow:auto;border-radius:18px 18px 0 0;padding:0 16px calc(16px + env(safe-area-inset-bottom,0px));box-sizing:border-box;}
@media (min-width:700px){.tk-wrap{align-items:center;}.tk-sheet{border-radius:18px;}}
.tk-sh{display:flex;align-items:center;justify-content:space-between;gap:10px;position:sticky;top:0;background:var(--bg);padding:12px 0 8px;z-index:1;}
.tk-sh b{font-size:17px;font-weight:800;}
.tk-x{width:40px;height:40px;border-radius:12px;border:0;background:var(--panel);color:var(--text);font-size:22px;cursor:pointer;flex-shrink:0;}
.tk-q{font-weight:700;margin:0 0 6px;}
.tk-l{display:block;font-size:12.5px;color:var(--text-dim);font-weight:700;margin:12px 0 5px;}
.tk-in{width:100%;box-sizing:border-box;min-height:46px;border-radius:14px;padding:0 12px;border:1px solid var(--border);background:var(--panel);color:var(--text);font:inherit;font-size:16px;margin:0;}
textarea.tk-in{padding:10px 12px;resize:vertical;line-height:1.4;}
.tk-in:focus{outline:none;border-color:var(--accent);}
.tk-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 16px;border-radius:14px;border:1px solid var(--border);background:var(--panel);color:var(--text);font:inherit;font-size:15px;font-weight:700;cursor:pointer;box-sizing:border-box;}
.tk-btn:disabled{opacity:.5;}
.tk-primary{background:var(--text);border-color:var(--text);color:var(--bg);width:100%;margin-top:12px;}
.tk-primary.tk-danger{background:var(--err);border-color:var(--err);color:#fff;}
.tk-err{color:var(--err);font-size:13.5px;margin-top:8px;line-height:1.4;}
.tk-err:empty{display:none;}
.tk-sub{color:var(--text-dim);font-size:13px;line-height:1.45;margin:4px 0 10px;}
.tk-empty{color:var(--text-dim);font-size:14px;text-align:center;padding:18px 8px;}
.tk-link{border:0;background:transparent;color:var(--accent-dim);font:inherit;font-size:14px;font-weight:700;cursor:pointer;min-height:40px;padding:0;margin-bottom:4px;}
.tk-toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));transform:translate(-50%,20px);background:var(--text);color:var(--bg);padding:10px 16px;border-radius:12px;font-weight:700;font-size:14px;opacity:0;transition:all .2s;z-index:1001;pointer-events:none;max-width:90vw;}
.tk-toast.bad{background:var(--err);color:#fff;}
.tk-toast.on{opacity:1;transform:translate(-50%,0);}
/* карточка задачи */
.tk-dt{font-size:18px;line-height:1.3;margin:2px 0 8px;overflow-wrap:anywhere;}
.tk-dm{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-bottom:6px;}
.tk-st{font-size:12px;font-weight:800;border-radius:8px;padding:3px 8px;background:var(--muted-bg);color:var(--text-dim);}
.tk-st.st-in_progress{background:var(--ok-bg);color:var(--ok);} .tk-st.st-blocked{background:var(--err-bg);color:var(--err);}
.tk-st.st-done{background:var(--ok-bg);color:var(--ok);} .tk-st.st-cancelled{text-decoration:line-through;}
.tk-due{font-size:12.5px;font-weight:700;color:var(--text-dim);} .tk-due.late{color:var(--err);}
.tk-dl{font-size:13px;color:var(--text-dim);margin-bottom:8px;}
.tk-dd{margin:6px 0 10px;line-height:1.45;white-space:pre-line;}
.tk-steps{margin:6px 0 10px;padding-left:22px;line-height:1.45;} .tk-steps li{margin:4px 0;}
.tk-box{border-radius:12px;padding:10px 12px;margin:8px 0;font-size:14px;line-height:1.4;white-space:pre-line;}
.tk-why.tk-box{background:var(--err-bg);} .tk-okn.tk-box{background:var(--ok-bg);}
.tk-dacts{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0 4px;}
.tk-lh{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);margin:14px 0 6px;}
.tk-log{border-left:2px solid var(--border);padding-left:12px;}
.tk-ev{padding:4px 0 8px;} .tk-ev small{display:block;font-size:11.5px;color:var(--text-dim);} .tk-ev span{font-size:13.5px;font-weight:600;}
.tk-ev p{margin:3px 0 0;background:var(--panel);border-radius:10px;padding:7px 10px;font-size:14px;line-height:1.4;white-space:pre-line;overflow-wrap:anywhere;}
.tk-ev.k-overdue span,.tk-ev.k-escalated span{color:var(--err);}
.tk-cm{display:flex;gap:6px;align-items:flex-end;margin-top:10px;} .tk-cm .tk-in{flex:1;min-height:46px;} .tk-cm .tk-btn{flex-shrink:0;}
/* уведомления */
.tk-notes{display:flex;flex-direction:column;gap:6px;}
.tk-note{display:flex;flex-direction:column;gap:3px;text-align:left;border:1px solid var(--border);background:var(--panel);color:var(--text);border-radius:14px;padding:10px 12px;font:inherit;cursor:pointer;}
.tk-note b{font-size:14.5px;font-weight:600;line-height:1.3;overflow-wrap:anywhere;}
.tk-note span{font-size:13px;color:var(--text-dim);line-height:1.4;white-space:pre-line;overflow-wrap:anywhere;}
.tk-note small{font-size:11.5px;color:var(--text-dim);}
.tk-note.unread{border-color:var(--accent);box-shadow:inset 3px 0 0 var(--accent);} .tk-note.unread b{font-weight:800;}
/* «Поручения» собственника */
.tk-board{display:flex;flex-direction:column;gap:10px;}
.tk-sum{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;}
.tk-sum div{background:var(--panel);border-radius:16px;padding:10px 6px;text-align:center;min-width:0;}
.tk-sum b{display:block;font-size:22px;font-weight:800;line-height:1.1;}
.tk-sum span{font-size:11.5px;color:var(--text-dim);line-height:1.2;display:block;}
.tk-sum .bad b{color:var(--err);} .tk-sum .warn b{color:var(--warn);}
.tk-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;}
.tk-ct{font-weight:800;font-size:15.5px;}
details.tk-card>summary{cursor:pointer;list-style:none;min-height:30px;display:flex;align-items:center;}
details.tk-card>summary::-webkit-details-marker{display:none;}
details.tk-card>summary::after{content:"＋";margin-left:auto;color:var(--text-dim);}
details.tk-card[open]>summary::after{content:"－";}
.tk-chips{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:6px;}
.tk-chip{min-height:38px;padding:0 12px;border-radius:12px;border:1px solid var(--border);background:var(--bg);color:var(--text);font:inherit;font-size:13.5px;font-weight:700;cursor:pointer;}
.tk-chip.on{background:var(--text);border-color:var(--text);color:var(--bg);}
.tk-chip.p-urgent.on{background:var(--err);border-color:var(--err);color:#fff;} .tk-chip.p-high.on{background:var(--warn);border-color:var(--warn);color:#fff;}
.tk-seg{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(max-content,1fr);gap:2px;background:var(--panel);border-radius:16px;padding:4px;}
.tk-seg button{border:0;background:transparent;color:var(--text-dim);font:inherit;font-size:13px;font-weight:700;min-height:40px;border-radius:12px;cursor:pointer;padding:0 8px;white-space:nowrap;}
.tk-seg button.on{background:var(--text);color:var(--bg);}
.tk-grp{background:var(--panel);border-radius:18px;padding:4px 12px 6px;}
.tk-gh{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 0 6px;}
.tk-gh>div{display:flex;flex-direction:column;min-width:0;} .tk-gh b{font-size:15px;font-weight:800;} .tk-gh small{font-size:12px;color:var(--text-dim);}
.tk-gh>span{font-size:12.5px;color:var(--text-dim);font-weight:700;white-space:nowrap;}
.tk-row{display:flex;gap:10px;align-items:flex-start;width:100%;text-align:left;border:0;border-top:1px solid var(--muted-bg);background:transparent;color:var(--text);font:inherit;padding:10px 0;cursor:pointer;min-height:44px;}
.tk-row>span{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1;}
.tk-row b{font-size:14.5px;font-weight:600;line-height:1.3;overflow-wrap:anywhere;}
.tk-row small{font-size:12.5px;color:var(--text-dim);line-height:1.35;}
.tk-row.late b,.tk-row.late small:first-of-type{color:var(--err);}
.tk-row.st-done b,.tk-row.st-cancelled b{opacity:.65;} .tk-row.st-cancelled b{text-decoration:line-through;}
.tk-sd{flex-shrink:0;width:10px;height:10px;border-radius:50%;margin-top:5px;background:var(--border);}
.tk-sd.st-in_progress{background:var(--accent);} .tk-sd.st-blocked{background:var(--err);} .tk-sd.st-done{background:var(--ok);} .tk-sd.st-cancelled{background:var(--muted-bg);}
.tk-row.late .tk-sd{background:var(--err);}
.tk-props{display:flex;flex-direction:column;gap:8px;}
.tk-prop{border:1px solid var(--border);border-radius:14px;padding:10px;display:flex;flex-direction:column;gap:6px;background:var(--bg);}
.tk-prop.off{opacity:.55;}
.tk-chk{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:700;min-height:32px;}
.tk-chk input{width:20px;height:20px;}
.tk-row2{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:6px;}
.tk-hint{font-size:13px;color:var(--warn);line-height:1.4;}
/* кабинет собственника: переключатель «Поручения / Мои и Claude» */
.ow-tseg{grid-template-columns:repeat(2,minmax(0,1fr));}

/* в оболочке ERP расстояния задаёт gap */
.erp-wrap>.tk-slot{margin:0;}
/* рядом с 🔔 на телефоне кнопка «👥 Сотрудники» — только значок, чтобы имя в шапке не обрезалось */
@media (max-width:420px){.erp-head-r .erp-staff-t{display:none;}.erp-head-r .erp-staff-btn{min-width:42px;padding:0 10px;font-size:17px;}}