/* Scoped ambience/settings paint and compact control faces. Native controls,
   selected states, scene assets and the separate flow player keep their owners. */
@layer sukun-r933-controls {
html body.r716-shell:has(#tab-amb:not([hidden])) .wrap>.masterBar{
 background:linear-gradient(160deg,#05151f3d,#040f1821)!important;
 backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
html body.r716-shell:has(#tab-amb:not([hidden])) .masterBar #dock>.dockItem:not(.danger){
 background:linear-gradient(155deg,#0b2826b8,#071725b8)!important;
 color:#f4ead1!important;opacity:1!important;
}
html body.r716-shell:has(#tab-amb:not([hidden])) .masterBar #dock>.dockItem:not(.danger) :is(.dl,.dlAlt,select){
 color:#f4ead1!important;opacity:1!important;text-shadow:0 1px 2px #001019!important;
}
html body.r716-shell:has(#tab-amb:not([hidden])) .wrap>:is(#todayCard,#vakitBox){
 backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
html body.r716-shell #tab-amb:not([hidden]) #mixer>.preAcc{
 background:#06192352!important;
 backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
html body.r716-shell #tab-amb:not([hidden]) #mixer>.preAcc>.preAccHead{
 background:#071725a3!important;color:#f4ead1!important;
}
html body.r716-shell #tab-amb:not([hidden]) #mixer>.preAcc>.preAccHead :is(.preAccT,.preAccN,.preAccChev){
 color:inherit!important;opacity:1!important;
}
html body.r716-shell #tab-amb:not([hidden]) :is(#mixer .chn,#sessRow>.sess){
 background:linear-gradient(145deg,#0b2826c7,#071725c7)!important;
 color:#f4ead1!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
html body.r716-shell #tab-amb:not([hidden]) :is(#mixer .chName small,#sessRow>.sess small){
 color:#d8e4df!important;opacity:1!important;
}
/* Closed accordion gaps stay glass-clear; only the words get a local scrim. */
html body.r716-shell #tab-amb:not([hidden]) #mixer>.preAcc>.preAccHead{
 min-height:44px!important;padding:8px 10px!important;gap:8px!important;
}
html body.r716-shell #tab-amb:not([hidden]) #mixer>.preAcc:not(.open){background:#06192329!important}
html body.r716-shell #tab-amb:not([hidden]) #mixer>.preAcc:not(.open)>.preAccHead{background:#07172524!important}
html body.r716-shell #tab-amb:not([hidden]) #mixer>.preAcc:not(.open)>.preAccHead :is(.preAccT,.preAccN,.preAccChev){
 background:#071725ad!important;border-radius:6px!important;
}
html body.r716-shell #tab-amb:not([hidden]) #mixer>.preAcc>.preAccHead>.preAccT{
 flex:0 1 auto!important;min-width:0!important;margin-right:auto!important;
 padding:3px 6px!important;font-size:12px!important;line-height:1.4!important;
}
/* 26px info/preview faces, 36x20px switch tracks, each inside a 44px hit box.
   Existing native buttons, handlers, focus and aria state remain authoritative. */
