/* Sign-in, registration and password reset.
   Same visual language as the Head Office Control Center: light ground,
   both marks at full size, near-black primary button. */

:root{
  --bg:#F5F7FA; --surface:#FFFFFF; --ink:#111827; --ink-2:#4B5563;
  --ink-3:#6B7280; --ink-4:#9CA3AF; --line:#E5E7EB;
  --dark:#101828; --dark-2:#1D2939; --blue:#2563EB; --blue-wash:#EFF6FF;
  --sans:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
}

body{
  background:var(--bg); color:var(--ink); font-family:var(--sans); font-size:14px;
  min-height:100vh; display:grid; place-items:center; padding:24px 16px;
}

.auth-shell{width:min(450px,100%)}

.auth-brand{display:flex;align-items:center;gap:16px;margin-bottom:22px}
.auth-a1{height:58px;width:auto;flex:0 0 auto}
.auth-anwars{height:44px;width:auto;flex:0 0 auto}

.auth-card{
  background:var(--surface); border:1px solid var(--line); border-radius:12px;
  padding:28px 26px; box-shadow:0 4px 16px -6px rgba(16,24,40,.12);
}
.auth-card h1{font-size:1.3rem;font-weight:700;letter-spacing:-.02em;margin:0 0 5px}
.auth-card .lede{color:var(--ink-3);font-size:.9rem;margin-bottom:22px}

.form-label{font-size:.8rem;font-weight:500;color:var(--ink-2);margin-bottom:5px}
.form-control,.form-select{
  background:var(--surface);border-color:var(--line);color:var(--ink);
  font-size:.92rem;border-radius:7px;padding:9px 12px;
}
.form-control:focus,.form-select:focus{
  border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-wash);
}
.form-text{color:var(--ink-3);font-size:.78rem}

.btn{font-size:.92rem;font-weight:600;border-radius:7px;padding:10px 16px}
.btn-primary{background:var(--dark);border-color:var(--dark);color:#fff}
.btn-primary:hover,.btn-primary:focus{background:var(--dark-2);border-color:var(--dark-2)}

.alert{border-radius:7px;font-size:.86rem;border:1px solid var(--line);padding:10px 13px}

.auth-links{display:flex;justify-content:space-between;gap:12px;margin-top:20px;font-size:.85rem}
.auth-links a{color:var(--blue);text-underline-offset:2px}

.auth-foot{
  text-align:center;color:var(--ink-4);font-size:.76rem;margin-top:18px;line-height:1.5;
}

:focus-visible{outline:2px solid var(--blue);outline-offset:2px;border-radius:4px}