/*
 * The admin list of data anomalies (internal/data_anomalies) and of data
 * corrections (internal/data_corrections, M16), which borrows its look: a row
 * of GET filters above a data table. The table and its numbers are the shared
 * components; this is the filter row, the empty line, and each anomaly's
 * proposal — the filed figure, its actions, and the Enter value form that
 * opens under them.
 */
@layer pages {
  .data-anomalies__filters {
    display: flex;
    flex-wrap: wrap;
    align-items: end;
    gap: var(--space-sm) var(--space-md);
  }

  .data-anomalies__filter {
    display: grid;
    gap: var(--space-3xs);
    color: var(--color-ink-muted);
    font-size: var(--text-meta);
  }

  .data-anomalies__select {
    min-block-size: 2.5rem;
    padding-inline: var(--space-xs);
    border: var(--rule-width) solid var(--color-rule-control);
    border-radius: var(--radius-control);
    background-color: var(--color-surface);
    color: var(--color-ink);
    font-size: var(--text-input);
  }

  .data-anomalies__review {
    display: flex;
    align-items: center;
    gap: var(--space-2xs);
  }

  .data-anomalies__note {
    inline-size: 12rem;
    min-block-size: 2rem;
    padding-inline: var(--space-xs);
    border: var(--rule-width) solid var(--color-rule-control);
    border-radius: var(--radius-control);
    background-color: var(--color-surface);
    font-size: var(--text-input);
  }

  .data-anomalies__empty {
    padding: var(--space-lg);
    color: var(--color-ink-muted);
  }

  .data-anomalies__heading {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: var(--space-sm) var(--space-md);
  }

  .data-anomalies__explanation {
    display: block;
    color: var(--color-ink-muted);
    font-size: var(--text-meta);
  }

  .data-anomalies__proposal {
    display: grid;
    gap: var(--space-2xs);
    min-inline-size: 18rem;
  }

  .data-anomalies__proposal-text {
    font-size: var(--text-meta);
  }

  .data-anomalies__parts {
    padding-inline-start: var(--space-md);
    color: var(--color-ink-muted);
    font-size: var(--text-meta);
    list-style: disc;
  }

  .data-anomalies__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: start;
    gap: var(--space-2xs);
  }

  .data-anomalies__enter {
    flex-basis: 100%;

    & > summary {
      list-style: none;
      cursor: pointer;
    }

    & > summary::-webkit-details-marker {
      display: none;
    }
  }

  .data-corrections__entry {
    display: flex;
    flex-wrap: wrap;
    align-items: end;
    gap: var(--space-xs) var(--space-sm);
    margin-block-start: var(--space-xs);
  }

  .data-corrections__figures {
    flex-basis: 100%;
    color: var(--color-ink-muted);
    font-size: var(--text-meta);
  }
}