/* Search results open with annotations hidden so the located melody is readable. */
.search2-score-entry:not(.search2-annotations-on) #score-annotation-default-tab,
.search2-score-entry:not(.search2-annotations-on) #notation .published-annotation-layer,
.search2-score-entry:not(.search2-annotations-on) #notation .published-tone-mark,
.search2-score-entry:not(.search2-annotations-on) #notation .published-annotation-icon,
.search2-score-entry:not(.search2-annotations-on) #notation .published-annotation-popup {
  display: none !important;
}

.search2-score-entry:not(.search2-annotations-on) .annotation_board_wrap .left,
.search2-score-entry:not(.search2-annotations-on) #detail-score-column {
  width: 100%;
  margin-right: 0;
}

#search2-annotation-toggle:not([hidden]) {
  display: inline-flex;
  margin: 8px 0 0 12px;
  padding: 8px 13px;
  border: 1px solid #c6d0de;
  border-radius: 7px;
  background: #fff;
  color: #294263;
  font: 600 13px/1.3 sans-serif;
  cursor: pointer;
}

#search2-annotation-toggle[aria-pressed="true"] {
  background: #eaf1ff;
  border-color: #7195ce;
}

#search2-match-status:not(:empty) {
  margin-left: 12px;
  color: #a8442f;
  font-size: 13px;
}

#notation g.note.search2-match .notehead,
#notation g.note.search2-match .stem,
#notation g.note.search2-match .accid {
  color: #c8372b !important;
  fill: #c8372b !important;
  stroke: #c8372b !important;
  filter: drop-shadow(0 0 4px #ee8d62);
}

#notation g.note.search2-match .notehead *,
#notation g.note.search2-match .stem *,
#notation g.note.search2-match .accid * {
  fill: #c8372b !important;
  stroke: #c8372b !important;
}

#detail-page-navigation .detail-playback {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-left: auto;
  font: 12px/1.4 sans-serif;
}

#detail-page-navigation .detail-playback input {
  width: 90px;
}

#detail-page-navigation #score-play-status:not(:empty):not(.is-loading) {
  max-width: 180px;
  color: #a8442f;
}