/* THE OFFLINE LINE, on the board and on the money card.
   Own sheet because chart.css is one line under the 800-line CI guard, and because this is
   the only thing on the board that describes the TABLET rather than the kid's jobs.

   A card, not a warning. Nothing is wrong with a tablet in a car and nothing here is the
   kid's to fix, so it carries no red, no icon and no action: the palette is the same white
   surface and ink ladder every other card on the slab uses (rule 13, off-palette colour is
   what `nq lint` fails on). It sits first in .ch-aside, above the lock banner, because "this
   board is from earlier" changes how to read everything underneath it. */
.ch-offline {
  width: 100%;
  padding: 12px 18px; border-radius: var(--r-card);
  background: var(--card, #fff); box-shadow: var(--sh-card);
  color: var(--navy); text-align: left;
}
.ch-offline-lead {
  margin: 0; font-size: var(--fs-label); font-weight: var(--fw-title); line-height: 1.25;
}
/* The second and third lines are the qualifiers, and they read as qualifiers: same family,
   one step down the ink ladder, so the sentence a four-year-old needs stays the loud one. */
.ch-offline-sub {
  margin: 4px 0 0; font-size: var(--fs-micro); font-weight: var(--fw-body);
  color: var(--ink-70); line-height: 1.3;
}

/* MY MONEY: when this number was true. `.k-rate` already owns the hairline-and-quiet-type
   treatment for a fact ABOUT the money rather than the money itself (wallet.css), so this
   rides it and only stops the two stacking a second hairline. */
.k-synced + .k-rate,
.k-synced { margin-top: 12px; }
.k-synced + .k-rate { border-top: 0; padding-top: 0; margin-top: 6px; }