/* 文件职责：员工排班页面响应式样式。 */
@media (max-width: 992px) {
  .page-store-staff {
    .staff-filter-input {
      width: 100%;
    }

    .staff-filter-select {
      width: 140px;
    }

    .staff-form-grid,
    .staff-permission-grid {
      grid-template-columns: 1fr;
    }

    .staff-schedule-row {
      flex-wrap: wrap;
      align-items: flex-start;
    }

    .staff-schedule-time {
      width: 100%;
      margin-left: 0;
    }
  }
}

@media (max-width: 768px) {
  .page-store-staff {
    .staff-filter-select {
      width: 100%;
    }

    .staff-card {
      .ant-card-head,
      .ant-card-body {
        padding-right: 14px;
        padding-left: 14px;
      }
    }

    .staff-actions {
      gap: 6px;
    }
  }
}
