/* Per-player notification sound assignments; one column on portrait phones/tablets. */
.hn-sound-player{border:1px solid #385675;background:linear-gradient(145deg,#142b46,#0f2038);border-radius:19px;padding:clamp(12px,2vw,20px);display:grid;gap:15px;min-width:0}
.hn-sound-person{display:flex;align-items:center;gap:12px;min-width:0}
.hn-sound-person strong{display:block;font-size:16px;overflow-wrap:anywhere}.hn-sound-person small{display:block;color:#a1bdd4;font-size:12px}
.hn-sound-initial{width:48px;height:48px;flex:0 0 48px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(145deg,#3aaed9,#244a8b);box-shadow:0 8px 20px #0005;font-weight:900;font-size:22px}
.hn-sound-fields{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;min-width:0}.hn-sound-fields label{min-width:0}.hn-sound-fields select{max-width:100%}.hn-preview{white-space:nowrap}
.hn-sound-player .row{justify-content:flex-start}.hn-sound-feedback{color:#9dedc9}
@media (max-width:460px){.hn-sound-player{padding:12px}.hn-sound-fields{gap:7px}.hn-preview{padding:8px 10px;font-size:12px;min-height:44px}.hn-sound-player .row>.btn{flex:1}}
@media(orientation:portrait){.hn-sound-fields{grid-template-columns:minmax(0,1fr) auto}}

/* MP3 picker appears only for “Eigene MP3”. Keep uploads finger-sized on phones. */
.hn-sound-mp3{min-width:0;display:grid;gap:12px;padding:14px;border:1px solid #456886;border-radius:16px;background:#091b31}
.hn-sound-mp3[hidden]{display:none!important}
.hn-sound-mp3 select,.hn-sound-mp3 input{max-width:100%;width:100%;min-width:0}
.hn-sound-upload{display:grid;grid-template-columns:minmax(0,1fr) minmax(120px,.6fr) auto;gap:10px;align-items:end}
.hn-sound-upload .btn{min-height:45px}
@media(max-width:740px){.hn-sound-upload{grid-template-columns:minmax(0,1fr)}.hn-sound-upload .btn{width:100%}}