/* AICBOX login — clean institutional card; shares tokens with style.css (dark/light) */
:root { --aic-bg: #0a1128; --aic-surface: #111c3d; --aic-border: rgba(148,163,184,.2); --aic-text: #e8edf8; --aic-muted: #aebbd8; --aic-heading: #fff; --aic-blue: #2f6bff; --aic-blue-2: #1fa4ff; --aic-red: #e5384f; --aic-font: "AICBOX Kufi","Noto Kufi Arabic",Tahoma,Arial,sans-serif; }
html[data-theme="light"] { --aic-bg: #f4f7fb; --aic-surface: #ffffff; --aic-border: rgba(15,27,61,.13); --aic-text: #1a2547; --aic-muted: #53627f; --aic-heading: #0b1636; }
body.login { background: var(--aic-bg) !important; color: var(--aic-text); font-family: var(--aic-font) !important; min-height: 100vh; }
body.login::before { content: ""; position: fixed; inset: 0 0 auto 0; height: 5px; background: linear-gradient(90deg, var(--aic-blue), var(--aic-blue-2) 55%, var(--aic-red)); z-index: 30; }
body.login .ml-container { display: flex !important; align-items: center; justify-content: center; min-height: 100vh; width: 100% !important; padding: 32px 16px; }
body.login .ml-extra-div { display: none !important; }
body.login .ml-form-container { width: 100% !important; max-width: 460px !important; min-height: 0 !important; height: auto !important; background: transparent !important; padding: 0 !important; float: none !important; display: block !important; }
body.login #login {
	width: 100% !important; max-width: 460px; padding: 36px 32px 28px !important; margin: 0 auto !important;
	background: var(--aic-surface) !important; border: 1px solid var(--aic-border); border-radius: 20px;
	box-shadow: 0 18px 50px rgba(2, 8, 30, .22); position: static !important; transform: none !important; height: auto !important;
}
html[data-theme="light"] body.login #login { box-shadow: 0 14px 40px rgba(15, 27, 61, .1); }
body.login h1.wp-login-logo { margin: 0 0 6px; }
body.login h1.wp-login-logo a, body.login #login h1 a { display: block; width: 104px !important; height: 104px !important; margin: 0 auto 8px !important; background-size: contain !important; background-repeat: no-repeat !important; background-position: center !important; }
body.login #login::after { content: "منصة تعلّم الأمن السيبراني والذكاء الاصطناعي"; display: none; }
body.login #login h1.screen-reader-text, body.login .screen-reader-text { }
body.login form, body.login #loginform { background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; margin: 18px 0 0 !important; }
body.login label { color: var(--aic-text) !important; font-weight: 600; font-size: 14px; font-family: var(--aic-font); }
body.login input[type=text], body.login input[type=password], body.login input[type=email] {
	height: 48px; padding: 0 14px; font-size: 15px; background: var(--aic-bg) !important; color: var(--aic-text) !important;
	border: 1px solid var(--aic-border) !important; border-radius: 12px !important; box-shadow: none !important; margin-top: 6px;
}
html[data-theme="light"] body.login input[type=text], html[data-theme="light"] body.login input[type=password] { background: #fff !important; }
body.login input:focus { border-color: var(--aic-blue-2) !important; box-shadow: 0 0 0 3px rgba(31,164,255,.25) !important; outline: 0; }
body.login .wp-pwd .button.wp-hide-pw { color: var(--aic-muted) !important; background: transparent !important; border: 0 !important; box-shadow: none !important; top: 6px; }
body.login .forgetmenot { margin: 14px 0 6px; display: flex; align-items: center; gap: 8px; }
body.login .forgetmenot input[type=checkbox] { width: 18px; height: 18px; border-radius: 5px; margin: 0; accent-color: var(--aic-blue); }
body.login .wp-tooltip { display: none; }
body.login .submit { margin-top: 18px; }
body.login #wp-submit {
	width: 100%; height: 50px; border: 0 !important; border-radius: 999px !important; color: #fff !important; font-weight: 700; font-size: 16px; font-family: var(--aic-font);
	background: linear-gradient(135deg, #2f6bff, #1fa4ff) !important; box-shadow: 0 12px 28px rgba(47,107,255,.35) !important; float: none !important; cursor: pointer; transition: filter .2s ease, transform .2s ease;
}
body.login #wp-submit:hover { filter: brightness(1.08); transform: translateY(-1px); }
body.login #nav, body.login #backtoblog { text-align: center; margin: 14px 0 0 !important; padding: 0 !important; font-size: 14px; }
body.login #nav { font-size: 0; }
body.login #nav a, body.login #backtoblog a, body.login .privacy-policy-link { color: var(--aic-blue-2) !important; font-size: 14px; font-family: var(--aic-font); text-decoration: none; }
body.login #nav a:hover, body.login #backtoblog a:hover { text-decoration: underline; }
body.login .wp-login-register { display: none !important; }
body.login .privacy-policy-page-link { text-align: center; margin-top: 10px; }
body.login .language-switcher { display: none !important; }
body.login #login_error, body.login .notice, body.login .message, body.login .success {
	background: var(--aic-bg) !important; color: var(--aic-text) !important; border: 1px solid var(--aic-border) !important; border-inline-start: 4px solid var(--aic-red) !important; border-radius: 12px; box-shadow: none; padding: 12px 14px; margin: 0 0 16px;
}
body.login .message, body.login .success { border-inline-start-color: var(--aic-blue-2) !important; }
body.login .googlesitekit-sign-in-with-google__frontend-output-button { max-width: 100% !important; margin: 0 auto 16px !important; display: flex; justify-content: center; position: static !important; }
body.login .aicbox-theme-toggle--login { position: fixed; }
@media (max-width: 520px) { body.login #login { padding: 28px 20px 22px !important; border-radius: 16px; } }

/* Override Colorlib image/gradient layers and offsets */
html body.login, body.login { background-image: none !important; background-color: var(--aic-bg) !important; }
body.login #loginform { background-image: none !important; background-color: transparent !important; }
body.login #loginform::before { color: var(--aic-heading) !important; font-family: var(--aic-font); font-size: 22px !important; line-height: 1.6 !important; text-align: center; display: block; margin: 4px 0 8px !important; }
body.login #login { box-sizing: border-box; position: relative !important; left: auto !important; right: auto !important; top: auto !important; margin: 0 auto !important; float: none !important; width: 100% !important; }
body.login .ml-form-container { margin: 0 auto !important; left: auto !important; right: auto !important; }
body.login .ml-container { background: none !important; }

/* High-specificity pass (Colorlib inline rules use !important with layout classes) */
html body.login.login.login .ml-container .ml-form-container { margin: 0 auto !important; width: 100% !important; max-width: 460px !important; padding: 0 !important; }
html body.login.login.login .ml-container .ml-form-container #login { margin: 0 auto !important; left: auto !important; right: auto !important; width: 100% !important; max-width: 460px !important; position: relative !important; }
html body.login.login.login .ml-container .ml-form-container #login #loginform,
html body.login.login.login .ml-container .ml-form-container #login form { background: none !important; background-image: none !important; box-shadow: none !important; border: 0 !important; border-radius: 0 !important; width: 100% !important; margin: 14px 0 0 !important; padding: 0 !important; backdrop-filter: none !important; }
html body.login.login.login #loginform::before { color: var(--aic-heading) !important; }
html body.login.login.login #loginform .submit p, html body.login.login.login #loginform p.submit { display: block; }
html body.login.login.login #loginform .submit::after, html body.login.login.login #loginform p.submit::before { display: none !important; }

/* Final pass: spacing, fields, submit row */
html body.login.login.login .ml-container .ml-form-container #login { padding: 36px 32px 28px !important; }
html body.login.login.login #loginform input[type=text], html body.login.login.login #loginform input[type=password] {
	display: block; width: 100% !important; box-sizing: border-box; height: 48px; background: var(--aic-bg) !important; color: var(--aic-text) !important;
	border: 1px solid var(--aic-border) !important; border-radius: 12px !important; padding: 0 14px !important; box-shadow: none !important; margin: 6px 0 0 !important;
}
html body.login.login.login #loginform input:focus { border-color: var(--aic-blue-2) !important; box-shadow: 0 0 0 3px rgba(31,164,255,.25) !important; }
html body.login.login.login #loginform .wp-pwd { position: relative; }
html body.login.login.login #loginform .wp-pwd .wp-hide-pw { position: absolute; inset-inline-start: 4px; top: 6px; height: 48px; }
html body.login.login.login #loginform p, html body.login.login.login #loginform .user-pass-wrap { margin: 0 0 16px !important; padding: 0 !important; }
html body.login.login.login #loginform p.submit { display: flex !important; flex-direction: column; gap: 12px; float: none !important; width: 100% !important; margin: 18px 0 0 !important; }
html body.login.login.login #loginform p.submit::before, html body.login.login.login #loginform p.submit::after { order: 2; float: none !important; width: 100% !important; text-align: center; color: var(--aic-muted) !important; font-size: 13px; line-height: 1.8; position: static !important; margin: 0 !important; }
html body.login.login.login #loginform #wp-submit { width: 100% !important; float: none !important; margin: 0 !important; order: 1; }
html body.login.login.login .forgetmenot { float: none !important; }
html body.login.login.login #loginform input { outline: 0 !important; }
html body.login.login.login #loginform input[type=text]:not(:focus), html body.login.login.login #loginform input[type=password]:not(:focus) { box-shadow: none !important; }
html body.login.login.login #loginform input:-webkit-autofill { -webkit-box-shadow: 0 0 0 40px var(--aic-bg) inset !important; -webkit-text-fill-color: var(--aic-text) !important; }
html[data-theme="light"] body.login #nav a, html[data-theme="light"] body.login #backtoblog a, html[data-theme="light"] body.login .privacy-policy-link { color: #1456c8 !important; }

/* No third-party sign-in on this form */
body.login .googlesitekit-sign-in-with-google__frontend-output-button, body.login [class*="siwg"], body.login #g_id_onload { display: none !important; }