/* UI pass: Work rows, competitions width, shared Remove, no Profile float */

#view-profile .save-bar,
#reset-board { display: none !important; }
#view-profile .profile-save-note {
  margin: 0 0 16px;
  font-size: 13px;
  color: var(--muted);
}

.pipe-board .pipe-row-label {
  margin: 0 0 6px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--muted);
}
.pipe-board .pipe-row-hint {
  margin: 0 0 8px;
  font-size: 12px;
  color: var(--muted);
}
.pipe-work {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 16px;
}
.pipe-cell {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: 1px solid var(--line);
  background: var(--paper);
  padding: 7px 11px;
  font: inherit;
  font-size: 13px;
  cursor: pointer;
}
.pipe-cell b { font-weight: 700; }
.pipe-cell.on {
  border-color: #7A1F2B;
  background: #f7eef0;
  color: #7A1F2B;
}
.pipe-util {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 10px;
  align-items: center;
}
.pipe-link {
  border: 0;
  background: transparent;
  padding: 4px 2px;
  font: inherit;
  font-size: 13px;
  color: var(--muted);
  cursor: pointer;
}
.pipe-link.on { color: #7A1F2B; font-weight: 700; }
.pipe-gap { flex: 0 0 12px; }

#view-competitions .comp-form .field.comp-short,
#view-competitions .comp-edit .field.comp-short {
  max-width: 220px;
}
#view-competitions .grid-2.comp-grid,
#view-competitions .comp-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(140px, 0.6fr);
  gap: 12px 16px;
}
#view-competitions input[type="date"],
#view-competitions input[type="number"] {
  max-width: 200px;
}
#view-competitions .comp-card .field { min-width: 0; }

/* .linkish.warn override retired (Sep 24, 2026, Arun: "remove" links
   should match "edit" -- same color, underlined by default -- and be
   consistent across the whole app, not just Film Room). This block used
   to force color:#7A1F2B !important and text-decoration:none (underline
   only on hover), which fought styles.css's .linkish.warn { color:
   var(--hot) } and made every "Remove" link app-wide (Accounts, Program,
   Profile, Competitions, Film Room) render duller and un-underlined
   versus "Edit"/"Copy link", even though --hot and --accent are the same
   value. Removing it lets the base .linkish/.linkish.warn cascade in
   styles.css govern everywhere, so Remove now matches Edit exactly.
   Profile's repeater rows keep their own deliberate not-underlined-until-
   hover treatment via the more specific #view-profile .repeat-row
   .linkish rule in styles.css (added the same day, per Arun's separate
   request for that page) -- unaffected by this removal. */

.reel-hint {
  margin: 0;
  font-size: 12px;
  color: var(--muted);
}

/* Native add form is replaced by #ia-reel-form. Always hide leftovers. */
#view-film .film-add,
#view-film #add-film,
#view-film .ia-native-add-hidden,
#view-film #ia-reel-form.hidden,
#view-film #ia-reel-form:empty {
  display: none !important;
}