/* Form controls: keep native dropdown menus readable in the dark theme. */
.editor-form input,
.editor-form select,
.editor-form textarea {
  color: #eef3ff;
  color-scheme: dark;
}

.editor-form select option {
  background: #0b111c;
  color: #eef3ff;
}

/* The button box now matches the 31px circle, so SVG lines meet its center. */
.star {
  width: 31px;
  height: 31px;
  padding: 0;
}

.star span {
  position: absolute;
  top: 38px;
  left: 50%;
  margin-top: 0;
  transform: translateX(-50%);
}

.actions {
  display: flex;
  justify-content: flex-end;
  gap: 7px;
}

.actions .delete-note {
  border-color: #673344 !important;
  color: #ff8296;
}

.actions .delete-note:hover {
  background: #321722;
}