/* Handy Helper — Auth Pearl & Palm / Dubai Signature integration R3.1
   Presentation-only layer. Loaded after auth-modern-r2.css.
   Uses the active Dubai Signature tokens when present and falls back safely. */
:root{
  --hh-auth-r31-navy:var(--navy,#082d49);
  --hh-auth-r31-ink:var(--ink,#18354b);
  --hh-auth-r31-blue:var(--blue,#0076be);
  --hh-auth-r31-blue-soft:var(--blue-soft,#edf6ff);
  --hh-auth-r31-gold:var(--gold,#ba8730);
  --hh-auth-r31-gold-soft:var(--gold-soft,#fbf3e3);
  --hh-auth-r31-green:var(--green,#18785c);
  --hh-auth-r31-muted:var(--muted,#64788a);
  --hh-auth-r31-line:var(--line,#e3e9ee);
  --hh-auth-r31-canvas:var(--canvas,#f7f8fa);
  --hh-auth-r31-radius:var(--radius,20px);
}
.hh-auth-r2-overlay{
  background:rgba(8,45,73,.68);
  backdrop-filter:blur(10px) saturate(1.05);
  -webkit-backdrop-filter:blur(10px) saturate(1.05);
}
.hh-auth-r2-dialog{
  width:min(1010px,100%);
  min-height:620px;
  border-radius:24px;
  border:1px solid rgba(227,233,238,.95);
  box-shadow:0 30px 100px rgba(8,45,73,.28);
  background:#fff;
}
.hh-auth-r2-close{
  width:40px;height:40px;
  color:var(--hh-auth-r31-navy);
  border-color:rgba(8,45,73,.12);
  background:rgba(255,255,255,.94);
  box-shadow:0 8px 24px rgba(8,45,73,.11);
}
.hh-auth-r2-brand{
  padding:44px 36px;
  background:
    radial-gradient(circle at 15% 14%,rgba(201,158,74,.19),transparent 26%),
    linear-gradient(145deg,#082d49 0%,#0a3b60 58%,#075b77 100%);
  color:#fff;
}
.hh-auth-r2-brand:before{
  border-color:rgba(201,158,74,.34);
  box-shadow:0 0 0 64px rgba(201,158,74,.05),0 0 0 126px rgba(201,158,74,.025);
}
.hh-auth-r2-brand:after{opacity:.25}
.hh-auth-r2-logo{font-size:22px;letter-spacing:-.035em}
.hh-auth-r2-logo-mark{
  border-radius:12px;
  color:#f1d49a;
  background:rgba(255,255,255,.08);
  border-color:rgba(255,255,255,.16);
}
.hh-auth-r2-brand-copy small{color:#e5c887;letter-spacing:.16em}
.hh-auth-r2-brand-copy h2{font-size:45px;letter-spacing:-.052em;color:#fff}
.hh-auth-r2-brand-copy p{color:rgba(234,242,248,.82)}
.hh-auth-r2-proof span{
  border-color:rgba(255,255,255,.13);
  background:rgba(255,255,255,.065);
  color:#edf4f9;
}
.hh-auth-r2-main{
  background:
    radial-gradient(circle at 100% 0,rgba(186,135,48,.11),transparent 31%),
    linear-gradient(180deg,#fff 0%,var(--hh-auth-r31-canvas) 100%);
  padding:48px 48px 40px;
}
.hh-auth-r2-head h2{color:var(--hh-auth-r31-navy);font-size:35px}
.hh-auth-r2-head p,.hh-auth-r2-foot{color:var(--hh-auth-r31-muted)}
.hh-auth-r2-badge{
  background:var(--hh-auth-r31-gold-soft);
  border-color:rgba(186,135,48,.22);
  color:#8c692e;
}
.hh-auth-r2-tabs{background:#eef2f5;border:1px solid #e6ebef}
.hh-auth-r2-tab{color:#6e8191}
.hh-auth-r2-tab.is-active{color:var(--hh-auth-r31-navy);box-shadow:0 4px 14px rgba(8,45,73,.08)}
.hh-auth-r2-provider{
  height:52px;
  border-radius:11px;
  border-color:#dfe6eb;
  color:var(--hh-auth-r31-ink);
  box-shadow:0 1px 0 rgba(8,45,73,.015);
}
.hh-auth-r2-provider:hover{
  border-color:#b9cbd7;
  box-shadow:0 8px 22px rgba(8,45,73,.08);
}
.hh-auth-r2-divider{color:#8a99a5}
.hh-auth-r2-divider:before,.hh-auth-r2-divider:after{background:#e3e9ee}
.hh-auth-r2-email-toggle{
  border-radius:10px;
  border-color:#cfdde7;
  background:var(--hh-auth-r31-blue-soft);
  color:#0c6098;
}
.hh-auth-r2-email-toggle:hover{background:#e4f1fb}
.hh-auth-r2-field label{color:#3a5266}
.hh-auth-r2-field input,.hh-auth-r2-field select{
  min-height:48px;
  border-radius:9px;
  border-color:#dce3e9;
  color:var(--hh-auth-r31-ink);
}
.hh-auth-r2-field input:focus,.hh-auth-r2-field select:focus{
  border-color:#3b8dc4;
  box-shadow:0 0 0 4px rgba(10,120,195,.07);
}
.hh-auth-r2-action{
  height:50px;
  border-radius:10px;
  background:linear-gradient(115deg,#c99e4a,#ad7924);
  border:1px solid #b88735;
  box-shadow:0 5px 14px rgba(183,133,51,.18);
}
.hh-auth-r2-action:hover{background:linear-gradient(115deg,#bc903c,#986618)}
.hh-auth-r2-secondary{
  border-radius:10px;
  border-color:#d8e0e6;
  color:var(--hh-auth-r31-navy);
  background:#fff;
}
.hh-auth-r2-message{
  border-radius:10px;
  background:#edf6ff;
  color:#245a85;
}
.hh-auth-r2-message.error{background:#fff4f1;color:#9b4439;border-color:#edc4ba}
.hh-auth-r2-note{
  border-radius:10px;
  border-color:#ebdec6;
  background:#fbf3e3;
  color:#715d3f;
}
.hh-auth-r2-back{color:#0c6098}
.hh-auth-r2-role{
  border-radius:14px;
  border-color:#dfe7ee;
  box-shadow:0 4px 16px rgba(8,45,73,.035);
}
.hh-auth-r2-role:hover{border-color:#b7cad7;background:#f8fbfd}
.hh-auth-r2-role-icon{border-radius:11px;background:var(--hh-auth-r31-blue-soft);color:#0c6098}
.hh-auth-r2-role strong{color:var(--hh-auth-r31-navy)}
.hh-auth-r2-role small{color:var(--hh-auth-r31-muted)}
.hh-auth-r2-role-arrow{color:var(--hh-auth-r31-gold)}
.hh-auth-security-row{
  border-radius:12px;
  border-color:#e0e7ec;
  box-shadow:0 2px 10px rgba(8,45,73,.025);
}
.hh-auth-security-row strong{color:var(--hh-auth-r31-navy)}
.hh-auth-security-row small{color:var(--hh-auth-r31-muted)}
.hh-auth-security-row button{background:var(--hh-auth-r31-blue-soft);color:#0c6098;border-radius:9px}
.hh-auth-security-row button.danger{background:#fff4f1;color:#9b4439}
.hh-auth-security-state{color:var(--hh-auth-r31-green)}
.hh-auth-security-launch.panel{
  border-color:var(--hh-auth-r31-line);
  border-radius:var(--hh-auth-r31-radius);
  box-shadow:var(--shadow,0 12px 40px rgba(8,45,73,.03));
}
@media(max-width:820px){
  .hh-auth-r2-dialog{border-radius:0;border:0}
  .hh-auth-r2-brand{padding:24px 20px 28px;background:linear-gradient(145deg,#082d49 0%,#0b496b 100%)}
  .hh-auth-r2-main{padding:30px 20px 34px}
  .hh-auth-r2-brand-copy h2{font-size:34px}
}
@media(max-width:420px){
  .hh-auth-r2-head h2{font-size:29px}
  .hh-auth-r2-provider,.hh-auth-r2-email-toggle,.hh-auth-r2-action{min-height:50px}
}
@media(prefers-reduced-motion:reduce){
  .hh-auth-r2-provider,.hh-auth-r2-action,.hh-auth-r2-close{transition:none!important}
}