/* auth.css — نافذة الدخول وإنشاء الحساب */
.auth-sheet{padding-bottom:calc(26px + env(safe-area-inset-bottom))}
.auth-head{text-align:center;margin-bottom:16px}
.auth-head img{width:58px;height:58px;border-radius:16px;box-shadow:0 8px 26px #ff2d8740}
.auth-head h3{margin:10px 0 4px;font-size:19px}
.auth-head p{margin:0;font-size:12px}
.auth-mail{font-size:46px}
.auth-google{width:100%;height:48px;border-radius:14px;background:#fff;color:#1f1f1f;font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center;gap:10px}
.auth-or{display:flex;align-items:center;gap:10px;margin:16px 0 12px;color:var(--muted);font-size:11px}
.auth-or:before,.auth-or:after{content:'';flex:1;height:1px;background:#ffffff1a}
.auth-switch{display:grid;grid-template-columns:1fr 1fr;background:#ffffff0d;border:1px solid #ffffff14;border-radius:14px;padding:4px;margin-bottom:14px}
.auth-switch button{height:38px;border-radius:10px;font-weight:700;font-size:13px;color:var(--muted);transition:background .2s,color .2s}
.auth-switch button.on{background:linear-gradient(100deg,var(--pink),var(--violet));color:#fff;box-shadow:0 4px 14px #ff2d8733}
.auth-field{display:block;margin-bottom:12px}
.auth-field>span{display:block;font-size:12px;font-weight:700;margin:0 4px 6px;color:#d9dcef}
.auth-field input{width:100%;height:48px;background:#ffffff0f;border:1px solid #ffffff1c;border-radius:14px;padding:0 14px;color:#fff;font:inherit;font-size:15px;outline:none;transition:border-color .2s}
.auth-field input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #38d1ec22}
.auth-field input[dir=ltr]{text-align:left}
.auth-pass{position:relative}
.auth-pass input{padding-left:48px}
.auth-eye{position:absolute;left:6px;top:6px;width:36px;height:36px;border-radius:10px;font-size:16px;opacity:.75}
.auth-error{min-height:18px;margin:2px 4px 0;color:#ff6b8f;font-size:12px;font-weight:700}
.auth-error:empty{min-height:0}
.auth-submit{height:50px;font-size:15px}
.auth-submit:disabled{opacity:.6}
.auth-link{color:var(--cyan);font-weight:700;font-size:12px;padding:4px}
.auth-forgot{display:block;margin:10px auto 0}
.auth-foot{text-align:center;font-size:12px;margin:16px 0 0}