/* Floor — this page's own layout: the "when" column of Yours now, the inline jump links of the head sentence,
   the pinned shortcuts, the mini rack glyphs of the Racks lane, Needs you's severity column, Below minimum, the
   day-one grid, and Send someone's button words that follow the chosen person. */
@layer page {
  /* Out of date: values keep their place but lose their confidence (the "as of" words show). */
  .stale-only { display: none; }
  [data-stale] .stale-only { display: inline; }
  .fl-first { padding-top: 0; }

  /* The head sentence: each clause is a jump to its lane. */
  .clause { color: var(--accent-text); text-decoration: underline; text-decoration-thickness: 1px; text-decoration-color: color-mix(in oklab, currentColor 45%, transparent); text-underline-offset: 4px; }
  .clause:hover { text-decoration-thickness: 2px; }

  /* Yours now: when · what · action. */
  .fl-when { display: grid; gap: 4px; font-size: var(--t-small); color: var(--text-2); font-variant-numeric: tabular-nums; }
  .fl-when > b { font-size: var(--t-data); font-weight: 650; color: var(--text); }
  .fl-feed td { vertical-align: top; }

  /* Pinned shortcuts on the shift board. */
  .fl-pins { display: flex; flex-wrap: wrap; gap: var(--s2); align-items: center; margin-bottom: var(--s6); }
  .fl-pins__k { display: inline-flex; align-items: center; gap: var(--s2); min-height: 44px; padding-right: var(--s2); font-size: var(--t-cap); font-weight: 700; color: var(--text-2); }
  .fl-pins__list { display: flex; flex-wrap: wrap; gap: var(--s2); }
  .fl-pin { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: var(--s1); min-height: 44px; max-width: 340px; padding-right: var(--s1); border: 1px solid var(--line); border-radius: var(--r3); background: var(--sheet); box-shadow: var(--shadow-1); }
  .fl-pin > a { display: grid; gap: 1px; padding: var(--s2) var(--s2) var(--s2) var(--s3); color: inherit; text-decoration: none; min-width: 0; }
  .fl-pin > a:hover { text-decoration: underline; }

  /* Racks lane: a to-scale mini drawing that opens the rack. */
  .fl-mini { display: flex; align-items: center; min-height: max(44px, var(--target-min)); min-width: var(--target-min); }
  .wr-tag { display: none; font-size: var(--t-cap); font-weight: 700; color: var(--accent-text); }
  [aria-current] .wr-tag { display: inline; }
  .fl-sent { color: var(--info-fg); }

  /* Needs you: severity over its age. */
  .fl-sev { display: grid; gap: 2px; justify-items: start; }
  @media (max-width: 560px) { .fl-sev { display: flex; align-items: baseline; gap: var(--s2); } }
  /* Below minimum, under the racks: one line per part. */
  .fl-min { display: grid; gap: var(--s2); margin-top: var(--s5); }
  .fl-min__part { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--s1) var(--s3); }

  /* Day one: only what exists. */
  .fl-d1 { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); gap: var(--s6); align-items: start; }
  @media (max-width: 1100px) { .fl-d1 { grid-template-columns: minmax(0, 1fr); } }
  @media (max-width: 600px) { .fl-x { display: none; } .fl-pin { max-width: none; flex: 1 1 100%; } .fl-pins__list { width: 100%; } }

  /* The KPI columns' and the queue foot's own "Open …" links are targets too (24 px, 44 px under a coarse pointer), like the kit's head and row links. */
  :is(.fl-min, .fl-qfoot) a:not([class*="btn"]) { display: inline-flex; align-items: center; min-height: var(--target-min); }
}