.setup-rule-card .text-control,
.setup-rule-card .number-control,
.setup-rule-card .select-control {
  min-height: 48px;
  padding: 0 13px;
  font-size: 16px;
  line-height: 1.2;
  -webkit-user-select: text;
  user-select: text;
  caret-color: #a970ff;
  touch-action: manipulation;
}

.setup-rule-card input[type="number"]::-webkit-outer-spin-button,
.setup-rule-card input[type="number"]::-webkit-inner-spin-button,
.setup-rule-card input[type="text"]::-webkit-outer-spin-button,
.setup-rule-card input[type="text"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.setup-rule-card input[type="number"] {
  -moz-appearance: textfield;
}

.setup-rule-card .mini-field span {
  line-height: 1.1;
}

.setup-rule-card.tv-rule-editing {
  border-color: rgba(169, 112, 255, 0.7);
  box-shadow: 0 0 0 1px rgba(169, 112, 255, 0.18), 0 12px 34px rgba(0, 0, 0, 0.28);
}

.tv-hidden-rule-field {
  display: none !important;
}

.tv-rule-note {
  margin: 0;
  grid-column: 1 / -1;
  color: #c2c7d0;
  font-size: 14px;
  line-height: 1.45;
}

.tv-rule-note strong {
  color: #ffffff;
}

.tv-rule-status-saving {
  border-color: rgba(91, 205, 255, 0.45);
  color: #86dcff;
}

.tv-rule-status-saved {
  border-color: rgba(86, 230, 118, 0.45);
  color: #77f08c;
}

.tv-rule-status-error {
  border-color: rgba(255, 92, 101, 0.5);
  color: #ff8d95;
}

.tv-rule-muted-copy {
  display: block;
  margin-top: 6px;
  color: #aeb5c1;
  font-size: 12px;
  line-height: 1.35;
}

#setupRulesGroup summary small,
.settings-group summary small {
  max-width: 145px;
}

@media (max-width: 520px) {
  .setup-rule-card .text-control,
  .setup-rule-card .number-control,
  .setup-rule-card .select-control {
    min-height: 52px;
    font-size: 16px;
  }

  .setup-rule-card .setup-rule-grid {
    gap: 10px;
  }
}