/* Dictionary editor styling */
.dictionary-editor input[type=text], .dictionary-editor select {
  background: #ffffff;
  color: #000000;
}
.dictionary-editor button[type=button] {
  background: #dc3545;
  color: #ffffff;
  border: 1px solid #dc3545;
  padding: 0.25rem 0.5rem;
  border-radius: .2rem;
}
.dictionary-editor button.btn-outline-danger {
  background-color: #dc3545 !important;
  color: #ffffff !important;
  border-color: #dc3545 !important;
}
.dictionary-editor button.btn-outline-danger:hover { filter: brightness(0.9); }
/* Branch editor styling: make add/remove buttons clearly visible before save */
.branch-editor .btn-branch,
.branch-editor button.btn-secondary {
  background-color: #6c757d !important; /* Bootstrap secondary */
  color: #ffffff !important;
  border-color: #6c757d !important;
}
.branch-editor button.btn-danger,
.branch-editor .btn-remove-branch {
  background-color: #dc3545 !important; /* Bootstrap danger */
  color: #ffffff !important;
  border-color: #dc3545 !important;
}
.branch-editor button.btn-danger:hover,
.branch-editor .btn-remove-branch:hover { filter: brightness(0.9); }
/* Duch-click editing styles (white on red) - here for simplicity - should be in separate CSS file eventually */
.quick-edit {
  position: absolute;
  z-index: 1000;
  display: inline-block;
  font-weight: bold;
  color: #ffffff !important;
  background-color: #dc3545 !important;
  border: 0;
  border-radius: .2rem;
  padding: 0.2rem 0.4rem;
  white-space: nowrap;
}
.quick-edit:hover { color: #ffffff !important; background-color: #c82333 !important; }
/* hide original element being edited */
.quick-edit + * {
  display: none;
}

/* Strong styling for branch editor newly added rows */
.branch-editor input[type=text] {
  background-color: #ffffff !important;
  color: #000000 !important;
  border-color: #ced4da !important; /* bootstrap default */
}
.branch-editor .btn-branch {
  background-color: #6c757d !important;
  color: #ffffff !important;
  border-color: #6c757d !important;
}
.branch-editor .btn-danger,
.branch-editor .btn-outline-danger,
.branch-editor .btn-remove-branch {
  background-color: #dc3545 !important;
  color: #ffffff !important;
  border-color: #dc3545 !important;
}
.branch-editor .btn-danger:hover,
.branch-editor .btn-outline-danger:hover,
.branch-editor .btn-remove-branch:hover { filter: brightness(0.9); }
/* Force delete button styling in branch editor rows */
.branch-editor tbody button[type="button"] {
  background-color: #dc3545 !important;
  color: #ffffff !important;
  border: 1px solid #dc3545 !important;
}
.branch-editor tbody button[type="button"]:hover { filter: brightness(0.9); }