/* Confine presentation changes to navigation; do not reskin transactional DOM. */
.skavio-release-shell{display:block!important;position:sticky!important;top:0!important;z-index:1000!important;padding:0!important;margin:0!important;background:#fff!important;border:0!important;width:100%!important}
.skavio-release-shell .ux-header{position:relative}
.skavio-release-shell [hidden]{display:none!important}
body>footer.ux-footer{background:#fff;color:#182235;font:13px/1.5 system-ui,sans-serif}
footer[hidden],[data-skavio-phone][hidden]{display:none!important}

/* Keep legacy transaction controls readable after light-skin integration. */
.legacy-preview .button.primary,.legacy-preview button.button.primary,.legacy-preview [data-skavio-buy].primary{background:#2456a6!important;color:#fff!important;border-color:#2456a6!important}
.legacy-preview .button:not(.primary),.legacy-preview button.button:not(.primary){background:#fff!important;color:#34445b!important;border:1px solid #bac8dc!important}
/* Website v2.2: shared light treatment for embedded legacy account and billing. */
body.legacy-preview main.app #content .mode-grid .mode,
body.legacy-preview main.app #content .mode-grid a.mode,
body.legacy-preview main.app #content .mode-grid button.mode{
  background:#fff!important;color:#182235!important;border:1px solid #bac8dc!important;
  box-shadow:none!important;border-radius:12px!important;min-height:68px!important;
  padding:16px!important;text-decoration:none!important;
}
body.legacy-preview main.app #content .mode-grid .mode b,
body.legacy-preview main.app #content .mode-grid .mode strong{color:#182235!important;font-size:15px!important;}
body.legacy-preview main.app #content .mode-grid .mode small{
  color:#526176!important;font-size:13px!important;line-height:1.5!important;
}
body.legacy-preview main.app #content .mode-grid .mode:hover,
body.legacy-preview main.app #content .mode-grid .mode:focus-visible{
  border-color:#2456a6!important;background:#edf2f8!important;
}
body.legacy-preview main.app #content .mode-grid .mode:focus-visible,
body.ux-page .skv-billing-entry button:focus-visible,
body.legacy-preview .skv-billing-entry button:focus-visible{
  outline:3px solid #2456a6!important;outline-offset:3px!important;
}
body.ux-page .skv-billing-entry,
body.legacy-preview .skv-billing-entry{
  --bill-bg:#fff;--bill-text:#182235;--bill-muted:#526176;
  --bill-line:#bac8dc;--sk-brand-gradient:none;
  background:#fff!important;color:#182235!important;
  border:1px solid #cbd7e8!important;box-shadow:none!important;
  margin:16px 0 24px!important;padding:16px 20px!important;
  max-width:100%!important;
}
body.ux-page .skv-billing-entry strong,
body.legacy-preview .skv-billing-entry strong{color:#182235!important;font-size:17px!important;}
body.ux-page .skv-billing-entry p,
body.legacy-preview .skv-billing-entry p{color:#526176!important;line-height:1.55!important;}
body.ux-page .skv-billing-entry .skv-billing-actions,
body.legacy-preview .skv-billing-entry .skv-billing-actions{
  display:flex!important;gap:8px!important;max-width:100%!important;
}
body.ux-page .skv-billing-entry .skv-billing-actions .button,
body.legacy-preview .skv-billing-entry .skv-billing-actions .button{
  border:1px solid #bac8dc!important;background:#fff!important;
  color:#2456a6!important;font-weight:650!important;font-size:14px!important;
  min-height:44px!important;white-space:normal!important;box-shadow:none!important;
}
body.ux-page .skv-billing-entry .skv-billing-actions .button.primary,
body.legacy-preview .skv-billing-entry .skv-billing-actions .button.primary{
  background:#2456a6!important;border-color:#2456a6!important;color:#fff!important;
}
.skavio-release-shell .ux-header .ux-language-picker select{
  appearance:auto!important;box-sizing:border-box!important;width:74px!important;
  min-width:66px!important;max-width:74px!important;height:44px!important;
  padding:7px!important;font-size:13px!important;font-weight:650!important;
}
@media(max-width:760px){
  .skavio-release-shell .ux-header .header-inner{
    min-height:58px!important;padding:6px 10px!important;gap:6px!important;
  }
  .skavio-release-shell .ux-header .ux-brand{
    letter-spacing:.07em!important;font-size:15px!important;
  }
  .skavio-release-shell .ux-header .account-entry{
    min-height:44px!important;padding:7px 9px!important;font-size:12px!important;
  }
  .skavio-release-shell .ux-header .menu-toggle{
    flex-shrink:0!important;width:44px!important;min-width:44px!important;padding:0!important;
  }
  body.legacy-preview main.app #content .mode-grid{grid-template-columns:minmax(0,1fr)!important;}
  body.ux-page .skv-billing-entry,
  body.legacy-preview .skv-billing-entry{padding:13px!important;gap:12px!important;}
  body.ux-page .skv-billing-entry .skv-billing-actions,
  body.legacy-preview .skv-billing-entry .skv-billing-actions{width:100%!important;}
  body.ux-page .skv-billing-entry .skv-billing-actions .button,
  body.legacy-preview .skv-billing-entry .skv-billing-actions .button{
    flex:1 1 130px!important;font-size:13px!important;padding:9px 8px!important;
  }
}

/* Website v2.2.3: global checkout dialog inherits a fixed light palette.
   Explicit contrast prevents dark brand-panel backgrounds and dark text mixing. */
body .skv-billing-dialog,
html body .skv-billing-dialog[open]{
  --bill-bg:#ffffff!important;--bill-text:#182235!important;
  --bill-muted:#465a74!important;--bill-line:#bac8dc!important;
  --sk-brand-gradient:linear-gradient(125deg,#2456a6,#2775cf)!important;
  background:#fff!important;color:#182235!important;
  border-color:#bac8dc!important;color-scheme:light!important;
  box-shadow:0 22px 70px rgba(3,15,35,.3)!important;
}
body .skv-billing-dialog header{
  background:#fff!important;color:#182235!important;
  border-bottom:1px solid #cbd7e8!important;
}
body .skv-billing-dialog h2,
body .skv-billing-dialog .skv-billing-price,
body .skv-billing-dialog .skv-billing-method{
  color:#182235!important;
}
body .skv-billing-dialog p,
body .skv-billing-dialog label,
body .skv-billing-dialog small,
body .skv-billing-dialog [data-bill=context],
body .skv-billing-dialog [data-bill=terms],
body .skv-billing-dialog [data-bill=status]{
  color:#465a74!important;
}
body .skv-billing-dialog button,
body .skv-billing-dialog select,
body .skv-billing-dialog input{
  color:#182235!important;background:#fff!important;border-color:#bac8dc!important;
  box-shadow:none!important;text-shadow:none!important;
}
body .skv-billing-dialog button.primary,
body .skv-billing-dialog button[data-bill=continue]{
  background:#2456a6!important;border-color:#2456a6!important;
  color:#fff!important;font-weight:700!important;
}
body .skv-billing-dialog [data-bill=close]{
  background:#edf2f8!important;color:#182235!important;
  min-width:46px!important;max-width:46px!important;
}
body .skv-billing-dialog .skv-billing-tabs{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:7px!important;width:100%!important;
}
body .skv-billing-dialog .skv-billing-tabs button{
  min-width:0!important;width:100%!important;max-width:100%!important;
  white-space:normal!important;overflow-wrap:anywhere!important;
  font-size:13px!important;line-height:1.3!important;padding:10px 5px!important;
}
body .skv-billing-dialog .skv-billing-tabs button[aria-selected=true]{
  background:#e4eefb!important;border:2px solid #2456a6!important;
  color:#143970!important;
}
body .skv-billing-dialog a{
  color:#2456a6!important;text-decoration:underline!important;
}
body .skv-billing-dialog .skv-billing-method{
  background:#f7f9fc!important;border-color:#bac8dc!important;
}
@media(max-width:520px){
  body .skv-billing-dialog{max-width:calc(100vw - 12px)!important;}
  body .skv-billing-dialog .skv-billing-body{padding:15px!important;}
  body .skv-billing-dialog h2{font-size:21px!important;line-height:1.3!important;}
  body .skv-billing-dialog .skv-billing-tabs button{font-size:12px!important;}
}
/* Website V2.2.4: readable account actions in preserved app panels.
   meeting.css has a legacy navy Account link, tiny text on phones. */
body.legacy-preview .meeting-account-panel .account-actions {
  display:flex!important;flex-wrap:wrap!important;
  align-items:center!important;justify-content:flex-end!important;gap:8px!important;
}
body.legacy-preview .meeting-account-panel .account-actions a[href="/account/"],
body.legacy-preview .meeting-account-panel .account-actions #webLogout {
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  min-height:44px!important;min-width:92px!important;box-sizing:border-box!important;
  padding:9px 14px!important;margin:0!important;
  border:1px solid #bac8dc!important;border-radius:11px!important;
  background:#fff!important;color:#182235!important;
  font:600 14px/1.3 system-ui,sans-serif!important;
  text-shadow:none!important;box-shadow:none!important;
  text-decoration:none!important;letter-spacing:normal!important;
  white-space:nowrap!important;
}
body.legacy-preview .meeting-account-panel .account-actions a[href="/account/"]:hover,
body.legacy-preview .meeting-account-panel .account-actions #webLogout:hover {
  background:#edf2f8!important;color:#143970!important;border-color:#2456a6!important;
}
body.legacy-preview .meeting-account-panel .account-actions a[href="/account/"]:focus-visible,
body.legacy-preview .meeting-account-panel .account-actions #webLogout:focus-visible {
  outline:3px solid #2456a6!important;outline-offset:2px!important;
}
@media(max-width:560px){
  body.legacy-preview .meeting-account-panel .account-actions a[href="/account/"],
  body.legacy-preview .meeting-account-panel .account-actions #webLogout {
    min-width:104px!important;font-size:14px!important;
  }
}