.staff-ui .staff-campaign-list,
.staff-ui .staff-campaign-editor { max-width: 1240px; margin: 0 auto; min-width: 0; }
.staff-ui .staff-campaign-list-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; margin-bottom: 22px; }
.staff-ui .staff-campaign-list-heading h2 { font-size: 20px; line-height: 1.3; margin: 0; }
.staff-ui .staff-campaign-list-heading h2 span { color: var(--sl-muted); font-size: 13px; font-weight: 400; margin-left: 6px; }
.staff-ui .staff-campaign-list-heading p { color: var(--sl-muted); font-size: 13px; line-height: 1.5; margin: 7px 0 0; max-width: 680px; }
.staff-ui .staff-campaign-table { border-block: 1px solid var(--sl-border); box-sizing: border-box; contain: inline-size paint; max-width: 100%; min-width: 0; overflow: auto; overscroll-behavior: contain; scrollbar-width: thin; width: 100%; }
.staff-ui .staff-campaign-table .sl-table { table-layout: fixed; width: 100%; }
.staff-ui .staff-gift-table .sl-table { min-width: 1120px; }
.staff-ui .staff-promo-table .sl-table { min-width: 1040px; }
.staff-ui .staff-campaign-table .staff-gift-col-position { width: 72px; }
.staff-ui .staff-campaign-table .staff-gift-col-condition { width: 300px; }
.staff-ui .staff-campaign-table .staff-gift-col-threshold { width: 120px; }
.staff-ui .staff-campaign-table .staff-gift-col-title { width: 270px; }
.staff-ui .staff-campaign-table .staff-gift-col-id { width: 150px; }
.staff-ui .staff-campaign-table .staff-gift-col-status { width: 150px; }
.staff-ui .staff-campaign-table .staff-gift-col-action { width: 58px; }
.staff-ui .staff-campaign-table .staff-promo-col-code { width: 170px; }
.staff-ui .staff-campaign-table .staff-promo-col-discount { width: 100px; }
.staff-ui .staff-campaign-table .staff-promo-col-usage { width: 210px; }
.staff-ui .staff-campaign-table .staff-promo-col-period { width: 260px; }
.staff-ui .staff-campaign-table .staff-promo-col-status { width: 210px; }
.staff-ui .staff-campaign-table .staff-promo-col-action { width: 90px; }
.staff-ui .staff-campaign-table--ten-rows { min-height: 500px; }
.staff-ui .staff-campaign-table .sl-table th,
.staff-ui .staff-campaign-table .sl-table td { height: 44px; padding-block: 7px; vertical-align: middle; }
.staff-ui .staff-campaign-identity { display: block; max-width: 100%; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.staff-ui .staff-gift-position { color: var(--sl-muted); font-variant-numeric: tabular-nums; text-align: center; width: 76px; }
.staff-ui .staff-gift-title { max-width: 250px; min-width: 180px; }
.staff-ui .staff-gift-title > span,
.staff-ui .staff-gift-id > span:first-child { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.staff-ui .staff-gift-id { align-items: center; display: flex; gap: 7px; min-width: 125px; }
.staff-ui .staff-gift-id > span:first-child { font-variant-numeric: tabular-nums; }
.staff-ui .staff-gift-warning { color: #922b26; display: inline-flex; flex: none; }
.staff-ui .staff-gift-warning svg { width: 14px; }
.staff-ui .staff-gift-table .sl-row-action { width: 58px; }
.staff-ui .staff-promo-table .sl-row-action { width: 90px; }
.staff-ui .staff-promo-code { font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.staff-ui .staff-campaign-window { display: block; min-width: max-content; white-space: nowrap; font-size: 12px; line-height: 1.35; }
.staff-ui .staff-campaign-views { border-bottom: 1px solid var(--sl-border); display: flex; gap: 6px; margin-bottom: 16px; overflow-x: auto; }
.staff-ui .staff-campaign-views > a { align-items: center; border-bottom: 2px solid transparent; color: var(--sl-muted); display: flex; gap: 8px; min-height: 44px; padding: 8px 12px; white-space: nowrap; }
.staff-ui .staff-campaign-views > a[aria-current="page"] { border-bottom-color: var(--sl-red); color: var(--sl-ink); font-weight: 500; }
.staff-ui .staff-campaign-views > a span:last-child { font-size: 12px; font-variant-numeric: tabular-nums; }
.staff-ui .staff-promo-actions { align-items: center; display: flex; gap: 2px; justify-content: flex-end; }
.staff-ui .staff-promo-deactivate-trigger { color: #a12a25; }
.staff-ui .staff-promo-deactivate-dialog { margin: auto; max-height: calc(100dvh - 32px); overflow: auto; }
.staff-ui .staff-promo-deactivate-dialog > header { align-items: center; display: flex; gap: 16px; justify-content: space-between; }
.staff-ui .staff-promo-deactivate-dialog > header h2 { margin: 0; overflow-wrap: anywhere; }
.staff-ui .staff-promo-deactivate-dialog > p { line-height: 1.5; }
.staff-ui .staff-promo-deactivate-dialog form { display: grid; gap: 16px; }
.staff-ui .staff-promo-deactivate-dialog footer { display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; }
.staff-ui .staff-campaign-empty { display: grid; justify-items: start; gap: 9px; padding: 42px 0; border-block: 1px solid var(--sl-border); }
.staff-ui .staff-campaign-empty > svg { color: var(--sl-muted); }
.staff-ui .staff-campaign-empty h2 { font-size: 16px; margin: 0; }
.staff-ui .staff-campaign-empty p { color: var(--sl-muted); font-size: 13px; margin: 0 0 5px; }
.staff-ui .staff-campaign-editor { max-width: 860px; }
.staff-ui .staff-campaign-editor-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; padding-bottom: 20px; border-bottom: 1px solid var(--sl-border); }
.staff-ui .staff-campaign-editor-heading p { color: var(--sl-muted); font-size: 12px; margin: 0 0 4px; }
.staff-ui .staff-campaign-editor-heading h2 { font-size: 20px; line-height: 1.35; margin: 0; overflow-wrap: anywhere; }
.staff-ui .staff-campaign-editor .staff-form-errors { margin-block: 20px 4px; }
.staff-ui .staff-campaign-editor .staff-form-errors h3 { font-size: 14px; margin: 0 0 8px; }
.staff-ui .staff-campaign-fields { display: grid; gap: 2px; padding-block: 10px 2px; }
.staff-ui .staff-campaign-field-pair { display: grid; grid-template-columns: minmax(0, 1fr) minmax(180px, .45fr); gap: 20px; }
.staff-ui .staff-campaign-editor .staff-form-footer { position: static; margin-top: 18px; }
.staff-ui .staff-campaign-deactivation { border-top: 1px solid var(--sl-border); margin-top: 34px; padding-top: 26px; max-width: 620px; }
.staff-ui .staff-campaign-deactivation h3 { font-size: 16px; margin: 0; }
.staff-ui .staff-campaign-deactivation > p { color: var(--sl-muted); font-size: 13px; line-height: 1.55; margin: 8px 0 16px; }
.staff-ui .staff-campaign-deactivation .staff-form-errors { margin-block: 14px; }
.staff-ui .staff-campaign-deactivation .staff-form-errors h4 { font-size: 14px; margin: 0 0 5px; }
.staff-ui .staff-campaign-deactivation .staff-form-errors p { margin: 0; }
.staff-ui .staff-campaign-disabled-note { align-items: flex-start; background: var(--sl-faint); border-radius: 8px; display: flex; gap: 9px; font-size: 13px; line-height: 1.5; margin-top: 28px; padding: 14px; }
.staff-ui .staff-campaign-disabled-note svg { flex: none; }
@media (max-width: 699px) {
  .staff-ui .staff-campaign-list-heading { align-items: stretch; flex-direction: column; }
  .staff-ui .staff-campaign-list-heading > .sl-button { align-self: flex-start; }
  .staff-ui .staff-campaign-field-pair { grid-template-columns: 1fr; gap: 0; }
  .staff-ui .staff-campaign-editor-heading { flex-wrap: wrap; }
  .staff-ui .staff-campaign-editor .staff-form-footer { align-items: flex-start; }
  .staff-ui .staff-campaign-editor .staff-form-footer .sl-dialog-actions { width: 100%; justify-content: flex-end; }
}