/* =================================================================================================
   BETA-VISUAL-FIXES-0926 · fs-dark-checkbox-0926.css — THE CHECKED CHECKBOX YOU CANNOT SEE IN DARK.
   Closes mm_dark_checkbox_invisible (measured 19 Sep in the guarded rig, re-read 26 Sep on the live
   bytes of public_html/style-mission-control-live.css, md5 f36d4c4e):

     [data-theme=dark] input:where([type=checkbox]),[data-theme=dark] input:where([type=radio])
       {background-color:var(--color-white)!important}
     input:where([type=checkbox]):checked{background-image:url("...svg fill='white'...")}

   The dark rule pins the box WHITE with !important, for the checked state as well as the unchecked
   one, and the checked rule draws a WHITE tick on it — a white mark on a white box. Tailwind's
   preflight sets appearance:none estate-wide, so accent-color cannot reach it either.
   MM-APPROVE-BATCH-0919 drew its own box inside .mmb-page and wrote (§7.2) that "the estate-wide
   fix belongs in the shell sheet". The two contrast-debt sheets are GENERATED and their installers
   refuse a hand-edited byte, so this is their SUCCESSOR: one sheet, linked by _mc_shellA.php right
   after fs-contrast-debt-2-0920.css, and it does exactly one thing.

   🔴 ON THE LIVE MEMBER SHELL THE FAULT IS DARK-ON-DARK, NOT WHITE-ON-WHITE — measured 26 Sep on
   /focus-boards and /bookings?v=calendar with seat 2, both widths: a checked box computes
   background-color rgba(11,18,32,.72) and background-image NONE. assets/fs/fs-pages.css carries
   `.fs-dark input{background:#14151f!important;background-image:initial!important;…}`, which
   erases Tailwind's white tick and paints the box the colour of the page; MM-APPROVE-BATCH-0919's
   rig (without fs-pages.css) saw the white-on-white half of the same defect. Either way the
   member sees no tick. So this sheet must restore BOTH the fill AND the tick, with !important,
   above (0,1,1): the Tailwind SVGs are copied byte-for-byte so the mark is the estate's own.

   WHY THIS WINS THE CASCADE, measured and not hoped: the Tailwind rule is (0,1,1) !important;
   these selectors are (0,2,2) and (0,2,2) !important, on the same origin (author), so the more
   specific !important declaration wins. The shell sets BOTH signals on <html> in dark
   (_mc_shellA.php: classList.add('fs-dark') + setAttribute('data-theme','dark')), and both are
   named so a page that carries only one still gets the fix.

   THE COLOUR is the estate's own brand fill, the same one .bk-tog input:checked+.sw and every
   primary button already use (--vv, #615dfa in BOTH themes per fs-shell-head.css's .vk block). It is
   a literal on purpose: --fsc-violet resolves to #8b87ff in dark (measured), and white on #8b87ff
   is 3.00 : 1 — a tick that fails the 4.5 text floor. The Tailwind tick is white; white on #615dfa is 4.71 : 1 (CONTRAST-2-0920 §"the accents themselves are untouched wherever white already clears
   them"). The UNCHECKED box is left exactly as Tailwind paints it — a white box with a #6a7282
   border is visible on every dark ground — so this sheet moves nothing that was not broken.
   Radios take the same fill for the same reason (their dot is also a white SVG).
   Light mode is not named anywhere in this file and is byte-for-byte unchanged.
   ================================================================================================= */
html[data-theme="dark"] input:where([type="checkbox"]):checked,
html[data-theme="dark"] input:where([type="checkbox"]):indeterminate,
html[data-theme="dark"] input:where([type="radio"]):checked,
html.fs-dark input:where([type="checkbox"]):checked,
html.fs-dark input:where([type="checkbox"]):indeterminate,
html.fs-dark input:where([type="radio"]):checked {
  background-color: #615dfa !important;
  border-color: transparent !important;
  background-position: 50% !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
}
html[data-theme="dark"] input:where([type="checkbox"]):checked,
html.fs-dark input:where([type="checkbox"]):checked {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e") !important;
}
html[data-theme="dark"] input:where([type="checkbox"]):indeterminate,
html.fs-dark input:where([type="checkbox"]):indeterminate {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e") !important;
}
html[data-theme="dark"] input:where([type="radio"]):checked,
html.fs-dark input:where([type="radio"]):checked {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e") !important;
}