/* v7_21 large desktop command page refinement
   Purpose: preserve accepted mobile state while making Human Approval and Continuity feel balanced,
   spacious, professional, and pleasant on 24"+ desktop monitors. */

@media (min-width: 1200px) {
  .approval-queue-page .wrap,
  .operational-continuity-page .wrap {
    max-width: 1240px;
  }

  .approval-queue-page .product-hero,
  .operational-continuity-page .product-hero {
    padding-top: clamp(5.25rem, 6vw, 7.5rem);
    padding-bottom: clamp(3.75rem, 5vw, 6rem);
  }

  .approval-queue-page .hero-grid,
  .operational-continuity-page .hero-grid {
    grid-template-columns: minmax(0, 1.42fr) minmax(360px, 0.78fr);
    gap: clamp(3rem, 5vw, 5.25rem);
    align-items: center;
  }

  .approval-queue-page .hero-grid > div:first-child,
  .operational-continuity-page .hero-grid > div:first-child {
    max-width: 760px;
  }

  .approval-queue-page .hero-sub,
  .operational-continuity-page .hero-sub {
    max-width: 700px;
    line-height: 1.75;
  }

  .approval-queue-page .contact-card,
  .operational-continuity-page .contact-card {
    align-self: center;
    min-height: unset;
    max-width: 430px;
    padding: clamp(1.55rem, 2vw, 2.15rem);
  }

  .approval-queue-page .contact-card p,
  .operational-continuity-page .contact-card p {
    line-height: 1.72;
  }

  .approval-queue-page main > .section.alt > .wrap,
  .operational-continuity-page main > .section.alt > .wrap {
    display: grid;
    gap: 1.4rem;
  }

  .approval-queue-page .section.alt,
  .operational-continuity-page .section.alt {
    padding-top: clamp(3rem, 4.5vw, 5rem);
    padding-bottom: clamp(4.5rem, 6vw, 7rem);
  }

  .approval-queue-page .section.alt > .wrap > .luminous-card:first-child,
  .operational-continuity-page .section.alt > .wrap > .luminous-card:first-child {
    padding: clamp(1.65rem, 2.2vw, 2.35rem);
  }

  .approval-queue-page .section.alt > .wrap > .luminous-card:first-child h2,
  .operational-continuity-page .section.alt > .wrap > .luminous-card:first-child h2,
  .approval-queue-page .command-workspace-card h2 {
    margin-bottom: 0.75rem;
  }

  .approval-queue-page .form-grid.two,
  .operational-continuity-page .form-grid.two {
    grid-template-columns: repeat(2, minmax(280px, 1fr));
    gap: 1rem 1.15rem;
  }

  .approval-queue-page .form-actions,
  .operational-continuity-page .form-actions {
    margin-top: 1.15rem;
    gap: 0.8rem;
  }

  .approval-queue-page .command-workspace-card {
    padding: clamp(1.75rem, 2.4vw, 2.6rem);
  }

  .approval-queue-page .command-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
  }

  .approval-queue-page .command-tile {
    min-height: 150px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 1.2rem;
  }

  .approval-queue-page .command-tile strong {
    margin-bottom: 0.5rem;
  }

  .approval-queue-page .command-priority-note {
    margin-top: 1.15rem;
  }

  .approval-queue-page .queue-list,
  .operational-continuity-page .queue-list {
    max-width: 100%;
  }

  .operational-continuity-page #continuitySummary,
  .operational-continuity-page #continuityTimeline {
    display: grid;
    gap: 1rem;
  }
}

@media (min-width: 1500px) {
  .approval-queue-page .wrap,
  .operational-continuity-page .wrap {
    max-width: 1320px;
  }

  .approval-queue-page .hero-grid,
  .operational-continuity-page .hero-grid {
    grid-template-columns: minmax(0, 1.5fr) minmax(390px, 0.74fr);
  }

  .approval-queue-page .line-stack,
  .operational-continuity-page .line-stack {
    letter-spacing: -0.035em;
  }
}