.form-access {
      max-width: 420px;
      /* wider than default sign-in */
      padding: 2rem;
    }

    .form-access .form-control {
      border-radius: .5rem;
    }

    .form-access .btn-primary {
      border-radius: .5rem;
    }

    /* .logo-mark {
      width: 48px;
      height: 48px; 
      margin-bottom: .75rem;
    } */

    .text-muted-soft {
      color: #9ca3af !important;
    }

    .bg-panel {
  background-color: #111827;
  color: #e5e7eb;
    }

    .card-access {
      background-color: #1f2933;
      border-radius: 1rem;
      border: 1px solid rgba(148, 163, 184, 0.25);
    }

    .toggle-btn {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
    }

    /* NEW wrapper for the login page content */
.access-page-shell {
  min-height: calc(100vh - 80px); /* adjust 80px if your navbar/footer height differs */
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px 0;
}

.card-body h1 {
  color: #e5e7eb;
}