/* Campaigns (campaigns/): the index's table and side sheet, a campaign's
   page. Every piece is the kit's — Table, status Badges, Sheet, the section
   cards (shared/kpi_tile), Empty — so this only lays them out.

   - .campaign-row: an index row; a hook tests find a row by, drawn as any
     ui-table row. A campaign spending into nothing carries a status badge.
   - .campaign-metrics: the snapshot's section cards, across the page or two
     by two in the sheet (--pairs).
   - .campaign-sheet: the index's side sheet, wider than the kit's default. */
@layer ui {
  .campaign-metrics {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
  }

  .campaign-metrics--pairs {
    gap: 0.75rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ui-sheet.campaign-sheet {
    inline-size: min(36rem, 100%);
    max-inline-size: 100%;
  }

  .campaign-sheet__body {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
  }

  /* The campaign's name and its status badge, clear of the close button. */
  .campaign-sheet__title {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    padding-inline-end: 2rem;
  }

  .campaign-sheet__none {
    padding-block: 1rem;
  }

  .campaign-sheet__footer {
    justify-content: flex-end;
  }

  /* No live figures for the range: said inside the card, not left as an
     empty table. */
  .campaign-daily__empty {
    padding: 1.5rem;
  }
}