/* ============================================================================
   Photos — additions to the Assets rail (assets-panel.js) for the "Add a
   photo" upload: the kind badge, the print-quality note (rail card + the
   selected-asset panel), and the above-text soft-edge honesty note.

   Loaded ALONGSIDE css/app.css (see index.html — the lead adds one <link>
   after app.css's own; nothing here overrides an app.css selector, it only
   adds new ones assets-panel.js now renders).

   SAME COLOUR RULE AS app.css (P2-R3, "get rid of the green" — the gate parses
   every served stylesheet and fails on any colour whose green channel is
   dominant): no new hue is introduced here at all. The default reading reuses
   --muted, exactly like the existing "Fully on the card" line; the "this may
   not print well" reading reuses --warn-ink, exactly like that same line's own
   .is-outside state. Every colour below is a var() already defined in
   css/app.css's :root — nothing is hardcoded.
   ========================================================================== */

/* the kind badge ("Logo" / "Photo") on each rail card — same shape as the
   existing .badge / .badge--vector, just another reading of it */
.badge--photo,
.badge--logo { background: var(--line-soft); color: var(--muted); }

/* print-quality note — the rail card */
.acard__quality {
  font-size: var(--fs-micro);
  color: var(--muted);
  flex-basis: 100%; /* its own line under the badges, inside the wrapping .acard__meta row */
}
.acard__quality.is-soft,
.acard__quality.is-tiny { color: var(--warn-ink); }

/* print-quality note — the selected-asset panel (updates live while resizing) */
.aselect__quality {
  font-size: var(--fs-micro);
  color: var(--muted);
  line-height: 1.45;
}
.aselect__quality.is-soft,
.aselect__quality.is-tiny { color: var(--warn-ink); }

/* a short honest aside in the selected-asset panel (currently: the above-text
   soft-edge note for a cut-out photo) */
.aselect__note {
  font-size: var(--fs-micro);
  color: var(--warn-ink);
  line-height: 1.45;
}