/* مفصول آلياً من templates/accounts/password_reset.html — v25.9 */
:root{--emerald:#1A5C3A;--navy:#0B3D2E;--cream:#FAF8F0;--white:#fff;--text:#2c2c2c;--text-light:#6b7280;--border:#e5e7eb}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Noto Sans Arabic',sans-serif;background:#eef3f0;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}
.card{background:var(--white);border-radius:20px;padding:40px;max-width:420px;width:100%;box-shadow:0 8px 32px rgba(0,0,0,.06);text-align:center}
.card h2{font-family:'Noto Kufi Arabic',sans-serif;font-size:22px;color:var(--navy);margin-bottom:8px}
.card p{color:var(--text-light);font-size:13px;margin-bottom:24px}
.form-group{margin-bottom:16px;text-align:right}
.form-group label{font-size:12px;font-weight:600;color:var(--text);display:block;margin-bottom:4px}
.form-control{width:100%;padding:12px 14px;border:1.5px solid var(--border);border-radius:10px;font-family:inherit;font-size:14px}
.form-control:focus{outline:none;border-color:var(--emerald);box-shadow:0 0 0 3px rgba(13,107,75,.1)}
.btn{width:100%;padding:13px;background:var(--emerald);color:#fff;border:none;border-radius:10px;font-family:'Noto Kufi Arabic',sans-serif;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s}
.btn:hover{background:#0B3D2E}
.link{display:block;margin-top:16px;color:var(--emerald);font-size:13px;text-decoration:none;font-weight:600}
.alert{padding:10px;border-radius:8px;font-size:13px;margin-bottom:16px}
.alert-error{background:#fee2e2;color:#991b1b}.alert-info{background:#dbeafe;color:#1e40af}
html.dark-mode body{background:#0F1410}
html.dark-mode .card{background:#1E2822}
html.dark-mode .card h2{color:#E8E4DC}
html.dark-mode .card p{color:#6A6458}
html.dark-mode .form-group label{color:#C8C0B0}
html.dark-mode .form-control{background:#0F1410;color:#E8E4DC;border-color:#3A4A3E}

@media(max-width:768px){
    .login-box,.reset-box{width:92%!important;max-width:400px;padding:28px 20px!important;margin:20px auto}
    .login-box h2,.reset-box h2{font-size:20px}
    .login-box input,.reset-box input{padding:10px 12px;font-size:13px}
    .login-box button,.reset-box button{padding:12px;font-size:13px}
}
@media(max-width:480px){
    .login-box,.reset-box{padding:24px 16px!important}
    .login-box h2,.reset-box h2{font-size:18px}
}