/* FullShipping — giriş ve kayıt ekranları.
   Panelin dışındaki tek iki sayfa; ortak temel base.css'ten gelir. */

/* ---------- Giriş / kayıt ---------- */
.fs-auth { min-height: 100dvh; display: grid; grid-template-columns: 1fr 1fr; }
.fs-auth__aside {
  position: relative; overflow: hidden; padding: clamp(32px, 4vw, 56px);
  display: flex; flex-direction: column; justify-content: space-between; gap: var(--fs-s-8);
  background: linear-gradient(158deg, var(--fs-violet-900), var(--fs-violet-700) 55%, #7A4BE8);
  color: #fff;
}
.fs-auth__aside::before {
  content: ""; position: absolute; width: 560px; height: 560px; right: -180px; bottom: -220px;
  background: radial-gradient(circle, rgba(255,158,44,.42), transparent 66%); filter: blur(20px);
}
.fs-auth__aside > * { position: relative; }
.fs-auth__aside .fs-logo, .fs-auth__aside .fs-logo-text { color: #fff; }
.fs-auth__quote p { font-size: clamp(20px, 2vw, 27px); line-height: 1.32; letter-spacing: -.022em; }
.fs-auth__points { display: flex; flex-direction: column; gap: 12px; }
.fs-auth__points li { display: flex; gap: 11px; align-items: flex-start; color: rgba(255,255,255,.82); font-size: var(--fs-fs-sm); }
.fs-auth__points svg { width: 18px; height: 18px; flex: none; margin-top: 1px; color: var(--fs-amber-400); }
.fs-auth__main { display: grid; place-items: center; padding: clamp(28px, 4vw, 56px) var(--fs-s-6); background: var(--fs-canvas); }
.fs-auth__form { width: min(420px, 100%); display: flex; flex-direction: column; gap: var(--fs-s-5); }
.fs-auth__social { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.fs-or { display: flex; align-items: center; gap: 12px; color: var(--fs-ink-3); font-size: var(--fs-fs-xs); }
.fs-or::before, .fs-or::after { content: ""; flex: 1; height: 1px; background: var(--fs-border); }
.fs-role-pick { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.fs-role-pick label {
  display: flex; flex-direction: column; gap: 3px; padding: 11px 12px; cursor: pointer;
  border: 1px solid var(--fs-border-strong); border-radius: var(--fs-r-sm); background: var(--fs-surface);
  transition: border-color var(--fs-dur-1) var(--fs-ease), background var(--fs-dur-1) var(--fs-ease);
}
.fs-role-pick input { position: absolute; opacity: 0; }
.fs-role-pick label span { font-size: var(--fs-fs-sm); }
.fs-role-pick label small { font-size: 11px; color: var(--fs-ink-3); }
.fs-role-pick input:checked + span { color: var(--fs-brand); }
.fs-role-pick label:has(input:checked) { border-color: var(--fs-brand); background: var(--fs-brand-soft); }
@media (max-width: 900px) { .fs-auth { grid-template-columns: 1fr; } .fs-auth__aside { display: none; } }