.simple-condition-form { display: flex; flex-direction: column; gap: 1rem; }
.simple-condition-form__row { display: flex; flex-direction: column; gap: 0.35rem; }
.simple-condition-form__severity { display: flex; gap: 0.5rem; }
/* Plain <button>s (not shadcn Button) so nothing competes with these rules — the shadcn variant
   utilities (bg-accent/bg-primary) don't resolve in this plugin and were overriding the selected state. */
.simple-condition-form__severity-btn {
  padding: 0.4rem 0.9rem;
  border: 1px solid var(--border, var(--line));
  border-radius: 0.375rem;
  background: var(--surface);
  color: inherit;
  font-size: 0.9rem;
  cursor: pointer;
}
.simple-condition-form__severity-btn:hover:not(:disabled) { border-color: var(--primary); }
.simple-condition-form__severity-btn.is-selected {
  background: var(--primary);
  color: var(--primary-foreground);
  border-color: var(--primary);
}
.simple-condition-form__severity-btn:disabled { opacity: 0.5; cursor: not-allowed; }
.simple-condition-form__readonly { margin-top: 1rem; padding-top: 0.75rem; border-top: 1px solid var(--line); }
.simple-condition-form__readonly h4 { font-size: 0.85rem; color: var(--ink-muted); margin-bottom: 0.5rem; }
.simple-condition-form__readonly-item { display: flex; justify-content: space-between; font-size: 0.85rem; color: var(--ink-muted); padding: 0.15rem 0; }