/* ===== TVLA / Tanzania palette ===== */
:root{
  --tvla-green:#1b5e20;
  --tvla-green-600:#2e7d32;
  --tvla-gold:#fbbc04;
  --tvla-blue:#1e88e5;
  --tvla-deep:#0f2220;
  --tvla-light:#f6faf8;
  --tvla-border:#e4ece9;
}

/* Background gradient + subtle pattern */
.login-bg{
  position: fixed;
  inset: 0;
  background:
    radial-gradient(1200px 600px at 10% 10%, rgba(27,94,32,.12), transparent 60%),
    radial-gradient(1000px 700px at 90% 20%, rgba(30,136,229,.10), transparent 60%),
    linear-gradient(180deg, var(--tvla-light), #ffffff 60%);
  z-index: -1;
}

/* Container spacing */
.login-container{
  min-height: 100vh;
  display: flex;
  align-items: center;
  padding-top: 3rem;
  padding-bottom: 3rem;
}

/* Card (glassmorphism-lite) */
/* .login-card{
    width: 100%;
  max-width: 780px; 
  border: 1px solid var(--tvla-border);
  border-radius: 1rem;
  backdrop-filter: blur(8px);
  background: rgba(255,255,255,.9);
} */


.login-wrapper {
  min-height: 100vh;                 /* full screen */
  display: flex;
  justify-content: center;           /* horizontal center */
  align-items: center;               /* vertical center */
  padding: 1rem;                     /* some breathing room */
}

.login-card {
  width: 100%;
  max-width: 550px;                  /* control max size */
  border: 1px solid var(--tvla-border);
  border-radius: 1rem;
  backdrop-filter: blur(8px);
  background: rgba(255,255,255,.9);
}

/* Logo */
.logo{
  width: 88px;
  height: 78px;
  object-fit: contain;
  border-radius: .5rem;
}

/* Title + subtitle */
.title{
  font-weight: 700;
  color: var(--tvla-deep);
}
.subtitle{
  color: #6b7d7a;
  margin-top: -2px;
}

/* Demo badge */
.badge-env{
  background: linear-gradient(90deg, var(--tvla-gold), #ffd75a);
  color: #202014;
  font-weight: 700;
  border-radius: 999px;
  padding: .28rem .6rem;
  vertical-align: middle;
}

/* Inputs */
.form-input .input-group-text{
  background: #fff;
  border-color: var(--tvla-border);
  border-right: 0;
}
.form-input .form-control{
  border-color: var(--tvla-border);
  border-left: 0;
  box-shadow: none;
}
.input-group .form-control:focus{
  border-color: var(--tvla-green-600);
  box-shadow: 0 0 0 .2rem rgba(46,125,50,.15);
}
.btn-toggle-pass{
  border-color: var(--tvla-border);
  background: #fff;
}

/* Submit button */
.btn-tvla{
  background: var(--tvla-green);
  color:#fff;
  border:none;
  border-radius: .7rem;
  font-weight: 700;
  letter-spacing: .3px;
  transition: transform .05s ease-in-out, filter .15s ease-in-out;
}
.btn-tvla:hover{
  background: var(--tvla-green-600);
  color:#fff;
  filter: brightness(0.98);
}
.btn-tvla:active{
  transform: translateY(1px);
}

/* Helpers */
.link-muted{ color:#6b7d7a; }
.link-muted:hover{ color:#333; text-decoration: underline; }
.link-contrast{ color: var(--tvla-blue); }
.link-contrast:hover{ color:#1565c0; text-decoration: underline; }

.alert-sm{
  padding: .5rem .75rem;
  font-size: .9rem;
  border-radius: .5rem;
}