/* r1138: content-sized Berhetiyye panels. Geometry only; the original
   gemstones, native disclosures, selection and audio owners stay intact.
   Link before the earlier important layers. */
@layer sukun-r1138-panels {
html[data-r1074-theme="berhet"] body #r920Practice .r920Stats:not([data-r989-exit-row="1"]) {
 display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
 width:min(100%,340px)!important;max-width:100%!important;gap:10px!important;
 margin:6px auto!important;align-items:stretch!important;
}
html[data-r1074-theme="berhet"] body #r920Practice .r920Stats>span {
 display:flex!important;flex-wrap:wrap!important;align-items:center!important;
 justify-content:center!important;align-content:center!important;gap:2px 5px!important;
 box-sizing:border-box!important;min-width:0!important;min-height:54px!important;
 padding:11px 20px!important;text-align:center!important;
 font:500 11px/1.25 system-ui,sans-serif!important;
}
html[data-r1074-theme="berhet"] body #r920Practice .r920Stats>span>b {
 display:block!important;position:static!important;flex:0 0 100%!important;
 width:100%!important;min-width:0!important;max-width:100%!important;
 margin:0!important;padding:0!important;text-align:center!important;
 font:500 clamp(18px,5.2vw,22px)/1.2 Georgia,serif!important;
 font-variant-numeric:tabular-nums!important;white-space:normal!important;
 overflow-wrap:anywhere!important;
}
html[data-r1074-theme="berhet"] body #r920Practice .r920Stats svg {
 width:14px!important;height:14px!important;flex:0 0 14px!important;margin:0!important;
}
html[data-r1074-theme="berhet"] body #r920Practice .r920Stats #r1082TargetLabel {
 display:inline!important;position:static!important;margin:0!important;padding:0!important;
 font:inherit!important;white-space:normal!important;
}
/* Ready and visual-profile badges share the same frame box. */
html[data-r1074-theme="berhet"] body #prDashboard .prDashTop {
 display:flex!important;align-items:center!important;justify-content:space-between!important;
 flex-wrap:wrap!important;gap:10px!important;min-width:0!important;
}
html[data-r1074-theme="berhet"] body #prDashboard .prDashTop>div:first-child {
 min-width:0!important;flex:1 1 145px!important;
}
html[data-r1074-theme="berhet"] body #prDashboard .prDashStatus {
 display:flex!important;align-items:center!important;justify-content:flex-end!important;
 flex-wrap:wrap!important;gap:7px!important;min-width:0!important;max-width:100%!important;
}
html[data-r1074-theme="berhet"] body #prDashboard :is(#prPerfBtn,#prState) {
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 box-sizing:border-box!important;position:relative!important;flex:0 0 auto!important;
 width:auto!important;min-width:72px!important;max-width:100%!important;
 height:40px!important;min-height:40px!important;max-height:40px!important;
 margin:0!important;padding:9px 20px!important;
 border:1px solid transparent!important;border-radius:10px!important;
 border-image:url('../assets/berhetiyye-premium/r1133/gem-sapphire.webp') 210 540 fill / 11px 20px / 0 stretch!important;
 background:none!important;box-shadow:none!important;
 font:650 12px/1.25 system-ui,sans-serif!important;letter-spacing:0!important;
 text-align:center!important;white-space:nowrap!important;color:#fff2d6!important;
}
/* Reserve carved ends and a separate, stable column for the Mevlevi switch.
   The summary's anonymous text node remains the native disclosure label. */
