/* Minimal custom styles to mimic the reference portal look */
:root {
  --primary-500: #1e4b76;
  --primary-600: #163856;
  --accent-500: #e64b62;
}

body {
  background: linear-gradient(180deg, #f4f6f9 0%, #eef2f6 100%);
  color: #2a3340;
}

.login-hero {
  min-height: calc(100vh - 0px);
  position: relative;
  background-image: url('../images/hospital-bg.jpg');
  background-size: cover;
  background-position: center;
  background-color: #2a5e91; /* fallback color if image is missing */
}

.login-hero .hero-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(30,75,118,0.65), rgba(39,92,139,0.55));
  backdrop-filter: blur(1px);
  pointer-events: none;
  z-index: 0; /* keep overlay behind content */
}

/* ensure hero content sits above overlay */
.login-hero > .container { position: relative; z-index: 1; }

.icon-tile {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: rgba(255,255,255,0.22);
  display: flex;
  align-items: center;
  justify-content: center;
}
.icon-tile svg { color: #ffffff; }

.gradient-medical {
  background-image: linear-gradient(135deg, var(--primary-500), #2a5e91);
  border: 0;
}
.gradient-medical:hover { background-image: linear-gradient(135deg, var(--primary-600), #244e77); }

.card.bg-opacity-95 { backdrop-filter: blur(2px); }

.text-secondary { color: #6b7787 !important; }

.link-primary { color: var(--primary-500) !important; }
.link-primary:hover { color: var(--primary-600) !important; }

@media (max-width: 991.98px) {
  .login-hero { min-height: auto; }
}