/* All group presentation lives here and in partials/sound-group-mark.hbs. */
:root { --sound-group-ink:#b8c69b; --sound-group-border:#526444; }
.sound-group-mark { padding:2px 6px; border-radius:3px; background:none; color:var(--sound-group-ink); border:1px solid var(--sound-group-border); font-size:9px; font-weight:inherit; letter-spacing:.5px; text-transform:uppercase; white-space:nowrap; }
.sound-group-mark--inline { padding:0; border:0; background:none; font:inherit; color:var(--sound-group-ink); letter-spacing:normal; text-transform:none; white-space:pre; }
@media(max-width:760px) { .sound-group-mark:not(.sound-group-mark--inline) { font-size:7px; } }
.admin-group-toolbar { display:flex; flex-wrap:wrap; align-items:center; gap:20px; }
.admin-group-toolbar form { display:flex; align-items:center; gap:10px; }
.admin-group-toolbar select { min-width:220px; }
.admin-body:has([data-group-settings]) { overflow-anchor:none; }
@media(max-width:600px) { .admin-group-toolbar form { flex-wrap:wrap; width:100%; } .admin-group-toolbar select { min-width:0; } }
.sound-group-mark[hidden] { display: none; }
.group-sounds-visibility { display:flex; align-items:center; gap:8px; width:fit-content; margin:12px 0 18px; font-size:13px; cursor:pointer; }
.package-detail-heading + .group-sounds-visibility { margin-top:28px; }
.group-sounds-visibility input { margin:0; width:16px; height:16px; accent-color:var(--sound-group-ink); }
.package-sound-list > li[hidden] { display:none; }