/* =====================================================
   Auth σελίδες (login / register / forgot / reset)
   Κεντραρισμένη κάρτα — με marketplace.css (tokens).
   ===================================================== */
body{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 16px}
.auth-box{width:100%;max-width:400px}
.auth-logo{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:20px;color:var(--text)}
.auth-logo img{width:44px;height:44px;border-radius:var(--r)}
.auth-logo b{font-size:20px;font-weight:700;letter-spacing:-.01em}
.auth-card{background:var(--surface);border-radius:var(--r);padding:26px 24px;box-shadow:var(--shadow-card)}
.auth-h1{font-size:22px;font-weight:700;text-align:center;letter-spacing:-.01em}
.auth-sub{font-size:14px;color:var(--text-2);text-align:center;margin-top:5px;margin-bottom:20px}
.auth-field{margin-bottom:15px}
.auth-field > label{display:flex;align-items:baseline;justify-content:space-between;font-size:13px;font-weight:600;color:var(--text-2);margin-bottom:6px}
.auth-field > label a{font-size:12px;font-weight:600;color:var(--blue-txt)}
.auth-field > label a:hover{text-decoration:underline}
.auth-input{position:relative}
.auth-input svg{position:absolute;left:13px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--text-2);pointer-events:none}
.auth-input input{width:100%;height:46px;border:1px solid var(--line-2);border-radius:var(--r);background:transparent;padding:0 14px 0 40px;font-size:15px;color:var(--text)}
.auth-input input:focus{outline:none;border-color:var(--blue)}
.auth-input input.err{border-color:var(--red)}
.auth-err{font-size:12px;color:var(--red);margin-top:6px}
.auth-check{display:flex;align-items:flex-start;gap:9px;font-size:13.5px;color:var(--text-2);margin-bottom:6px;cursor:pointer;user-select:none}
.auth-check input{margin-top:2px;width:16px;height:16px;accent-color:var(--blue)}
.auth-check a{color:var(--blue-txt);font-weight:600}
.auth-btn{width:100%;height:46px;border-radius:var(--r);background:var(--blue);color:#fff;font-weight:700;font-size:15px;display:flex;align-items:center;justify-content:center;gap:8px;border:none;cursor:pointer;margin-top:8px;transition:background .12s}
.auth-btn:hover{background:var(--blue-hover)}
.auth-btn svg{width:16px;height:16px}
.auth-foot{text-align:center;font-size:14px;color:var(--text-2);margin-top:18px}
.auth-foot a{color:var(--blue-txt);font-weight:600}
.auth-foot a:hover{text-decoration:underline}
.auth-theme{position:fixed;top:14px;right:14px}
.auth-theme button{width:38px;height:38px;border-radius:var(--r);background:var(--surface);box-shadow:var(--shadow);display:grid;place-items:center;color:var(--text);border:none;cursor:pointer}

/* ── Social login (Google / Facebook) ─────────────────────────── */
.social-btns{display:flex;flex-direction:column;gap:10px}
.sbtn{display:flex;align-items:center;justify-content:center;gap:10px;height:46px;border:1px solid var(--line-2);border-radius:var(--r);background:var(--surface);font-size:14.5px;font-weight:600;color:var(--text);transition:background .12s,border-color .12s}
.sbtn:hover{background:var(--hover);border-color:var(--text-3)}
.sbtn svg{width:19px;height:19px;flex:none}
.auth-or{display:flex;align-items:center;gap:12px;margin:16px 0;color:var(--text-3);font-size:12.5px;font-weight:600;text-transform:lowercase}
.auth-or::before,.auth-or::after{content:"";flex:1;height:1px;background:var(--line-2)}