/* PIDNexus — Public / Auth Pages */
:root { --primary:#1A3A5C; --accent:#0EA5E9; --bg:#F5F7FA; }
*, *::before, *::after { box-sizing:border-box; margin:0; padding:0; }
body { font-family:'Inter','Segoe UI',system-ui,sans-serif; background:var(--bg); color:#1f2937; line-height:1.5; font-size:15px; }

/* Auth pages */
.auth-body { min-height:100vh; display:flex; align-items:center; justify-content:center; padding:20px; background:linear-gradient(135deg,#1A3A5C 0%,#0F6EB4 100%); }
.auth-card { background:#fff; border-radius:14px; padding:40px; max-width:440px; width:100%; box-shadow:0 8px 32px rgba(0,0,0,.2); }
.auth-card-wide { max-width:600px; }
.auth-logo { display:flex; align-items:center; gap:10px; text-decoration:none; color:var(--primary); font-size:20px; font-weight:800; margin-bottom:24px; }
.auth-logo-icon { width:36px; height:36px; background:var(--accent); border-radius:8px; display:flex; align-items:center; justify-content:center; color:#fff; font-weight:900; font-size:18px; }
.auth-title { font-size:22px; font-weight:800; color:var(--primary); margin-bottom:4px; }
.auth-sub   { font-size:13px; color:#6b7280; margin-bottom:24px; }
.auth-link  { text-align:center; margin-top:20px; font-size:13px; color:#6b7280; }
.form-group { margin-bottom:16px; }
.form-label { display:block; font-size:13px; font-weight:600; color:#374151; margin-bottom:5px; }
.form-input { width:100%; border:1.5px solid #d1d5db; border-radius:8px; padding:10px 12px; font-size:14px; font-family:inherit; outline:none; transition:border-color .2s; }
.form-input:focus { border-color:var(--accent); box-shadow:0 0 0 3px rgba(14,165,233,.12); }
.form-row { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.btn { display:inline-flex; align-items:center; justify-content:center; gap:6px; padding:10px 18px; border-radius:8px; font-size:14px; font-weight:600; cursor:pointer; border:none; text-decoration:none; transition:all .15s; white-space:nowrap; }
.btn-primary { background:var(--primary); color:#fff; }
.btn-primary:hover { background:#0F6EB4; }
.btn-block { width:100%; }
.alert { padding:12px 16px; border-radius:8px; font-size:13px; margin-bottom:16px; }
.alert-danger { background:#fee2e2; border:1px solid #fca5a5; color:#991b1b; }
@media(max-width:600px) { .form-row{grid-template-columns:1fr;} }