.m-header {
  display: flex;
  align-items: center;
  height: 60px;              /* match your navbar height */
  overflow: hidden;
}

.m-header .b-brand {
  display: flex;
  align-items: center;
  height: 100%;
}

.m-header .logo {
  max-height: 110px;          /* shrink to fit navbar */
  width: auto;
  object-fit: contain;
}

.logo-lg {
  max-height: 50px;
}

.logo-sm {
  max-height: 50px;
}

.auth-logo {
    width: 100%;
    height: auto;
    display: block;
}

/* =========================================================
   LOGIN PAGE (custom, isolated)
   ========================================================= */
.auth-page{
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  min-height: 100vh;
  margin: 0;
}

/* Login wallpaper */
.login-page{
  background-image: url("../images/auth/login-wallpaper.jpeg");
}

/* Register wallpaper */
.register-page{
  background-image: url("../images/auth/register-wallpaper.jpeg");
}

/* Optional: dark overlay so text/form pops */
.auth-page::before{
  content: "";
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.45);
  z-index: 0;
}

.auth-page .auth-cover-wrapper{
  min-height: 100vh;
  background: transparent !important;
  position: relative;
  z-index: 1; /* above overlay */
}

/* Centered container */
.auth-page .login-container{
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
}

/* Glass card */
.auth-page .login-card{
  width: 100%;
  max-width: 420px;
  padding: 40px 36px;

  background: rgba(255,255,255,0.08);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border: 1px solid rgba(255,255,255,0.18);
  border-radius: 18px;
  box-shadow: 0 30px 80px rgba(0,0,0,0.45);

  color: #ffffff;
}

/* Logo */
.auth-page .login-logo{
  text-align: center;
  margin-bottom: 28px;
}

.auth-page .login-logo img{
  max-width: 200px;
  width: 100%;
  height: auto;
  display: inline-block;
}

/* Text colors on dark glass */
.auth-page .login-card h2,
.auth-page .login-card h4{
  color: #ffffff;
}

.auth-page .login-card .text-muted{
  color: rgba(255,255,255,0.75) !important;
}

/* Inputs */
.auth-page .login-card .form-control{
  background: rgba(255,255,255,0.10);
  border: 1px solid rgba(255,255,255,0.18);
  color: #ffffff;
}

.auth-page .login-card .form-control::placeholder{
  color: rgba(255,255,255,0.6);
}

.auth-page .login-card .form-control:focus{
  background: rgba(255,255,255,0.14);
  border-color: rgba(255,255,255,0.35);
  box-shadow: none;
  color: #ffffff;
}

/* Links */
.auth-page .login-card a{
  color: rgba(147,197,253,1);
}
.auth-page .login-card a:hover{
  color: rgba(191,219,254,1);
}

.auth-page .custom-control-label {
  color: rgba(255,255,255,0.75);
}

.forge-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  min-height: 1.85rem;
  border-radius: 999px;
  padding: 0.35rem 0.8rem;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.01em;
  border: 1px solid transparent;
}

.forge-badge-neutral {
  background: #e2e8f0;
  border-color: #cbd5e1;
  color: #0f172a;
}

.forge-badge-info {
  background: #e0f2fe;
  border-color: #bae6fd;
  color: #075985;
}

.forge-badge-secondary {
  background: #e5e7eb;
  border-color: #d1d5db;
  color: #374151;
}

.forge-badge-status-active,
.forge-badge-status-in-progress {
  background: #0d6efd;
  border-color: #0a58ca;
  color: #fff;
}

.forge-badge-status-completed {
  background: #198754;
  border-color: #146c43;
  color: #fff;
}

.forge-badge-status-pending,
.forge-badge-status-not-started,
.forge-badge-status-on-hold {
  background: #ffc107;
  border-color: #d39e00;
  color: #212529;
}

.forge-badge-status-blocked {
  background: #dc3545;
  border-color: #b02a37;
  color: #fff;
}

.forge-badge-status-archived,
.forge-badge-status-cancelled {
  background: #6c757d;
  border-color: #565e64;
  color: #fff;
}

.forge-badge-status-planning {
  background: #0dcaf0;
  border-color: #31d2f2;
  color: #083344;
}

.forge-badge-priority-low {
  background: #d1e7dd;
  border-color: #a3cfbb;
  color: #0f5132;
}

.forge-badge-priority-medium {
  background: #ffc107;
  border-color: #d39e00;
  color: #212529;
}

.forge-badge-priority-high {
  background: #dc3545;
  border-color: #b02a37;
  color: #fff;
}

.forge-badge-priority-critical {
  background: #212529;
  border-color: #212529;
  color: #fff;
}