/* ─── Атом «Чекбокс» ────────────────────────────────
     Figma: 04 – Checkbox (Off · On · Indeterminate × состояния). В прототипе
     стили жили внутри селектора .tbl и работали только в таблице — здесь это
     самостоятельный атом, доступный любому организму.
     В статической выдаче чекбоксы декоративны: состояние задаётся атрибутами
     checked / indeterminate-класса при рендере страницы. ─── */
  .checkbox{appearance:none;-webkit-appearance:none;position:relative;display:block;
    width:16px;height:16px;margin:0;vertical-align:middle;cursor:pointer;
    border:1px solid var(--border-default);border-radius:4px;background:var(--surface-default);
    transition:background .12s,border-color .12s}
  .checkbox:hover{border-color:var(--accent-text)}
  .checkbox:focus-visible{outline:none;box-shadow:var(--focus-ring)}
  .checkbox:checked,
  .checkbox:indeterminate,
  .checkbox.is-indeterminate{background:var(--accent-text);border-color:var(--accent-text)}
  /* галка */
  .checkbox:checked::after{content:"";position:absolute;left:4.5px;top:1.5px;width:4px;height:8px;
    border:solid var(--surface-default);border-width:0 1.6px 1.6px 0;transform:rotate(45deg)}
  /* частичный выбор: страница выбрана не целиком */
  .checkbox:indeterminate::after,
  .checkbox.is-indeterminate::after{content:"";position:absolute;left:3px;top:6.5px;width:8px;height:1.6px;
    background:var(--surface-default);border:0;transform:none}
  .checkbox:disabled{cursor:default;background:var(--border-subtle);border-color:var(--border-default)}