/* =====================================================
   Login screen only. Loaded after style.css, so it reuses the same
   colours (navy #2c3e50, teal #1abc9c, card border #8CDDCD) and the
   Bootstrap 5.3.3 .card / .form-control / .alert classes.
   ===================================================== */

/* Full-height navy page, card centred (same navy as the sidebar and loading screen) */
body.login-page {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  background: #2c3e50;
}
.login-wrap {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 2rem 1rem;
}

/* The Jeniss logo is dark on transparent, so it sits on a white plate over the navy background */
.login-logo { display: block; margin-bottom: 1.5rem; line-height: 0; background: #fff; padding: .75rem 1.25rem; border-radius: .75rem; box-shadow: 0 5px 12px rgba(0,0,0,.3); }
.login-logo img { height: 84px; width: auto; max-width: 100%; }

/* The card: same look as the dashboard cards (white, teal top border) */
.login-card { width: 100%; max-width: 420px; box-shadow: 0 10px 30px rgba(0,0,0,.25); }
.login-card .card-body { padding: 2rem; }
@media (max-width: 575.98px) {
  .login-card .card-body { padding: 1.5rem 1.25rem; }
}

.login-title { font-size: 1.4rem; font-weight: 700; margin: 0 0 .35rem; }   /* same size as .page-title */

/* Little icon boxes beside the inputs */
.login-card .input-group-text { background: #f1f5f6; color: #6b7a80; }

/* Teal button with dark text (same pairing as the .avatar in the top bar) */
.btn-accent { background: #1abc9c; border-color: #1abc9c; color: #0b2b26; font-weight: 600; }
.btn-accent:hover,
.btn-accent:focus { background: #17a589; border-color: #17a589; color: #0b2b26; }
.btn-accent:disabled { background: #1abc9c; border-color: #1abc9c; color: #0b2b26; opacity: .7; }

/* Focus ring in the teal accent instead of Bootstrap blue */
.login-card .form-control:focus {
  border-color: #1abc9c;
  box-shadow: 0 0 0 .25rem rgba(26,188,156,.25);
}

.login-footer { color: #aebdca; font-size: .85rem; margin-top: 1.5rem; text-align: center; }