/* Scoped to the editor, including dynamically generated rule fields. */
#message-filter-settings { margin-top: 20px; }
#message-filter-settings p { max-width: 75ch; line-height: 1.6; }
#message-filter-settings label {
  display: block; margin: 16px 0 8px; line-height: 1.5; font-weight: 600;
}
#message-filter-settings :is(input:not([type="checkbox"]), textarea, select) {
  display: block; width: 100%; max-width: 48rem; min-width: 0;
  min-height: 44px; margin-top: 8px; padding: 10px 12px;
  border: 1px solid #527986; border-radius: 8px;
  background: #040b0f; color: #f3f8f9; font: inherit;
}
#message-filter-settings textarea { resize: vertical; }
#message-filter-settings select[multiple] { min-height: 132px; }
#message-filter-settings label:has(input[type="checkbox"]) {
  display: flex; align-items: center; gap: 10px; min-height: 44px;
}
#message-filter-settings input[type="checkbox"] {
  flex: 0 0 auto; width: 20px; height: 20px; margin: 0; accent-color: #19d7df;
}
#message-filter-settings button {
  min-height: 44px; max-width: 100%; margin: 8px 8px 8px 0; padding: 10px 16px;
  border: 1px solid #19d7df; border-radius: 8px; background: #10313a;
  color: #f3f8f9; font: inherit; font-weight: 700; cursor: pointer;
  white-space: normal; overflow-wrap: anywhere;
}
#message-filter-settings button:disabled { opacity: .65; cursor: not-allowed; }
#message-filter-settings fieldset {
  min-width: 0; margin: 20px 0; padding: 16px;
  border: 1px solid #527986; border-radius: 10px;
}
#message-filter-settings legend { max-width: 100%; padding: 0 6px; overflow-wrap: anywhere; }
#message-filter-settings details { margin: 16px 0; }
#message-filter-settings summary { padding: 12px 0; cursor: pointer; }
#message-filter-settings pre {
  white-space: pre-wrap; overflow-wrap: anywhere; max-width: 100%; line-height: 1.6;
}
#message-filter-settings :is(input, textarea, select, button, summary):focus-visible {
  outline: 3px solid #efc75e; outline-offset: 3px;
}
@media (max-width: 480px) {
  #message-filter-settings { padding: 16px; }
  #message-filter-settings fieldset { padding: 12px; }
  #message-filter-settings button { width: 100%; margin-right: 0; }
}