.sound-speaker{appearance:none;font-family:inherit;color:inherit;cursor:pointer;pointer-events:auto;text-align:center}
.sound-speaker:hover{border-color:#d3c3ff;box-shadow:0 24px 80px #000c,0 0 52px #9b7be755}
.sound-speaker>em{margin-top:5px;color:#898294;font-size:8px;font-style:normal;letter-spacing:.05em;text-transform:uppercase}

/* Volume individual: acionador discreto e controle vertical contextual. */
.global-sound-grid{overflow:visible}
.global-sound-grid>label{isolation:isolate;min-height:76px;padding:12px 78px 12px 12px!important;overflow:visible;transition:border-color .18s ease,background .18s ease,transform .18s ease,box-shadow .18s ease}
.global-sound-grid>label:hover{z-index:4;border-color:#a58ae455;background:linear-gradient(135deg,#302d38,#292b30);transform:translateY(-1px);box-shadow:0 10px 26px #00000035}
.global-sound-grid>label.has-volume-open{z-index:12;border-color:#a88df188;background:linear-gradient(135deg,#332e40,#292b30);box-shadow:0 14px 40px #0008,0 0 0 3px #9b7be70d}
.global-sound-grid>label>span:first-of-type{grid-column:1;grid-row:1/3;width:34px;height:34px;border:1px solid #a88df126;border-radius:11px;background:linear-gradient(145deg,#9b7be72b,#9b7be711)}
.global-sound-grid>label>b{grid-column:2;grid-row:1;display:-webkit-box;min-width:0;padding-right:0;overflow:hidden;font-size:12px!important;line-height:1.28!important;white-space:normal!important;text-overflow:clip!important;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.global-sound-grid>label>em{grid-column:2;grid-row:2;align-self:end;font-size:9px!important}
.global-sound-grid [data-audio-preview]{top:11px;right:11px;width:28px;height:28px;border-color:#63d5ac5c;background:#172a23;color:#72dfb8;transition:transform .16s ease,background .16s ease}
.global-sound-grid [data-audio-preview]:hover{transform:scale(1.06);background:#204033}
.sound-volume-control{position:absolute;right:11px;bottom:10px;z-index:8;display:block}
.sound-volume-control>[data-sound-volume-toggle]{display:grid;place-items:center;width:28px;height:28px;padding:0;border:1px solid #777f8e55;border-radius:9px;background:#202329;color:#aeb5c1;cursor:pointer;transition:border-color .16s ease,color .16s ease,background .16s ease,transform .16s ease}
.sound-volume-control>[data-sound-volume-toggle] svg{width:15px;height:15px;overflow:visible}.sound-volume-control>[data-sound-volume-toggle] path:first-child{fill:currentColor;stroke:none}.sound-volume-control>[data-sound-volume-toggle] path:last-child{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}
.sound-volume-control>[data-sound-volume-toggle]:hover,.sound-volume-control>[data-sound-volume-toggle][aria-expanded=true]{border-color:#ad91f17a;background:#9b7be722;color:#d3c5fb;transform:translateY(-1px)}
.sound-volume-popover{position:absolute;right:-7px;bottom:36px;z-index:30;display:grid;grid-template-rows:auto 1fr auto;justify-items:center;gap:8px;width:58px;height:168px;box-sizing:border-box;padding:11px 8px 9px;border:1px solid #a98df16b;border-radius:16px;background:linear-gradient(165deg,#292632,#191c21 70%);box-shadow:0 20px 48px #000c,0 0 0 1px #fff1;animation:soundVolumeIn .16s ease-out}
.sound-volume-popover:after{content:"";position:absolute;right:15px;bottom:-5px;width:9px;height:9px;border-right:1px solid #a98df16b;border-bottom:1px solid #a98df16b;background:#191c21;transform:rotate(45deg)}
.sound-volume-popover[hidden]{display:none!important}
.sound-volume-popover output{min-width:34px;padding:3px 5px;border-radius:7px;background:#9b7be71b;color:#d7caff;font-size:9px;font-weight:850;text-align:center}
.sound-volume-popover input{position:static!important;width:22px!important;height:96px!important;margin:0;opacity:1!important;pointer-events:auto!important;accent-color:#aa8ef2;cursor:pointer;writing-mode:vertical-lr;direction:rtl;appearance:slider-vertical}
.sound-volume-popover small{color:#8e95a0;font-size:7px;font-weight:750;letter-spacing:.03em;white-space:nowrap}
.sound-volume-popover.is-saving small:after{content:" · salvando";color:#bca8f3}.sound-volume-popover.is-saved small:after{content:" · salvo";color:#6dd8b0}
@keyframes soundVolumeIn{from{opacity:0;transform:translateY(5px) scale(.96)}to{opacity:1;transform:none}}

.soundboard-item{position:relative;min-width:0;padding:0!important;overflow:visible}.soundboard-item>[data-sound-id]{width:100%;height:100%;padding-right:42px}.soundboard-item .sound-volume-control{right:8px;bottom:7px}.soundboard-item.has-volume-open{z-index:15}.soundboard-item>[data-audio-preview],.global-sound-grid [data-audio-preview]{z-index:9}
.soundboard-item>[data-audio-preview].is-playing,.global-sound-grid [data-audio-preview].is-playing{background:#72d9b0;color:#102019;box-shadow:0 0 0 4px #72d9b01c}

.sound-anonymous,.global-sound-anonymous{display:flex;align-items:flex-start;gap:10px;color:#c8bddf;cursor:pointer}
.sound-anonymous input,.global-sound-anonymous input{accent-color:#a78df1}
.global-sound-anonymous{margin-top:10px;padding:13px 14px;border:1px solid #a78df13b;border-radius:12px;background:#a78df10b}
.global-sound-anonymous>span{display:grid;gap:3px}.global-sound-anonymous b{font-size:11px}.global-sound-anonymous em{color:#9298a3;font-size:9px;font-style:normal;line-height:1.5}
@media(max-width:720px){.global-sound-grid>label{min-height:72px}.sound-volume-popover{right:-4px}}