/* toggle لإعدادات الصوت */
.ts-toggle {
    position: relative; display: inline-block;
    width: 48px; height: 26px; cursor: pointer;
}
.ts-toggle input { opacity: 0; width: 0; height: 0; }
.ts-slider {
    position: absolute; inset: 0;
    background: var(--border); border-radius: 26px;
    transition: background .2s;
}
.ts-slider::before {
    content: ''; position: absolute;
    width: 20px; height: 20px; border-radius: 50%;
    background: #fff; top: 3px; right: 3px;
    transition: transform .2s;
    box-shadow: 0 1px 4px rgba(0,0,0,.3);
}
.ts-toggle input:checked + .ts-slider { background: #ec4899; }
.ts-toggle input:checked + .ts-slider::before { transform: translateX(-22px); }