/*
 * EDUMi.my Auth CSS Entry
 * Login, register, forgot password and reset password pages should load this file once.
 */
@import url('./foundation/reset.css');
@import url('./foundation/tokens.css');
@import url('./foundation/typography.css');
@import url('./foundation/utilities.css');
@import url('./foundation/generated-utilities.css');
@import url('./foundation/theme.css');
@import url('./components/buttons.css');
@import url('./components/cards.css');
@import url('./components/forms.css');
@import url('./auth/auth-layout.css');
@import url('./css-pages/auth-login.css');
@import url('./css-pages/auth-register_k.css');
@import url('./css-pages/auth-forget_password.css');
@import url('./css-pages/auth-reset_password.css');
@import url('./components/shared-components.css');
@import url('./components/shared-forms.css');
@import url('./foundation/responsive-shared.css');
@import url('./foundation/ui-consistency.css');
@import url('./components/button-consistency.css');

body.edumi-auth-page,
.edumi-auth-page input,
.edumi-auth-page select,
.edumi-auth-page textarea,
.edumi-auth-page button,
.edumi-auth-page label,
.edumi-auth-page .edumi-btn,
.edumi-auth-page .btn-register {
  font-family: var(--edumi-font-family, "Inter", Arial, sans-serif);
}

/* Demo login cards for local testing only. */
.demo-login-panel {
  padding: 1rem;
  border: 1px solid var(--edumi-border, #e5e7eb);
  background: rgba(255,255,255,.82);
}
.demo-login-title {
  margin: 0 0 .25rem;
  font-size: 1rem;
  font-weight: 600;
}
.demo-login-subtitle {
  margin: 0;
  font-size: .875rem;
  color: #667085;
}
.demo-login-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .75rem;
}
.demo-login-card {
  width: 100%;
  text-align: left;
  padding: .75rem;
  border: 1px solid #d0d5dd;
  background: #fff;
  cursor: pointer;
  transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}
.demo-login-card:hover,
.demo-login-card:focus-visible {
  border-color: #0d6efd;
  box-shadow: 0 .25rem .75rem rgba(13,110,253,.12);
  transform: translateY(-1px);
}
.demo-login-role,
.demo-login-credentials,
.demo-login-note {
  display: block;
}
.demo-login-role {
  font-weight: 600;
  color: #101828;
}
.demo-login-credentials {
  margin-top: .25rem;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: .8125rem;
  color: #0d6efd;
}
.demo-login-note {
  margin-top: .25rem;
  font-size: .75rem;
  color: #667085;
}
@media (max-width: 575.98px) {
  .demo-login-grid { grid-template-columns: 1fr; }
}