/* Задачи: список и боковая панель задачи — как у МойСклада (живая сверка 21.10.2026 под администратором, окно 1996×1000
   при 1,925, волна 48). Рисунки свои (Icons), размеры и цвета — замер его страницы; правила его таблицы задач — его
   общая таблица документов (Tahoma 12px, высота строки 1.4em) с поправками списка задач. Ресурсы МойСклада не используются. */
.ms-page-tasks { margin:20px 10px 0 30px; padding-bottom:20px; color:#222; font:12px/normal "Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif; }
/* Тулбар прилипает к верху при прокрутке длинного списка, как у МойСклада. */
/* У «Задач» МойСклада (раздел без вкладок) шапка — с x 45, фильтр — с x 30, на 15 и 10 правее прочих списков; таблица — как
   у них (живая сверка 22.10.2026). */
.ms-tasks-head { position:sticky; top:0; z-index:12; display:flex; align-items:center; height:28px; padding:5px 15px 8px 30px; margin-left:-15px; background:#fff; white-space:nowrap; }
/* Без сдвига −10 px фильтр «100% − 22 px» + отступы 35 px выходил за правый край на 3 px — на экранах уже ~1 400 px вся
   страница прокручивалась вбок (сценарий w19_r1, 01.11.2026); на широком ширину задаёт число колонок, там без перемен. */
.ms-page-tasks .ms-tasks-filter { margin-left:0; max-width:calc(100% - 35px); }
.ms-tasks-head > .ms-help { flex:none; width:15px; height:15px; margin:0 10px 0 0; padding:0; }
.ms-tasks-head h1 { flex:none; margin:0; font:700 20px/24px "Helvetica Neue",Helvetica,Arial,sans-serif; }
.ms-tasks-head > .ms-refresh { width:12px; height:24px; padding:0; margin:0 10px 0 8px; color:#aaa; }
.ms-tasks-head .ms-refresh svg { width:12px; height:12px; }
.ms-tasks-head .ms-tasks-add { padding:0 10px; gap:4px; }
.ms-tasks-head .ms-tasks-add svg { color:#159aca; }
.ms-tasks-head .ms-tasks-filter-toggle { padding:0 13px; }
.ms-tasks-head .ms-tasks-filter-toggle.on { padding:0 13px; border:1px solid #4196c5; box-shadow:none; color:#fff; background:linear-gradient(#8fc4e4,#1f7da9); }
.ms-tasks-search.ms-input { display:block; flex:none; box-sizing:content-box; width:200px; height:15px; padding:2px; margin-left:14px; margin-top:1px; border-radius:3px; font:12px Arial,sans-serif; }
/* Фильтр — общая панель списков (.ms-list-filter: до семи клеток по 264 px, как у МойСклада — кнопки и шесть полей одной
   строкой); число клеток — те же пороги ширины, что у списков документов (list.css, .ms-page-list). */
.ms-page-tasks { --ms-list-filter-cols:7; }
@media (max-width:1902px) { .ms-page-tasks { --ms-list-filter-cols:6; } }
@media (max-width:1638px) { .ms-page-tasks { --ms-list-filter-cols:5; } }
@media (max-width:1100px) { .ms-page-tasks { --ms-list-filter-cols:4; } }
@media (max-width:884px) { .ms-page-tasks { --ms-list-filter-cols:3; } }
@media (max-width:720px) { .ms-page-tasks { --ms-list-filter-cols:2; } }
@media (max-width:520px) { .ms-page-tasks { --ms-list-filter-cols:1; } }
.ms-tasks-filter[hidden] { display:none; }
.ms-tasks-filter .ms-list-field[hidden] { display:none; }
.ms-tasks-multi-pick { display:flex; box-sizing:border-box; width:250px; height:21px; border:1px solid #bfbfbf; background:#fff; box-shadow:inset 0 1px 2px rgba(0,0,0,.06); }
.ms-tasks-picked { display:flex; flex:1; min-width:0; align-items:center; gap:3px; overflow:hidden; padding:0 3px; cursor:pointer; }
.ms-tasks-pick-open { flex:none; width:20px; padding:0; border:0; background:transparent; cursor:pointer; }
.ms-tasks-pick-open::after { content:""; display:inline-block; border:4px solid transparent; border-bottom:0; border-top-color:#888; }
.ms-tasks-pick-chip { display:flex; align-items:center; max-width:100%; height:14px; padding:0 4px; border-radius:8px; background:#e0f0fa; color:#2981b1; font:11px/14px Arial,sans-serif; }
.ms-tasks-pick-chip > span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ms-tasks-pick-chip > button { flex:none; border:0; padding:0 0 0 4px; background:transparent; color:inherit; font:14px/14px Arial,sans-serif; cursor:pointer; }
.ms-tasks-pick-menu { width:248px; max-height:300px; overflow:auto; }
.ms-tasks-pick-menu > .ms-input { box-sizing:border-box; width:calc(100% - 12px); margin:6px; }
.ms-tasks-pick-menu .ms-check[hidden] { display:none; }
.ms-tasks-empty { margin:20px; color:#777; }

/* Таблица задач: без шапки, 20 клеток (с зазорами по 5 px), ширина 1279 — как .purpose-table МойСклада. Строка — Tahoma 12px,
   высота строки 1.4em; чётные (1-я, 3-я…) — с нижней чертой #ddd; выполненная — серая; просроченный срок — #ee644a. */
.ms-tasks-wrap { margin:25px 0 0 10px; }
.ms-tasks-list { border-collapse:collapse; border-spacing:0; table-layout:fixed; width:1279px; color:#222; font:12px/16.8px Tahoma,Geneva,sans-serif; }
.ms-tasks-list col.ms-tasks-w-done { width:52px; } .ms-tasks-list col.ms-tasks-w-desc { width:465px; }
.ms-tasks-list col.ms-tasks-w-gap { width:5px; } .ms-tasks-list col.ms-tasks-w-circle { width:12px; }
.ms-tasks-list col.ms-tasks-w-type { width:130px; } .ms-tasks-list col.ms-tasks-w-due { width:100px; }
.ms-tasks-list col.ms-tasks-w-link { width:200px; } .ms-tasks-list col.ms-tasks-w-avatar { width:46px; }
.ms-tasks-list col.ms-tasks-w-emp { width:100px; } .ms-tasks-list col.ms-tasks-w-count { width:50px; }
.ms-tasks-list col.ms-tasks-w-del { width:29px; }
.ms-tasks-list td { padding:5px 0; border:0; vertical-align:middle; overflow:hidden; background:#fff; }
.ms-tasks-list td > div { line-height:1.4em; white-space:normal; overflow-wrap:break-word; }
.ms-tasks-row { cursor:pointer; }
.ms-tasks-row.is-even { border-bottom:1px solid #ddd; }
.ms-tasks-row .ms-tasks-c-done { padding:5px 0 5px 10px; vertical-align:top; }
.ms-tasks-row .ms-tasks-c-del { padding:5px 10px 5px 0; }
.ms-tasks-open { color:inherit; text-decoration:none; }
.ms-tasks-open:hover { color:inherit; text-decoration:none; }
.ms-tasks-row.is-done td { color:#757575; }
.ms-tasks-c-due.is-overdue { color:#ee644a; }
.ms-tasks-c-link > div { margin-left:12px; }
.ms-tasks-c-link a { color:#186999; text-decoration:none; }
.ms-tasks-c-link a:hover { color:#f88001; }
.ms-tasks-row.is-done .ms-tasks-c-link a { color:#8bb4cc; }
.ms-tasks-circle { width:12px; height:12px; border-radius:50%; }
/* Кружок выполнения: пустой — белый с рамкой #1f75a8, отмеченный — голубой с белой галочкой (замер done-box МойСклада). */
.ms-tasks-done-box { position:relative; display:block; height:32px; padding-left:35px; cursor:pointer; }
.ms-tasks-done-box > input { position:absolute; left:0; top:0; width:42px; height:32px; margin:0; opacity:0; cursor:pointer; }
.ms-tasks-done-box.is-locked, .ms-tasks-done-box.is-locked > input { cursor:not-allowed; }
.ms-tasks-done-mark { position:absolute; top:0; left:0; box-sizing:content-box; width:18px; height:18px; margin:4px 0 0 13px; border:2px solid #1f75a8; border-radius:18px; background:#fff; pointer-events:none; }
.ms-tasks-done-box > input:checked ~ .ms-tasks-done-mark { width:22px; height:22px; border:0; background:#8fbad3; box-shadow:0 1px 3px 0 rgba(0,0,0,.06); }
.ms-tasks-done-mark::after { content:""; position:absolute; display:none; left:8.4px; top:3.5px; width:4px; height:10px; border:solid #fff; border-width:0 2px 2px 0; transform:rotate(45deg); }
.ms-tasks-done-box > input:checked ~ .ms-tasks-done-mark::after { display:block; }
.ms-tasks-avatar { display:block; box-sizing:content-box; width:29px; height:29px; padding:3px; margin-right:7px; line-height:31px; }
.ms-tasks-avatar > svg, .ms-tasks-avatar > img { display:inline-block; width:26px; height:26px; margin-bottom:2px; border-radius:13px; vertical-align:middle; object-fit:cover; }
.ms-tasks-notes { display:inline-flex; align-items:center; }
.ms-tasks-notes > svg { width:24px; height:24px; vertical-align:middle; }
.ms-tasks-notes > b, .ms-tasks-files > b { color:#1f75a8; font-weight:700; line-height:1.17; }
.ms-tasks-files { display:flex; align-items:center; }
.ms-tasks-files > i { display:flex; width:16px; height:16px; border-radius:16px; background:#79bee7; }
.ms-tasks-files > b { padding-left:4px; }
/* Крестик удаления — только у строки под мышью, как quick-delete МойСклада (14×13). */
.ms-tasks-quick-delete { display:none; width:14px; height:13px; padding:0; border:0; background:none; color:#999; cursor:pointer; }
.ms-tasks-quick-delete > svg { display:block; width:14px; height:13px; }
.ms-tasks-row:hover .ms-tasks-quick-delete { display:block; }
.ms-tasks-quick-delete:hover { color:#d04437; }
.ms-tasks-quick-delete:disabled { cursor:not-allowed; color:#ccc; }
/* Группы «Сегодня / Завтра / Неделя / Позже» (у активных): 15 px, #cc420c — .purpose-table .group-row МойСклада. Живая сверка с
   тестовой задачей 22.10.2026: строка 40, подпись у верха ячейки (отступ 5) с x 63, треугольник 9 × 9 с x 48 на 14 ниже верха
   строки; щелчок сворачивает группу — треугольник вправо, строки скрыты (m_tasks.js). */
.ms-tasks-group td { height:30px; padding:5px 0 5px 23px; vertical-align:top; color:#cc420c; font-size:15px; font-weight:400; background:#fff; }
.ms-tasks-group-toggle { position:relative; display:inline-block; margin:0; padding:0; border:0; background:none; color:inherit; font:inherit; line-height:normal; cursor:pointer; }
.ms-tasks-group-caret { position:absolute; left:-15px; top:9px; width:9px; height:9px; }
.ms-tasks-group-caret::before { content:""; position:absolute; left:1px; top:2px; border-style:solid; border-width:5px 3.5px 0; border-color:currentColor transparent transparent; }
.ms-tasks-group-toggle[aria-expanded="false"] .ms-tasks-group-caret { transform:rotate(-90deg); }
.ms-tasks-row.is-collapsed { display:none; }
.ms-tasks-row.is-current td { background:#fff; }
/* Листалка — общая подвальная полоса списков; у задач нет синей черты под таблицей (у МойСклада у последней строки задач её нет). */
.ms-tasks-footer { width:1289px; margin-left:0; }
/* Стрелки и «1-1 из N» у МойСклада — с x 50, на 10 правее левого края таблицы (живая сверка 22.10.2026). */
.ms-tasks-footer > .ms-list-pager { margin-left:10px; }
.ms-tasks-footer::before { display:none; }
.ms-tasks-footer.is-floating::before { display:block; }
.ms-tasks-bookmarks { margin:12px 0 0; }
.ms-tasks-dialog-panel { width:440px; height:auto; min-height:0; max-height:calc(100vh - 40px); }
.ms-tasks-muted, .ms-tasks-stamp { color:#888; font-size:12px; }
.ms-tasks-stamp.is-stale { color:#a27317; }
.ms-tasks-error { color:#b34231; }
.ms-tasks-copy-status { color:#5f6d79; font-size:12px; }

/* Боковая панель задачи — новое оформление МойСклада (ALS Hauss → свободный Onest, 'Svod Onest' из card.css): подложка
   rgba(1,4,11,.36), панель 960 px у правого края, фон #f1f4f9, кружок «закрыть» 32 px на её левом крае, белые карточки
   с радиусом 8 и полями 20; слева 500 px (описание и комментарии), справа 376 px (срок, выполнение, тип, люди, связь). */
/* Onest шире ALS Hauss: межбуквенный −0,2 px даёт ширины надписей МойСклада до 1 px (живая сверка 21.10.2026:
   «У задачи пока нет ни одного комментария...» 288 против 296 без поправки). */
.ms-task-side { position:fixed; inset:0; z-index:1000; font:400 14px/20px 'Svod Onest',Arial,sans-serif; color:#091739; letter-spacing:-.2px; }
.ms-task-side *, .ms-task-side *::before, .ms-task-side *::after { box-sizing:border-box; }
.ms-task-side-backdrop { position:absolute; inset:0; background:rgba(1,4,11,.36); }
.ms-task-side-panel { position:absolute; top:0; right:0; bottom:0; width:960px; max-width:calc(100% - 24px); border-radius:2px; background:#f1f4f9; box-shadow:0 8px 24px rgba(9,23,57,.24); }
.ms-task-side-x { position:absolute; top:8px; left:-16px; z-index:2; display:flex; align-items:center; justify-content:center; width:32px; height:32px; border-radius:20px; background:#f1f4f9; color:#5f6d79; }
.ms-task-side-x:hover { color:#091739; }
.ms-task-side-x > svg { width:16px; height:16px; }
.ms-task-side-scroll { position:absolute; inset:0; display:flex; flex-direction:column; overflow:auto; padding:42px 32px 24px; }
.ms-task-side-head { position:relative; display:flex; flex:none; align-items:flex-start; height:34px; margin:0 0 16px; padding-right:190px; }
.ms-task-side-head h2 { position:relative; top:1px; margin:0 20px 0 0; font:700 24px/28px 'Svod Onest',Arial,sans-serif; color:#091739; letter-spacing:-.1px; white-space:nowrap; }
.ms-task-side-link { display:inline-block; height:32px; margin:2px 18px 0 0; padding:6px 0; border:0; border-radius:8px; background:none; color:#036ce5; font:400 14px/20px 'Svod Onest',Arial,sans-serif; text-decoration:none; cursor:pointer; white-space:nowrap; }
.ms-task-side-link:hover { color:#0257b8; }
.ms-task-side-link:disabled { color:#9fa7af; cursor:default; }
.ms-task-side-form { display:inline; margin:0; }
.ms-task-side-head .ms-tasks-copy-status { align-self:center; margin-top:2px; }
.ms-task-side-changes { position:absolute; top:1px; right:0; display:flex; flex-direction:column; align-items:flex-end; font:400 12px/16px 'Svod Onest',Arial,sans-serif; color:#091739; white-space:nowrap; }
.ms-task-side-changes a { color:#036ce5; text-decoration:none; }
.ms-task-side-body { display:flex; flex:1 0 auto; align-items:stretch; gap:20px; min-height:0; }
.ms-task-side-left { display:flex; flex:none; flex-direction:column; width:500px; }
.ms-task-side-right { flex:none; width:376px; }
.ms-task-paper { margin:0 0 20px; padding:20px; border-radius:8px; background:#fff; }
.ms-task-side-left > .ms-task-paper:last-child, .ms-task-side-right > .ms-task-paper:last-child { margin-bottom:0; }
.ms-task-cap { display:flex; align-items:center; gap:8px; font:400 12px/16px 'Svod Onest',Arial,sans-serif; color:#5f6d79; }
.ms-task-icon-btn { display:inline-flex; align-items:center; justify-content:center; width:12px; height:12px; padding:0; border:0; background:none; color:#5f6d79; cursor:pointer; }
.ms-task-icon-btn > svg { width:12px; height:12px; }
.ms-task-icon-btn:hover { color:#036ce5; }
.ms-task-desc-text { margin:8px 0 0; font:400 14px/20px 'Svod Onest',Arial,sans-serif; color:#091739; white-space:pre-wrap; overflow-wrap:anywhere; }
.ms-task-desc.is-collapsed .ms-task-desc-text { max-height:40px; overflow:hidden; }
.ms-task-desc-dots { margin:0; }
.ms-task-desc-toggle { display:block; margin:1px 0 0; padding:0; border:0; background:none; color:#091739; font:400 14px/20px 'Svod Onest',Arial,sans-serif; text-decoration:underline; cursor:pointer; }
.ms-task-desc-form { margin:8px 0 0; }
.ms-task-textarea { display:block; width:100%; min-height:96px; padding:8px 12px; border:1px solid #d1d6df; border-radius:8px; color:#091739; font:400 14px/20px 'Svod Onest',Arial,sans-serif; resize:vertical; }
.ms-task-desc-actions { display:flex; align-items:center; gap:16px; margin:12px 0 0; }
.ms-task-btn { height:32px; padding:0 16px; border:0; border-radius:8px; font:400 14px/20px 'Svod Onest',Arial,sans-serif; cursor:pointer; }
.ms-task-btn-primary { background:#036ce5; color:#fff; }
.ms-task-notes { display:flex; flex:1 1 auto; flex-direction:column; min-height:240px; }
.ms-task-notes-list { flex:1 1 auto; }
.ms-task-empty { margin:0; color:#5f6d79; }
.ms-task-more { color:#036ce5; text-decoration:none; }
.ms-tasks-notes-result > .ms-task-cap { margin:0 0 8px; }
.ms-task-note { position:relative; display:grid; grid-template-columns:28px 1fr; column-gap:12px; padding-bottom:16px; }
.ms-task-note-avatar { grid-row:1 / span 2; }
.ms-task-note-avatar > svg, .ms-task-note-avatar > img { display:block; width:28px; height:28px; border-radius:14px; object-fit:cover; }
.ms-task-note::before { content:""; position:absolute; top:32px; bottom:4px; left:13px; width:1px; background:#d1d6df; }
.ms-task-note-head { display:flex; align-items:baseline; gap:8px; min-height:32px; padding-top:5px; }
.ms-task-note-head h4 { margin:0; font:700 16px/18px 'Svod Onest',Arial,sans-serif; color:#091739; }
.ms-task-note-head h4 a { color:inherit; text-decoration:none; }
.ms-task-note-head time { color:#5f6d79; font:400 14px/20px 'Svod Onest',Arial,sans-serif; }
.ms-task-note-text { grid-column:2; margin:0; font:400 14px/20px 'Svod Onest',Arial,sans-serif; white-space:pre-wrap; overflow-wrap:anywhere; }
.ms-task-note-form { flex:none; margin:16px 0 0; }
.ms-task-note-box { position:relative; height:81px; border:1px solid #d1d6df; border-radius:8px; background:#fff; }
.ms-task-note-input { display:block; width:100%; height:40px; padding:8px 8px 8px 12px; border:0; border-radius:8px; background:transparent; color:#091739; font:400 14px/20px 'Svod Onest',Arial,sans-serif; resize:none; outline:0; }
.ms-task-note-input::placeholder { color:#9fa7af; opacity:1; }
.ms-task-note-input:disabled { background:transparent; cursor:default; }
.ms-task-note-clip { position:absolute; left:12px; top:50px; display:flex; align-items:center; justify-content:center; width:24px; height:24px; padding:0; border:0; background:none; color:#5f6d79; }
.ms-task-note-send { position:absolute; right:13px; top:52px; display:flex; width:20px; height:20px; padding:0; border:0; background:none; color:#9fa7af; }
.ms-task-note-send:not(:disabled) { color:#036ce5; cursor:pointer; }
.ms-task-label { display:block; padding:0 0 4px; font:400 14px/20px 'Svod Onest',Arial,sans-serif; color:#091739; }
.ms-task-date { position:relative; display:block; width:162px; height:30px; }
.ms-task-date > svg { position:absolute; left:12px; top:9px; width:12px; height:12px; color:#5f6d79; pointer-events:none; }
.ms-task-date > input { width:162px; height:30px; padding:0 8px 0 32px; border:1px solid #d1d6df; border-radius:8px; background:#fff; color:#091739; font:400 14px/30px 'Svod Onest',Arial,sans-serif; }
.ms-task-date > input::placeholder { color:#9fa7af; opacity:1; }
.ms-task-date.is-disabled > input { background:#f1f4f9; color:#5f6d79; }
.ms-task-date[data-task-edit-href] > input { cursor:pointer; }
.ms-task-toggle { display:flex; align-items:center; gap:8px; margin:20px 0 0; cursor:pointer; user-select:none; }
.ms-task-toggle > input { position:absolute; width:1px; height:1px; opacity:0; }
.ms-task-switch { position:relative; display:block; flex:none; width:28px; height:16px; border-radius:8px; background:#9fa7af; }
.ms-task-switch > svg { position:absolute; top:1px; left:1px; width:14px; height:14px; border-radius:7px; background:#fff; color:transparent; }
.ms-task-toggle > input:checked + .ms-task-switch { background:#036ce5; }
.ms-task-toggle > input:checked + .ms-task-switch > svg { left:13px; color:#036ce5; }
.ms-task-toggle.is-disabled { cursor:default; }
.ms-task-toggle.is-disabled > input:checked + .ms-task-switch { background:#036ce5; }
.ms-task-muted { margin:5px 0 0; color:#5f6d79; }
.ms-task-muted + .ms-task-muted { margin-top:0; }
.ms-task-cap-type { margin-top:20px; }
.ms-task-type { display:flex; align-items:center; gap:8px; min-height:20px; margin-top:4px; }
.ms-task-type-dot { flex:none; width:16px; height:16px; border-radius:50%; }
.ms-task-type > svg { width:12px; height:12px; margin-left:-4px; color:#091739; }
.ms-task-type-pick { display:inline-flex; align-items:center; gap:4px; color:#091739; text-decoration:none; }
.ms-task-people .ms-task-cap + .ms-task-person { margin-top:4px; }
.ms-task-person + .ms-task-cap { margin-top:20px; }
.ms-task-person { display:flex; align-items:center; gap:8px; min-height:24px; }
.ms-task-person > svg, .ms-task-person > img { flex:none; width:24px; height:24px; border-radius:12px; object-fit:cover; }
.ms-task-person > p { margin:0; }
.ms-task-person > .ms-task-icon-btn { margin-left:4px; color:#091739; }
.ms-task-doc { position:relative; display:flex; gap:8px; margin-top:4px; padding:16px; border-radius:8px; background:#f1f4f9; }
.ms-task-doc > svg { flex:none; width:16px; height:16px; margin-top:2px; color:#091739; }
.ms-task-doc p { margin:0; }
.ms-task-doc > div > a { display:block; margin-top:4px; color:#036ce5; text-decoration:none; }
/* Плашка документа у МойСклада на 4 px шире поля карточки (340 при поле 336), крестик — 16 px от её угла. */
.ms-task-doc { margin-right:-4px; }
a.ms-task-icon-btn, a.ms-task-icon-btn:visited { color:#5f6d79; }
.ms-task-person > a.ms-task-icon-btn, .ms-task-person > a.ms-task-icon-btn:visited { color:#091739; }
.ms-task-doc-x { position:absolute; top:16px; right:16px; }
.ms-task-link-title { margin:0 0 7px; font:700 16px/20px 'Svod Onest',Arial,sans-serif; color:#091739; }
.ms-task-link-cmd { display:flex; align-items:center; gap:8px; height:32px; margin:0 0 8px; padding:0; border:0; background:none; color:#036ce5; font:400 14px/20px 'Svod Onest',Arial,sans-serif; text-decoration:none; cursor:pointer; }
.ms-task-link-cmd:last-child { margin-bottom:0; }
.ms-task-link-cmd > svg { width:20px; height:20px; }
.ms-task-link-cmd:disabled { color:#9fa7af; cursor:default; }
.ms-task-error { margin:0 0 16px; color:#e50347; }
html.ms-task-side-open { overflow:hidden; }
/* «Создание задачи»: карточки во всю ширину панели (у МойСклада — до её правого края, 928 px), внизу «Создать задачу» и
   «Не сейчас» (замер 21.10.2026). */
.ms-task-new-form { position:absolute; inset:0; margin:0; }
.ms-task-side-new .ms-task-side-scroll { padding:42px 0 72px 32px; }
.ms-task-side-new .ms-task-side-head { height:30px; margin-bottom:14px; padding-right:0; }
.ms-task-side-new .ms-task-paper { margin-bottom:20px; border-radius:8px 0 0 8px; }
.ms-task-req { color:#e50347; }
.ms-task-new-text { position:relative; width:479px; height:137px; border:1px solid #d1d6df; border-radius:8px; background:#fff; }
.ms-task-new-text:focus-within { border-color:#091739; }
.ms-task-new-text > textarea { display:block; width:100%; height:96px; padding:8px 12px; border:0; border-radius:8px; background:transparent; color:#091739; font:inherit; resize:none; outline:0; }
.ms-task-new-text > textarea::placeholder { color:#9fa7af; opacity:1; }
.ms-task-new-text > .ms-task-note-clip { left:11px; top:106px; }
.ms-task-new-gap { margin-top:20px; }
.ms-task-new-main .ms-task-label[for="task-new-description"] { padding-bottom:4px; }
.ms-task-select { position:relative; display:block; width:266px; height:32px; }
.ms-task-select > select { width:100%; height:32px; padding:0 52px 0 12px; border:1px solid #d1d6df; border-radius:8px; background:#fff; color:#091739; font:inherit; letter-spacing:inherit; appearance:none; cursor:pointer; }
.ms-task-select > select.is-empty { color:#9fa7af; }
.ms-task-select > select option { color:#091739; }
.ms-task-select > svg { position:absolute; top:10px; width:12px; height:12px; color:#5f6d79; pointer-events:none; }
.ms-task-select > svg[data-icon="nd-chevron"] { right:12px; }
.ms-task-select > svg[data-icon="nd-pencil"] { right:32px; }
.ms-task-new-link { display:flex; flex-wrap:wrap; gap:8px; margin:0 0 8px 28px; }
.ms-task-new-link .ms-task-lookup { width:266px; }
/* Ширины надписей этой карточки и кнопки — по замеру МойСклада (Onest без поправки шире на 3–5 px). */
.ms-task-new-links { padding-bottom:12px; }
.ms-task-new-links .ms-task-link-title { margin-bottom:18px; letter-spacing:-.1px; }
.ms-task-new-links .ms-task-link-cmd { margin-bottom:8px; letter-spacing:-.3px; }
.ms-task-new-foot { position:absolute; left:32px; bottom:24px; display:flex; align-items:center; gap:16px; }
.ms-task-new-foot .ms-task-btn { letter-spacing:-.3px; }
.ms-task-new-foot .ms-task-side-link { margin:0; }
@media (max-width:1000px) {
  .ms-task-side-panel { width:100%; max-width:none; }
  .ms-task-side-x { left:8px; }
  .ms-task-side-scroll { padding:48px 16px 16px; }
  .ms-task-side-head { flex-wrap:wrap; height:auto; padding-right:0; }
  .ms-task-side-changes { position:static; align-items:flex-start; width:100%; margin-top:8px; }
  .ms-task-side-body { flex-direction:column; }
  .ms-task-side-left, .ms-task-side-right { width:100%; }
}
@media (max-width:1320px) { .ms-tasks-wrap { overflow-x:auto; } }
@media (max-width:600px) { .ms-tasks-head { flex-wrap:wrap; height:auto; gap:5px; } .ms-tasks-head .ms-tasks-search { margin:8px 0; } }

/* Вкладка «Задачи» в карточках документов и контрагентов (ms_tasks_block.php) — прежняя таблица. */
.ms-tasks-table-wrap { overflow-x:auto; margin:25px 10px 0 20px; }
.ms-tasks-table { border-collapse:collapse; width:100%; table-layout:fixed; font:11px/15px Tahoma,Arial,sans-serif; }
.ms-tasks-table th { padding:5px 7px; text-align:left; background:#e3e3e3; border-right:1px solid #fff; font-weight:400; }
.ms-tasks-table th a { color:#222; text-decoration:none; }
.ms-tasks-table td { padding:7px; border-bottom:1px solid #ddd; vertical-align:middle; overflow-wrap:anywhere; }
.ms-tasks-table tbody tr:hover { background:#fffb8c; }
.ms-tasks-table .ms-link { font:inherit; text-decoration:underline; }
.ms-tasks-table .ms-tasks-check-cell { width:18px; text-align:center; padding-left:3px; padding-right:3px; }
.ms-tasks-check-cell input { width:13px; height:13px; margin:0; vertical-align:middle; }
.ms-tasks-table .is-done td:nth-child(2) > a { color:#888; }
.ms-tasks-state { display:inline-block; border-radius:2px; padding:1px 8px 2px; color:#fff; font:11px/14px Tahoma,Arial,sans-serif; max-width:100%; box-sizing:border-box; }
.ms-tasks-overdue { color:#d04437; }
.ms-tasks-block { font:12px Arial,sans-serif; }
.ms-tasks-block-head { display:flex; align-items:center; gap:20px; margin:15px 0; }
.ms-tasks-block-head h2 { margin:0; font-size:16px; }
.ms-tasks-block .ms-tasks-table-wrap { margin:0; }
.ms-tasks-block .ms-tasks-block-empty { text-align:center; padding:18px; color:#888; }
.ms-tasks-block .ms-tasks-table { min-width:650px; }

/* Редактор задачи: сетка React, значения замерены в карточке документа.
   Подписи имеют свой класс: обёртки общих элементов не наследуют display и цвет подписи.
   Правило .legacy ниже оставлено для совместимости с прежней оболочкой. */
.ms-page-legacy:has(> .ms-task-editor) { margin:0; padding:0; }
.ms-page.ms-page-task.ms-task-editor { width:auto; max-width:776px; margin:20px 40px 40px; }
.ms-task-editor form[data-task-edit] { margin:0; }
.ms-task-editor .ms-tasks-card-toolbar { padding:0; min-height:28px; margin:0 0 20px; gap:10px; }
.ms-task-editor .ms-tasks-card-toolbar .ms-btn { box-sizing:border-box; width:auto; height:28px; margin:0; outline:0; box-shadow:none; }
.ms-task-editor .ms-tasks-card-toolbar .ms-btn:hover { background:linear-gradient(#fff,#f7f7f7); }
.ms-task-editor .ms-tasks-card-toolbar .ms-btn:active { background:#f2f2f2; }
.ms-task-editor .ms-tasks-card-toolbar .ms-btn-green { color:#fff; border-color:#a1b900; background:linear-gradient(#cce255,#a1b900); }
.ms-task-editor .ms-tasks-card-toolbar .ms-btn-green:hover { background:linear-gradient(#cce255,#b7d200); }
.ms-task-editor .ms-tasks-card-toolbar .ms-btn-green:active { background:#a1b900; }
.ms-task-editor .ms-tasks-card-toolbar .ms-btn:disabled { color:#c0c0c0; background:linear-gradient(#fff,#e6e6e6); border-color:#ccc; opacity:1; }
.ms-task-editor .ms-task-editor-title { margin:0 0 20px; font:700 20px/24px Arial,sans-serif; }
.ms-task-editor .ms-tasks-description { display:block; margin:0 0 20px; color:#222; }
.ms-task-editor .ms-tasks-description > span { margin-bottom:8px; }
.ms-task-editor .ms-tasks-description textarea.ms-input { box-sizing:border-box; display:block; width:100%; height:80px; min-height:64px; padding:3px; border:1px solid #bfbfbf; border-radius:0; background:#fff; color:#000; font:12px/14px Arial,sans-serif; outline:0; }
.ms-task-editor .ms-task-fields { display:grid; gap:10px; }
.ms-task-editor .ms-tasks-card-field { display:grid; grid-template-columns:111px 250px; align-items:center; gap:10px; min-height:21px; margin:0; }
.ms-task-editor .ms-tasks-card-field > .ms-task-field-label { display:block; margin:0; color:#222; font:12px/14px Arial,sans-serif; }
.ms-task-editor .ms-tasks-card-field > .ms-input,
.ms-task-editor .ms-tasks-card-field > .ms-select { box-sizing:border-box; width:250px; height:21px; margin:0; padding:0 5px 0 2px; border:1px solid #bfbfbf; border-radius:0; color:#000; background:#fff; font:12px/14px Arial,sans-serif; outline:0; }
.ms-task-editor .ms-tasks-card-field > .ms-sel { max-width:100%; }
.ms-task-editor .ms-task-due { display:flex; align-items:center; gap:8px; }
.ms-task-editor .ms-task-due:not(:has(.ms-dt)) > input { box-sizing:border-box; width:220px; height:21px; padding:0 2px; border:1px solid #bfbfbf; border-radius:0; background:#fff; color:#000; font:12px/14px Arial,sans-serif; outline:0; }
.ms-task-editor .ms-task-hint { color:#888; font:11px/14px Arial,sans-serif; }
.ms-task-editor .ms-task-links { margin:24px 0 0; padding:14px 0 0; border:0; border-top:1px solid #ddd; min-width:0; }
.ms-task-editor .ms-task-links legend { padding:0 10px 0 0; color:#222; font:700 12px/14px Arial,sans-serif; }
.ms-task-editor [aria-invalid="true"], .ms-task-editor .ms-input:user-invalid,
.ms-task-editor .ms-tasks-description textarea.ms-input[aria-invalid="true"],
.ms-task-editor .ms-tasks-description textarea.ms-input:user-invalid { border-color:red; }
.ms-task-action { display:inline-flex; margin:0; }
.ms-task-delete { padding:10px; max-width:240px; }
.ms-task-delete .ms-check { display:flex; margin-bottom:12px; gap:6px; }

/* У задач отдельный поиск TaskEdit::lookupField с теми же размерами и состояниями.
   Обработчик не меняет общий Lookup и не даёт ему запросить чужой вид справочника. */
.ms-task-editor .ms-task-lookup { position:relative; display:flex; box-sizing:border-box; width:250px; height:21px; min-width:0; border:1px solid #bfbfbf; background:#fff; box-shadow:none; }
.ms-task-editor .ms-task-lookup > input.ms-input { box-sizing:border-box; flex:1; min-width:0; width:0; height:19px; margin:0; padding:0 20px 0 2px; border:0; border-radius:0; color:#000; background:#fff; font:12px/14px Arial,sans-serif; outline:0; box-shadow:none; }
.ms-task-editor .ms-task-lookup > button { box-sizing:border-box; flex:none; width:18px; height:19px; margin:0; padding:0; border:0; border-radius:0; background:transparent; color:#888; outline:0; box-shadow:none; cursor:pointer; }
.ms-task-editor .ms-task-lookup > button[data-task-lookup-open]::after { content:""; display:block; width:8px; height:4px; margin:auto; border:0; background:#888; clip-path:polygon(0 0,100% 0,50% 100%); }
.ms-task-editor .ms-task-lookup > button[data-task-lookup-open]:hover::after { background:#555; }
.ms-task-editor .ms-task-lookup > button[data-task-lookup-open]:active::after { background:#222; }
.ms-task-editor .ms-task-lookup > .ms-lookup-clear { position:absolute; right:18px; top:0; width:18px; color:#888; font:16px/19px Arial,sans-serif; }
.ms-task-editor .ms-task-lookup > .ms-lookup-clear::after { content:none; }
.ms-task-editor .ms-task-lookup > .ms-lookup-clear:hover { color:#555; }
.ms-task-editor .ms-task-lookup > .ms-lookup-clear:active { color:#222; }
.ms-task-editor .ms-task-lookup:has(> input[aria-invalid="true"]) { border-color:red; }
.ms-task-editor .ms-task-lookup > input:disabled { color:#888; background:#f0f0f0; }
.ms-task-editor .ms-task-lookup .ms-lookup-list { top:100%; left:-1px; right:-1px; z-index:20; max-height:200px; border:1px solid #bfbfbf; background:#fff; box-shadow:0 1px 3px #c8c8c8; color:#888; font:12px/14px Arial,sans-serif; }
.ms-task-editor .ms-task-lookup .ms-lookup-list:not(:has(button)) { padding:3px; text-align:center; }
.ms-task-editor .ms-task-lookup .ms-lookup-option { display:block; box-sizing:border-box; width:100%; height:auto; min-height:20px; margin:0; padding:3px 20px 3px 3px; border:0; border-radius:0; background:#fff; color:#000; font:12px/14px Arial,sans-serif; text-align:left; box-shadow:none; outline:0; }
.ms-task-editor .ms-task-lookup .ms-lookup-option.is-selected { background:#dff3df; }
.ms-task-editor .ms-task-lookup .ms-lookup-option.is-active { background:#e4f1fa; }
.ms-task-editor .ms-task-lookup .ms-lookup-option:hover { background:#fffb8c; }
.ms-task-editor .ms-task-lookup .ms-lookup-more { padding:3px; font:12px/14px Arial,sans-serif; text-align:center; }
/* «Контрагент» задачи — подсказка МойСклада, как в формах документов (m_lookup.css, 01.11.2026): имя и под ним телефон, как он
   записан у контрагента; нет телефона — пустая строка той же высоты; длинное — с «…». */
.ms-task-lookup .ms-lookup-option.ms-lookup-agent { white-space:nowrap; }
.ms-task-editor .ms-task-lookup .ms-lookup-option.ms-lookup-agent { padding:3px 5px; color:#222; font:12px/15px "Helvetica Neue",Helvetica,Arial,sans-serif; }
.ms-task-editor .ms-task-lookup .ms-lookup-agent-phone { height:14px; color:#666; font-size:11px; line-height:14px; }
.ms-task-link-card .ms-task-lookup .ms-lookup-agent-phone { height:16px; color:#5f6d79; font-size:12px; line-height:16px; }

/* Список остаётся GWT: флажки браузерные, без React-перекраски всей таблицы. */
.ms-tasks-table .ms-tasks-check-cell input { width:14px; height:14px; }
.ms-tasks-table tbody tr.is-current:not(.ms-tasks-bucket):hover { background:#dff3df; }
.ms-tasks-head .ms-tasks-filter-toggle.on { border-color:#1f75a8; background:linear-gradient(#82bfea,#1f75a8); }
.ms-tasks-head .ms-tasks-filter-toggle.on:hover { background:linear-gradient(#82bfea,#1f75a8); }
.ms-tasks-head .ms-tasks-filter-toggle.on:active { background:#f2f2f2 linear-gradient(#82bfea,#1f75a8); }
.ms-tasks-head .ms-tasks-search:focus { border-color:#bfbfbf; outline:0; box-shadow:none; }
.ms-page-task .ms-tasks-new-note.ms-input { min-height:64px; padding:3px; border:1px solid #bfbfbf; border-radius:0; color:#000; background:#fff; font:12px/14px Arial,sans-serif; resize:vertical; }
.ms-page-task .ms-tasks-new-note.ms-input:focus { border-color:#2f9bff; outline:1px solid #2f9bff; box-shadow:none; }
.ms-page-task .ms-tasks-new-note.ms-input:disabled { color:#888; background:#f0f0f0; }
.ms-page-task .ms-tasks-new-note.ms-input:user-invalid { border-color:red; }
.ms-page-task .ms-tasks-new-note::placeholder { color:#888; opacity:1; }
@media (max-width:899px) {
  .ms-page.ms-page-task.ms-task-editor { max-width:none; margin:20px 20px 32px; }
  .ms-task-editor .ms-tasks-description { max-width:776px; }
}
@media (max-width:480px) {
  .ms-page.ms-page-task.ms-task-editor { margin-right:12px; margin-left:12px; }
  .ms-task-editor .ms-tasks-card-field { grid-template-columns:minmax(0,1fr); gap:5px; }
  .ms-task-editor .ms-task-fields { gap:14px; }
  .ms-task-editor .ms-tasks-card-field > .ms-select,
  .ms-task-editor .ms-task-lookup { max-width:100%; }
  .ms-task-editor .ms-task-hint { flex:none; }
  .ms-page-task .ms-tasks-comments { box-sizing:border-box; min-width:0; width:100%; }
}
/* Связи новой задачи открываются командами; заполненные связи сразу видны. */
.ms-task-link-commands { display: flex; flex-wrap: wrap; gap: 12px 24px; margin: 8px 0 16px; }
.ms-task-link-command { padding: 0; border: 0; background: transparent; color: #186999; font: inherit; cursor: pointer; }
.ms-task-link-command:hover { color: #f88001; }
.ms-task-links [hidden] { display: none !important; }
/* Отчёт о выполнении (своё отличие Свода от МойСклада, 22.10.2026): окно поверх списка и панели задачи; в ленте комментариев
   отчёт — с зелёной подписью. */
.ms-task-report-dialog { position:fixed; inset:0; z-index:1100; display:flex; align-items:center; justify-content:center; background:rgba(9,23,57,.32); font:400 14px/20px 'Svod Onest',Arial,sans-serif; color:#091739; }
.ms-task-report-form { box-sizing:border-box; width:520px; max-width:calc(100vw - 32px); padding:20px 24px; border-radius:12px; background:#fff; box-shadow:0 8px 32px rgba(9,23,57,.24); }
.ms-task-report-form h3 { margin:0 0 8px; font:700 18px/24px 'Svod Onest',Arial,sans-serif; }
.ms-task-report-form p { margin:0 0 12px; color:#5f6d79; }
.ms-task-report-form .ms-task-textarea { box-sizing:border-box; min-height:140px; }
.ms-task-report-form .ms-task-report-actions { display:flex; align-items:center; gap:16px; margin:16px 0 0; }
.ms-task-report-form .ms-task-btn-primary:disabled { background:#9dbff0; cursor:default; }
.ms-task-note-badge { padding:0 8px; border-radius:10px; background:#e3f5e8; color:#1b7f3b; font:400 12px/20px 'Svod Onest',Arial,sans-serif; white-space:nowrap; }
/* Правка в панели задачи (волна 48а, как у МойСклада): маленькие формы полей без своего места в раскладке; срок — щелчком
   по полю (календарь нового оформления), тип — щелчком по «Не выбран ⌄» или названию, исполнитель — карандашом. */
.ms-task-inline { display:contents; }
.ms-task-date.is-editable, .ms-task-date.is-editable > input { cursor:pointer; }
.ms-task-date.is-editable:hover > input, .ms-task-date.is-open > input { border-color:#9fa7af; }
.ms-task-date > input[aria-invalid="true"] { border-color:#e50347; }
.ms-task-type .ms-task-type-pick { position:relative; cursor:pointer; }
.ms-task-type .ms-task-type-pick > svg { width:12px; height:12px; color:#091739; }
.ms-task-type-native { position:absolute; inset:0; width:100%; height:100%; margin:0; padding:0; border:0; opacity:0; cursor:pointer; font:inherit; }
.ms-task-inline-editor[hidden], [data-task-inline-view][hidden] { display:none !important; }
.ms-task-people .ms-task-inline-editor { width:280px; margin-top:4px; }
.ms-task-link-card .ms-task-inline-editor { margin:8px 0 0; }
/* Календарь срока — как у МойСклада (живая сверка 22.10.2026): 370,5 × 274 (шесть недель — 308), белый, скругление 8,
   тень; слева месяц со стрелками и дни 32 × 32 через 34 px, время 61 × 30 в 16 px от низа; справа полоса #fbfbfb 118,5 px
   «Выбрать» и быстрые сроки через 34 px. */
.ms-task-date.is-open { z-index:5; }
.ms-task-cal { position:absolute; top:31px; left:0; z-index:20; display:flex; width:370.5px; border-radius:8px; background:#fff;
  box-shadow:0 8px 16px rgba(0,0,0,.08), 0 0 4px rgba(0,0,0,.06); overflow:hidden; cursor:default; }
.ms-task-cal-main { position:relative; width:252px; height:273.9px; }
.ms-task-cal.is-six .ms-task-cal-main { height:307.9px; }
.ms-task-cal-head { position:absolute; left:8px; top:12px; display:flex; width:236px; height:32px; }
.ms-task-cal-nav { display:inline-flex; align-items:center; justify-content:center; width:32px; height:32px; padding:0; border:0; border-radius:4px; background:none; color:#5f6d79; cursor:pointer; }
.ms-task-cal-nav:hover { background:#f1f4f9; }
.ms-task-cal-title { display:flex; align-items:center; justify-content:center; gap:8.5px; width:172px; height:32px; padding:0; border:0; border-radius:4px; background:none; color:#091739; font:inherit; letter-spacing:inherit; cursor:default; }
.ms-task-cal-year { color:#5f6d79; }
.ms-task-cal-grid { position:absolute; left:8px; top:52px; display:grid; grid-template-columns:repeat(7, 32px); grid-auto-rows:32px; gap:2px; }
.ms-task-cal-day { box-sizing:border-box; width:32px; height:32px; padding:0; border:1px solid transparent; border-radius:4px; background:none; color:#091739; font:inherit; letter-spacing:inherit; cursor:pointer; }
.ms-task-cal-day.is-weekend { color:#e50347; }
.ms-task-cal-day.is-other { color:#9fa7af; }
.ms-task-cal-day.is-today { border-color:#d1d6df; }
.ms-task-cal-day:hover { background:#f1f4f9; }
.ms-task-cal-day.is-picked { border-color:#036ce5; background:#036ce5; color:#fff; }
.ms-task-cal-time { position:absolute; left:179px; bottom:16px; }
.ms-task-cal-time > input { box-sizing:border-box; width:61px; height:30px; padding:0 8px; border:1px solid #d1d6df; border-radius:8px; background:#fff; color:#091739; font:inherit; letter-spacing:inherit; text-align:center; }
.ms-task-cal-time > input::placeholder { color:#9fa7af; opacity:1; }
.ms-task-cal-side { box-sizing:border-box; display:flex; flex-direction:column; align-items:flex-start; width:118.5px; padding:20px 0 0 16.5px; background:#fbfbfb; }
.ms-task-cal-side > span { height:16px; margin:0 0 22px; color:#5f6d79; font-size:12px; line-height:16px; }
.ms-task-cal-side > button { height:20px; margin:0 0 14px; padding:0; border:0; background:none; color:#036ce5; font:inherit; letter-spacing:inherit; white-space:nowrap; cursor:pointer; }
.ms-task-cal-side > button:hover { color:#0057bd; }

/* Связь задачи — как у МойСклада: «Контрагент» и поле выбора 280 × 32 (скругление 8, подсказка «Выберите контрагента»),
   под ним подпись 12 px и карточка 340 × 52 #f1f4f9 «Тут будет информация о контрагенте» с «×» в 16 px от края. */
.ms-task-link-part[hidden] { display:none !important; }
.ms-task-link-card .ms-task-lookup { position:relative; display:flex; align-items:center; box-sizing:border-box; width:280px; height:32px; margin:0; padding:0 36px 0 11px;
  border:1px solid #d1d6df; border-radius:8px; background:#fff; }
.ms-task-link-card .ms-task-lookup:focus-within { border-color:#091739; }
.ms-task-link-card .ms-task-lookup > input.ms-input { flex:1; min-width:0; width:auto; height:20px; margin:0; padding:0; border:0; outline:0; background:transparent; box-shadow:none;
  color:#091739; font:400 14px/20px 'Svod Onest',Arial,sans-serif; letter-spacing:inherit; }
.ms-task-link-card .ms-task-lookup > input.ms-input::placeholder { color:#9fa7af; opacity:1; }
.ms-task-link-card .ms-task-lookup [data-task-lookup-open] { position:absolute; right:12px; top:7px; width:16px; height:16px; margin:0; padding:0; border:0; border-radius:0; cursor:pointer;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none' stroke='%235f6d79' stroke-width='1.5'%3E%3Cpath d='m2.5 4.5 3.5 3.5 3.5-3.5'/%3E%3C/svg%3E") center/12px no-repeat; }
.ms-task-link-card .ms-task-lookup [data-task-lookup-open]::after { content:none; }
.ms-task-link-card .ms-task-lookup .ms-lookup-clear { position:absolute; right:32px; top:7px; width:16px; height:16px; padding:0; border:0; background:none; color:#5f6d79; font:400 16px/16px Arial,sans-serif; cursor:pointer; }
.ms-task-link-card .ms-task-lookup .ms-lookup-list { position:absolute; left:-1px; top:36px; z-index:30; box-sizing:border-box; width:280px; max-height:240px; margin:0; padding:4px 0; overflow:auto;
  border:0; border-radius:8px; background:#fff; box-shadow:0 8px 16px rgba(0,0,0,.08), 0 0 4px rgba(0,0,0,.06); color:#091739; font:400 14px/20px 'Svod Onest',Arial,sans-serif; }
.ms-task-link-card .ms-task-lookup .ms-lookup-option { display:block; box-sizing:border-box; width:100%; height:auto; min-height:32px; margin:0; padding:6px 12px; border:0; background:none; color:#091739;
  font:inherit; letter-spacing:inherit; text-align:left; cursor:pointer; }
.ms-task-link-card .ms-task-lookup .ms-lookup-option:hover, .ms-task-link-card .ms-task-lookup .ms-lookup-option.is-active { background:#f1f4f9; }
.ms-task-link-card .ms-task-lookup .ms-lookup-more { padding:6px 12px; color:#5f6d79; }
.ms-task-link-info-cap { display:block; margin-top:20px; color:#5f6d79; font-size:12px; line-height:16px; }
.ms-task-link-info { position:relative; box-sizing:border-box; width:340px; min-height:52px; margin:4px 0 8px; padding:16px 44px 16px 16px; border-radius:4px; background:#f1f4f9; }
.ms-task-link-info > p { margin:0; color:#091739; }
.ms-task-link-info > p.is-empty { color:#5f6d79; }
.ms-task-link-x { position:absolute; top:16px; right:16px; display:inline-flex; width:12px; height:12px; padding:0; border:0; background:none; color:#000; cursor:pointer; }
.ms-task-link-x > svg { width:12px; height:12px; }
.ms-task-link-doc-name { display:block; margin-top:4px; color:#036ce5; }

/* Окно «Привязка документа» — старый вид МойСклада (живая сверка 22.10.2026): 1300,9 × 555, «Привязка документа» 20 px,
   серая полоса отбора, таблица из девяти колонок (150 / 100 / 150 / 90 / 150 / 160 / 200 / 150 / 120), строки 32 px,
   статус — цветной плашкой, листалка «1 - 10 из N». Поверх панели задачи. */
.ms-task-docpick-layer { z-index:1200; }
.ms-task-docpick .ms-dialog-panel.ms-task-docpick-panel { width:1260.3px; height:auto; min-height:0; max-height:calc(100vh - 40px); padding:0 15px 21px; overflow:auto; }
.ms-task-docpick .ms-dialog-head { height:53px; padding-top:15px; }
.ms-task-docpick .ms-dialog-close { right:15px; }
.ms-task-docpick-filter { box-sizing:border-box; display:flex; align-items:flex-start; width:1086px; height:80px; margin:0; padding:20px 0 0 15px; background:#e3e3e3; }
.ms-task-docpick-buttons { display:flex; gap:10px; margin:6px 0 0; }
.ms-task-docpick-buttons > .ms-btn { box-sizing:border-box; height:27px; margin:0; }
.ms-task-docpick-field { display:flex; flex-direction:column; align-items:flex-start; gap:3px; }
.ms-task-docpick-field > label { height:14px; color:#222; font:400 12px/14px "Helvetica Neue",Helvetica,Arial,sans-serif; white-space:nowrap; }
.ms-task-docpick-type { width:258px; margin-left:95px; }
.ms-task-docpick-type .ms-sel { width:auto; min-width:59.7px; }
.ms-task-docpick-agent { width:258px; margin-left:14px; }
.ms-task-docpick-agent .ms-lookup { width:231px; }
.ms-task-docpick-period { margin-left:14px; }
.ms-task-docpick-period a { margin:0 1px; color:#186999; font-size:13px; text-decoration:none; }
.ms-task-docpick-period a:first-child { margin-left:4px; }
.ms-task-docpick-period b { color:#186999; font-weight:700; }
.ms-task-docpick-dates { display:flex; align-items:center; gap:0; margin-left:12.6px; }
.ms-task-docpick-dates > span { width:26.5px; text-align:center; }
.ms-task-docpick-dates .ms-dt { width:108px; }
.ms-task-docpick-table { box-sizing:border-box; width:1270px; margin:15px 0 0; border-collapse:collapse; table-layout:fixed; color:#222; font:400 12px/14px "Helvetica Neue",Helvetica,Arial,sans-serif; }
.ms-task-docpick-table th { height:32px; padding:0 0 0 2px; border-bottom:1px solid #c5c5c5; font-weight:400; text-align:left; white-space:nowrap; overflow:hidden; }
.ms-task-docpick-table td { height:31px; padding:0 8px 0 2px; border-bottom:1px solid #e9e9e9; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ms-task-docpick-table td.num { text-align:right; }
.ms-task-docpick-table tbody tr { cursor:pointer; }
.ms-task-docpick-table tbody tr:hover, .ms-task-docpick-table tbody tr:focus { background:#f3f8fb; outline:0; }
.ms-task-docpick-table td.ms-task-docpick-empty { color:#999; text-align:center; cursor:default; }
.ms-task-docpick-state { display:block; box-sizing:border-box; width:calc(100% - 4px); height:14.5px; padding:1px 6px 0; border-radius:2px; color:#fff; font:11px/13px "Helvetica Neue",Helvetica,Arial,sans-serif; text-align:center; overflow:hidden; text-overflow:ellipsis; }
.ms-task-docpick-status:empty { display:none; }
.ms-task-docpick-status { margin:8px 0 0; color:#b32424; }
.ms-task-docpick-pager { display:flex; align-items:center; gap:4px; height:24px; margin:8px 0 0; font:11px/normal "Helvetica Neue",Helvetica,Arial,sans-serif; }
.ms-task-docpick-pager > button { width:16px; height:16px; padding:0; border:0; background:none; color:#666; font:13px/16px Arial,sans-serif; cursor:pointer; }
.ms-task-docpick-pager > button:disabled { color:#ccc; cursor:default; }
.ms-task-docpick-pager > span { margin:0 8px 0 12px; }
/* Задачи контрагента (вкладка его карточки, ms_tasks_entity.php) — строки списка задач МойСклада без колонки документа и
   крестика: ширина 975, описание 395 (живая сверка 22.10.2026). */
.ms-tasks-list.ms-tasks-entity { width:975px; }
.ms-tasks-list.ms-tasks-entity col.ms-tasks-w-desc { width:395px; }
.ms-tasks-entity .ms-tasks-row { cursor:default; }
.ms-tasks-entity .ms-tasks-open { cursor:pointer; }
/* У вкладки контрагента кружок без отступа клетки (541 px), строки текста — обычной высоты, черта под списком — в 10 px. */
.ms-tasks-entity .ms-tasks-row .ms-tasks-c-done { padding-left:0; }
.ms-tasks-entity td > div { line-height:normal; }
.ms-refedit-cptab-list:has(> .ms-tasks-entity) { padding-bottom:10.3px; }