html body.r716-shell #tab-amb:not([hidden]) #mixer .chn :is(.chInfo,.chPrev){
 box-sizing:border-box!important;width:44px!important;min-width:44px!important;max-width:44px!important;
 height:44px!important;min-height:44px!important;max-height:44px!important;flex:0 0 44px!important;
 display:grid!important;place-items:center!important;padding:0!important;margin:0!important;
 border:0!important;border-radius:50%!important;
 background:radial-gradient(circle,#071725c7 0 11px,#bfa46d 11.5px 12.5px,transparent 13px)!important;
 color:#f4ead1!important;font-size:11px!important;box-shadow:none!important;
}
html body.r716-shell #tab-amb:not([hidden]) #mixer .chn .chPrev.previewing{
 background:radial-gradient(circle,#24543f 0 11px,#fff0ba 11.5px 12.5px,transparent 13px)!important;
}
html body.r716-shell #tab-amb:not([hidden]) #mixer .chn button.sw{
 box-sizing:border-box!important;width:44px!important;min-width:44px!important;max-width:44px!important;
 height:44px!important;min-height:44px!important;max-height:44px!important;flex:0 0 44px!important;
 padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;
}
html body.r716-shell #tab-amb:not([hidden]) #mixer .chn button.sw::before{
 content:""!important;display:block!important;position:absolute!important;inset:auto!important;
 left:4px!important;top:12px!important;width:36px!important;height:20px!important;box-sizing:border-box!important;
 border:1px solid #bfa46d!important;border-radius:999px!important;background:#172d36!important;
 pointer-events:none!important;
}
html body.r716-shell #tab-amb:not([hidden]) #mixer .chn button.sw::after{
 top:14px!important;left:6px!important;width:16px!important;min-width:16px!important;max-width:16px!important;
 height:16px!important;min-height:16px!important;max-height:16px!important;
 background:#f4ead1!important;border:0!important;box-shadow:none!important;transform:translateX(0)!important;
 pointer-events:none!important;
}
html body.r716-shell #tab-amb:not([hidden]) #mixer .chn button.sw.on::before{background:#2c6952!important;border-color:#fff0ba!important}
html body.r716-shell #tab-amb:not([hidden]) #mixer .chn button.sw.on::after{transform:translateX(16px)!important}
html body.r716-shell #tab-amb:not([hidden]) #mixer .chn :is(.chInfo,.chPrev,button.sw):focus-visible{
 outline:2px solid #fff0ba!important;outline-offset:1px!important;
}
/* The active mixer owns these ranges even when the legacy master bar is hidden. */
html body #tab-amb #mixer .chn>.r1030ChannelVolumeLabel{
 display:block!important;margin:7px 0 0!important;color:#d8e4df!important;
 font:600 12px/1.4 system-ui,sans-serif!important;opacity:1!important;
}
/* This existing range controls dhikr only; its label must not imply master volume. */
html body.r920-dock #r920DockLevel{grid-template-columns:minmax(0,1fr) auto!important}
html body.r920-dock #r920DockLevel>span{grid-column:1/-1!important}
html body .masterBar>#r1029MasterVolumeLabel{
 display:block!important;width:fit-content!important;max-width:100%!important;
 margin:0 0 6px!important;padding:4px 8px!important;border-radius:7px!important;
 background:#0a1d2cc7!important;color:#f5ecd6!important;
 font:600 12px/1.4 system-ui,sans-serif!important;text-shadow:0 1px 2px #001019!important;
}
html body #tab-amb #r1029MicCard{
 margin:12px 0 0;padding:12px;border:1px solid #b6a06b77;border-radius:16px;
 background:linear-gradient(145deg,#0b2826c7,#071725c7);color:#f4ead1;
}
html body #tab-amb #r1029MicCard>#addCustomSoundBtn{
 width:100%!important;margin:0!important;min-height:48px!important;
 white-space:normal!important;overflow-wrap:anywhere!important;
}
html body #tab-amb #r1029MicNotes{margin:8px 0 0;border:0;background:transparent}
html body #tab-amb #r1029MicNotes>summary{
 display:block!important;list-style:none!important;min-height:44px!important;box-sizing:border-box;
 padding:12px 32px 12px 4px!important;cursor:pointer;color:#f4ead1!important;font:600 13px/1.5 system-ui,sans-serif;
}
html body #tab-amb #r1029MicNotes>summary:focus-visible{outline:2px solid #fff0ba;outline-offset:2px;border-radius:5px}
html body #tab-amb #r1029MicNotesBody>.hint{margin:8px 0;color:#d8e4df!important;opacity:1!important;line-height:1.65}
@media(prefers-reduced-transparency:reduce){
 html body.r716-shell:has(#tab-amb:not([hidden])) .wrap>.masterBar,
 html body.r716-shell:has(#tab-amb:not([hidden])) .masterBar #dock>.dockItem:not(.danger),
 html body.r716-shell #tab-amb:not([hidden]) #mixer>.preAcc:not(.open),
 html body.r716-shell #tab-amb:not([hidden]) #mixer>.preAcc:not(.open)>.preAccHead,
 html body.r716-shell #tab-amb:not([hidden]) :is(#mixer>.preAcc,#mixer>.preAcc>.preAccHead,#mixer .chn,#sessRow>.sess),
 html body #tab-amb #r1029MicCard{background:#071725f5!important}
}
}