/* Studio56 — ανανεωμένη σελίδα σύνδεσης / εγγραφής. Φορτώνεται τελευταίο.
   Ίδια χρώματα με τα sidebars-pro.css / pages-pro.css και σέβεται το θέμα του site. */

html[data-site-theme] body.auth-page:not(#_){
  --up-surface:#0a1f3a;
  --up-card:rgba(255,255,255,.045);
  --up-field:#06162b;
  --up-line:rgba(56,189,248,.20);
  --up-text:#e8f4ff;
  --up-muted:#8aa9c4;
  --up-accent:#22d3ee;
  --up-accent-2:#6366f1;
  --up-danger:#f87171;
  --up-page:#04101f;
  --f1:#22d3ee;--f2:#f472b6;--f3:#a78bfa;--f4:#fbbf24;--f5:#4ade80;
}
html[data-site-theme]:not([data-site-theme="current"]) body.auth-page:not(#_){
  --up-surface:var(--t-surface);
  --up-card:color-mix(in srgb,var(--t-surface2) 75%,transparent);
  --up-field:var(--t-surface2);
  --up-line:var(--t-line);
  --up-text:var(--t-text);
  --up-muted:var(--t-muted);
  --up-accent:var(--t-accent);
  --up-page:var(--t-bg);
}
html[data-site-theme="light"] body.auth-page:not(#_){
  --up-field:#f4f7fb;
  --up-danger:#dc2626;
  --f1:#0891b2;--f2:#db2777;--f3:#7c3aed;--f4:#d97706;--f5:#16a34a;
}

