/* מסך ההתחברות (wp-login.php) בשפת העיצוב של ה-CRM. נטען דרך login_enqueue_scripts. */
:root { --bg: #f4f3ef; --surface: #fff; --line: #e3e0d8; --line-strong: #cfcbc0; --fg: #1f1d1a; --fg-2: #5e5a52; --fg-3: #8a857b; --accent: #0f6b6e; --accent-hover: #0b5759; --accent-soft: #e0f0ef; --urgent: #c2410c; --urgent-soft: #fdebe3; --side-bg: #1c2a2b; }
@media (prefers-color-scheme: dark) { :root { --bg: #141615; --surface: #1d201f; --line: #2d3230; --line-strong: #3d4441; --fg: #ecebe6; --fg-2: #b4b0a6; --fg-3: #85817a; --accent: #4fb3b6; --accent-hover: #6cc5c7; --accent-soft: #163a3b; --urgent: #f0875c; --urgent-soft: #3a211a; color-scheme: dark; } }
html, body.login { background: var(--bg) !important; color: var(--fg); font-family: "Heebo", "Segoe UI", Arial, sans-serif; }
body.login { display: flex; flex-direction: column; justify-content: center; min-height: 100vh; margin: 0; padding: 24px 16px; }
#login { width: 100%; max-width: 380px; padding: 0; margin: 0 auto; }
/* לוגו נשמת: צבעוני על רקע בהיר, לבן במצב כהה */
#login h1 a { background-image: url("../img/logo-nishmat.webp"); background-size: contain; background-position: center; width: 150px; height: 222px; margin: 0 auto 4px; }
@media (prefers-color-scheme: dark) { #login h1 a { background-image: url("../img/logo-nishmat-white.webp"); } }
#login h1::after { content: "CRM"; display: block; text-align: center; font-size: 12px; font-weight: 600; letter-spacing: .14em; color: var(--fg-3); margin-bottom: 18px; }
.login form, #login form { background: var(--surface); border: 1px solid var(--line); border-radius: 12px; box-shadow: 0 1px 2px rgba(31,29,26,.06), 0 4px 14px rgba(31,29,26,.05); padding: 24px 24px 20px; margin-top: 0; }
.login label { color: var(--fg-2); font-size: 13px; }
.login form .input, .login input[type="text"], .login input[type="password"] { background: var(--surface); color: var(--fg); border: 1px solid var(--line-strong); border-radius: 8px; font-size: 15px; padding: 8px 10px; box-shadow: none; }
.login form .input:focus, .login input[type="text"]:focus, .login input[type="password"]:focus { border-color: var(--accent); box-shadow: 0 0 0 3px var(--accent-soft); outline: 0; }
.login .button.wp-hide-pw { color: var(--fg-3); }
.wp-core-ui .button-primary { background: var(--accent); border-color: var(--accent); color: #fff; border-radius: 8px; font-size: 14px; min-height: 38px; line-height: 36px; padding: 0 16px; text-shadow: none; box-shadow: none; width: 100%; margin-top: 6px; }
.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus { background: var(--accent-hover); border-color: var(--accent-hover); }
.login .forgetmenot label { font-size: 13px; }
.login #nav, .login #backtoblog { text-align: center; font-size: 13px; }
.login #nav a, .login #backtoblog a { color: var(--fg-3); }
.login #nav a:hover, .login #backtoblog a:hover { color: var(--accent); }
.login #login_error, .login .message, .login .success { border-radius: 8px; border: 0; box-shadow: none; background: var(--urgent-soft); color: var(--urgent); }
.login .message, .login .success { background: var(--accent-soft); color: var(--fg); }
.login .privacy-policy-page-link, .language-switcher { display: none; }