/* Reporting desktop QA Iteration 1 @ 1440. Shell in v2-desktop-shell.css. */
@media (min-width: 993px) {
  .v2--reporting .v2-hero--reporting h1 {
    text-transform: capitalize;
  }

  .v2--reporting .v2-hero--reporting .v2-hero__inner {
    max-width: var(--v2-max);
    width: 100%;
  }

  .v2--reporting .v2-section .v2-h2 {
    line-height: 1.2;
    text-transform: capitalize;
  }

  /* Analytics cards: Figma 180px. Shell h3 lh 1.4 + p mb inflated to ~190. */
  .v2--reporting .v2-reporting-analytics .v2-card {
    min-height: 180px;
  }

  .v2--reporting .v2-reporting-analytics .v2-card h3 {
    line-height: 1.2;
    margin-bottom: 8px;
  }

  .v2--reporting .v2-reporting-analytics .v2-card p {
    margin-bottom: 0;
  }

  /* Tab phone frame — single border flush to screen (no mat / double frame) */
  .v2--reporting .v2-reporting-types .v2-pos-panel__media.v2-reporting-types__media {
    width: 441px;
    height: 441px;
    border: 0;
    padding: 0;
    background: transparent;
    border-radius: 0;
    overflow: visible;
  }

  .v2--reporting .v2-reporting-types__phone {
    position: relative;
    height: 100%;
    aspect-ratio: 225 / 400;
    border: 1px solid var(--v2-gray-200, #d8dde5);
    border-radius: 8px;
    padding: 0;
    overflow: hidden;
    background: transparent;
    box-sizing: border-box;
  }

  .v2--reporting .v2-reporting-types__phone img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border: 0;
    border-radius: 0;
    background: transparent;
  }

  /* App QR — keep store columns side-by-side at desktop; QR only (no listing cards) */
  .v2--reporting .v2-app-qr__card {
    width: fit-content;
    max-width: none;
  }

  .v2--reporting .v2-app-qr__stores {
    flex-wrap: nowrap;
  }

  .v2--reporting .v2-app-qr__listing {
    display: none;
  }
}