/* Berhetiyye switches: the existing sapphire/emerald jewel artwork and gold
   settings form a compact track and thumb. Empty switches only: text-labelled
   voice controls keep their own legible state labels. */
@layer sukun-r1148-switches {
html[data-r1074-theme="berhet"] body button.sw:empty:not(#arTgl):not(#optSpeak) {
 position:relative!important; display:inline-flex!important; flex:0 0 66px!important;
 width:66px!important; min-width:66px!important; max-width:66px!important;
 height:44px!important; min-height:44px!important; max-height:44px!important;
 box-sizing:border-box!important; margin:0!important; padding:0!important;
 border:0!important; border-image:none!important; border-radius:14px!important;
 background:transparent!important; box-shadow:none!important; overflow:visible!important;
 cursor:pointer!important; touch-action:manipulation!important;
}
html[data-r1074-theme="berhet"] body button.sw:empty:not(#arTgl):not(#optSpeak)::before {
 content:""!important; display:block!important; position:absolute!important;
 inset:auto!important; left:2px!important; top:6px!important; width:62px!important; height:32px!important;
 box-sizing:border-box!important; border:0!important; border-image:none!important; border-radius:16px!important;
 background:#101921 url('../assets/berhetiyye-premium/r1133/gem-black-diamond.webp') center/100% 100% no-repeat!important;
 box-shadow:0 2px 4px #000b, inset 0 1px 1px #fff3bb5c!important;
 pointer-events:none!important; transform:none!important; opacity:1!important;
}
html[data-r1074-theme="berhet"] body button.sw:empty:not(#arTgl):not(#optSpeak)::after {
 content:""!important; display:block!important; position:absolute!important;
 inset:auto!important; left:5px!important; top:8px!important; width:28px!important; height:28px!important;
 box-sizing:border-box!important; border:0!important; border-image:none!important; border-radius:9px!important;
 background:transparent url('../assets/berhetiyye-premium/gem-diamond-r933.webp') center/100% 100% no-repeat!important;
 box-shadow:0 2px 3px #000b,0 0 0 1px #352309!important;
 pointer-events:none!important; transform:none!important; opacity:1!important;
 transition:left .18s ease,filter .18s ease!important;
}
html[data-r1074-theme="berhet"] body button.sw:empty:not(#arTgl):not(#optSpeak):is(.on,[aria-checked="true"])::before {
 background-image:url('../assets/berhetiyye-premium/r1133/gem-emerald.webp')!important;
}
html[data-r1074-theme="berhet"] body button.sw:empty:not(#arTgl):not(#optSpeak):is(.on,[aria-checked="true"])::after {
 left:33px!important;
 background-image:url('../assets/berhetiyye-premium/gem-emerald-r932.webp')!important;
 filter:drop-shadow(0 0 3px #44dca075)!important;
}
html[data-r1074-theme="berhet"] body button.sw:empty:not(#arTgl):not(#optSpeak):focus-visible {
 outline:2px solid #ffe6a1!important; outline-offset:3px!important;
}
/* Mixer rows have a narrow, pre-existing grid slot. Keep its touch target
   compact so the adjacent preview and information controls never overlap. */
html[data-r1074-theme="berhet"] body #tab-amb #mixer .chn>.chTop {
 grid-template-columns:auto minmax(0,1fr) 28px 44px!important;
}
/* Preview cards have an extra action. Give each action its own grid cell,
   including the 44px switch, on the narrowest supported cards. */
html[data-r1074-theme="berhet"] body #tab-amb #mixer .chn>.chTop:has(>.chPrev) {
 grid-template-columns:minmax(28px,1fr) 28px 44px!important;
 grid-template-areas:"ic name name" "prev info sw" "eq eq eq"!important;
 column-gap:4px!important;
}
html[data-r1074-theme="berhet"] body #tab-amb #mixer .chn button.sw:empty {
 width:44px!important; min-width:44px!important; max-width:44px!important;
 flex-basis:44px!important;
}
html[data-r1074-theme="berhet"] body #tab-amb #mixer .chn button.sw:empty::before {
 left:1px!important; top:10px!important; width:42px!important; height:24px!important;
}
html[data-r1074-theme="berhet"] body #tab-amb #mixer .chn button.sw:empty::after {
 left:3px!important; top:12px!important; width:20px!important; min-width:20px!important;
 max-width:20px!important; height:20px!important; min-height:20px!important; max-height:20px!important;
 border-radius:7px!important;
}
html[data-r1074-theme="berhet"] body #tab-amb #mixer .chn button.sw:empty:is(.on,[aria-checked="true"])::after {left:21px!important}
@media (prefers-reduced-motion:reduce) {
 html[data-r1074-theme="berhet"] body button.sw:empty:not(#arTgl):not(#optSpeak)::after {transition:none!important}
}
@media (forced-colors:active) {
 html[data-r1074-theme="berhet"] body button.sw:empty:not(#arTgl):not(#optSpeak)::before {
  background:Canvas!important; border:2px solid ButtonText!important; box-shadow:none!important;
 }
 html[data-r1074-theme="berhet"] body button.sw:empty:not(#arTgl):not(#optSpeak)::after {
  background:ButtonText!important; border:2px solid Canvas!important; box-shadow:none!important; filter:none!important;
 }
 html[data-r1074-theme="berhet"] body button.sw:empty:not(#arTgl):not(#optSpeak):is(.on,[aria-checked="true"])::before {background:Highlight!important}
}
}