[data-rp-auth-live] { min-height: 80vh; display: grid; place-items: center; padding: var(--rp-auth-shell-padding, 24px); box-sizing: border-box; font-size: var(--rp-auth-font-size, 16px); }
body.rp-wct-interim-login { min-width: 0; margin: 0; overflow-x: hidden; background: transparent; }
body.rp-wct-interim-login .rp-auth-shell { min-height: 0 !important; padding: 16px !important; }
body.rp-wct-interim-login .rp-auth-card { --rp-auth-padding: 20px; --rp-auth-gap: 12px; --rp-auth-header-height: 44px; --rp-auth-header-margin-bottom: 0px; --rp-auth-logo-max-height: 44px; --rp-auth-control-height: 40px; min-height: 0 !important; margin: 0 !important; }
[data-rp-auth-live] .rp-auth-card { box-sizing: border-box; width: min(100%, var(--rp-auth-width, 440px)); max-width: none; min-height: var(--rp-auth-min-height, 0); padding: var(--rp-auth-padding, 32px); border: var(--rp-auth-border-width, 1px) solid var(--rp-auth-card-border-color, var(--rp-theme-general-border, #ddd)); border-radius: var(--rp-auth-radius, 18px); box-shadow: 0 var(--rp-auth-shadow-y, 0) var(--rp-auth-shadow-blur, 0) color-mix(in srgb, var(--rp-auth-shadow-color, #111820) 24%, transparent); background: var(--rp-theme-general-surface, #fff); color: var(--rp-auth-text-color, var(--rp-theme-general-text, #17212b)); display: grid; gap: var(--rp-auth-gap, 20px); text-align: var(--rp-auth-content-align, center); }
[data-rp-auth-live] .rp-auth-header { position: relative; min-height: var(--rp-auth-header-height, 64px); display: grid; align-items: center; justify-items: var(--rp-auth-logo-position, center); gap: 0; margin-bottom: var(--rp-auth-header-margin-bottom, 24px); }
[data-rp-auth-live] .rp-auth-logo-link { display: block; line-height: 0; text-decoration: none; color: inherit; justify-self: var(--rp-auth-logo-position, center); transform: translate(var(--rp-auth-logo-offset-x, 0), var(--rp-auth-logo-offset-y, 0)); }
[data-rp-auth-live] .rp-auth-logo { width: var(--rp-auth-logo-width, 90px); max-width: 100%; height: auto; max-height: var(--rp-auth-logo-max-height, 100px); object-fit: contain; justify-self: var(--rp-auth-logo-position, center); transform: translate(var(--rp-auth-logo-offset-x, 0), var(--rp-auth-logo-offset-y, 0)); }
[data-rp-auth-live] .rp-auth-logo-link .rp-auth-logo { display: block; justify-self: auto; transform: none; }
[data-rp-auth-live] h1 { font-size: var(--rp-auth-title-size, 1.2rem); font-weight: var(--rp-auth-title-weight, 700); text-align: var(--rp-auth-content-align, center); }
[data-rp-auth-live] [data-auth-form] { display: grid; gap: var(--rp-auth-gap, 20px); }
[data-rp-auth-live] label { display: block; margin: 0; }
[data-rp-auth-live] .rp-auth-input { display: block; box-sizing: border-box; width: 100%; min-width: 0; min-height: var(--rp-auth-control-height, 48px); margin-top: 8px; padding: 8px var(--rp-auth-control-padding, 12px); border: 1px solid var(--rp-theme-general-border, #ccc); border-radius: var(--rp-auth-control-radius, 10px); font: inherit; color: inherit; background: transparent; }
[data-rp-auth-live] button { font: inherit; cursor: pointer; min-height: var(--rp-auth-control-height, 44px); min-width: 44px; border-radius: var(--rp-auth-control-radius, 10px); }
[data-rp-auth-live] button:disabled { opacity: .55; cursor: default; }
[data-rp-auth-live] .rp-auth-submit { width: 100%; border: var(--rp-auth-button-border-width, 0) solid var(--rp-auth-button-border-color, transparent); background: var(--rp-theme-general-accent, #434343); color: #fff; padding: 8px var(--rp-auth-control-padding, 12px); }
[data-rp-auth-live] button.rp-auth-is-processing:disabled { position: relative; opacity: 1; cursor: wait; }
[data-rp-auth-live] .rp-auth-link, [data-rp-auth-live] .rp-auth-back { border: 0; background: transparent; color: inherit; }
[data-rp-auth-live] .rp-auth-channels { display: flex; flex-wrap: wrap; gap: 8px; }
[data-rp-auth-live] .rp-auth-channels button { flex: 1; background: transparent; color: inherit; border: 1px solid var(--rp-theme-general-border, #ccc); }
[data-rp-auth-live] [data-message] { overflow-wrap: anywhere; }
[data-rp-auth-live] .is-error { color: var(--rp-auth-error-color, #b91c1c); overflow-wrap: anywhere; }
[data-rp-auth-live] p.is-error[role="alert"] { display: block !important; }
[data-rp-auth-live] [hidden] { display: none !important; }
@media (max-width: 480px) { [data-rp-auth-live] .rp-auth-card { padding: var(--rp-auth-padding, 24px 16px); } }