#app-content #marketing-workspace .night-sale-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}
#app-content #marketing-workspace .night-sale-heading h3{margin:0}
#app-content #marketing-workspace .night-sale-help{font-size:13px;line-height:1.7;color:#627b94;margin:10px 0 16px}
#app-content #marketing-workspace .night-sale-form{padding:16px;background:#f7f9fc;border:1px solid #dbe4ee;border-radius:8px;margin-bottom:20px}
#app-content #marketing-workspace .night-sale-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
#app-content #marketing-workspace .night-sale-fields label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:#536e88}
#app-content #marketing-workspace .night-sale-fields :is(input,select){box-sizing:border-box;width:100%;height:36px;min-height:36px;margin:0;padding:6px 10px;font-size:13px;line-height:22px;border:1px solid #cbd9e8;border-radius:6px;background:white;color:#173756}
#app-content #marketing-workspace .night-sale-rooms{border:1px solid #d6e1ed;border-radius:6px;padding:12px;margin:16px 0;font-size:13px}
#app-content #marketing-workspace [data-night-rooms]{display:flex;flex-wrap:wrap;gap:12px 20px}
#app-content #marketing-workspace [data-night-rooms] label{display:inline-flex;align-items:center;gap:6px;color:#284663;font-size:13px}
#app-content #marketing-workspace [data-night-rooms] input{width:16px;height:16px;min-height:0;padding:0;margin:0;accent-color:#193d65}
#app-content #marketing-workspace .night-sale-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
#app-content #marketing-workspace :is(.page-header button,.marketing-form-actions button,.marketing-table button,.night-sale-panel button){box-sizing:border-box;min-height:32px;height:32px;line-height:18px;padding:6px 12px;font-size:13px;border-radius:6px;white-space:nowrap;margin:0}
#app-content #marketing-workspace .night-sale-delete{color:#b63232}
#app-content #marketing-workspace .night-sale-error{color:#b63232;font-size:13px;line-height:1.6;margin:10px 0}
#app-content #marketing-workspace .night-sale-table td{font-size:13px;vertical-align:middle}
#app-content #marketing-workspace .night-sale-table td:nth-child(3){max-width:280px;white-space:normal}
#app-content #marketing-workspace .night-sale-panel [hidden]{display:none!important}
@media(max-width:900px){#app-content #marketing-workspace .night-sale-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){#app-content #marketing-workspace .night-sale-heading{align-items:flex-start;flex-wrap:wrap}#app-content #marketing-workspace .night-sale-fields{grid-template-columns:minmax(0,1fr)}#app-content #marketing-workspace :is(.page-header button,.marketing-form-actions button,.marketing-table button,.night-sale-panel button){height:38px;min-height:38px;padding:9px 12px}#app-content #marketing-workspace .night-sale-form{padding:12px}}

/* Keep the coupon record filters compact alongside the activity controls. */
#app-content #marketing-workspace .coupon-history-filters{display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px 12px;margin:12px 0 8px}
#app-content #marketing-workspace .coupon-history-filters label{flex:0 1 180px;gap:4px;font-size:12px}
#app-content #marketing-workspace .coupon-history-filters label:nth-child(2),#app-content #marketing-workspace .coupon-history-filters label:nth-child(3){flex-basis:110px}
#app-content #marketing-workspace .coupon-history-filters label:nth-child(4),#app-content #marketing-workspace .coupon-history-filters label:nth-child(5),#app-content #marketing-workspace .coupon-history-filters .coupon-history-keyword{flex-basis:200px}
#app-content #marketing-workspace .coupon-history-filters :is(input,select){box-sizing:border-box;height:32px;min-height:32px;padding:6px 9px;font-size:12px;line-height:18px}
#app-content #marketing-workspace .coupon-history-actions{flex:0 0 auto;gap:8px;padding-bottom:1px}
@media(max-width:680px){
  #app-content #marketing-workspace .coupon-history-filters{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
  #app-content #marketing-workspace .coupon-history-filters :is(input,select){height:38px;min-height:38px;padding:8px 10px;font-size:14px;line-height:20px}
  #app-content #marketing-workspace .coupon-history-actions{padding-bottom:0}
}