/* الدخول بقوقل ونافذة «أكمل تسجيلك» (assets/js/gauth.js) */

/* زر قوقل فوق النموذج */
.g-wrap{display:flex;flex-direction:column;gap:10px;margin-bottom:18px}
.g-wrap[hidden]{display:none}
.g-btn{font:inherit;font-weight:700;font-size:15px;display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:50px;padding:10px 18px;border-radius:999px;border:1px solid var(--line-2);background:var(--sheet);color:var(--ink);cursor:pointer;transition:border-color .15s,background-color .15s,box-shadow .15s}
.g-btn:hover{border-color:var(--ink);box-shadow:0 6px 18px -12px rgba(31,26,23,.45)}
.g-btn:focus-visible{outline:2px solid var(--terra);outline-offset:2px}
.g-btn:disabled{opacity:.6;cursor:progress}
.g-btn svg{flex:none}
.g-note{margin:0;font-size:12.5px;line-height:1.8;color:var(--ink-2);text-align:center}
.g-note a{color:inherit}
.g-or{display:flex;align-items:center;gap:12px;margin-top:6px;font-size:13px;color:var(--ink-2)}
.g-or::before,.g-or::after{content:"";flex:1;height:1px;background:var(--line)}

/* النافذة */
body.g-lock{overflow:hidden}
.g-veil{position:fixed;inset:0;z-index:90;display:flex;align-items:flex-end;justify-content:center;background:rgba(31,26,23,.5);opacity:0;transition:opacity .22s ease}
.g-veil.on{opacity:1}
.g-dlg{width:100%;max-height:94dvh;overflow-y:auto;background:var(--sheet);color:var(--ink);border-radius:22px 22px 0 0;padding:26px 20px calc(20px + env(safe-area-inset-bottom));box-shadow:0 -24px 60px -24px rgba(31,26,23,.55);transform:translateY(28px);transition:transform .28s cubic-bezier(.2,.7,.2,1);display:flex;flex-direction:column;gap:18px}
.g-veil.on .g-dlg{transform:none}
@media (min-width:640px){
  .g-veil{align-items:center;padding:24px}
  .g-dlg{max-width:620px;border-radius:22px;padding:32px 32px 26px;transform:translateY(14px) scale(.985)}
}

.g-top{display:flex;flex-direction:column;gap:6px}
.g-k{font-size:12.5px;font-weight:700;color:var(--terra)}
.g-top h2{margin:0;font-size:26px;line-height:1.3}
.g-top p{margin:0;font-size:15px;color:var(--ink-2);line-height:1.8}

/* اختيار النوع */
.g-kinds{display:grid;grid-template-columns:1fr;gap:10px}
@media (min-width:640px){.g-kinds{grid-template-columns:repeat(3,1fr)}}
.g-kind{font:inherit;text-align:start;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center;padding:14px 16px;border-radius:16px;border:1.5px solid var(--line);background:var(--sheet);color:var(--ink);cursor:pointer;transition:border-color .15s,background-color .15s,transform .15s}
.g-kind svg{grid-row:1/3;color:var(--ink-2);transition:color .15s}
.g-kind b{font-size:15.5px}
.g-kind span{font-size:12.5px;color:var(--ink-2);line-height:1.6}
@media (min-width:640px){
  .g-kind{grid-template-columns:1fr;grid-template-rows:auto auto auto;row-gap:4px;align-items:start;padding:18px 16px;min-height:132px}
  .g-kind svg{grid-row:auto;margin-bottom:6px}
}
.g-kind:hover{border-color:var(--line-2)}
.g-kind.on{border-color:var(--terra);background:color-mix(in srgb,var(--terra) 7%,var(--sheet))}
.g-kind.on svg{color:var(--terra)}
.g-kind:focus-visible,.g-ctr:focus-visible{outline:2px solid var(--terra);outline-offset:2px}
.g-ctr{align-self:flex-start;font:inherit;font-size:13.5px;border:0;background:none;padding:2px 0;color:var(--ink-2);cursor:pointer;text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--line-2);margin-top:-6px}
.g-ctr.on{color:var(--terra);font-weight:700;text-decoration-color:currentColor}

/* البيانات */
.g-form{display:grid;grid-template-columns:1fr;gap:12px}
@media (min-width:640px){.g-form{grid-template-columns:1fr 1fr}}
.g-form.in{animation:gIn .22s cubic-bezier(.2,.7,.2,1)}
.g-f{display:flex;flex-direction:column;gap:6px}
.g-f[hidden]{display:none}
.g-fl{font-size:13.5px;font-weight:700;display:flex;align-items:baseline;gap:8px}
.g-fl small{font-weight:400;font-size:12px;color:var(--ink-2)}
.g-f input,.g-f select{font:inherit;font-size:16px;min-height:48px;padding:10px 14px;border-radius:12px;border:1px solid var(--line-2);background:var(--paper);color:var(--ink);width:100%}
.g-f input:focus,.g-f select:focus{outline:none;border-color:var(--terra);box-shadow:0 0 0 3px color-mix(in srgb,var(--terra) 18%,transparent)}

/* ماذا بعد */
.g-next{padding:16px 18px;border-radius:16px;background:color-mix(in srgb,var(--terra) 6%,var(--paper));display:flex;flex-direction:column;gap:10px}
.g-next b{font-size:14px}
.g-next ol{margin:0;padding:0;list-style:none;counter-reset:g;display:flex;flex-direction:column;gap:8px}
.g-next li{counter-increment:g;position:relative;padding-inline-start:32px;font-size:14px;line-height:1.75;color:var(--ink)}
.g-next li::before{content:counter(g);position:absolute;inset-inline-start:0;top:2px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;background:var(--sheet);color:var(--terra);border:1px solid color-mix(in srgb,var(--terra) 35%,transparent)}

.g-foot{display:flex;flex-direction:column;gap:8px}
.g-go{width:100%;min-height:52px;font-size:16px;border-radius:999px}
.g-msg{margin:0;min-height:1.2em;font-size:13.5px;color:var(--ink-2);text-align:center}
.g-msg.bad{color:var(--stop,#B3261E)}

@keyframes gIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.g-veil,.g-dlg{transition:none}.g-form.in{animation:none}}