/**
 * Storedeck Office 2.1 · Σελίδα εισόδου στο design «Glass»: Inter, μπλε κουμπί, γυάλινη φόρμα, απαλά φωτεινά σημεία.
 * Φορτώνεται μετά το login.css του kit.
 */
@font-face {
	font-family: "Inter"; font-style: normal; font-display: swap; font-weight: 100 900;
	src: url("../fonts/inter-greek-wght-normal.woff2") format("woff2");
	unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF, U+1F00-1FFF;
}
@font-face {
	font-family: "Inter"; font-style: normal; font-display: swap; font-weight: 100 900;
	src: url("../fonts/inter-latin-wght-normal.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
html body.login.sdk-login {
	--l-font: "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI Variable Text", system-ui, sans-serif;
	--l-bg: #f2f2f7; --l-card: #ffffff; --l-line: #e5e5ea; --l-ink: #1d1d1f; --l-accent: rgba(0, 113, 227, .14); --l-btn: #0071e3; --l-on-btn: #ffffff;
	--l-pa: #cfe2fb; --l-pb: #dedcfb; --l-pc: #d3ecf7; --l-pg: #eef1f7;
	font-feature-settings: "cv11" 1, "ss01" 1;
	background-color: var(--l-bg);
}
@media (prefers-color-scheme: dark) {
	html body.login.sdk-login {
		--l-bg: #000000; --l-card: #1c1c1e; --l-line: #2c2c2e; --l-ink: #f5f5f7; --l-accent: rgba(10, 132, 255, .2); --l-btn: #0a84ff; --l-on-btn: #ffffff;
		--l-pa: #0f2c52; --l-pb: #221f52; --l-pc: #0b3040; --l-pg: #0b0b10;
		--l-danger: #ff8fab; --l-ok: #7fd6a2; --l-warn: #f2c14e; --l-info: #8ab8ff;
	}
	body.sdk-login .sdk-login-panel::before { mix-blend-mode: screen; opacity: .05; }
	body.sdk-login .sdk-login-panel::after { opacity: .28; }
}
body.sdk-login .sdk-login-panel::before { opacity: .12; }
body.sdk-login .sdk-login-panel::after { opacity: .7; }
body.sdk-login .sdk-login-brand__mark { background: linear-gradient(145deg, #0a84ff, #5e5ce6); color: #fff; border-radius: 11px; }
body.sdk-login .sdk-login-panel__title { letter-spacing: -.035em; font-weight: 700; }
body.sdk-login .sdk-login-panel__eyebrow { letter-spacing: .08em; font-weight: 600; }
body.sdk-login .sdk-login-panel__chips li { background: color-mix(in srgb, var(--l-card) 62%, transparent); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); box-shadow: 0 1px 2px rgba(0, 0, 0, .05); font-weight: 600; }
body.sdk-login .sdk-login-hello h2 { letter-spacing: -.03em; font-weight: 700; }
body.sdk-login label { font-weight: 600; }
body.sdk-login input[type="text"], body.sdk-login input[type="password"], body.sdk-login input[type="email"] {
	border-radius: 12px !important; background: color-mix(in srgb, var(--l-card) 85%, transparent) !important;
	border: 1px solid color-mix(in srgb, var(--l-ink) 12%, transparent) !important; transition: border-color .15s, box-shadow .15s;
}
body.sdk-login input[type="text"]:focus, body.sdk-login input[type="password"]:focus, body.sdk-login input[type="email"]:focus {
	border-color: #0a84ff !important; box-shadow: 0 0 0 4px rgba(10, 132, 255, .18) !important;
}
body.sdk-login .button-primary, body.sdk-login input[type="submit"], body.sdk-login button[type="submit"] {
	border-radius: 12px !important; background: linear-gradient(180deg, #1a8cff, #0071e3) !important; color: #fff !important; font-weight: 600 !important;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .1), 0 8px 20px rgba(0, 113, 227, .28) !important; transition: transform .15s, box-shadow .15s, filter .15s;
}
body.sdk-login .button-primary:hover, body.sdk-login input[type="submit"]:hover { filter: brightness(1.05); box-shadow: 0 1px 2px rgba(0, 0, 0, .1), 0 12px 28px rgba(0, 113, 227, .34) !important; }
body.sdk-login .button-primary:active, body.sdk-login input[type="submit"]:active { transform: scale(.985); }
/* Είσοδος: η φόρμα ανεβαίνει απαλά */
@keyframes lg-in { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }
body.sdk-login #login, body.sdk-login .sdk-login-panel__body { animation: lg-in .7s cubic-bezier(.2, .8, .2, 1) both; }
body.sdk-login .sdk-login-panel__body { animation-delay: .08s; }
@media (prefers-reduced-motion: reduce) { body.sdk-login #login, body.sdk-login .sdk-login-panel__body { animation: none; } }