/*
 * setup-page.css — Vendors + Festivals page-local styles
 * (feature_vendors_festivals_migration.md §6).
 *
 * Both pages adopt archetype H (dc_table + canonical-style drawer) wholesale
 * from the Library/Delivery/Encoding precedent — almost nothing new is
 * needed. The page-level top strip composes straight from the canonical
 * `.ig-bar`/`.ig-sb`/`.ig-sb-select` strip-bar system (see
 * `pages/vendors.py::_top_bar` — the same system Encoding's canvas-head
 * toolbar buttons and Scheduling's calendar toolbar draw from), so no
 * page-local topbar class exists here at all (an earlier bespoke
 * `.vnd-topbar`/`.fst-topbar` composition was removed 2026-07-29 after an
 * operator live-review finding — it deviated from the canonical strip-bar
 * vocabulary). What IS page-local:
 *
 *   1. A destructive-icon-tint utility for the .dc-iconbtn trash actions
 *      inside .ig-dtable rows (Contacts delete, Festivals sections/aliases
 *      delete in Phase 2) — the gallery's "Add-row state · festivals" frame
 *      shows the trash icon tinted red at rest, not just on hover; neither
 *      dc-components.css nor dc-theme.css defines that variant yet.
 *   2. A control row above a sub-entity .ig-dtable inside a drawer
 *      accordion body (the Media status filter) — mirrors .dlv-scan-row's
 *      shape (DELIVERY.md). This is a drawer-internal control row, not the
 *      page-level strip, so it's unrelated to the .ig-bar composition above.
 *   3. (removed 2026-08-10) — #vnd_scope/#fst_scope carried bespoke
 *      chevron + padding overrides so a flush full-height select had room
 *      around its browser-drawn arrow. The strip-control rework made that
 *      the default for every strip select, so the copies were deleted.
 */

/* Destructive per-row icon action inside an .ig-dtable — same 26px
   .dc-iconbtn shape (dc-theme.css), tinted red at rest (gallery precedent:
   "Add-row state · festivals" trash icon), stronger red-tinted background
   on hover. */
.vnd-iconbtn-danger,
.fst-iconbtn-danger {
  color: var(--dc-danger);
}
.vnd-iconbtn-danger:hover,
.fst-iconbtn-danger:hover {
  background: color-mix(in oklch, var(--dc-danger) 14%, transparent);
  color: var(--dc-danger);
}

/* Control row above a sub-entity .ig-dtable inside a drawer accordion body
   (Media status filter) — mirrors .dlv-scan-row's shape (DELIVERY.md). */
.vnd-subrow,
.fst-subrow {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
}
.vnd-subrow select.form-select,
.fst-subrow select.form-select {
  width: auto;
}

/* Films panel title cell — click target that navigates to Library with
   that film selected (W4/W10). Plain-text-styled button, not a bootstrap
   link, so it sits flush inside the dense .ig-dtable row. */
.vnd-film-link {
  background: none;
  border: none;
  padding: 0;
  color: var(--dc-primary);
  cursor: pointer;
  font: inherit;
  text-align: left;
}
.vnd-film-link:hover { text-decoration: underline; }

/* #vnd_scope / #fst_scope — the bespoke chevron + padding overrides that
   lived here are GONE as of 2026-08-10. They existed because the base
   `.ig-sb-select` was a flush, full-height, browser-arrowed select and these
   two needed room around the arrow. The strip-control rework
   (dc-components.css §TOP-STRIP CONTROLS) makes every strip select an inset
   box with its own SVG chevron by default, so these scoped copies would now
   only fight it — same padding, same technique, one specificity level up. */