/* Lifecycle annotation - the archived half of the sliding window.
 *
 * WHY A SEPARATE FILE, on the congress.css precedent (see the note in
 * base.html): this is a feature layer, not a brand one. The whole of
 * "annotate archived companies" is two visual ideas, and keeping them
 * here means the feature can be reverted by deleting one file and one
 * <link> rather than by picking rules back out of quorum.css.
 *
 * IT LOADS LAST AND STILL DOES NOT WIN BY DEFAULT. quorum.css documents
 * the trap at length: `table.leaderboard a` in style.css is 0-1-2 and
 * beats any bare one-class rule here, whatever the load order. That is
 * why the row rule below dims the ROW (opacity, which descendants cannot
 * out-specify) instead of trying to repaint text colours that a more
 * specific selector elsewhere already owns.
 *
 * NO BRAND CUSTOM PROPERTIES ARE READ HERE, deliberately. These rules
 * describe a de-emphasis, not a colour, and currentColor + opacity say
 * that in a way that stays correct if the palette is retuned again.
 */

/* Attenuation, not removal. The row stays readable, keeps its links and
 * keeps its place in the ranking - it is still a real company with real
 * filings, it is simply outside the window. 0.55 was chosen as the point
 * where the row reads as secondary at a glance while every figure in it
 * is still legible; anything lower starts to look like a disabled
 * control, which would be a claim we are not making. */
tr.row-archived {
  opacity: 0.55;
}

/* Hovering or focusing something inside the row is a statement of
 * intent - give the reader the row back at full strength. */
tr.row-archived:hover,
tr.row-archived:focus-within {
  opacity: 1;
}

/* The badge sits next to the symbol because the symbol is the only way
 * into the company (see the note in partials/table_rows.html): the state
 * belongs beside the door, not at the end of the row where it would be
 * read as another figure. */
.lifecycle-badge {
  display: inline-block;
  margin-left: 0.4em;
  padding: 0.05em 0.4em;
  border: 1px solid currentColor;
  border-radius: 2px;
  font-size: 0.62rem;
  font-weight: 500;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  vertical-align: middle;
  white-space: nowrap;
  opacity: 0.8;
}

/* The company-page banner. Quiet on purpose: it is a correction to an
 * unstated claim, not an error state, and a red alert box would tell a
 * visitor that something is broken when nothing is. The left rule is the
 * whole visual device - it marks the block as an aside about the page
 * rather than content of it. */
.lifecycle-notice {
  margin: 0.75rem 0 1.25rem;
  padding: 0.7rem 0.9rem;
  border-left: 3px solid currentColor;
  background: rgba(255, 255, 255, 0.04);
  opacity: 0.9;
}

.lifecycle-notice-line {
  margin: 0;
  font-size: 0.9rem;
  line-height: 1.45;
}

/* The date is subordinate to the sentence above it and is set as such -
 * same relationship as .cell-sub to the figure it qualifies. */
.lifecycle-notice-date {
  margin: 0.35rem 0 0;
  font-size: 0.78rem;
  opacity: 0.75;
}