.marketing-events-panel {
  min-height: calc(100vh - 84px);
  overflow: hidden;
}

.marketing-events-panel__heading {
  display: flex;
  align-items: baseline;
  gap: var(--sycm-space-sm);
  padding: var(--sycm-module-padding) var(--sycm-module-padding) 0;
}

.marketing-events-panel__heading h2 {
  margin: 0;
  color: var(--sycm-text-strong);
  font-size: var(--sycm-font-size-title);
  font-weight: var(--sycm-font-weight-semibold);
  line-height: var(--sycm-line-height-tight);
}

.marketing-events-panel__heading span {
  color: var(--sycm-text-tertiary);
  font-size: var(--sycm-font-size-caption);
  line-height: var(--sycm-line-height-normal);
}

.marketing-events-data-date {
  margin-left: auto;
  color: var(--sycm-text-secondary);
  font-size: var(--sycm-font-size-caption);
  font-weight: var(--sycm-font-weight-medium);
  white-space: nowrap;
}

.marketing-events-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(110px, 1fr));
  gap: var(--sycm-space-sm);
  margin-top: var(--sycm-space-sm);
  padding: 0 var(--sycm-module-padding);
}

.marketing-events-summary .sycm-dashboard-metric {
  min-height: 88px;
  padding: var(--sycm-space-sm);
  border-radius: var(--sycm-radius-lg);
  background: var(--sycm-bg-subtle);
}

.marketing-events-summary .sycm-dashboard-metric__label {
  font-size: var(--sycm-font-size-caption);
}

.marketing-events-summary .sycm-dashboard-metric__value {
  font-size: var(--sycm-font-size-metric);
}

.marketing-events-summary__empty {
  grid-column: 1 / -1;
  padding: var(--sycm-space-md);
  color: var(--sycm-text-tertiary);
  font-size: var(--sycm-font-size-caption);
  text-align: center;
}

.marketing-events-filter {
  display: grid;
  grid-template-columns: repeat(3, minmax(180px, 1fr));
  gap: var(--sycm-space-sm) var(--sycm-space-xl);
  margin-top: var(--sycm-space-sm);
  padding: var(--sycm-module-padding);
  background: var(--sycm-bg-subtle);
}

.marketing-events-filter .ant-form-item {
  min-width: 0;
  margin-bottom: 0;
}

.marketing-events-filter .ant-form-item-row {
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr);
  align-items: center;
}

.marketing-events-filter .ant-form-item-label {
  padding: 0 var(--sycm-space-sm) 0 0;
  overflow: visible;
  text-align: right;
}

.marketing-events-filter .ant-form-item-label > label {
  height: var(--sycm-control-height);
  color: var(--sycm-text-secondary);
  font-size: var(--sycm-font-size-caption);
  font-weight: var(--sycm-font-weight-medium);
  line-height: var(--sycm-control-height);
}

.marketing-events-filter .ant-form-item-control,
.marketing-events-filter .ant-form-item-control-input,
.marketing-events-filter .ant-form-item-control-input-content {
  min-height: var(--sycm-control-height);
}

.marketing-events-filter__actions {
  display: flex;
  min-height: var(--sycm-control-height);
  align-items: center;
  gap: var(--sycm-space-sm);
  padding-left: 72px;
}

.marketing-events-table-toolbar {
  display: flex;
  min-height: 56px;
  align-items: center;
  justify-content: space-between;
  gap: var(--sycm-space-md);
  padding: var(--sycm-space-sm) var(--sycm-module-padding);
  border-top: var(--sycm-line-width-base) solid var(--sycm-border-light);
  border-bottom: var(--sycm-line-width-base) solid var(--sycm-border-light);
  overflow-x: auto;
}

.marketing-events-status-switch {
  flex: 0 0 auto;
}

.marketing-events-child-table {
  margin: 0;
}

.marketing-events-child-table .ant-table {
  background: var(--sycm-bg-page-soft, #fafafa);
}

.marketing-events-table .ant-table-wrapper,
.marketing-events-table .ant-spin-nested-loading,
.marketing-events-table .ant-spin-container {
  min-width: 0;
}

.marketing-events-table .ant-table {
  min-width: 0;
}

.marketing-events-table .ant-table-cell {
  vertical-align: middle;
}

.marketing-events-table .ant-table-thead > tr > th {
  color: var(--sycm-text-secondary);
  font-size: var(--sycm-font-size-caption);
  font-weight: var(--sycm-font-weight-semibold);
  white-space: nowrap;
}

.marketing-events-table .ant-table-tbody > tr > td {
  color: var(--sycm-text-primary);
  font-size: var(--sycm-font-size-caption);
}

.marketing-events-table .ant-table-placeholder .ant-table-cell {
  height: 220px;
}

.marketing-events-thumb {
  display: block;
  width: 52px;
  height: 52px;
  border: var(--sycm-line-width-base) solid var(--sycm-border-light);
  border-radius: var(--sycm-radius-sm);
  object-fit: cover;
}

.marketing-events-thumb.is-empty {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  background: var(--sycm-bg-subtle);
  color: var(--sycm-text-tertiary);
  font-size: var(--sycm-font-size-micro);
}

.marketing-events-goods-cell {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--sycm-space-xxs);
  line-height: var(--sycm-line-height-normal);
}

.marketing-events-goods-name {
  overflow: hidden;
  color: var(--sycm-text-strong);
  font-weight: var(--sycm-font-weight-medium);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.marketing-events-goods-id {
  color: var(--sycm-text-tertiary);
  font-size: var(--sycm-font-size-micro);
}

@media (max-width: 767px) {
  .marketing-events-panel__heading {
    align-items: flex-start;
    flex-direction: column;
    gap: var(--sycm-space-xxs);
  }

  .marketing-events-filter {
    grid-template-columns: 1fr;
    gap: var(--sycm-space-sm);
  }

  .marketing-events-filter__actions {
    padding-left: 72px;
  }
}