/* Social login v17: compact, unambiguous authentication dialog. */
#auth-dialog.modal{
 width:min(430px,calc(100vw - 28px))!important;
 max-width:430px!important;
 max-height:min(84dvh,640px)!important;
 border-radius:17px!important;
 background:linear-gradient(150deg,#0c303a,#061f29)!important;
 box-shadow:0 18px 65px #000b!important;
}
#auth-dialog .modal-header{
 flex-shrink:0!important;gap:10px!important;padding:13px 16px!important;
}
#auth-dialog .modal-header small{
 font-size:9px!important;letter-spacing:.12em!important;
}
#auth-dialog .modal-header h2{
 font-size:clamp(18px,4.7vw,22px)!important;line-height:1.2!important;margin:3px 0 0!important;
}
#auth-dialog .close-button{
 width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;
 padding:0!important;font-size:25px!important;
}
#auth-dialog .compose-body{
 padding:14px 16px 12px!important;max-height:min(66dvh,470px)!important;
 min-height:0!important;overflow-y:auto!important;
 flex:0 1 auto!important;
}
#auth-dialog .auth-toggle{gap:7px!important;margin:0 0 12px!important;}
#auth-dialog .auth-toggle button{min-height:41px!important;padding:8px!important;font-size:12px!important}
#auth-dialog label{margin:7px 0 11px!important;display:block!important;font-size:12px!important}
#auth-dialog label[hidden]{display:none!important}
#auth-dialog input{
 display:block!important;width:100%!important;min-height:43px!important;height:43px!important;
 margin-top:5px!important;font-size:14px!important;
 border:1px solid #417b85!important;border-radius:10px!important;
 background:#061e2a!important;color:#e9ffff!important;
}
#auth-dialog .privacy-note{margin:3px 0 5px!important;font-size:11px!important;line-height:1.4!important}
#auth-dialog .modal-footer{
 flex-shrink:0!important;padding:11px 15px!important;gap:8px!important;
 background:#092b37!important;
}
#auth-dialog .modal-footer button{min-height:42px!important;min-width:80px!important;font-size:12px!important}
#auth-dialog #vr-social-fingerprint-login{
 margin:10px 0 0!important;padding:9px 0 0!important;gap:6px!important;
 border-top:1px solid #356978!important;
}
#auth-dialog #vr-social-fingerprint-signin{
 min-height:43px!important;padding:9px 11px!important;border-radius:10px!important;
 box-shadow:none!important;outline-offset:2px!important;
}
#auth-dialog #vr-social-fingerprint-signin[hidden],
#auth-dialog #vr-social-fingerprint-login[hidden],
#auth-dialog #vr-social-open-chrome[hidden]{display:none!important}
#auth-dialog .vr-social-fingerprint-note{
 color:#b5d4da!important;margin:0!important;line-height:1.4!important;
 font-size:11px!important;
}
#auth-dialog .vr-social-fingerprint-note[data-error="true"]{color:#f2b0b0!important}
#auth-dialog #vr-social-open-chrome{
 min-height:36px!important;margin:2px 0 0!important;padding:8px 9px!important;
 border-radius:9px!important;text-decoration:none!important;
 color:#8dedef!important;
}
#auth-dialog #auth-status:empty{display:none!important}
@media(max-width:600px){
 #auth-dialog.modal{width:calc(100vw - 24px)!important;max-height:calc(100dvh - 42px)!important}
 #auth-dialog .compose-body{max-height:calc(100dvh - 176px)!important}
 #auth-dialog .modal-header{padding:12px 14px!important}
 #auth-dialog .modal-footer{padding:10px 13px!important}
}
@media(max-height:550px) and (orientation:landscape){
 #auth-dialog.modal{max-height:calc(100dvh - 10px)!important}
 #auth-dialog .compose-body{max-height:calc(100dvh - 112px)!important}
}