/*
 * Условие поля фильтра (lib/FilterCond.php, m_cond.js) — точка МойСклада (.conditional-widget, живая сверка 01.11.2026):
 * 10 × 10, рука, при наведении — белая рамка; меню условия — прямо под точкой. Точка стоит на месте прежней «•»
 * (.ms-field-dot::before: 5 × 5, слева 5, до текста 7): прежнюю у подписи с условием снимаем.
 * Значок точки — выбранное условие: • — по умолчанию, ⊗ — «Не содержит», ○ — «Не заполнено», ● — «Заполнено»; значки — чёрные,
 * отметка выбранного пункта меню — светло-серый круг с галочкой (снимок меню МойСклада 02.11.2026).
 */
.ms-field-dot:has(> .ms-cond)::before { content: none; }
.ms-cond {
  position: relative; display: inline-block; box-sizing: border-box; width: 10px; height: 10px; margin: 0 4px 1px 3px; padding: 0;
  border: 1px solid transparent; vertical-align: baseline; cursor: pointer;
  background: no-repeat 0 0 / 10px 10px; background-origin: border-box; background-clip: border-box;
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'><circle cx='4.5' cy='5.5' r='2.5' fill='%23808080'/></svg>");
}
.ms-cond:hover, .ms-cond[aria-expanded="true"] { border-color: #fff; }
.ms-cond:focus { outline: 0; }
.ms-cond:focus-visible { outline: 1px dotted #1f75a8; outline-offset: 1px; }
.ms-cond[data-ms-cond-value="not"] { background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'><circle cx='5' cy='5' r='4.5' fill='%23000'/><path d='M3.4 3.4l3.2 3.2M6.6 3.4l-3.2 3.2' stroke='%23fff' stroke-width='1.2'/></svg>"); }
.ms-cond[data-ms-cond-value="empty"] { background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'><circle cx='5' cy='5' r='3.6' fill='none' stroke='%23000' stroke-width='1.6'/></svg>"); }
.ms-cond[data-ms-cond-value="filled"] { background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'><circle cx='5' cy='5' r='4.5' fill='%23000'/></svg>"); }

/* Меню условия: значок-кружок слева от пункта; у выбранного — серый кружок с галочкой. */
/* Размеры — замер меню МойСклада 02.11.2026: рамка #bfbfbf, пункт 20 px (3 + 14 + 3), справа 17 px, текст с 25 px. */
.ms-menu.ms-cond-menu { min-width: 0; border-color: #bfbfbf; }
.ms-menu.ms-cond-menu > .ms-menu-item.ms-cond-item { display: flex; align-items: center; gap: 6px; min-height: 20px; padding: 3px 17px 3px 7px; line-height: 14px; }
.ms-cond-icon { flex: none; width: 12px; height: 12px; background: no-repeat center / 12px 12px; }
.ms-cond-icon[data-ms-cond-icon="check"] { background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'><circle cx='6' cy='6' r='6' fill='%23bdbdbd'/><path d='M3.2 6.1l1.9 1.9 3.8-3.9' fill='none' stroke='%23fff' stroke-width='1.4'/></svg>"); }
.ms-cond-icon[data-ms-cond-icon="default"] { background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'><circle cx='6' cy='6' r='2.5' fill='%23808080'/></svg>"); }
.ms-cond-icon[data-ms-cond-icon="not"] { background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'><circle cx='6' cy='6' r='5.5' fill='%23000'/><path d='M4 4l4 4M8 4l-4 4' stroke='%23fff' stroke-width='1.4'/></svg>"); }
.ms-cond-icon[data-ms-cond-icon="empty"] { background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'><circle cx='6' cy='6' r='4.6' fill='none' stroke='%23000' stroke-width='1.8'/></svg>"); }
.ms-cond-icon[data-ms-cond-icon="filled"] { background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'><circle cx='6' cy='6' r='5.5' fill='%23000'/></svg>"); }

/* Поле при «Не заполнено» / «Заполнено» неактивно: элементы поля (кроме подписи с точкой) не нажимаются — и свои
   списки разделов, которые сами disabled не смотрят; «вч · сег · нед · мес» периода — серые. */
.ms-cond-off > :not(.ms-field-label):not(.ms-period), .ms-cond-off .ms-period-quick, .ms-cond-off .ms-period-fields,
.ms-cond-off .ms-period-panel { pointer-events: none; }
.ms-cond-off .ms-period-quick a, .ms-cond-off .ms-period-quick a:hover { color: #888; cursor: default; }