@media (max-width: 1080px) {
  .dashboard-grid > .col-8,
  .dashboard-grid > .col-7,
  .dashboard-grid > .col-6,
  .dashboard-grid > .col-5,
  .dashboard-grid > .col-4,
  .dashboard-grid > .col-3 {
    grid-column: span 12;
  }

  .login-grid {
    grid-template-columns: 1fr;
  }

  .auth-landing-grid,
  .auth-story-grid,
  .auth-module-grid,
  .auth-command-strip {
    grid-template-columns: 1fr;
  }

  .auth-access-rail {
    position: static;
  }

  .scrum-board-layout {
    grid-template-columns: 1fr;
  }

  .scrum-main-layout {
    grid-template-columns: 1fr;
  }

  .scrum-order-detail {
    position: static;
  }

  .scrum-board-columns {
    grid-template-columns: 1fr;
  }

  .pos-summary-panel {
    position: static;
  }

  .scrum-side-column,
  .scrum-side-card {
    position: static;
  }

  .pos-product-row {
    grid-template-columns: 1fr;
  }

  .pos-product-price {
    text-align: left;
  }

  .pos-product-actions {
    grid-template-columns: 110px 1fr;
  }
}

@media (max-width: 720px) {
  .landing-shell,
  .auth-shell,
  .dashboard-shell {
    padding: var(--space-4);
  }

  .dashboard-title h1 {
    font-size: 1.85rem;
  }

  .dashboard-hero-brand,
  .scrum-command-heading,
  .scrum-detail-header,
  .scrum-detail-row,
  .scrum-ticket-top,
  .scrum-ticket-meta,
  .scrum-ticket-foot,
  .scrum-detail-total,
  .scrum-highlight-row {
    flex-direction: column;
    align-items: stretch;
  }

  .dashboard-brand-mark {
    width: 72px;
    height: 72px;
  }

  .auth-brand-row,
  .auth-role-card-head {
    flex-direction: column;
    align-items: stretch;
  }

  .auth-hero-card,
  .auth-access-card,
  .auth-demo-panel {
    border-radius: var(--radius-lg);
  }

  .auth-hero-title {
    max-width: none;
    font-size: clamp(2rem, 11vw, 3rem);
  }

  .scrum-command-header {
    padding: var(--space-4);
  }

  .scrum-command-clock,
  .scrum-detail-time {
    text-align: left;
  }

  .dashboard-header,
  .split,
  .split-start,
  .toolbar,
  .dashboard-menu,
  .hero-actions,
  .actions-row {
    flex-direction: column;
    align-items: stretch;
  }

  .dashboard-subnav,
  .scrum-command-header,
  .scrum-ticket-card,
  .catalog-card,
  .order-card,
  .wallet-card,
  .notification-card {
    border-radius: var(--radius-md);
  }

  .dashboard-subnav {
    position: static;
  }

  .dashboard-meta {
    justify-content: flex-start;
  }

  .dashboard-hero {
    gap: var(--space-3);
  }

  .section-header,
  .section-header-side,
  .card-block,
  .detail-item {
    flex-direction: column;
    align-items: stretch;
  }

  .form-row {
    grid-template-columns: 1fr;
  }

  .demo-access-grid {
    grid-template-columns: 1fr;
  }

  .demo-user-head {
    flex-direction: column;
    align-items: stretch;
  }

  .pos-capture-grid,
  .pos-capture-card {
    grid-template-columns: 1fr;
  }

  .pos-player-main,
  .pos-cart-actions {
    grid-template-columns: 1fr;
    display: grid;
  }

  .pos-player-balance {
    min-width: 0;
  }

  .btn {
    width: 100%;
  }

  th,
  td {
    padding: 0.7rem 0.75rem;
  }

  .card {
    padding: var(--space-4);
  }
}