/* Ayumi Connect admin preview v1.4.52.
   A card begins ONLY one card-height below its resting position.
   Its entrance is explicitly staged across painted frames so the initial
   offscreen pose cannot be skipped on slow mobile browsers. */
:is(.v1422-sheet-backdrop,.v1426-nested-backdrop,.v1438-panel){
  animation:none!important;
  background:transparent!important;
  isolation:isolate;
  overflow:hidden;
  overscroll-behavior:contain;
}
:is(.v1422-sheet-backdrop,.v1426-nested-backdrop,.v1438-panel)::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:rgba(49,26,26,.34);
  opacity:0;
  transition:opacity .54s ease-out!important;
}
.v1426-nested-backdrop::before{background:rgba(40,20,20,.42)!important}
.v1438-panel::before{background:rgba(22,32,35,.50)!important}
:is(.v1422-sheet-backdrop>.v1422-sheet,.v1426-nested-backdrop>.v1426-nested-sheet,.v1438-panel>.v1438-card){
  position:relative;
  z-index:1;
  animation:none!important;
  /* 100% is the card's OWN height. Starts directly below the screen,
     including for short edit panels; no invisible 100dvh overshoot. */
  transform:translate3d(0,calc(100% + 16px),0);
  transition:transform .78s cubic-bezier(.32,.34,.26,1)!important;
  transform-origin:center bottom;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
  will-change:transform;
  overscroll-behavior:contain;
}
.v1448-motion.v1448-visible>.v1448-slide{transform:translate3d(0,0,0)}
.v1448-motion.v1448-visible::before{opacity:1}
/* Interaction takes ownership only after the opening state is interrupted. */
.v1448-motion.v1448-interacted>.v1448-slide{
  transition:transform .35s cubic-bezier(.25,.75,.25,1)!important;
}
.v1448-motion.v1448-interacted::before{
  opacity:var(--v1448-mask-opacity,1);
  transition:opacity .31s ease-out!important;
}
.v1448-motion.v1448-dragging>.v1448-slide,
.v1448-motion.v1448-dragging::before{transition:none!important}
.v1448-motion.v1448-closing>.v1448-slide{
  transition:transform .39s cubic-bezier(.30,.55,.35,1)!important;
}
.v1448-motion.v1448-closing::before{
  opacity:0!important;
  transition:opacity .36s ease-out!important;
}
.v1448-motion .v1422-grab-area,
.v1448-motion .v1448-client-grab{
  height:31px;
  flex:0 0 31px;
  min-height:31px;
  display:grid;
  place-items:center;
  touch-action:none;
  overscroll-behavior:none;
  cursor:grab;
  user-select:none;
  -webkit-user-select:none;
}
.v1448-motion .v1422-grab,
.v1448-motion .v1448-handle{
  display:block;
  width:45px;
  height:5px;
  border-radius:999px;
  background:#bca5a5;
}
.v1438-panel.v1448-motion .v1448-handle{background:#98afa2}
.v1448-motion :is(.v1422-sheet-head,.v1426-nested-head,.v1438-head){
  touch-action:none;
  overscroll-behavior:none;
}
.v1448-motion :is(.v1422-sheet-body,.v1426-nested-body,.v1438-content){
  touch-action:pan-y;
  overscroll-behavior:contain;
}
.v1438-panel:not(.v1443-editor-overlay)>.v1438-card{height:min(84dvh,650px)}
.v1438-panel.v1448-motion .v1438-card{
  display:flex;
  flex-direction:column;
  overflow:hidden;
  padding:0;
}
.v1438-panel.v1448-motion .v1438-head{
  flex:none;
  margin-bottom:0;
  padding:5px 16px 12px;
}
.v1438-panel.v1448-motion .v1438-content{
  flex:1 1 auto;
  min-height:0;
  overflow-y:auto;
  -webkit-overflow-scrolling:touch;
  padding:12px 16px calc(30px + env(safe-area-inset-bottom));
}

/* WAAPI owns the opening movement, so no competing CSS transition is applied.
   The user explicitly requested sliding even with iOS Reduce Motion enabled. */
.v1448-motion.v1449-entering>.v1448-slide{transition:none!important}


/* v1.4.52: Main panels that fetch data asynchronously MUST have stable
   dimensions from their very first painted frame. The existing v1.4.49
   Web Animations API entrance then travels smoothly for the entire 0.86s,
   instead of changing its 100% height offset halfway through loading. */
.v1450-stable-sheet > .v1422-sheet{
  height:min(89dvh,760px);
  max-height:calc(100dvh - 6px);
}
.v1450-stable-sheet > .v1422-sheet > .v1422-sheet-head,
.v1450-stable-sheet > .v1422-sheet > .v1422-grab-area{
  flex-shrink:0;
}
.v1450-stable-sheet > .v1422-sheet > .v1422-sheet-body{
  flex:1 1 auto;
  min-height:0;
  overflow-y:auto;
  -webkit-overflow-scrolling:touch;
}