/* ── Line-item soft card ───────────────────────────────────────────────────────
   Line items render as the BODY of a soft card sitting beneath each subsection
   header — echoing the add-on spec-panel box (matched surface tone, hairline-
   separated rows, a faint top highlight, and a rounded base with a soft shadow).
   The card top is flush against the subsection header so the two read as one card.
   Parent-header and subsection rows are intentionally left untouched.
   Screen-only so internal prints keep the existing flat layout.
   Remove this whole block to revert. ──────────────────────────────────────────── */
@media screen{
  /* card body surface = the add-on card's lower gradient stop; hairline row separators */
  .et tr.li-row > td{
    background:#1e242b;
    border-bottom:1px solid rgba(255,255,255,.05);
  }
  .et tr.li-row:hover > td{ background:#232a34; }
  /* faint top highlight lifts the body off the subsection header */
  .et tr.li-first > td{ box-shadow:inset 0 1px 0 rgba(255,255,255,.04); }
  /* closing edge of the card: hairline + rounded base + soft drop shadow */
  .et tr.li-last  > td{ border-bottom:1px solid var(--border); box-shadow:0 6px 14px rgba(0,0,0,.16); }
  .et tr.li-last  > td:first-child{ border-bottom-left-radius:12px; }
  .et tr.li-last  > td:last-child { border-bottom-right-radius:12px; }
  /* Safety flag — a line that has content + a quantity but $0 cost (likely unpriced). */
  .et tr.li-flag > td{ background:#2a2620; }
  .et tr.li-flag > td:first-child{ box-shadow:inset 3px 0 0 #d98a2b; }
  .et tr.li-flag:hover > td{ background:#322c22; }
  .est-flag-item{ cursor:pointer; padding:2px 6px; border-radius:4px; line-height:1.55; }
  .est-flag-item:hover{ background:rgba(217,138,43,.16); }
}