/* All group presentation lives here and in partials/sound-group-mark.hbs. */
:root { --sound-group-bg:#e8f0fb; --sound-group-ink:#2563a6; --sound-group-border:#a9c5e8; }
.sound-group-mark { display:inline-flex; align-items:center; padding:3px 8px; border-radius:5px; background:var(--sound-group-bg); color:var(--sound-group-ink); border:1px solid var(--sound-group-border); font-size:11px; font-weight:600; line-height:1.4; white-space:nowrap; vertical-align:middle; }
.sound-group-mark--inline { padding:0; border:0; background:none; font:inherit; color:var(--sound-group-ink); white-space:pre; }
.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; }