/* 1218 TOOLS·LENGTH — the Length tool's own sheet. ═════════════════════════════════════
   Every element the card renders is styled either by the shared card it composes
   (tooltopbar · whorow · questionlabel · drum · daypill · concertina · selectionpill ·
   flagbox · secondarycta/1010 · doorgrid · daygroup · feedrow · guidefooter) or by a rule
   under this card's own root class below — zero reliance on page or user-agent defaults.
   The five rules that ARE this card's:

   · .llg            the wrapper's own padding (the logger chassis' .lg padding — the
                     workbench sheet owns .lg app-wide; in the app the tool owns its own).
   · .llg-when       arrangement: the gap between the drum and the When? block.
   · .llg .fd .w     the standard log row's teal headline (2026-09-19 signed Weight fix:
                     "teal 'Weight · 6.48 kg'"; carried page-locally by every growth tool
                     until the kind plumbing owns it at the source).
   · .llg .fd .k-length   the length glyph's tint — the drawing's rule verbatim; 1016
                     SHARED·KINDDISC owns the eight built kinds and has no length row yet,
                     so it lives here, scoped, until the kind plumbing lands.
   · .llg .lg-cta.ghost   "Caïa's record →" as the ROUNDED RECTANGLE — the 2026-09-19
                     signed Weight fix names it explicitly ("'Caïa's record →' rounded
                     rectangle"), post-dating the ghost-stays-a-pill pin in
                     secondarycta.css. Scoped to this tool; the app-wide ghost is
                     untouched.
   plus the day-one honest empty (two plain lines, D-541) and the one undrawn control the
   tool needs ("Another day" has to resolve to a date — a native date input, no drawn UI
   of its own; the drawings show the chip but no picker).
   ═════════════════════════════════════════════════════════════════════════════════════ */

.llg { padding: var(--space-12) var(--space-20) var(--space-24); }

.llg-when { margin-top: var(--space-20); }
.llg-detail { margin-top: var(--space-16); }
.llg-recent { margin-top: var(--space-24); }

/* the standard log row: teal headline, teal length glyph — the drawing's own two rules,
 * scoped to this card's root. */
.llg .fd .w { color: var(--accent); }
.llg .fd .k-length { color: var(--accent); }

/* "Caïa's record →" — the outline door wears the rectangle inside this tool only
 * (2026-09-19 signed fix; the app-wide ghost keeps its pin in secondarycta.css). */
.llg .lg-cta.ghost { border-radius: var(--radius-control); }

/* day one, nothing logged — the drawn two lines, deliberately plain (D-541). */
.llg .llg-empty-h { font-family: var(--font-body); font-size: var(--text-body-sm);
  color: var(--text-primary); margin: 0 0 var(--space-4); }
.llg .llg-empty-s { font-family: var(--font-body); font-size: var(--text-caption);
  color: var(--text-secondary); margin: 0; }

/* "Another day" resolves to a date through the platform's own control — no drawn UI of
 * its own, styled only enough to sit in the tool. Appears only while the chip is picked. */
.llg .llg-dxdate { display: block; margin-top: var(--space-12);
  font-family: var(--font-body); font-size: var(--size-14); /* token-exception */
  padding: var(--space-8) var(--space-12); background: var(--surface-card);
  border: var(--nudge-2) solid var(--border-hairline); border-radius: var(--radius-control);
  color: var(--text-primary); }
.llg .llg-dxdate:focus-visible { outline: var(--radius-2) solid var(--accent); outline-offset: var(--radius-2); }