/* scoped: only affect pages that add .nb-login on #appCapsule */
#appCapsule.nb-login { background:#f6f7fb; min-height:100vh; }

/* cards & blocks */
#appCapsule.nb-login .card,
#appCapsule.nb-login .listview.image-listview .item {
  background:#fff !important;
  border:1px solid #e6e8ef !important;
  border-radius:20px !important;
  box-shadow:0 24px 60px -30px rgba(0,0,0,.25);
  color:#0b0f19 !important;
}
#appCapsule.nb-login .card-body { color:#0b0f19; }

/* pills-style tabs that won’t collapse */
#appCapsule.nb-login .nav { display:flex; flex-wrap:wrap; }
#appCapsule.nb-login .nav-tabs { border-bottom:1px solid #e6e8ef !important; gap:.5rem; padding:.25rem; }
#appCapsule.nb-login .nav-tabs .nav-link{
  border:none !important;
  background:#f1f3f9 !important;
  color:#4b5563 !important;
  font-weight:700;
  border-radius:999px !important;
  padding:.55rem 1rem;
}
#appCapsule.nb-login .nav-tabs .nav-link.active{
  background:#1F1B44 !important; /* your brand indigo */
  color:#fff !important;
}

/* form controls */
#appCapsule.nb-login .form-label{ color:#4b5563; font-weight:600; margin-bottom:.35rem; }
#appCapsule.nb-login .form-control{
  background:#fff !important;
  color:#111827 !important;
  border:1px solid #dfe3ea !important;
  border-radius:12px !important;
  padding:.9rem .95rem !important;
}
#appCapsule.nb-login .form-control::placeholder{ color:#9ca3af; }
#appCapsule.nb-login .form-control:focus{
  border-color:rgba(31,27,68,.45) !important;
  box-shadow:0 0 0 .2rem rgba(31,27,68,.15) !important;
}

/* buttons */
#appCapsule.nb-login .btn-primary{
  background:#1F1B44 !important;
  border:none !important;
  border-radius:12px !important;
  padding:.9rem 1rem !important;
}

/* links */
#appCapsule.nb-login a { color:#e22629; }
#appCapsule.nb-login a:hover { text-decoration:underline; }

/* optional: password eye if you kept it */
#appCapsule.nb-login .input-with-toggle{ position:relative; }
#appCapsule.nb-login .toggle-pass{
  position:absolute; right:.75rem; top:50%; transform:translateY(-50%);
  border:0; background:transparent; color:#6b7280;
}
