/* ── Dark-mode patches for rules that still hard-code light colors ─────────
   Tokens switch themselves (tokens.css); these rules exist only because the
   components below were written with literal colors. Each one retires as its
   component moves to tokens. Loaded last. */

/* .wb-input/.wb-textarea (the work-order card's Address, Completed-by and
   Scope-of-work fields) are hard-coded light hex, not tokens, so they stayed
   bright white boxes on the dark page. Both triggers: the explicit toggle
   (`:root[data-theme="dark"]`) AND system dark with no manual override
   (`@media (prefers-color-scheme:dark){ :root:not([data-theme="light"]) }`). */
:root[data-theme="dark"] .wb-input,
:root[data-theme="dark"] .wb-textarea{background:var(--card);color:var(--text);border-color:var(--border-strong);}
:root[data-theme="dark"] .wb-input:focus,
:root[data-theme="dark"] .wb-textarea:focus{background:var(--card-2);border-color:var(--orange);}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]) .wb-input,
  :root:not([data-theme="light"]) .wb-textarea{background:var(--card);color:var(--text);border-color:var(--border-strong);}
  :root:not([data-theme="light"]) .wb-input:focus,
  :root:not([data-theme="light"]) .wb-textarea:focus{background:var(--card-2);border-color:var(--orange);}
}