/* RWU Auth UI V2 - loads after V1. Scoped only to authentication surfaces. */
:root { --rwu-auth-blue:#0869f8; --rwu-auth-dark:#081b52; --rwu-auth-ink:#101d58; --rwu-auth-muted:#62718d; }
/* Use the exact image the public header uses. The image has its own intrinsic white canvas. */
.rwu-auth .rwu-auth-brand { display:inline-flex;align-items:center;max-width:218px;background:#fff;border-radius:12px;padding:5px 10px 5px 5px;box-shadow:0 4px 18px rgba(0,28,82,.08); }
.rwu-auth .rwu-auth-brand__logo {display:block;width:auto;max-width:178px;height:42px;object-fit:contain;object-position:left center;}
.rwu-auth .rwu-auth-promo {background:radial-gradient(circle at 90% 12%,rgba(28,142,255,.35),transparent 42%),linear-gradient(152deg,#103883 0%,#0b2469 45%,#081b52 100%);}
.rwu-auth .rwu-auth-promo__body{margin-top:clamp(28px,4vh,48px)}
.rwu-auth .rwu-auth-promo__tag {color:#91c9ff;letter-spacing:1.15px;}
.rwu-auth .rwu-auth-promo h2{color:#fff;font-size:clamp(26px,2.4vw,34px);max-width:360px;margin:12px 0;line-height:1.18}
.rwu-auth .rwu-auth-promo h2 em{font-style:normal;color:#81c8ff}
.rwu-auth .rwu-auth-promo p{max-width:370px;line-height:1.55;color:#d9e7ff;font-size:13px;}
.rwu-auth .rwu-auth-ava-card{margin:20px 0 12px;padding:15px;border:1px solid rgba(182,225,255,.27);border-radius:16px;background:rgba(245,251,255,.09);box-shadow:0 11px 32px rgba(0,10,42,.13);}
.rwu-auth .rwu-auth-ava-card__top{display:flex;gap:8px;align-items:center;color:#fff;font-size:13px}
.rwu-auth .rwu-auth-ava-card__spark{width:27px;height:27px;display:grid;place-items:center;border-radius:9px;background:#187cff;font-size:16px;flex:none}
.rwu-auth .rwu-auth-ava-card__live{margin-left:auto;font-size:10px;color:#b9efff;white-space:nowrap}
.rwu-auth .rwu-auth-ava-card>p{color:#f4f9ff;font-size:13px;font-weight:720;margin:10px 0 6px}
.rwu-auth .rwu-auth-ava-card__answer{border-radius:10px;padding:10px 12px;background:#f3f8ff;color:#153568;font-size:11px;line-height:1.55}
.rwu-auth .rwu-auth-promo__points{gap:9px;margin-top:14px}
.rwu-auth .rwu-auth-promo__points div{font-size:12px}
.rwu-auth .rwu-auth-promo__foot{margin-top:17px;color:#afc7e5}
.rwu-auth .rwu-auth-mobile-ava{display:none}
.rwu-auth .rwu-auth-formhead h1{color:var(--rwu-auth-dark)}
.rwu-auth .rwu-auth-form input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=submit]):not([type=button]){background:#fff}
.rwu-auth .rwu-auth-form input[type=submit],.rwu-auth .rwu-auth-form button[type=submit]{background:#0869f8!important;border-color:#0869f8!important;}
/* Auth-only Facebox overlay. The header and page must sit BELOW the popup. */
html.rwu-auth-open,body.rwu-auth-open{overflow:hidden!important;overscroll-behavior:none!important;}
#facebox_overlay.rwu-auth-overlay{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;height:100dvh!important;opacity:1!important;background:rgba(4,17,49,.81)!important;z-index:2147483000!important;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);}
#facebox.rwu-auth-facebox{position:fixed!important;left:50%!important;top:50%!important;top:50dvh!important;right:auto!important;bottom:auto!important;transform:translate(-50%,-50%)!important;margin:0!important;width:min(932px,calc(100vw - 30px))!important;max-width:calc(100vw - 30px)!important;max-height:calc(100dvh - 20px)!important;z-index:2147483001!important;box-sizing:border-box;overflow:visible!important;padding:0!important;}
#facebox.rwu-auth-facebox .popup{position:relative!important;width:100%!important;max-width:100%!important;min-width:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;}
#facebox.rwu-auth-facebox .popup>table{width:100%!important;max-width:100%!important;min-width:0!important;border-collapse:collapse!important;border-spacing:0!important;}
#facebox.rwu-auth-facebox .popup>table>tbody>tr>td.body{width:100%!important;padding:0!important;border:0!important;background:transparent!important;}
#facebox.rwu-auth-facebox .popup .tl,#facebox.rwu-auth-facebox .popup .tr,#facebox.rwu-auth-facebox .popup .bl,#facebox.rwu-auth-facebox .popup .br,#facebox.rwu-auth-facebox .popup .b,#facebox.rwu-auth-facebox .popup .t,#facebox.rwu-auth-facebox .popup .l,#facebox.rwu-auth-facebox .popup .r{background:transparent!important;padding:0!important;width:0!important;height:0!important;border:0!important;}
#facebox.rwu-auth-facebox .content{position:relative!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;padding:0!important;max-height:calc(100dvh - 20px)!important;overflow:auto!important;overflow-x:hidden!important;overscroll-behavior:contain;scrollbar-width:thin;background:transparent!important;border:0!important;border-radius:22px!important;box-shadow:0 30px 90px rgba(2,15,43,.38)!important;}
#facebox.rwu-auth-facebox .rwu-auth{width:100%!important;max-width:100%!important;margin:0!important;}
#facebox.rwu-auth-facebox .rwu-auth-layout{overflow:hidden!important;border:0!important;border-radius:21px!important;min-width:0!important;box-shadow:none!important;}
#facebox.rwu-auth-facebox .rwu-auth-content{padding:clamp(22px,3vw,35px)!important;}
#facebox.rwu-auth-facebox .rwu-auth--signup .rwu-auth-content{padding-block:22px!important;}
#facebox.rwu-auth-facebox .rwu-auth-form{margin-top:17px}
#facebox.rwu-auth-facebox .rwu-auth-form .field-set{margin-bottom:11px}
#facebox.rwu-auth-facebox .rwu-auth-formhead h1{margin:8px 0}
#facebox.rwu-auth-facebox .rwu-auth-formhead p{font-size:13px;line-height:1.5}
#facebox.rwu-auth-facebox .rwu-auth-divider{margin:13px 0}
#facebox.rwu-auth-facebox .rwu-auth-footer{margin-top:14px;padding-top:12px}
#facebox.rwu-auth-facebox .rwu-auth-trust{margin-top:10px}
#facebox.rwu-auth-facebox .close{position:absolute!important;z-index:20!important;right:11px!important;top:11px!important;left:auto!important;margin:0!important;padding:7px!important;width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:50%!important;background:#edf4ff!important;box-shadow:0 2px 12px rgba(0,24,71,.1)!important;cursor:pointer!important;}
#facebox.rwu-auth-facebox .close img{max-width:18px!important;max-height:18px!important;}
@media (max-height:760px) and (min-width:651px){
  #facebox.rwu-auth-facebox{width:min(850px,calc(100vw - 28px))!important;}
  #facebox.rwu-auth-facebox .rwu-auth-promo{padding:22px 24px!important;}
  #facebox.rwu-auth-facebox .rwu-auth-promo__body{margin-top:22px;}
  #facebox.rwu-auth-facebox .rwu-auth-promo h2{font-size:25px;margin:8px 0;}
  #facebox.rwu-auth-facebox .rwu-auth-ava-card{margin:10px 0;padding:11px;}
  #facebox.rwu-auth-facebox .rwu-auth-promo__points{gap:5px;margin-top:9px;}
  #facebox.rwu-auth-facebox .rwu-auth-promo__foot{margin-top:9px;}
}
@media(max-width:750px){
  #facebox.rwu-auth-facebox{width:min(600px,calc(100vw - 18px))!important;max-width:calc(100vw - 18px)!important;}
  #facebox.rwu-auth-facebox .rwu-auth-layout{display:block!important;grid-template-columns:1fr!important;}
  #facebox.rwu-auth-facebox .rwu-auth-promo{display:none!important;}
  .rwu-auth .rwu-auth-mobile-brand{display:block!important;margin:0 0 12px;color:#0869f8;}
  .rwu-auth .rwu-auth-mobile-brand .rwu-auth-brand__logo{height:34px;max-width:150px;}
  .rwu-auth .rwu-auth-mobile-ava{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:0 0 14px;padding:8px 10px;border-radius:10px;background:#eaf4ff;font-size:11px;color:#28517d;}
  .rwu-auth .rwu-auth-mobile-ava>span:first-child{font-size:17px;color:#0869f8;}
  .rwu-auth .rwu-auth-mobile-ava strong{color:#0e4ca3}
  #facebox.rwu-auth-facebox .rwu-auth-content{padding:22px 24px!important;}
}
@media(max-width:480px){
  #facebox.rwu-auth-facebox{width:calc(100vw - 12px)!important;max-width:calc(100vw - 12px)!important;}
  #facebox.rwu-auth-facebox .content{max-height:calc(100dvh - 12px)!important;border-radius:15px!important;}
  #facebox.rwu-auth-facebox .rwu-auth-layout{border-radius:14px!important;}
  #facebox.rwu-auth-facebox .rwu-auth-content{padding:16px 18px 20px!important;}
  #facebox.rwu-auth-facebox .rwu-auth-formhead h1{font-size:25px!important;}
  #facebox.rwu-auth-facebox .rwu-auth-formhead p{font-size:12px!important;}
  #facebox.rwu-auth-facebox .rwu-auth-mobile-ava{font-size:10px;gap:5px;}
  #facebox.rwu-auth-facebox .rwu-auth-form .field-set{margin-bottom:9px}
  #facebox.rwu-auth-facebox .rwu-auth-form input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=submit]):not([type=button]){min-height:42px;height:42px}
  #facebox.rwu-auth-facebox .rwu-auth-footer{margin-top:11px}
  #facebox.rwu-auth-facebox .close{right:6px!important;top:6px!important;}
}
@media(max-width:360px){
  #facebox.rwu-auth-facebox .rwu-auth-content{padding:15px 12px 18px!important;}
  #facebox.rwu-auth-facebox .rwu-auth .social-actions{grid-template-columns:1fr!important;gap:6px;}
}
@media(prefers-reduced-motion:reduce){#facebox.rwu-auth-facebox *,#facebox_overlay.rwu-auth-overlay{transition:none!important;animation:none!important;}}
