/* Access screens use the same open form structure as the Air workspace. */
html[data-appearance="glass-air"] body.air-access-status { background:var(--air-bg)!important; color:var(--air-text)!important; padding:32px 20px; }
html[data-appearance="glass-air"] .air-access-status :is(.pa-card,.vc-card,.ac-card) { max-width:480px; width:100%; padding:24px 0; background:none!important; border:0!important; box-shadow:none!important; text-align:left; overflow-wrap:anywhere; }
html[data-appearance="glass-air"] .air-access-status :is(.pa-card,.vc-card,.ac-card)::before { content:none; }
html[data-appearance="glass-air"] .air-access-status :is(.pa-h,.vc-h,.ac-h) { font-size:26px; color:var(--air-text)!important; letter-spacing:0; }
html[data-appearance="glass-air"] .air-access-status :is(.pa-sub,.vc-sub,.ac-sub,.vc-status) { color:var(--air-muted); font-size:16px; }
html[data-appearance="glass-air"] .air-access-status :is(.pa-ico,.vc-ico) { margin:0 0 24px; width:48px; height:48px; border-radius:6px; background:var(--air-soft); color:var(--air-text); }
html[data-appearance="glass-air"] .air-access-status :is(.pa-info,.vc-email) { background:transparent; color:var(--air-text); border:0; border-top:1px solid var(--air-line); padding:20px 0; border-radius:0; }
html[data-appearance="glass-air"] .air-access-status :is(.pa-actions,.vc-status) { justify-content:flex-start; }
html[data-appearance="glass-air"] .air-access-status :is(.pa-btn,.vc-btn,.ac-retry-btn) { min-height:44px; border-radius:6px; background:var(--air-action); color:var(--air-on-action); box-shadow:none; }
html[data-appearance="glass-air"] .air-access-status :is(.pa-btn-n,.vc-btn-n) { min-height:44px; color:var(--air-text); background:transparent; border:1px solid var(--air-line); padding:10px 16px; border-radius:6px; }
html[data-appearance="glass-air"] .air-access-status .air-access-brand { color:var(--air-text); }
html[data-appearance="glass-air"] :is(body.auth-v4,#auth-landing) {
  --access-bg:var(--air-bg); --access-text:var(--air-text); --access-muted:var(--air-muted); --access-line:var(--air-line); --access-soft:var(--air-soft);
  --bg:var(--access-bg); --s0:var(--access-bg); --s1:var(--access-bg); --s2:var(--access-soft);
  --t1:var(--access-text); --t2:var(--access-muted); --t3:var(--access-muted);
  --np:var(--access-text); --na:var(--access-text); --b1:var(--access-line); --b2:var(--air-line-strong);
  background:var(--access-bg)!important; color:var(--access-text)!important;
}
html[data-appearance="glass-air"] body.auth-v4::after { content:none!important; }
html[data-appearance="glass-air"][data-design="v2"][data-theme] body.auth-v4::before { content:none!important; }
html[data-appearance="glass-air"][data-design="v2"][data-theme] body.auth-v4 :is(.al-wrap,.al-right,.reg-main) { background:var(--access-bg)!important; background-image:none!important; }
html[data-appearance="glass-air"][data-design="v2"][data-theme] body.auth-v4 :is(button,a,input,label,span,strong,p,div) { -webkit-text-fill-color:currentColor!important; }
html[data-appearance="glass-air"][data-design="v2"][data-theme] body.auth-v4 :is(.al-btn-primary,.btn-submit,.al-btn-primary span,.btn-submit span) { color:var(--air-on-action)!important; -webkit-text-fill-color:var(--air-on-action)!important; }
html[data-appearance="glass-air"][data-design="v2"][data-theme] body.auth-v4 #btn-submit { color:var(--air-on-action)!important; -webkit-text-fill-color:var(--air-on-action)!important; background:var(--air-action)!important; }
html[data-appearance="glass-air"][data-design="v2"][data-theme] body.auth-v4 :is(.al-btn-primary,.btn-submit) { padding:12px 16px!important; min-height:44px; height:auto; }
html[data-appearance="glass-air"][data-design="v2"][data-theme] body.auth-v4 input::placeholder { color:var(--access-muted)!important; -webkit-text-fill-color:var(--access-muted)!important; }
html[data-appearance="glass-air"] :is(body.auth-v4,#auth-landing) .al-wrap { display:block; min-height:100dvh; }
html[data-appearance="glass-air"] :is(body.auth-v4,#auth-landing) .al-right {
  width:100%; min-height:100dvh; padding:0; background:transparent!important; border:0!important;
  display:flex; flex-direction:column; align-items:center;
}
html[data-appearance="glass-air"] :is(body.auth-v4,#auth-landing) .al-right-top {
  position:static; width:100%; min-height:72px; padding:16px 24px; border-bottom:1px solid var(--access-line); display:flex; justify-content:flex-end;
}
html[data-appearance="glass-air"] :is(body.auth-v4,#auth-landing) .al-form-wrap {
  width:min(100%,440px); max-width:440px; padding:40px 24px; margin:0 auto; flex:none;
  background:transparent!important; border:0!important; box-shadow:none!important; border-radius:0!important;
}
html[data-appearance="glass-air"] .air-access-brand { display:flex; align-items:center; gap:12px; margin-bottom:32px; color:var(--access-text); font-size:16px; font-weight:600; text-decoration:none; }
html[data-appearance="glass-air"] .air-access-brand img { width:30px; height:30px; }
html[data-appearance="glass-air"] body.auth-v4 :is(.al-back-home,.nav-link,.al-pw-row .al-inline-link,.opt-codes summary) { min-height:44px; }
html[data-appearance="glass-air"] body.auth-v4 .al-pw-row .al-inline-link { display:inline-flex; align-items:center; margin-block:0; }
html[data-appearance="glass-air"] .nav .air-access-brand { margin:0; }
html[data-appearance="glass-air"] body.auth-v4 .btn-submit { background:var(--air-action)!important; color:var(--air-on-action)!important; border:1px solid var(--air-accent)!important; border-radius:6px!important; box-shadow:none!important; }
html[data-appearance="glass-air"] :is(body.auth-v4,#auth-landing) :is(.al-form-title,.reg-h) { color:var(--access-text)!important; font-size:28px!important; line-height:1.25; letter-spacing:0!important; }
html[data-appearance="glass-air"] :is(body.auth-v4,#auth-landing) :is(.al-form-sub,.reg-sub,.al-label,.field-label,.field-helper,.al-footer) { color:var(--access-muted)!important; }
html[data-appearance="glass-air"] :is(body.auth-v4,#auth-landing) :is(.al-form-sub,.reg-sub) { font-size:16px; }
html[data-appearance="glass-air"] :is(body.auth-v4,#auth-landing) :is(.al-input,.field-input,.auth-code-input) {
  min-height:44px; background:var(--access-bg)!important; color:var(--access-text)!important; -webkit-text-fill-color:var(--access-text)!important; border:1px solid var(--air-line-strong)!important; border-radius:6px!important; box-shadow:none!important; font-size:16px!important;
}
html[data-appearance="glass-air"] :is(body.auth-v4,#auth-landing) :is(.al-btn-primary,.btn-primary) { background:var(--air-action)!important; color:var(--air-on-action)!important; border:1px solid var(--air-accent)!important; box-shadow:none!important; border-radius:6px!important; min-height:44px; }
html[data-appearance="glass-air"] :is(body.auth-v4,#auth-landing) .al-footer { position:static; margin-top:auto; padding:24px; text-align:center; }
html[data-appearance="glass-air"] body.auth-v4 > .nav { background:var(--access-bg)!important; border-bottom:1px solid var(--access-line)!important; box-shadow:none!important; }
html[data-appearance="glass-air"] body.auth-v4 .reg-main { max-width:560px; margin:0 auto; padding:40px 24px; text-align:left; }
html[data-appearance="glass-air"] body.auth-v4 .reg-card { margin:24px 0 0; padding:0; background:transparent!important; border:0!important; border-radius:0!important; box-shadow:none!important; }
html[data-appearance="glass-air"] body.auth-v4 .reg-h .acc { color:var(--access-text); background:none; -webkit-text-fill-color:var(--access-text); }
html[data-appearance="glass-air"] body.auth-v4 .trial-badge { background:var(--access-soft)!important; color:var(--access-text)!important; border-color:var(--access-line)!important; box-shadow:none!important; }
html[data-appearance="glass-air"] :is(body.auth-v4,#auth-landing) :is(a,button,input,select,textarea):focus-visible { outline:2px solid var(--access-text); outline-offset:3px; }
html[data-appearance="glass-air"] #ob-mbg .ob-step { background:transparent; border:0; border-bottom:1px solid var(--air-line); border-radius:0; box-shadow:none; }
html[data-appearance="glass-air"] body.onb { background:var(--air-bg)!important; color:var(--air-text)!important; }
html[data-appearance="glass-air"] body.onb::before,
html[data-appearance="glass-air"] body.onb::after { content:none!important; }
html[data-appearance="glass-air"] .onb-shell { width:100%; max-width:1120px; padding:24px; margin:auto; }
@media screen and (max-width:899px){
 html.kb-open[data-appearance="glass-air"] body.auth-v4 :is(.al-wrap,.reg-main)::after,
 html.kb-open[data-appearance="glass-air"] body.onb .onb-shell::after {
  content:""; display:block; flex:none; height:max(0px,calc(100vh - var(--mb-visual-height,100vh))); pointer-events:none;
 }
}
html[data-appearance="glass-air"] .onb-head { padding:0 0 24px; margin:0 0 32px; border-bottom:1px solid var(--air-line); }
html[data-appearance="glass-air"] .onb-head .air-access-brand { margin:0; color:var(--air-text); }
html[data-appearance="glass-air"] .air-setup-workspace { display:grid; grid-template-columns:minmax(160px,220px) minmax(0,1fr); gap:48px; align-items:start; }
html[data-appearance="glass-air"] .air-setup-progress { position:sticky; top:24px; }
html[data-appearance="glass-air"] #onb-step-host { min-width:0; }
html[data-appearance="glass-air"][data-design="v2"][data-theme] body.onb.funnel-v4 #onb-step-host .onb-card { padding:0; background:transparent!important; border:0!important; box-shadow:none!important; border-radius:0!important; backdrop-filter:none!important; }
html[data-appearance="glass-air"] body.onb :is(.onb-h,.onb-label,.onb-step-label) { color:var(--air-text)!important; letter-spacing:0!important; }
html[data-appearance="glass-air"] body.onb .onb-h { font-size:28px; line-height:1.25; }
html[data-appearance="glass-air"] body.onb :is(.onb-sub,.onb-helper) { color:var(--air-muted)!important; }
html[data-appearance="glass-air"] body.onb :is(.onb-input,.onb-textarea,.onb-select) { background:var(--air-bg)!important; color:var(--air-text)!important; -webkit-text-fill-color:var(--air-text)!important; border:1px solid var(--air-line-strong)!important; box-shadow:none!important; border-radius:6px!important; font-size:16px; min-height:44px; }
html[data-appearance="glass-air"] body.onb .onb-btn { min-height:44px; border-radius:6px; box-shadow:none!important; }
html[data-appearance="glass-air"] body.onb :is(.onb-btn-p,.onb-progress-bar) { background:var(--air-action)!important; color:var(--air-on-action)!important; -webkit-text-fill-color:var(--air-on-action)!important; box-shadow:none!important; }
html[data-appearance="glass-air"] body.onb .onb-btn-row { padding-top:20px; border-top:1px solid var(--air-line); }
/* Match the full funnel scope so legacy important overlays cannot win. */
html[data-appearance="glass-air"][data-design="v2"][data-theme] body.onb #onb-step-host :is(.onb-sel-card.is-selected,.onb-cat-card.is-secondary)::after { content:"\2713"; display:grid; place-items:center; background:var(--air-action); color:var(--air-on-action); font-size:16px; box-shadow:none; }
html[data-appearance="glass-air"][data-design="v2"][data-theme] body.onb #onb-step-host .onb-plan-card.is-selected .onb-plan-radio { background:var(--air-action); border:4px solid var(--air-bg); outline:1px solid var(--air-text); box-shadow:none; }
html[data-appearance="glass-air"][data-design="v2"][data-theme] body.onb #onb-step-host .onb-success-ico { background:var(--air-success-bg); color:var(--air-success); box-shadow:none; }
html[data-appearance="glass-air"][data-design="v2"][data-theme] body.onb #onb-step-host .onb-h-spark { filter:none; }
html[data-appearance="glass-air"][data-design="v2"][data-theme] body.onb #onb-step-host .onb-pay-submit-hint { color:var(--air-muted); }
html[data-appearance="glass-air"][data-design="v2"][data-theme] body.onb #onb-step-host .onb-btn-skip { background:transparent!important; color:var(--air-muted)!important; box-shadow:none!important; border:0!important; }
html[data-appearance="glass-air"][data-design="v2"][data-theme] body.onb #onb-logout-btn { background:var(--air-bg)!important; color:var(--air-text)!important; box-shadow:none!important; border-radius:6px!important; }
html[data-appearance="glass-air"][data-design="v2"][data-theme] body.onb #onb-step-host :is(.onb-btn,.onb-input) { border-radius:6px!important; box-shadow:none!important; }
html[data-appearance="glass-air"][data-design="v2"][data-theme] body.onb #onb-step-host .onb-btn-p { background:var(--air-action)!important; color:var(--air-on-action)!important; -webkit-text-fill-color:var(--air-on-action)!important; border-color:var(--air-accent)!important; }
html[data-appearance="glass-air"][data-design="v2"][data-theme] body.onb #onb-step-host .onb-btn-p :is(span,svg) { color:inherit!important; -webkit-text-fill-color:inherit!important; }
html[data-appearance="glass-air"][data-design="v2"][data-theme] body.onb #onb-step-host .onb-btn-n { background:var(--air-bg)!important; color:var(--air-text)!important; -webkit-text-fill-color:var(--air-text)!important; }
html[data-appearance="glass-air"][data-design="v2"][data-theme] body.onb #onb-step-host .onb-pay-submit-bar { background:transparent!important; border:0!important; border-top:1px solid var(--air-line)!important; border-radius:0!important; padding:20px 0 0; box-shadow:none!important; }
html[data-appearance="glass-air"][data-design="v2"][data-theme] body.onb.funnel-v4 #onb-step-host .onb-card::before,
html[data-appearance="glass-air"][data-design="v2"][data-theme] body.onb.funnel-v4 #onb-step-host .onb-trust-badge::before,
html[data-appearance="glass-air"][data-design="v2"][data-theme] body.onb.funnel-v4 #onb-step-host .onb-trust-badge::after { content:none!important; }
html[data-appearance="glass-air"][data-design="v2"][data-theme] body.onb.funnel-v4 #onb-step-host :is(button,input,a,span,div,p,label) { letter-spacing:0; }
html[data-appearance="glass-air"][data-design="v2"][data-theme] body.onb.funnel-v4 .onb-head > a { text-decoration:none; }
html[data-appearance="glass-air"][data-design="v2"][data-theme] body.onb.funnel-v4 #onb-step-host :is(.onb-logout-btn,.onb-chip,.onb-sel-card,.onb-cat-card,.onb-plan-card,.onb-billing-toggle,.onb-billing-toggle button,.onb-pay-recap-edit,.onb-pay-retry,.onb-cat-search) {
  background:var(--air-bg)!important; color:var(--air-text)!important; border-color:var(--air-line)!important;
  border-radius:6px!important; box-shadow:none!important; transform:none!important;
  min-width:0; min-height:44px; overflow-wrap:anywhere;
}
html[data-appearance="glass-air"][data-design="v2"][data-theme] body.onb.funnel-v4 #onb-step-host :is(.onb-sel-card.is-selected,.onb-cat-card.is-main,.onb-cat-card.is-secondary,.onb-plan-card.is-selected,.onb-chip.is-active,.onb-billing-toggle button.is-active) {
  background:var(--air-soft)!important; border-color:var(--air-accent)!important;
}
html[data-appearance="glass-air"][data-design="v2"][data-theme] body.onb.funnel-v4 #onb-step-host .onb-sel-card { padding-right:42px; }
html[data-appearance="glass-air"][data-design="v2"][data-theme] body.onb.funnel-v4 #onb-step-host .onb-cat-card { flex-direction:column; gap:6px; }
html[data-appearance="glass-air"][data-design="v2"][data-theme] body.onb.funnel-v4 #onb-step-host .onb-cat-badge { position:static; order:-1; align-self:center; }
html[data-appearance="glass-air"][data-design="v2"][data-theme] body.onb.funnel-v4 #onb-step-host .onb-cat-card.is-secondary::after { top:4px; right:4px; box-shadow:none; }
html[data-appearance="glass-air"][data-design="v2"][data-theme] body.onb.funnel-v4 #onb-step-host .onb-cat-card.is-secondary { padding-top:30px; }
html[data-appearance="glass-air"][data-design="v2"][data-theme] body.onb.funnel-v4 #onb-step-host .onb-plan-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
html[data-appearance="glass-air"][data-design="v2"][data-theme] body.onb.funnel-v4 #onb-step-host .onb-plan-card { padding:18px 14px; }
html[data-appearance="glass-air"][data-design="v2"][data-theme] body.onb.funnel-v4 #onb-step-host .onb-plan-head { flex-direction:column; align-items:flex-start; }
html[data-appearance="glass-air"][data-design="v2"][data-theme] body.onb.funnel-v4 #onb-step-host .onb-plan-popular-badge { position:static; transform:none; white-space:normal; order:5; margin-top:auto; }
html[data-appearance="glass-air"][data-design="v2"][data-theme] body.onb.funnel-v4 #onb-step-host :is(.onb-plan-icon,.onb-pay-recap-icon,.onb-trust-icon,.onb-sel-card-ico) { background:var(--air-soft)!important; color:var(--air-text)!important; box-shadow:none!important; border-radius:6px; }
/* The setup sidebar narrows the form before the viewport reaches mobile size. */
html[data-appearance="glass-air"] body.onb #onb-step-host .onb-trust-strip { grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr)); }
html[data-appearance="glass-air"] body.onb #onb-step-host .onb-trust-text { overflow-wrap:anywhere; }
html[data-appearance="glass-air"][data-design="v2"][data-theme] body.onb.funnel-v4 #onb-step-host :is(.onb-cat-badge,.onb-plan-popular-badge) { background:var(--air-action)!important; color:var(--air-on-action)!important; box-shadow:none!important; border-radius:4px; }
html[data-appearance="glass-air"][data-design="v2"][data-theme] body.onb.funnel-v4 #onb-step-host :is(.onb-pay-recap,.onb-pay-summary,.onb-pay-reassure,.onb-trust-badge) {
  background:transparent!important; border:0!important; border-bottom:1px solid var(--air-line)!important;
  border-radius:0!important; box-shadow:none!important; padding:16px 0; transform:none!important;
}
html[data-appearance="glass-air"][data-design="v2"][data-theme] body.onb.funnel-v4 #onb-step-host :is(.onb-pay-trial-hero,.onb-trial-row) { background:var(--air-soft)!important; border-color:var(--air-line)!important; border-radius:6px; }
html[data-appearance="glass-air"][data-design="v2"][data-theme] body.onb.funnel-v4 #onb-step-host .onb-pay-summary-row { align-items:start; }
html[data-appearance="glass-air"][data-design="v2"][data-theme] body.onb.funnel-v4 #onb-step-host .onb-pay-summary-row > span { min-width:0; flex:1; overflow-wrap:anywhere; }
html[data-appearance="glass-air"][data-design="v2"][data-theme] body.onb.funnel-v4 #onb-step-host .onb-pay-summary-row > span:last-child { text-align:right; }
html[data-appearance="glass-air"][data-design="v2"][data-theme] body.onb.funnel-v4 #onb-step-host .onb-field > a[href="https://stripe.com/de"] { background:var(--air-soft)!important; border-color:var(--air-line)!important; border-radius:6px 6px 0 0!important; }
html[data-appearance="glass-air"][data-design="v2"][data-theme] body.onb.funnel-v4 #onb-step-host .onb-field > a[href="https://stripe.com/de"] div { color:var(--air-text)!important; }
html[data-appearance="glass-air"][data-design="v2"][data-theme] body.onb.funnel-v4 #onb-step-host .onb-card-element { border-radius:0 0 6px 6px!important; }
html[data-appearance="glass-air"][data-design="v2"][data-theme] body.onb.funnel-v4 #onb-step-host .onb-input.is-invalid { border-color:var(--air-danger)!important; }
@media(max-width:767px) {
 html[data-appearance="glass-air"][data-design="v2"][data-theme] body.onb.funnel-v4 .onb-shell { padding:18px!important; }
 html[data-appearance="glass-air"][data-design="v2"][data-theme] body.onb.funnel-v4 #onb-step-host .onb-plan-grid { grid-template-columns:minmax(0,1fr); }
 html[data-appearance="glass-air"][data-design="v2"][data-theme] body.onb.funnel-v4 #onb-step-host .onb-plan-head { flex-direction:row; padding-right:28px; }
 html[data-appearance="glass-air"][data-design="v2"][data-theme] body.onb.funnel-v4 #onb-step-host .onb-btn-row { flex-wrap:wrap; gap:12px; }
 html[data-appearance="glass-air"][data-design="v2"][data-theme] body.onb.funnel-v4 #onb-step-host .onb-btn-row > div { flex-wrap:wrap; }
 html[data-appearance="glass-air"] .onb-shell { padding:18px; }
 html[data-appearance="glass-air"] .air-setup-workspace { grid-template-columns:minmax(0,1fr); gap:24px; }
 html[data-appearance="glass-air"] .air-setup-progress { position:static; }
 html[data-appearance="glass-air"] body.onb .onb-h { font-size:24px; }
}
@media(max-width:767px) {
 html[data-appearance="glass-air"] :is(body.auth-v4,#auth-landing) .al-form-wrap { padding:32px 18px; }
 html[data-appearance="glass-air"] :is(body.auth-v4,#auth-landing) .al-right-top { min-height:64px; padding:12px 18px; }
 html[data-appearance="glass-air"] body.auth-v4 .reg-main { padding:32px 18px; }
}