/* The Today page (today/show): where the kit's pieces sit. The three lens
   figures are section cards (shared kpi-tile), the worklist a flush card of
   Items with a status badge for severity, the sidebar boxes postboxes — all
   drawn by the kit; this only lays them out. */
@layer components {
  /* The worklist's empty state, inside its flush card. */
  .today-worklist__empty {
    padding: 1.5rem;
  }

  /* A worklist item's badges and amount stay on the title's line. */
  .today-item {
    align-items: flex-start;
  }

  /* The Approvals box: a lens and its count a row. */
  .today-counts {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    list-style: none;
    margin: 0;
    padding: 0;
  }

  .today-counts__row {
    align-items: center;
    display: flex;
    gap: 0.5rem;
  }

  /* The Can't-sync box: Items edge to edge with the box's content. */
  .today-blocked > .ui-item {
    padding-inline: 0;
  }
}