/* Dashboard-only readouts and entrance sequencing; Cargo owns its components. */
@layer admin-dashboard {
  .admin-dashboard {
    display: grid;
    gap: var(--c19-space-5);
  }

  .admin-dashboard-hero {
    padding-block: var(--c19-space-5);
    border-block-end: var(--c19-line) solid var(--c19-border);
  }

  .admin-dashboard-grid {
    --c19-grid-cols: 12;
  }

  /* The panel supplies the outer frame; retain only the table's row dividers. */
  .admin-dashboard .c19-panel > .c19-table-wrap {
    border: 0;
    border-radius: 0;
  }

  .admin-readout {
    display: grid;
    gap: var(--c19-space-2);
    margin: 0;
  }

  .admin-readout div,
  .admin-queue li {
    display: flex;
    gap: var(--c19-space-3);
    justify-content: space-between;
    padding-block-end: var(--c19-space-2);
    border-block-end: var(--c19-line) solid var(--c19-border);
  }

  .admin-readout dd {
    margin: 0;
    font-family: var(--c19-font-mono);
    text-align: end;
  }

  .admin-queue {
    display: grid;
    gap: var(--c19-space-2);
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .admin-queue span {
    color: var(--c19-ink-muted);
    font-family: var(--c19-font-mono);
    font-size: var(--c19-text-xs);
  }

  .admin-dashboard-hero,
  .admin-dashboard .c19-stat,
  .admin-dashboard .c19-alert,
  .admin-dashboard .c19-panel {
    animation: admin-reveal var(--c19-duration-slow) var(--c19-ease-standard) both;
  }

  @keyframes admin-reveal {
    from {
      opacity: 0;
      transform: translateY(var(--c19-space-2));
    }
  }

  @media (max-width: 44rem) {
    .admin-dashboard-hero {
      align-items: start;
    }

    /* The dashboard alert has both status and action controls, so stack it on phones. */
    .admin-dashboard > .c19-alert {
      grid-template-columns: minmax(0, 1fr);
    }

    .admin-dashboard > .c19-alert > * {
      grid-column: 1;
      justify-self: start;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .admin-dashboard-hero,
    .admin-dashboard .c19-stat,
    .admin-dashboard .c19-alert,
    .admin-dashboard .c19-panel {
      animation: none;
    }
  }
}