/* Embedded admin section inside the real four-page carousel. */
html.admin-carousel-embedded,
html.admin-carousel-embedded body{
  width:100%!important;
  max-width:100%!important;
  min-height:100%!important;
  overflow-x:hidden!important;
  overscroll-behavior-x:none!important;
}
html.admin-carousel-embedded body{
  touch-action:pan-y!important;
  padding-bottom:calc(34px + env(safe-area-inset-bottom))!important;
}
html.admin-carousel-embedded .control-section-pager-r3u,
html.admin-carousel-embedded .control-section-preview-r3u,
html.admin-carousel-embedded .control-section-pager-r3s,
html.admin-carousel-embedded .control-section-swipe-toast-r3s{
  display:none!important;
}


/* R23 — unified fixed top header and grey right scrollbar for all four embedded admin sections. */
html.admin-carousel-embedded body.control-page{
  display:flex!important;
  flex-direction:column!important;
  padding-bottom:0!important;
  overflow:hidden!important;
}
html.admin-carousel-embedded body.control-page .control-detail-topbar{
  position:relative!important;
  flex:0 0 auto!important;
  z-index:30!important;
}
html.admin-carousel-embedded body.control-page .control-detail-topbar,
html.admin-carousel-embedded body.control-page .control-detail-topbar .nav-shell{
  height:92px!important;
  min-height:92px!important;
  max-height:92px!important;
}
html.admin-carousel-embedded body.control-page .control-detail-topbar .control-detail-nav{
  grid-template-columns:minmax(0,1fr) 90px minmax(0,1fr)!important;
}
html.admin-carousel-embedded body.control-page .control-detail-topbar .control-detail-nav a{
  justify-self:end!important;
}
html.admin-carousel-embedded body.control-page .admin-main{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch!important;
  scrollbar-width:thin!important;
  scrollbar-color:#6f7984 rgba(7,14,22,.58)!important;
  padding-bottom:calc(34px + env(safe-area-inset-bottom))!important;
}
html.admin-carousel-embedded body.control-page .admin-main::-webkit-scrollbar{
  width:8px!important;
}
html.admin-carousel-embedded body.control-page .admin-main::-webkit-scrollbar-track{
  background:rgba(7,14,22,.58)!important;
  border-left:1px solid rgba(140,160,176,.10)!important;
}
html.admin-carousel-embedded body.control-page .admin-main::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg,#7f8994,#5d6670)!important;
  border-radius:999px!important;
  border:1px solid rgba(17,24,32,.35)!important;
}
html.admin-carousel-embedded body.control-page .admin-main::-webkit-scrollbar-thumb:hover{
  background:linear-gradient(180deg,#98a2ad,#727c86)!important;
}


/* R24 — lock the iframe document itself and leave a single right scrollbar only inside .admin-main. */
html.admin-carousel-embedded{
  height:100dvh!important;
  min-height:100dvh!important;
  max-height:100dvh!important;
  overflow:hidden!important;
  scrollbar-width:none!important;
}
html.admin-carousel-embedded body.control-page{
  position:fixed!important;
  inset:0!important;
  width:100%!important;
  height:100dvh!important;
  min-height:100dvh!important;
  max-height:100dvh!important;
  overflow:hidden!important;
  overscroll-behavior:none!important;
  scrollbar-width:none!important;
}
html.admin-carousel-embedded body.control-page::-webkit-scrollbar,
html.admin-carousel-embedded::-webkit-scrollbar{
  width:0!important;
  height:0!important;
  display:none!important;
}
html.admin-carousel-embedded body.control-page .admin-main{
  width:100%!important;
  flex:1 1 auto!important;
  min-height:0!important;
  max-height:calc(100dvh - 92px)!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  scrollbar-gutter:stable!important;
}
html.admin-carousel-embedded body.control-page .wrap{
  width:100%!important;
}
html.admin-carousel-embedded body.control-page .control-detail-topbar .control-detail-nav > a:only-child,
html.admin-carousel-embedded body.control-page .control-detail-topbar .control-detail-nav > .control-detail-current:only-child{
  grid-column:3!important;
  justify-self:end!important;
  margin-left:auto!important;
}
html.admin-carousel-embedded body.lyrics-admin-page .control-detail-topbar .control-detail-nav{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  padding:0 clamp(12px,3vw,28px)!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 90px minmax(0,1fr)!important;
  align-items:center!important;
  gap:8px!important;
  pointer-events:none!important;
  z-index:4!important;
}
html.admin-carousel-embedded body.lyrics-admin-page .control-detail-topbar .control-detail-nav > *{pointer-events:auto!important;}
html.admin-carousel-embedded body.lyrics-admin-page .control-detail-topbar .control-detail-nav > a:only-child,
html.admin-carousel-embedded body.lyrics-admin-page .control-detail-topbar .control-detail-nav > .control-detail-current:only-child{
  grid-column:3!important;
  justify-self:end!important;
  margin-left:0!important;
}


/* R25 — hide the phantom left strip in embedded sections; keep the only visible scrollbar on the right. */
html.admin-carousel-embedded body.control-page .admin-main{
  margin-left:0!important;
  padding-left:0!important;
  border-left:0!important;
  scrollbar-gutter:auto!important;
}
html.admin-carousel-embedded body.control-page .wrap{
  margin-left:auto!important;
  margin-right:auto!important;
}
html.admin-carousel-embedded body.control-page::after{
  content:"";
  position:fixed!important;
  left:0!important;
  top:92px!important;
  bottom:0!important;
  width:12px!important;
  background:#02070b!important;
  pointer-events:none!important;
  z-index:60!important;
}


/* R31 — final centering: remove both left masks that clipped the four embedded sections. */
html.admin-carousel-embedded body.control-page::after{
  content:none!important;
  display:none!important;
  width:0!important;
}
html.admin-carousel-embedded body.control-page .admin-main{
  width:100%!important;
  margin:0!important;
  padding-left:0!important;
  padding-right:0!important;
  border-left:0!important;
  transform:none!important;
}
html.admin-carousel-embedded body.control-page .admin-main > .wrap{
  box-sizing:border-box!important;
  width:calc(100% - 24px)!important;
  max-width:1180px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:0!important;
  padding-right:0!important;
  transform:none!important;
}
html.admin-carousel-embedded body.control-page .admin-main > .wrap > *{
  max-width:100%!important;
}