html[data-r1074-theme="berhet"] body #r920ViewOptions>summary {
 display:flex!important;align-items:center!important;justify-content:center!important;
 box-sizing:border-box!important;position:relative!important;
 width:100%!important;min-width:0!important;max-width:100%!important;
 min-height:52px!important;height:auto!important;max-height:none!important;
 margin:0!important;padding:13px 28px!important;border-image-width:13px 24px!important;
 text-align:center!important;white-space:normal!important;overflow-wrap:break-word!important;
 font:600 13px/1.45 system-ui,sans-serif!important;letter-spacing:0!important;
}
html[data-r1074-theme="berhet"] body #r920ViewOptions>summary[data-r1101-switch="1"]:has(>#r1101ModeSwitch:not([hidden])) {
 display:grid!important;grid-template-columns:minmax(0,1fr) auto 7px!important;
 align-items:center!important;column-gap:8px!important;row-gap:6px!important;
 min-height:62px!important;padding:10px 25px!important;text-align:left!important;
 list-style:none!important;
}
html[data-r1074-theme="berhet"] body #r920ViewOptions>summary #r1101ModeSwitch:not([hidden]) {
 grid-column:2!important;grid-row:1!important;justify-self:end!important;
 box-sizing:border-box!important;width:auto!important;min-width:88px!important;max-width:100px!important;
 height:42px!important;min-height:42px!important;max-height:42px!important;
 padding:5px 8px!important;margin:0!important;gap:5px!important;
 font:600 11px/1.25 system-ui,sans-serif!important;white-space:nowrap!important;
}
html[data-r1074-theme="berhet"] body #r920ViewOptions>summary #r1101ModeSwitch[hidden] {display:none!important;}
/* Section headers and short mood chips need room inside the carved ends. */
html[data-r1074-theme="berhet"] body #r361SessionCenter>summary {
 display:flex!important;align-items:center!important;justify-content:space-between!important;
 flex-wrap:wrap!important;gap:5px 12px!important;box-sizing:border-box!important;
 min-width:0!important;max-width:100%!important;width:100%!important;
 min-height:52px!important;height:auto!important;max-height:none!important;
 padding:13px 28px!important;border-image-width:13px 24px!important;
 white-space:normal!important;overflow-wrap:break-word!important;
}
html[data-r1074-theme="berhet"] body #r361SessionCenter>summary>span {
 display:block!important;flex:1 1 140px!important;min-width:0!important;
 margin:0!important;padding:0!important;white-space:normal!important;
 font:650 13px/1.4 system-ui,sans-serif!important;line-height:1.4!important;
}
html[data-r1074-theme="berhet"] body #r361SessionCenter>summary>small {
 display:block!important;flex:0 1 auto!important;min-width:0!important;max-width:100%!important;
 margin:0!important;padding:0!important;text-align:right!important;
 font:400 10px/1.4 system-ui,sans-serif!important;white-space:normal!important;
}
html[data-r1074-theme="berhet"] body #rxChips {
 display:flex!important;flex-wrap:wrap!important;align-items:center!important;
 justify-content:flex-start!important;gap:8px!important;min-width:0!important;max-width:100%!important;
}
html[data-r1074-theme="berhet"] body #rxChips .rxChip {
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 flex:0 1 auto!important;box-sizing:border-box!important;width:auto!important;
 min-width:0!important;max-width:100%!important;min-height:42px!important;
 height:auto!important;max-height:none!important;margin:0!important;padding:11px 23px!important;
 border-image-width:11px 22px!important;
 text-align:center!important;white-space:normal!important;overflow-wrap:break-word!important;
 font:600 12px/1.4 system-ui,sans-serif!important;letter-spacing:0!important;
}
/* Ready ambience sessions remain readable cards with a much shorter body. */
html[data-r1074-theme="berhet"] body #tab-amb #sessRow {
 display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
 align-items:stretch!important;gap:10px!important;min-width:0!important;max-width:100%!important;
}
html[data-r1074-theme="berhet"] body #tab-amb #sessRow>button.sess {
 display:flex!important;flex-direction:column!important;align-items:center!important;
 justify-content:center!important;gap:4px!important;box-sizing:border-box!important;
 width:100%!important;min-width:0!important;max-width:100%!important;
 height:auto!important;min-height:96px!important;max-height:none!important;
 padding:13px 22px!important;margin:0!important;border-image-width:13px 21px!important;
 white-space:normal!important;overflow:visible!important;
}
html[data-r1074-theme="berhet"] body #tab-amb #sessRow>button.sess .sIc {
 display:block!important;flex:0 0 auto!important;margin:0!important;padding:0!important;
 font-size:20px!important;line-height:1.1!important;
}
html[data-r1074-theme="berhet"] body #tab-amb #sessRow>button.sess :is(b,small) {
 display:block!important;position:static!important;flex:0 0 auto!important;
 width:100%!important;min-width:0!important;max-width:100%!important;
 margin:0!important;padding:0!important;text-align:center!important;
 white-space:normal!important;overflow:visible!important;overflow-wrap:break-word!important;
}
html[data-r1074-theme="berhet"] body #tab-amb #sessRow>button.sess b {font:650 14px/1.3 system-ui,sans-serif!important;}
html[data-r1074-theme="berhet"] body #tab-amb #sessRow>button.sess small {font:400 11px/1.4 system-ui,sans-serif!important;}
/* Source jump cards keep both title and explanation inside their gemstone. */
html[data-r1074-theme="berhet"] body .r754SourceJumps {
 display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
 gap:8px!important;min-width:0!important;max-width:100%!important;
}
html[data-r1074-theme="berhet"] body .r754SourceJumps>button:not([hidden]) {
 display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
 gap:4px!important;box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important;
 min-height:72px!important;height:auto!important;max-height:none!important;
 padding:15px 23px!important;border-image-width:14px 22px!important;
 white-space:normal!important;overflow:visible!important;text-align:center!important;
}
html[data-r1074-theme="berhet"] body .r754SourceJumps>button :is(b,span) {
 display:block!important;position:static!important;width:100%!important;min-width:0!important;max-width:100%!important;
 margin:0!important;padding:0!important;white-space:normal!important;overflow:visible!important;
 overflow-wrap:break-word!important;text-overflow:clip!important;text-align:center!important;
}
html[data-r1074-theme="berhet"] body .r754SourceJumps>button b {font:650 12px/1.4 system-ui,sans-serif!important;}
html[data-r1074-theme="berhet"] body .r754SourceJumps>button span {font:400 10px/1.45 system-ui,sans-serif!important;}
@media(min-width:680px) {
 html[data-r1074-theme="berhet"] body #tab-amb #sessRow {grid-template-columns:repeat(3,minmax(0,1fr))!important;}
}
@media(max-width:480px) {
 html[data-r1074-theme="berhet"] body .r754SourceJumps {grid-template-columns:minmax(0,1fr)!important;}
 html[data-r1074-theme="berhet"] body .r754SourceJumps>button:not([hidden]) {min-height:64px!important;}
 html[data-r1074-theme="berhet"] body #r361SessionCenter>summary>small {flex-basis:100%!important;text-align:left!important;}
}
@media(max-width:350px) {
 html[data-r1074-theme="berhet"] body #r920ViewOptions>summary[data-r1101-switch="1"]:has(>#r1101ModeSwitch:not([hidden])) {
  grid-template-columns:minmax(0,1fr) 7px!important;padding:13px 23px!important;
 }
 html[data-r1074-theme="berhet"] body #r920ViewOptions>summary #r1101ModeSwitch:not([hidden]) {
  grid-column:1!important;grid-row:2!important;justify-self:start!important;
 }
 html[data-r1074-theme="berhet"] body #r920ViewOptions>summary[data-r1101-switch="1"]:has(>#r1101ModeSwitch:not([hidden]))::after {grid-column:2!important;grid-row:1!important;}
}
@media(forced-colors:active) {
 html[data-r1074-theme="berhet"] body #prDashboard :is(#prPerfBtn,#prState) {
  border:1px solid ButtonText!important;border-image:none!important;
  background:Canvas!important;color:CanvasText!important;text-shadow:none!important;
 }
}
}
