@media (max-width: 1120px) {
  .ed-kpi-grid,
  .pc-card-grid.v15 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .ed-main-grid,
  .pc-dashboard-board,
  .pc-layout-2 {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  body {
    font-size: 14px;
  }

  .content {
    padding: 14px;
  }

  .main-shell > .topbar {
    min-height: auto;
    padding: 14px;
  }

  .main-shell > .topbar h1 {
    font-size: 22px;
  }

  .top-actions {
    width: 100%;
    justify-content: flex-start;
  }

  .page-header,
  .oc-hero,
  .occ-hero,
  .pc-command,
  .tc-command,
  .stc-command,
  .manual-data-hero,
  .import-center-header {
    padding: 16px;
  }

  .page-header-main {
    grid-template-columns: 1fr;
    align-items: start;
  }

  .page-actions,
  .pc-command-actions,
  .ed-header-actions,
  .manual-data-hero-actions {
    width: 100%;
    justify-content: flex-start;
  }

  .page-actions .button,
  .pc-command-actions .button,
  .manual-data-hero-actions .button,
  .ed-header-actions .ed-icon-button,
  .ed-header-actions .ed-filter-pill {
    flex: 1 1 auto;
    min-width: min(100%, 120px);
  }

  .ed-kpi-grid,
  .pc-card-grid.v15,
  .manual-status-grid,
  .import-status-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .filter-row,
  .pc-dashboard-filter-grid,
  .tc-filter-bar,
  .stc-filter-bar {
    grid-template-columns: 1fr;
  }

  .empty-state {
    grid-template-columns: 1fr;
    text-align: center;
  }
}

@media (max-width: 430px) {
  .content {
    padding: 10px;
  }

  .button,
  a.button,
  button[type="submit"],
  .filter-bar button,
  .pc-toolbar button,
  .tc-filter-bar button,
  .stc-filter-bar button {
    min-height: 34px;
    padding: 0 12px;
    font-size: 14px;
  }

  .ed-kpi-grid,
  .pc-card-grid.v15,
  .manual-status-grid,
  .import-status-grid,
  .pc-brand-category-grid,
  .store-home-profile-grid,
  .store-home-kpi-grid,
  .store-home-task-grid {
    grid-template-columns: 1fr;
  }

  .ed-kpi-card {
    min-height: 96px;
  }

  .pc-command,
  .tc-command,
  .stc-command {
    align-items: flex-start;
  }

  .pc-command::before,
  .tc-command::before,
  .stc-command::before,
  .manual-data-hero::before,
  .import-center-header::before {
    width: 38px;
    height: 38px;
  }

  .pc-dish-card,
  .pc-panel,
  .pc-sop-sheet,
  .tc-panel,
  .stc-panel,
  .occ-card,
  .oc-card {
    border-radius: 11px;
  }

  .table-scroll,
  .data-table-wrapper-body,
  .pc-table-wrap {
    max-width: 100%;
    overflow-x: auto;
  }

  .store-actions-shell,
  .occ-shell,
  .pc-shell,
  .tc-shell,
  .stc-shell {
    gap: 12px;
  }
}

@media (max-width: 390px) {
  .page-header-title,
  .pc-command h2,
  .tc-command h2,
  .stc-command h2,
  .oc-title,
  .occ-title {
    font-size: 22px;
  }

  .page-meta-item,
  .badge,
  .status-pill {
    font-size: 12.5px;
  }

  .visual-icon {
    width: 38px;
    height: 38px;
  }

  .visual-icon svg,
  .visual-icon i[data-lucide] {
    width: 18px;
    height: 18px;
  }
}
