@media screen {
  .dashboard-container .asr-home-main330 { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; margin-left: 0; margin-right: 0; }
  .dashboard-container .asr-home-summary330 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; align-items: stretch; }
  .dashboard-container .asr-home-panel330 { min-width: 0; margin-top: 0 !important; }
  .dashboard-container .asr-home-summary330 > .panel-card { display: flex; flex-direction: column; height: auto; }
  .dashboard-container .asr-home-summary330 > .panel-card > .panel-body { flex: 1; min-width: 0; }
  .dashboard-container .asr-home-orders330 .status-grid { display: flex; flex-wrap: wrap; justify-content: space-around; gap: 12px 8px; }
  .dashboard-container .asr-home-orders330 .status-item { flex: 0 1 70px; min-width: 58px; }
  .dashboard-container .asr-home-receipts330 .pay-card-amount { font-size: 18px; white-space: nowrap; font-variant-numeric: tabular-nums; }
  .dashboard-container .asr-home-receipts330 .panel-header { flex-wrap: wrap; gap: 4px 8px; }
  .dashboard-container .asr-home-receipts330 .panel-body > .el-row { display: flex; flex-wrap: wrap; }
  .dashboard-container .asr-home-receipts330 .panel-body > .el-row > .el-col { width: 50%; min-width: 0; }
  .dashboard-container .asr-home-customers330 .customer-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .dashboard-container .asr-home-customers330 .item-name { overflow-wrap: anywhere; }
  @media (max-width: 1100px) {
    .dashboard-container .asr-home-summary330 { grid-template-columns: minmax(0, 1fr); }
    .dashboard-container .asr-home-summary330 > .panel-card { height: auto; }
  }
  @media (max-width: 640px) {
    .dashboard-container .asr-home-customers330 .customer-list { grid-template-columns: minmax(0, 1fr); }
    .dashboard-container .asr-home-receipts330 .panel-body > .el-row { flex-direction: column; gap: 10px; margin-left: 0 !important; margin-right: 0 !important; }
    .dashboard-container .asr-home-receipts330 .panel-body > .el-row > .el-col { width: 100%; padding: 0 !important; }
    .dashboard-container .asr-home-panel330 .panel-header { flex-wrap: wrap; gap: 4px 8px; }
  }
}