/* JF4214 — choose established subgenres first and add a new name only when needed. */
.music-classification-editor .classification-genre-field{
  display:grid;
  gap:8px;
  min-width:0;
  padding:10px;
  border:1px solid #e4d9ce;
  border-radius:14px;
  background:#fbf8f4;
}
.classification-genre-heading,
.classification-genre-tools{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
}
.classification-genre-heading>span{color:#4f443c;font-size:.82rem;font-weight:850}
.classification-genre-heading>small{color:#7c7168;font-size:.7rem;white-space:nowrap}
.classification-genre-heading b{color:#ad5f43}
.music-classification-editor .classification-genre-new{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:center;
  gap:8px;
  padding:8px 9px;
  border:1px solid #d9c7b8;
  border-radius:11px;
  background:#fff7ee;
}
.music-classification-editor .classification-genre-new>span{color:#a3563c;font-size:.74rem;font-weight:850;white-space:nowrap}
.music-classification-editor .classification-genre-new input,
.classification-genre-tools input[type="search"]{
  box-sizing:border-box;
  width:100%;
  min-width:0;
  min-height:36px;
  padding:7px 9px;
  border:1px solid #ddd2c8;
  border-radius:9px;
  background:#fff;
  color:#302a26;
  font:inherit;
}
.classification-genre-new input:focus,
.classification-genre-tools input[type="search"]:focus{
  outline:2px solid rgba(189,103,70,.26);
  border-color:#bd6746;
}
.classification-genre-tools input[type="search"]{flex:1}
.classification-genre-tools button{
  flex:0 0 auto;
  min-height:36px;
  padding:0 11px;
  border:1px solid #d9cdc2;
  border-radius:9px;
  background:#fff;
  color:#665b52;
  font:inherit;
  font-size:.72rem;
  font-weight:800;
  cursor:pointer;
}
.classification-genre-options{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:5px;
  max-height:210px;
  padding:4px;
  overflow:auto;
  overscroll-behavior:contain;
  border:1px solid #e2d9d0;
  border-radius:11px;
  background:#fff;
  scrollbar-gutter:stable;
}
.music-classification-editor .classification-genre-options label{
  display:grid;
  grid-template-columns:18px minmax(0,1fr) auto;
  align-items:center;
  gap:6px;
  min-width:0;
  padding:7px 8px;
  border-radius:8px;
  color:#4e453f;
  font-size:.72rem;
  font-weight:700;
  cursor:pointer;
}
.music-classification-editor .classification-genre-options label:hover{background:#f7efe7}
.music-classification-editor .classification-genre-options label:has(input:checked){background:#f6dfd3;color:#773d29}
.classification-genre-options label[hidden]{display:none!important}
.classification-genre-options input{width:16px;height:16px;margin:0;accent-color:#bd6746}
.classification-genre-options span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.classification-genre-options b{color:#978a80;font-size:.66rem;font-variant-numeric:tabular-nums}
.classification-genre-field>small{color:#766b62;font-size:.69rem;line-height:1.4}

@media(max-width:600px){
  .music-classification-editor .classification-genre-new{grid-template-columns:1fr}
  .classification-genre-options{grid-template-columns:1fr;max-height:190px}
}