/* Checkout stays inside the existing Premium panel; the chat remains mounted. */
:is(#premiumDrawer .device-modal-v2, #premiumModal).premium-checkout-open {
  width: min(560px,100vw); max-width: 100vw; overflow-y: auto; overscroll-behavior: contain;
}
#premiumModal.premium-checkout-open { max-height: calc(100dvh - 28px); }
#premiumModalCloseBtn { padding: 0; font-size: 16px; line-height: 1; }
#premiumDrawer .premium-checkout-open > .deviceModalHeader,
#premiumModal.premium-checkout-open > .premTop { position: sticky; top: 0; z-index: 2; flex: 0 0 auto; background: #fff; }
.premium-checkout-open > :is(.premium-body,.premium-drawer-footer,#premiumModalBody,#premiumModalFooter) { display: none !important; }
:is(#premiumDrawer,#premiumModal) .premium-inline-checkout { flex: 0 0 auto; min-width: 0; width: 100%; padding: 16px; box-sizing: border-box; background: #fff; color: #142c49; }
:is(#premiumDrawer,#premiumModal) .premium-inline-checkout [hidden],
:is(#premiumDrawer,#premiumModal) .premium-inline-checkout[hidden] { display: none !important; }
:is(#premiumDrawer,#premiumModal) .premium-inline-checkout h3 { margin: 20px 0 8px; font: 700 22px/1.3 var(--premium-font); color: #142c49; }
:is(#premiumDrawer,#premiumModal) .premium-checkout-status { margin: 0 0 16px; color: #526780; font: 400 13px/1.5 var(--premium-font); overflow-wrap: anywhere; }
:is(#premiumDrawer,#premiumModal) .premium-checkout-host { min-width: 0; min-height: 420px; background: #fff; }
:is(#premiumDrawer,#premiumModal) .premium-checkout-host iframe { max-width: 100%; }
:is(#premiumDrawer,#premiumModal) .premium-inline-checkout button { min-height: 40px; padding: 9px 14px; border: 1px solid #c6dcf6 !important; border-radius: 10px !important; background: #edf5ff !important; box-shadow: none !important; color: #215581 !important; font: 600 13px/1.4 var(--premium-font); cursor: pointer; }
:is(#premiumDrawer,#premiumModal) .premium-inline-checkout button:hover { background: #dcecff !important; }
:is(#premiumDrawer,#premiumModal) .premium-inline-checkout button:focus-visible { outline: 3px solid #017ffe; outline-offset: 2px; }
:is(#premiumDrawer,#premiumModal) .premium-inline-checkout .premium-checkout-retry { background: #017ffe !important; color: #fff !important; }
@media (max-width: 600px) {
  #premiumModalBackdrop:has(.premium-checkout-open) { padding: 0; }
  #premiumModal.premium-checkout-open { width: 100vw; max-height: 100dvh; border-radius: 0; }
  :is(#premiumDrawer,#premiumModal) .premium-inline-checkout { padding: 12px 8px max(20px,env(safe-area-inset-bottom)); }
}
/* Keep the payment form visually quiet; feedback appears only when needed. */
:is(#premiumDrawer,#premiumModal) .premium-inline-checkout { padding:20px; background:#f8fafd; min-height:300px; outline:none; }
:is(#premiumDrawer,#premiumModal) .premium-checkout-host { min-height:420px; padding:0; border:1px solid #e5edf7; border-radius:16px; background:#fff; overflow:hidden; }
:is(#premiumDrawer,#premiumModal) .premium-inline-checkout h3 { margin:6px 0 12px; font-size:22px; letter-spacing:-.4px; }
:is(#premiumDrawer,#premiumModal) .premium-checkout-status { margin:0 0 16px; color:#6e829a; font-size:12px; line-height:1.7; }
:is(#premiumDrawer,#premiumModal) .premium-inline-checkout[aria-busy=true] .premium-checkout-status { display:flex; align-items:center; gap:9px; }
:is(#premiumDrawer,#premiumModal) .premium-inline-checkout[aria-busy=true] .premium-checkout-status:before { content:''; flex:0 0 12px; width:12px; height:12px; border:2px solid #d9e8fa; border-top-color:#1783ee; border-radius:50%; animation:checkout-loading .8s linear infinite; }
:is(#premiumDrawer,#premiumModal) .premium-inline-checkout button { border-radius:11px!important; min-height:44px; padding:12px 20px; }
:is(#premiumDrawer,#premiumModal) .premium-inline-checkout .premium-checkout-done { background:linear-gradient(#229cff,#057ce9)!important; color:#fff!important; border:0!important; box-shadow:0 3px 0 #0563bc!important; }
@keyframes checkout-loading { to { transform:rotate(360deg); } }
@media(max-width:600px) {
  :is(#premiumDrawer,#premiumModal) .premium-inline-checkout { padding:12px 8px max(20px,env(safe-area-inset-bottom)); background:#fff; }
  :is(#premiumDrawer,#premiumModal) .premium-checkout-host { border:0; border-radius:0; }
}
@media(prefers-reduced-motion:reduce) { :is(#premiumDrawer,#premiumModal) .premium-inline-checkout[aria-busy=true] .premium-checkout-status:before { animation:none; } }
:is(#premiumDrawer,#premiumModal) .premium-checkout-nav { display:flex; align-items:center; gap:10px; margin:0 0 16px; color:#8c9db2; font:500 11px/1.4 var(--premium-font); }
:is(#premiumDrawer,#premiumModal) .premium-inline-checkout .premium-checkout-back { display:inline-flex; align-items:center; gap:7px; min-height:34px; padding:6px 9px; margin-left:-9px; border:0!important; border-radius:8px!important; background:transparent!important; box-shadow:none!important; color:#41668e!important; font-size:12px; font-weight:600; }
:is(#premiumDrawer,#premiumModal) .premium-inline-checkout .premium-checkout-back:hover { background:#eaf3ff!important; color:#126ce0!important; }
:is(#premiumDrawer,#premiumModal) .premium-checkout-back svg { width:15px; height:15px; }
:is(#premiumDrawer,#premiumModal) .premium-checkout-divider { color:#c0ccda; }