/**
 * Al-Burhan login — FieldOps Precision
 */
@import url("https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@600;700&family=Inter:wght@400;500;600&display=swap");

:root {
  --abe-navy: #091426;
  --abe-navy-2: #1e293b;
  --abe-accent: #059669;
  --abe-surface: #f8f9ff;
  --abe-on-surface: #0b1c30;
  --abe-border: #e2e8f0;
}

body[data-path*="login"],
.page_content .for-login,
.for-login {
  font-family: "Inter", system-ui, sans-serif !important;
  background:
    radial-gradient(ellipse 50% 40% at 15% 20%, rgba(211, 228, 254, 0.35), transparent 55%),
    linear-gradient(165deg, #091426 0%, #1e293b 52%, #0f172a 100%) !important;
}

.for-login .login-content,
.for-login .page-card {
  border-radius: 0.5rem !important;
  box-shadow: none !important;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: #ffffff !important;
}

.for-login .page-card-head,
.for-login .login-content .page-card-head {
  color: var(--abe-on-surface);
  font-family: "Hanken Grotesk", "Inter", sans-serif;
}

.for-login .page-card-head h4::before,
.for-login .login-content .page-card-head::before {
  content: "Al-Burhan Enterprises";
  display: block;
  font-family: "Hanken Grotesk", "Inter", sans-serif;
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--abe-navy-2);
  margin-bottom: 0.35rem;
}

.for-login .btn-login,
.for-login .btn-primary {
  background: var(--abe-accent) !important;
  border-color: var(--abe-accent) !important;
  border-radius: 0.375rem !important;
  font-family: "Hanken Grotesk", "Inter", sans-serif;
  font-weight: 600;
  min-height: 44px;
}

.for-login .btn-login:hover,
.for-login .btn-primary:hover {
  background: #047857 !important;
  border-color: #047857 !important;
}

.for-login .form-control {
  border-radius: 0.375rem !important;
  border-color: var(--abe-border) !important;
  min-height: 44px;
}

.for-login::before {
  content: "Al-Burhan · FieldOps";
  display: block;
  text-align: center;
  color: rgba(234, 241, 255, 0.9);
  font-family: "Hanken Grotesk", "Inter", sans-serif;
  font-weight: 600;
  letter-spacing: 0.08em;
  padding: 1.25rem 1rem 0.5rem;
  font-size: 0.95rem;
}
