/* ============================================================================
   MOWDEW · RESTRAINT PASS — scoped overrides (the "after")
   Drop any subtree inside <div class="rs"> … </div> and these rules apply,
   WITHOUT touching the real app. Three moves:
     1) Collapse the palette to 3 semantic colors — green (brand / positive /
        pool / garden / live), coral (money / due / attention), ink (neutral).
        Done by re-pointing the kit's CSS variables; every component that reads
        var(--aqua-*) / var(--blue-*) / var(--yellow-*) / var(--chem-violet)
        recolors automatically.
     2) One quiet metadata style — the loud blue/aqua "AUTO CHECK-IN /
        VERIFIED" mono tags drop to a single neutral ink treatment.
     3) More air — a touch more line-height + softer hairlines/shadows.
   ========================================================================= */

.rs {
  /* ---- TRADE COLOR RESTORED (rulebook §palette) ---------------------
     Pool reads aqua, garden reads green — the trade palette is a hard rule,
     so we DON'T collapse it. Sky-blue stays the cross-cutting location /
     verified / live accent. Real values, mirrored from mowdew.css :root. */
  --blue-50:  #E8F5FE; --blue-100: #C6E8FC; --blue-300: #8FD2F6;
  --blue-500: #46B6F0; --blue-700: #1379B5;
  /* JM-83d: this block's comment said "mirrored from mowdew.css :root" and four of
     its steps had drifted from it (200/300/600/800), plus a 700 still holding the
     retired pre-2026-08-11 aqua. It is a declared consumer now, so the source asserts all nine
     every run and the comment is true again. */
  --aqua-50:  #E8F7F9; --aqua-100: #C6EAEE; --aqua-200: #97D9E0; --aqua-300: #5FC2CD;
  --aqua-400: #2BA7B6; --aqua-500: #0E93A0; --aqua-600: #0C7E8A; --aqua-700: #0A6875;
  --aqua-800: #07515C;
  /* ---- chem: pool chemistry reads aqua ------------------------------- */
  --chem-violet: #0A6875; --chem-50: #E8F7F9;
  --ph-low: #0A6875; --ph-high: #C24420;
  /* ---- yellow / pending → the single warm (calm amber, not alarm-red) - */
  --yellow-50:  #F9F1E6; --yellow-100: #EFDFC6; --yellow-500: #C2893C; --yellow-700: #8A5A1E; --yellow-800: #6E4715;
  --pending-500: #C2893C; --live-500: #21A84F;
  /* ---- alert / due money → same calm amber (attention, not danger) --- */
  --alert-50: #F9F1E6; --alert-100: #EFDFC6; --alert-500: #C2893C; --alert-700: #8A5A1E; --alert-800: #6E4715;
}

/* 2) one quiet metadata chip — kill the blue/aqua "system label" loudness
   (rs + tn sit on the same <body>, so use descendant `.rs X`, not `.rs .tn X`) */
.rs .mono,
.rs .mono.blue,
.rs .mono.aqua {
  color: var(--ink-500);
  background: var(--ink-50);
  border-color: var(--ink-100);
}

/* status chips: let the dot carry meaning on a single neutral chip body */
.rs .chip {
  background: var(--ink-50);
  color: var(--ink-700);
  border-color: var(--ink-100);
}
.rs .chip--done .dot  { background: var(--green-500); }
.rs .chip--live .dot  { background: var(--green-500); }
.rs .chip--pool .dot  { background: var(--aqua-500); }
.rs .chip--soon .dot  { background: var(--alert-500); }
.rs .chip--alert .dot { background: var(--alert-500); }
.rs .chip--due .dot   { background: var(--alert-500); }

/* 3) more air + softer chrome */
.rs { --shadow-sm: 0 1px 2px rgba(23,20,46,.04); }
.rs p { line-height: 1.55; }
.rs .card { border-color: #F0EEE7; }