/* The builder's few additions on top of the designer's kit (tokens → components → layout → stage-b → skin).
   Only glue for the live app: no colours or sizes of its own, everything comes from tokens.css. */

/* A detail pane that is still loading */
.loading-pane { padding-block: 40px; color: var(--muted); text-align: center; }

/* "Coming in step N": a button that exists in the design but whose job arrives later */
[data-later] { position: relative; }

/* The send button next to a composer textarea */
.composer .row { display: flex; gap: 8px; align-items: flex-end; }
.composer .row textarea { flex: 1 1 auto; min-width: 0; }

/* A sample ("דוגמה") marker on seed data, so it is never mistaken for a real lead */
.sample-tag { font-size: var(--t-xs); color: var(--muted); border: 1px dashed var(--line-2); border-radius: 999px; padding: 0 8px; margin-inline-start: 6px; white-space: nowrap; }

/* A slide with no image yet (a prototype sketch) */
.slide-c .nomedia { aspect-ratio: 4 / 5; display: grid; place-items: center; background: var(--surface-2); color: var(--muted); border-radius: inherit; font-size: var(--t-sm); padding: 16px; text-align: center; }

/* A price never breaks across lines ("₪41-46" stays whole, D7 #3) */
.price { white-space: nowrap; }

/* C8 preview leads: the tag, and a 👍 that stays pressed (to fold into the kit if the designer wants) */
.sample-tag.preview { color: var(--fg-2); border-style: solid; }
.ib[aria-pressed="true"] { box-shadow: inset 0 0 0 2px var(--mint); }