/* ============================================================
   Yard skin for the older stand-alone pages (login, my-checks,
   my-faults, fault acknowledgement).

   These four predate the Yard design and carry their own inline
   <style> blocks with their own class names. Rather than rewrite
   four sets of markup, this sheet loads AFTER theirs and repaints
   the surfaces to the Yard palette. Structure and behaviour are
   untouched — this is colour only.
   ============================================================ */
:root{
  --bg:#0C0F0E; --surface:#161B18; --surface2:#12160F; --line:#242C27;
  --text:#F1F6F3; --muted:#93A099;
  --green:#00ED00; --green-soft:#12C24A; --green-ink:#03140A;
  --red:#FF5A54; --blue:#3E9BFF; --amber:#FFB020;

  /* my-checks, my-faults and the fault page drive their own colours through
     these variables. Remapping them here is what actually repaints those pages
     — without it their --ink text stays navy and goes invisible on the dark
     background. This sheet loads after theirs, so these win. */
  --g:#00ED00; --gd:#12C24A;
  --ink:#F1F6F3; --mut:#93A099; --bd:#242C27;
}

body{background:var(--bg)!important;color:var(--text)!important}

/* panels / rows / chrome */
.card,.wrap,.item,.row,.top,.head,.foot,.body,.state,.proof,.counts,.day,.note,.meta{
  background:var(--surface)!important;border-color:var(--line)!important;color:var(--text)!important;
  box-shadow:none!important;
}
.wrap,.body,.foot{background:transparent!important}

/* headings and labels */
h1,h2,h3,h4,h5,.logo span,.count,.due{color:var(--text)!important}
.subtitle,.desc,.lab,.meta,.empty,.foot,.note,.day{color:var(--muted)!important}
label{color:var(--text)!important}

/* form controls */
input[type=text],input[type=password],input[type=date],input[type=time],
input[type=number],input[type=email],select,textarea{
  background:var(--surface2)!important;color:var(--text)!important;border-color:#2b332d!important;
}
input::placeholder,textarea::placeholder{color:var(--muted)!important}
input:focus,select:focus,textarea:focus{
  border-color:var(--green-soft)!important;box-shadow:0 0 0 3px rgba(0,237,0,.14)!important;
}

/* buttons */
.btn,button[type=submit]{background:var(--green)!important;color:var(--green-ink)!important;border:none!important}
.btn:hover,button[type=submit]:hover{background:var(--green-soft)!important}
.btn-2,.go{background:var(--surface)!important;color:var(--text)!important;border:1.5px solid var(--line)!important}
a{color:var(--green-soft)}

/* status chips */
.err,.error{background:rgba(255,90,84,.12)!important;border-color:rgba(255,90,84,.4)!important;color:#ffb3af!important}
.flash{background:rgba(0,237,0,.12)!important;border-color:rgba(0,237,0,.35)!important;color:#8effab!important}
.tag,.flag{background:var(--surface2)!important;color:var(--muted)!important;border-color:var(--line)!important}
.done,.s-ok{background:rgba(0,237,0,.15)!important;color:#8effab!important;border-color:transparent!important}
.s-wait{background:rgba(255,176,32,.15)!important;color:var(--amber)!important;border-color:transparent!important}
.s-late{background:rgba(255,90,84,.15)!important;color:var(--red)!important;border-color:transparent!important}

/* the login card keeps its centred sheet look, just dark */
.card{border:1px solid var(--line)!important;border-radius:18px!important}

/* ── Hardcoded light-theme colours ──────────────────────────────────────────
   These pages carry literal hexes, some of them in inline style attributes.
   A CSS !important declaration still beats a non-important inline style, so
   attribute selectors are the way to reach them without editing the markup.
   Left as-is they are dark-on-dark and effectively invisible.            */
[style*="#64748b"],[style*="#64748B"],[style*="#94a3b8"],[style*="#475569"]{color:var(--muted)!important}
[style*="#0F172A"],[style*="#0f172a"]{color:var(--text)!important}
[style*="#b91c1c"],[style*="#991b1b"]{color:#ffb3af!important}
[style*="#15803d"],[style*="#15A85A"]{color:#8effab!important}
[style*="#a16207"]{color:var(--amber)!important}

/* success / warning / danger blocks that were tinted for a white page */
.proof,.flash,[style*="#f0fdf4"],[style*="#bbf7d0"]{background:rgba(0,237,0,.10)!important;border-color:rgba(0,237,0,.30)!important}
[style*="#fef2f2"],[style*="#fee2e2"]{background:rgba(255,90,84,.12)!important;border-color:rgba(255,90,84,.35)!important}
[style*="#fffbeb"]{background:rgba(255,176,32,.12)!important;border-color:rgba(255,176,32,.32)!important}
[style*="#f1f5f9"],[style*="#F1F5F9"],[style*="#e2e8f0"],[style*="#E2E8F0"]{background:var(--surface2)!important;border-color:var(--line)!important}

/* the status pill on the fault page paints its own fg/bg from PHP */
.state,.tag{border:1px solid var(--line)!important}