#bookingStatusAutomationRules .booking-status-choice-row {
  grid-template-columns: minmax(180px, .65fr) minmax(0, 1.65fr);
  align-items: center;
  gap: 8px 14px;
  padding: 10px 12px;
  border-radius: 12px;
}

.automation-status-options {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

#bookingStatusAutomationRules .automation-status-button {
  --choice-color: #c84853;
  --choice-tint: #fff1f2;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 44px;
  min-width: 0;
  padding: 8px;
  border: 2px solid #e0e6ef;
  border-radius: 10px;
  background: #fff;
  color: #344256;
  font-size: 16px;
  font-weight: 650;
  line-height: 1.3;
  text-shadow: none;
  box-shadow: none;
  cursor: pointer;
  transition: border-color .15s ease, background-color .15s ease;
}

#bookingStatusAutomationRules .automation-status-button[data-automation-status="advance_paid"] { --choice-color: #8142c7; --choice-tint: #f7f0ff; }
#bookingStatusAutomationRules .automation-status-button[data-automation-status="in_progress"] { --choice-color: #3264ce; --choice-tint: #eff5ff; }
#bookingStatusAutomationRules .automation-status-button[data-automation-status="completed"] { --choice-color: #258257; --choice-tint: #edf9f2; }
.automation-status-dot { flex: 0 0 11px; width: 11px; height: 11px; border-radius: 3px; background: var(--choice-color); }
.automation-status-label { min-width: 0; overflow-wrap: anywhere; }
#bookingStatusAutomationRules .automation-status-button.is-selected { border-color: var(--choice-color); background: var(--choice-tint); color: #172033; }
#bookingStatusAutomationRules .automation-status-button:hover:not(:disabled) { border-color: var(--choice-color); background: var(--choice-tint); }
#bookingStatusAutomationRules .automation-status-button:focus-visible { outline: 3px solid #152f59; outline-offset: 3px; }
#bookingStatusAutomationRules .automation-status-button:disabled { cursor: default; }
#bookingStatusAutomationRules .booking-status-choice-note { grid-column: 2; font-size: 12px; }
#bookingStatusAutomationRules .is-legacy-choice { color: #87521b; }

@media (max-width: 1000px) {
  #bookingStatusAutomationRules .booking-status-choice-row { grid-template-columns: minmax(0, 1fr); }
  #bookingStatusAutomationRules .booking-status-choice-note { grid-column: 1; }
}

@media (max-width: 680px) {
  .automation-status-options { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  #bookingStatusAutomationRules .booking-status-choice-row { padding: 10px; }
}

@media (prefers-reduced-motion: reduce) {
  #bookingStatusAutomationRules .automation-status-button { transition: none; }
}