/* ============================================================================ TEZTRAK CHECKBOX — the one checkbox in the app (2026-09-18) WHY THIS FILE EXISTS Before it, the control was defined eight times over: three passes in trakzo-map.css for dialogs, a separate one for .checkbox-inline, one for the sidebar history form, one more inside the Camera/Media dialog, and two in trakzo-admin.css (pages and dialogs). They disagreed on size (16 vs 18), on corner (4, 5, 6), and on which element draws the box — some painted it on the label, some on label::before — so whenever two met in one screen they half-applied over each other and produced the bugs reported through September: a squashed blob beside "Devices limit", an unclickable box, a white edge around a ticked box. This file is now the only place the control is described. Everything that follows is the whole component: the box, the tick, the hit area and the states. To change how a checkbox looks anywhere in the product, change it HERE — and nowhere else. WHERE IT APPLIES It is keyed to the markup the app already writes, so no template had to change for it to take effect: A.
upstream/Bootstrap 3, a separate label. The label is often EMPTY, in which case the box is the whole control.
B. ...but the app ALSO writes .checkbox-inline as a plain
around a separate label (Password change > Autogenerate). Which element draws the box therefore depends on the tag, not the class: a