/* ---------- φόντο ---------- */
html[data-site-theme] body.auth-page:not(#_):not([style*="background-image"]){
  background:
    radial-gradient(900px 600px at 12% 10%,color-mix(in srgb,var(--up-accent) 16%,transparent),transparent 60%),
    radial-gradient(800px 600px at 90% 90%,color-mix(in srgb,var(--up-accent-2) 16%,transparent),transparent 60%),
    var(--up-page)!important;
  background-attachment:fixed!important;
}
html[data-site-theme] body.auth-page:not(#_) *{text-shadow:none}

/* ---------- αριστερή στήλη ---------- */
html[data-site-theme] body.auth-page:not(#_) .auth-brand .tagline{
  color:var(--up-text)!important;opacity:.85;font-size:clamp(17px,1.6vw,21px)!important;font-weight:600!important;letter-spacing:.01em!important;
}
html[data-site-theme] body.auth-page:not(#_) .features{gap:12px!important;max-width:440px!important}
html[data-site-theme] body.auth-page:not(#_) .features > .feature-item{
  display:flex!important;align-items:center!important;gap:14px!important;padding:10px 14px 10px 10px!important;
  border:1px solid transparent;border-radius:18px;
  transition:background .2s ease,border-color .2s ease,transform .2s ease;
}
html[data-site-theme] body.auth-page:not(#_) .features > .feature-item:hover{
  background:var(--up-card);border-color:var(--up-line);transform:translateX(4px);
}
html[data-site-theme] body.auth-page:not(#_) .features .feature-icon{
  --fc:var(--f1);
  display:grid!important;place-items:center!important;flex:0 0 48px!important;width:48px!important;min-width:48px!important;height:48px!important;
  margin:0!important;border-radius:15px!important;
  background:color-mix(in srgb,var(--fc) 15%,transparent)!important;color:var(--fc)!important;
  border:1px solid color-mix(in srgb,var(--fc) 28%,transparent)!important;
  font-size:21px!important;text-shadow:none!important;filter:none!important;
}
html[data-site-theme] body.auth-page:not(#_) .features .feature-2 .feature-icon{--fc:var(--f2)}
html[data-site-theme] body.auth-page:not(#_) .features .feature-3 .feature-icon{--fc:var(--f3)}
html[data-site-theme] body.auth-page:not(#_) .features .feature-4 .feature-icon{--fc:var(--f4)}
html[data-site-theme] body.auth-page:not(#_) .features .feature-5 .feature-icon{--fc:var(--f5)}
html[data-site-theme] body.auth-page:not(#_) .features .feature-icon svg{display:block}
html[data-site-theme] body.auth-page:not(#_) .features strong{color:var(--up-text)!important;font-size:15px!important;font-weight:800!important}
html[data-site-theme] body.auth-page:not(#_) .features small{color:var(--up-muted)!important;font-size:12.5px!important;line-height:1.45!important}

/* ---------- κάρτα ---------- */
html[data-site-theme] body.auth-page:not(#_) .auth-card{
  padding:30px 30px 26px!important;border-radius:28px!important;
  background:var(--up-surface)!important;border:1px solid var(--up-line)!important;
  box-shadow:0 30px 80px rgba(0,0,0,.35),0 2px 8px rgba(0,0,0,.10)!important;color:var(--up-text)!important;
  backdrop-filter:none!important;
}
html[data-site-theme="light"] body.auth-page:not(#_) .auth-card{box-shadow:0 30px 70px rgba(23,50,77,.16),0 2px 8px rgba(23,50,77,.06)!important}
html[data-site-theme] body.auth-page:not(#_) .auth-card::before{color:var(--up-muted)!important;font-weight:800!important;letter-spacing:.24em!important;text-transform:uppercase}

/* καρτέλες */
html[data-site-theme] body.auth-page:not(#_) .auth-tabs{
  display:grid!important;grid-template-columns:1fr 1fr!important;gap:4px!important;margin:0 0 22px!important;padding:5px!important;
  border:1px solid var(--up-line)!important;border-radius:16px!important;background:var(--up-field)!important;box-shadow:none!important;
}
html[data-site-theme] body.auth-page:not(#_) .auth-tabs.single-tab{display:none!important}
html[data-site-theme] body.auth-page:not(#_) .auth-tabs .tab{
  min-height:42px!important;margin:0!important;padding:0 10px!important;border:0!important;border-radius:12px!important;
  background:transparent!important;color:var(--up-muted)!important;box-shadow:none!important;
  font:inherit!important;font-size:14px!important;font-weight:800!important;cursor:pointer!important;transition:background .18s ease,color .18s ease!important;
}
html[data-site-theme] body.auth-page:not(#_) .auth-tabs .tab:hover{color:var(--up-text)!important}
html[data-site-theme] body.auth-page:not(#_) .auth-tabs .tab.active{
  background:var(--up-surface)!important;color:var(--up-text)!important;
  box-shadow:0 2px 8px rgba(0,0,0,.12),inset 0 0 0 1px var(--up-line)!important;
}

/* επικεφαλίδα φόρμας */
html[data-site-theme] body.auth-page:not(#_) .form-heading{display:flex!important;align-items:center!important;gap:14px!important;margin:0 0 20px!important}
html[data-site-theme] body.auth-page:not(#_) .form-heading > span{
  display:grid!important;place-items:center!important;flex:0 0 48px!important;width:48px!important;height:48px!important;
  border:0!important;border-radius:15px!important;box-shadow:none!important;
  background:linear-gradient(135deg,color-mix(in srgb,var(--up-accent) 22%,transparent),color-mix(in srgb,var(--up-accent-2) 18%,transparent))!important;
  color:var(--up-accent)!important;font-size:20px!important;
}
html[data-site-theme] body.auth-page:not(#_) .form-heading h1{margin:0 0 3px!important;color:var(--up-text)!important;font-size:21px!important;font-weight:800!important;letter-spacing:-.01em!important}
html[data-site-theme] body.auth-page:not(#_) .form-heading p{margin:0!important;color:var(--up-muted)!important;font-size:13px!important}

/* πεδία */
html[data-site-theme] body.auth-page:not(#_) .auth-form{display:flex!important;flex-direction:column!important;gap:12px!important}
html[data-site-theme] body.auth-page:not(#_) .auth-form[hidden]{display:none!important}
html[data-site-theme] body.auth-page:not(#_) label.field{
  position:relative!important;display:flex!important;align-items:center!important;gap:0!important;
  height:54px!important;min-height:54px!important;margin:0!important;padding:0!important;
  border:1px solid var(--up-line)!important;border-radius:15px!important;background:var(--up-field)!important;box-shadow:none!important;
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease!important;
}
html[data-site-theme] body.auth-page:not(#_) label.field:focus-within{
  border-color:var(--up-accent)!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--up-accent) 16%,transparent)!important;
}
html[data-site-theme] body.auth-page:not(#_) label.field > span{
  display:grid!important;place-items:center!important;flex:0 0 48px!important;width:48px!important;height:100%!important;
  margin:0!important;padding:0!important;border:0!important;background:none!important;
  color:var(--up-muted)!important;font-size:16px!important;transition:color .18s ease;
}
html[data-site-theme] body.auth-page:not(#_) label.field:focus-within > span{color:var(--up-accent)!important}
html[data-site-theme] body.auth-page:not(#_) label.field input{
  flex:1 1 auto!important;min-width:0!important;width:auto!important;height:100%!important;margin:0!important;padding:0 14px 0 0!important;
  border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;
  color:var(--up-text)!important;font:inherit!important;font-size:15px!important;font-weight:600!important;
}
html[data-site-theme] body.auth-page:not(#_) label.field input::placeholder{color:var(--up-muted)!important;opacity:.85!important;font-weight:500}
html[data-site-theme] body.auth-page:not(#_) label.field input:-webkit-autofill{
  -webkit-text-fill-color:var(--up-text)!important;-webkit-box-shadow:0 0 0 40px var(--up-field) inset!important;transition:background-color 9999s;
}
html[data-site-theme] body.auth-page:not(#_) .eye{
  display:grid!important;place-items:center!important;flex:0 0 40px!important;width:40px!important;height:40px!important;
  margin:0 7px 0 0!important;padding:0!important;border:0!important;border-radius:11px!important;
  background:transparent!important;color:var(--up-muted)!important;box-shadow:none!important;cursor:pointer!important;
  position:static!important;transform:none!important;font-size:0!important;
}
html[data-site-theme] body.auth-page:not(#_) .eye:hover{background:color-mix(in srgb,var(--up-accent) 10%,transparent)!important;color:var(--up-accent)!important}
html[data-site-theme] body.auth-page:not(#_) .eye .eye-off{display:none}
html[data-site-theme] body.auth-page:not(#_) .eye.is-on .eye-on{display:none}
html[data-site-theme] body.auth-page:not(#_) .eye.is-on .eye-off{display:inline}
html[data-site-theme] body.auth-page:not(#_) .eye.is-on{color:var(--up-accent)!important}
html[data-site-theme] body.auth-page:not(#_) .eye svg{display:block}
html[data-site-theme] body.auth-page:not(#_) .auth-form .hint{margin:-6px 4px 0!important;color:var(--up-muted)!important;font-size:11.5px!important}

/* όροι */
html[data-site-theme] body.auth-page:not(#_) .terms{display:flex!important;align-items:flex-start!important;gap:10px!important;margin:2px 2px 0!important;color:var(--up-muted)!important;font-size:12.5px!important;line-height:1.5!important}
html[data-site-theme] body.auth-page:not(#_) .terms input{width:18px!important;height:18px!important;margin:1px 0 0!important;accent-color:var(--up-accent);flex:0 0 auto}
html[data-site-theme] body.auth-page:not(#_) .terms a{color:var(--up-accent)!important;font-weight:700;text-decoration:none}
html[data-site-theme] body.auth-page:not(#_) .terms a:hover{text-decoration:underline}

/* κουμπί */
html[data-site-theme] body.auth-page:not(#_) .submit-btn{
  display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;
  width:100%!important;height:54px!important;min-height:54px!important;margin:6px 0 0!important;padding:0 18px!important;
  border:0!important;border-radius:15px!important;cursor:pointer!important;
  background:linear-gradient(135deg,var(--up-accent),color-mix(in srgb,var(--up-accent) 55%,var(--up-accent-2)))!important;
  color:#fff!important;font:inherit!important;font-size:16px!important;font-weight:800!important;letter-spacing:.01em!important;
  box-shadow:0 12px 28px color-mix(in srgb,var(--up-accent) 32%,transparent)!important;
  transition:transform .16s ease,box-shadow .16s ease,filter .16s ease!important;
}
html[data-site-theme="current"] body.auth-page:not(#_) .submit-btn{color:#04202c!important}
html[data-site-theme] body.auth-page:not(#_) .submit-btn:hover{transform:translateY(-1px)!important;filter:brightness(1.06)!important;box-shadow:0 16px 34px color-mix(in srgb,var(--up-accent) 40%,transparent)!important}
html[data-site-theme] body.auth-page:not(#_) .submit-btn:active{transform:translateY(0)!important}
html[data-site-theme] body.auth-page:not(#_) .submit-btn .arrow{transition:transform .18s ease}
html[data-site-theme] body.auth-page:not(#_) .submit-btn:hover .arrow{transform:translateX(4px)}

/* σφάλμα */
html[data-site-theme] body.auth-page:not(#_) .auth-error{
  margin:0 0 14px!important;padding:11px 14px!important;border-radius:14px!important;
  color:var(--up-danger)!important;background:color-mix(in srgb,var(--up-danger) 10%,transparent)!important;
  border:1px solid color-mix(in srgb,var(--up-danger) 32%,transparent)!important;font-size:13px!important;font-weight:700!important;
}

/* επισκέπτης */
html[data-site-theme] body.auth-page:not(#_) .guest-separator{display:flex!important;align-items:center!important;gap:12px!important;margin:18px 0 12px!important;color:var(--up-muted)!important;font-size:12px!important;font-weight:700!important}
html[data-site-theme] body.auth-page:not(#_) .guest-separator::before,
html[data-site-theme] body.auth-page:not(#_) .guest-separator::after{content:"";flex:1;height:1px;background:var(--up-line)}
html[data-site-theme] body.auth-page:not(#_) .guest-separator span{background:none!important;padding:0!important}
html[data-site-theme] body.auth-page:not(#_) .guest-form{display:flex!important;flex-direction:column!important;gap:10px!important}
html[data-site-theme] body.auth-page:not(#_) .guest-btn{
  width:100%!important;height:50px!important;margin:0!important;border-radius:15px!important;cursor:pointer!important;
  border:1px solid var(--up-line)!important;background:transparent!important;color:var(--up-text)!important;box-shadow:none!important;
  font:inherit!important;font-size:14.5px!important;font-weight:800!important;transition:background .16s ease,border-color .16s ease!important;
}
html[data-site-theme] body.auth-page:not(#_) .guest-btn:hover{border-color:var(--up-accent)!important;background:color-mix(in srgb,var(--up-accent) 8%,transparent)!important}

/* εναλλαγή σύνδεση/εγγραφή */
html[data-site-theme] body.auth-page:not(#_) .switch-copy{margin:18px 0 0!important;text-align:center!important;color:var(--up-muted)!important;font-size:13px!important}
html[data-site-theme] body.auth-page:not(#_) .switch-copy button{border:0!important;background:none!important;padding:0 2px!important;color:var(--up-accent)!important;font:inherit!important;font-weight:800!important;cursor:pointer!important;box-shadow:none!important}
html[data-site-theme] body.auth-page:not(#_) .switch-copy button:hover{text-decoration:underline}

@media (max-width:520px){
  html[data-site-theme] body.auth-page:not(#_) .auth-card{padding:22px 18px 20px!important;border-radius:22px!important}
  html[data-site-theme] body.auth-page:not(#_) .form-heading h1{font-size:19px!important}
}
@media (prefers-reduced-motion:reduce){
  html[data-site-theme] body.auth-page:not(#_) *{transition:none!important}
}

/* το style.css βάζει μόνιμα ένα σκούρο φίλτρο πάνω από όλη τη σελίδα (φτιαγμένο για το σκούρο θέμα).
   Στα υπόλοιπα θέματα έκανε τη σελίδα γκρι — το σκοτείνιασμα της εικόνας φόντου ρυθμίζεται ήδη από τη διαχείριση. */
html[data-site-theme]:not([data-site-theme="current"]) body.auth-page:not(#_)::before{display:none!important}
/* λογότυπο-κείμενο (όταν δεν έχει ανέβει εικόνα λογότυπου) να διαβάζεται και στο ανοιχτό θέμα */
html[data-site-theme]:not([data-site-theme="current"]) body.auth-page:not(#_) .brand-logo:not(.brand-logo-image) > span:last-child{color:var(--up-text)!important;-webkit-text-fill-color:currentColor!important;text-shadow:none!important}

/* =========================================================
   ΚΙΝΗΤΟ / TABLET (έως 1000px)
   Πριν: το λογότυπο και τα χαρακτηριστικά κρύβονταν τελείως.
   Τώρα: λογότυπο + σλόγκαν στην κορυφή, μια σειρά με τα 5 εικονίδια, και από κάτω η κάρτα.
   ========================================================= */
@media (max-width:1000px){
  html[data-site-theme] body.auth-page:not(#_){
    padding:max(18px,env(safe-area-inset-top)) 16px 96px!important;
    display:block!important;min-height:100svh!important;background-attachment:scroll!important;
  }
  html[data-site-theme] body.auth-page:not(#_) .auth-layout{
    display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:18px!important;
    width:100%!important;max-width:480px!important;margin:0 auto!important;padding:0!important;
  }
  html[data-site-theme] body.auth-page:not(#_) .auth-brand{
    display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;
    gap:10px!important;margin:6px 0 0!important;padding:0!important;min-height:0!important;
  }
  html[data-site-theme] body.auth-page:not(#_) .auth-brand .brand-logo{
    transform:none!important;margin:0 auto!important;justify-content:center!important;
  }
  html[data-site-theme] body.auth-page:not(#_) .auth-brand .brand-logo-image img{
    width:auto!important;height:auto!important;max-width:min(240px,62vw)!important;max-height:84px!important;
  }
  html[data-site-theme] body.auth-page:not(#_) .auth-brand .brand-logo:not(.brand-logo-image){font-size:34px!important}
  html[data-site-theme] body.auth-page:not(#_) .auth-brand .tagline{
    margin:0!important;font-size:14.5px!important;line-height:1.4!important;opacity:.9;
  }
  /* τα 5 χαρακτηριστικά ως μια σειρά από εικονίδια με μικρή λεζάντα */
  html[data-site-theme] body.auth-page:not(#_) .features{
    display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:6px!important;
    width:100%!important;max-width:420px!important;margin:6px auto 0!important;
  }
  html[data-site-theme] body.auth-page:not(#_) .features > .feature-item{
    flex-direction:column!important;gap:6px!important;padding:0!important;border:0!important;background:none!important;transform:none!important;min-width:0!important;
  }
  html[data-site-theme] body.auth-page:not(#_) .features .feature-icon{
    flex:0 0 46px!important;width:46px!important;min-width:46px!important;height:46px!important;border-radius:15px!important;
  }
  html[data-site-theme] body.auth-page:not(#_) .features > .feature-item > span{display:block!important;min-width:0!important;width:100%!important}
  html[data-site-theme] body.auth-page:not(#_) .features strong{
    display:block!important;font-size:10.5px!important;font-weight:700!important;line-height:1.25!important;
    white-space:normal!important;overflow-wrap:anywhere;color:var(--up-muted)!important;
  }
  html[data-site-theme] body.auth-page:not(#_) .features small{display:none!important}

  html[data-site-theme] body.auth-page:not(#_) .auth-card{
    width:100%!important;max-width:none!important;margin:0!important;padding:22px 18px 20px!important;border-radius:24px!important;
  }
  html[data-site-theme] body.auth-page:not(#_) .auth-card::before{display:none!important}
  html[data-site-theme] body.auth-page:not(#_) .auth-tabs{margin-bottom:18px!important}
  html[data-site-theme] body.auth-page:not(#_) .form-heading{margin-bottom:16px!important}
  html[data-site-theme] body.auth-page:not(#_) .form-heading > span{flex-basis:44px!important;width:44px!important;height:44px!important}
  html[data-site-theme] body.auth-page:not(#_) .form-heading h1{font-size:19px!important}
  /* 16px στα πεδία ώστε το iPhone να μην κάνει zoom όταν πατάς μέσα */
  html[data-site-theme] body.auth-page:not(#_) label.field input{font-size:16px!important}
}
@media (max-width:360px){
  html[data-site-theme] body.auth-page:not(#_) .features strong{display:none!important}
  html[data-site-theme] body.auth-page:not(#_) .features .feature-icon{flex-basis:42px!important;width:42px!important;min-width:42px!important;height:42px!important}
}

/* Ανάκτηση κωδικού */
.auth-page .auth-info{margin:0 0 14px;padding:12px 14px;border-radius:12px;border:1px solid rgba(34,197,94,.45);background:rgba(34,197,94,.12);color:#bbf7d0;font-size:13.5px;line-height:1.45}
.auth-page .forgot-link{align-self:flex-end;margin:-4px 2px 2px auto;padding:2px 0;border:0;background:none;color:#7dd3fc;font:inherit;font-size:12.5px;font-weight:700;cursor:pointer;text-decoration:none}
.auth-page .forgot-link:hover{text-decoration:underline}
.auth-page .forgot-back{margin-top:6px;padding:8px;border:0;background:none;color:inherit;opacity:.75;font:inherit;font-size:13px;font-weight:700;cursor:pointer}
.auth-page .forgot-back:hover{opacity:1}
.auth-page #forgotForm .form-heading > span,.auth-page #resetForm .form-heading > span{font-size:20px}
.auth-page #forgotForm .field > span,.auth-page #resetForm .field > span{font-size:15px}
html[data-site-theme="light"] .auth-page .auth-info{color:#166534}
html[data-site-theme="light"] .auth-page .forgot-link{color:#0369a1}