/* ══════════════════════════════════════
   AUTH PANELS — Employer Login & Admin Login
   Care on Careers
══════════════════════════════════════ */

/* ── Shared base ── */
body { font-family: 'Open Sans', sans-serif; }

/* ══ EMPLOYER LOGIN ══ */
.employer-login-body { background:#f0f4ff; min-height:100vh; display:flex; align-items:center; justify-content:center; }
.login-card { background:#fff; border-radius:12px; box-shadow:0 4px 24px rgba(37,99,235,.1); padding:40px 36px; width:100%; max-width:420px; }
.login-card .logo { text-align:center; margin-bottom:24px; }
.login-card .logo img { height:42px; }
.login-card h2 { font-size:20px; font-weight:700; color:#1f2937; text-align:center; margin-bottom:6px; }
.login-card .sub { font-size:13px; color:#6b7280; text-align:center; margin-bottom:28px; }
.form-label { font-size:13px; font-weight:600; color:#374151; margin-bottom:4px; display:block; }
.form-control { font-size:14px; padding:10px 13px; border:1px solid #d1d5db; border-radius:6px; width:100%; box-sizing:border-box; }
.form-control:focus { outline:none; border-color:#2563eb; box-shadow:0 0 0 3px rgba(37,99,235,.15); }
.btn-login { background:#2563eb; color:#fff; border:none; padding:11px; border-radius:6px; width:100%; font-size:14px; font-weight:600; cursor:pointer; margin-top:8px; }
.btn-login:hover { background:#1d4ed8; }
.alert-err { background:#fee2e2; color:#991b1b; border:1px solid #fca5a5; border-radius:6px; padding:10px 13px; font-size:13px; margin-bottom:16px; }
.divider { text-align:center; font-size:12px; color:#9ca3af; margin:18px 0; }
.link-register { display:block; text-align:center; font-size:13px; color:#2563eb; margin-top:14px; }
.badge-ep { display:inline-block; background:#eff6ff; color:#1d4ed8; font-size:11px; font-weight:700; padding:2px 9px; border-radius:20px; text-transform:uppercase; letter-spacing:1px; margin-bottom:8px; }

/* ══ ADMIN LOGIN ══ */
.admin-login-body { background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%); min-height:100vh; display:flex; align-items:center; justify-content:center; padding:20px; }
.admin-login-card { background:#fff; border-radius:10px; box-shadow:0 20px 60px rgba(0,0,0,.4); width:100%; max-width:400px; overflow:hidden; }
.login-head { background:#fa9928; padding:30px 30px 25px; text-align:center; color:#fff; }
.login-head img { height:50px; background:#fff; padding:6px 12px; border-radius:6px; margin-bottom:14px; }
.login-head h3 { margin:0; font-size:20px; font-weight:600; }
.login-head p { margin:6px 0 0; font-size:13px; opacity:.9; }
.login-body { padding:28px 30px 30px; }
.form-group { margin-bottom:16px; }
.form-group label { display:block; font-size:13px; font-weight:600; color:#374151; margin-bottom:6px; }
.form-group input { width:100%; padding:11px 14px; border:1px solid #d1d5db; border-radius:5px; font-size:14px; }
.form-group input:focus { outline:none; border-color:#fa9928; box-shadow:0 0 0 3px rgba(250,153,40,.15); }
.btn-admin-login { width:100%; background:#fa9928; color:#fff; border:none; padding:12px; border-radius:5px; font-size:15px; font-weight:600; cursor:pointer; margin-top:8px; }
.btn-admin-login:hover { opacity:.92; }
.err { background:#fee2e2; color:#991b1b; padding:10px 12px; border-radius:5px; font-size:13px; margin-bottom:16px; }

/* ══ EMPLOYER REGISTER ══ */
.employer-register-body { background:#f0f4ff; min-height:100vh; display:flex; align-items:center; justify-content:center; padding:30px 16px; }
.reg-card { background:#fff; border-radius:12px; box-shadow:0 4px 24px rgba(37,99,235,.1); padding:40px 36px; width:100%; max-width:480px; }
.reg-card .logo { text-align:center; margin-bottom:24px; }
.reg-card .logo img { height:42px; }
.reg-card h2 { font-size:20px; font-weight:700; color:#1f2937; text-align:center; margin-bottom:6px; }
.reg-card .sub { font-size:13px; color:#6b7280; text-align:center; margin-bottom:28px; }
.btn-reg { background:#2563eb; color:#fff; border:none; padding:11px; border-radius:6px; width:100%; font-size:14px; font-weight:600; cursor:pointer; margin-top:8px; }
.btn-reg:hover { background:#1d4ed8; }
.link-login { display:block; text-align:center; font-size:13px; color:#2563eb; margin-top:14px; }
.plan-note { background:#eff6ff; border:1px solid #bfdbfe; border-radius:6px; padding:12px 14px; font-size:12px; color:#1d4ed8; margin-bottom:20px; }