/* SoilRx / Lammas — SHELL OVERRIDES.
   Loaded last by AppShell, after colors_and_type.css, customer-shell.css and
   app-shell.css. Everything in here is a DELIBERATE deviation from
   design/current/*.html, requested by J.C. on 2026-08-13. The mockups are left
   untouched; this file is the record of where the app knowingly departs from
   them and why.

   The hero's own deviations live in SiteDashboard.tsx's PAGE_CSS (they have to,
   because that <style> block loads after this file and would win): the shrunk
   hero, the trimmed .wrap padding, and the Results/Recommendations switch that
   now sits in the hero's stat row. Each is commented there with the same date. */

/* ---- 1. Sidebar: a bigger Lammas logo with room under it -------------------
   The wordmark was set at the same 27px on every surface and the Soil Dashboard
   row sat right beneath it. The logo now reads at 40px and the whole nav starts
   lower, so the brand has its own space. Applies to every sidebar instance:
   expanded, collapsed (the mark grows to match) and the mobile drawer. Nothing
   else about the sidebar changes. */
.side-logo { min-height: 54px; padding: 0 8px 22px; }
.side-logo img,
.side-logo .full { height: 40px; width: auto; }
.side-logo .mark { width: 46px; height: 46px; border-radius: 13px; }
.side-logo .mark .ic { width: 26px; height: 26px; }
body.nav-collapsed .side-logo { padding: 0 0 22px; }

/* The collapse handle floats on the sidebar's edge just under the logo block,
   so it moves down with it (22px sidebar padding + 54 + 22 = 98). */
.nav-toggle { top: 100px; }

/* ---- 2. Less air between the sticky header and the page -------------------- */
.content { padding-top: 14px; }

/* ---- 3. A site with no results yet (Kraig, 2026-10-22) ---------------------
   It was a link to "#" styled like the ones that work. Its words take the
   score's muted ink, it does not light up on hover, and its tracker's stage
   sits where a score would, in the score's own type. The card it links to
   on the dashboard scrolls clear of the sticky header. */
.site-item.pending,
.site-item.pending:hover { color: rgba(244,248,234,0.5); background: none; }
.site-item .si-status { flex: none; font-family: var(--font-mono); font-size: 11px; font-weight: 600; color: rgba(244,248,234,0.5); white-space: nowrap; }
.samp-card, .kit-card { scroll-margin-top: 96px; }