/* File: assets/property/css/login-12.css */

/* ===== Existing utilities (kept) ===== */
.py-8{padding-bottom:4.5rem!important;padding-top:4.5rem!important}
@media(min-width:576px){.py-sm-8{padding-bottom:4.5rem!important;padding-top:4.5rem!important}}
@media(min-width:768px){.py-md-8{padding-bottom:4.5rem!important;padding-top:4.5rem!important}}
@media(min-width:992px){.py-lg-8{padding-bottom:4.5rem!important;padding-top:4.5rem!important}}
@media(min-width:1200px){.py-xl-8{padding-bottom:4.5rem!important;padding-top:4.5rem!important}}
@media(min-width:1400px){.py-xxl-8{padding-bottom:4.5rem!important;padding-top:4.5rem!important}}
.bsb-btn-2xl{--bs-btn-padding-y:.5rem;--bs-btn-padding-x:1.25rem;--bs-btn-font-size:1.25rem;--bs-btn-border-radius:var(--bs-border-radius-lg)}
.bsb-btn-3xl{--bs-btn-padding-y:.75rem;--bs-btn-padding-x:1.5rem;--bs-btn-font-size:calc(1.3rem + .6vw);--bs-btn-border-radius:var(--bs-border-radius-lg)}
@media(min-width:1200px){.bsb-btn-3xl{--bs-btn-font-size:1.75rem}}
.bsb-btn-4xl{--bs-btn-padding-y:.875rem;--bs-btn-padding-x:2rem;--bs-btn-font-size:calc(1.4rem + .6vw);--bs-btn-border-radius:var(--bs-border-radius-lg)}
@media(min-width:1200px){.bsb-btn-4xl{--bs-btn-font-size:1.65rem}}
.bsb-btn-5xl{--bs-btn-padding-y:1.125rem;--bs-btn-padding-x:2.25rem;--bs-btn-font-size:calc(1.3rem + 0.6vw);--bs-btn-border-radius:var(--bs-border-radius-lg)}
@media(min-width:1200px){.bsb-btn-5xl{--bs-btn-font-size:1.75rem}}

/* =========================================================
   AUTH UI (Login + Forgot + Reset) — Color Fix v2
   ========================================================= */

:root{
  /* Better brand set (cleaner + premium) */
  --brand-green:#7FAE5A;        /* primary sage */
  --brand-green-dark:#5E8F3E;   /* hover */
  --brand-gray:#2F343B;         /* headings / text */
  --brand-gray-soft:#6B7280;    /* muted text */

  /* Background */
  --auth-bg-1:#F8FAFC;
  --auth-bg-2:#EEF2F7;

  /* Card */
  --auth-card:#FFFFFF;
  --auth-border:rgba(17,24,39,.10);

  /* Text */
  --auth-text:rgba(47,52,59,.96);
  --auth-muted:rgba(107,114,128,.92);
}

.auth-page{
  min-height:100vh;
  display:flex;
  align-items:center;
  padding:2.25rem 0;
  background:
    radial-gradient(900px 450px at 20% 10%, rgba(127,174,90,.16), transparent 58%),
    radial-gradient(900px 450px at 85% 35%, rgba(47,52,59,.08), transparent 58%),
    linear-gradient(180deg,var(--auth-bg-1),var(--auth-bg-2));
}

.auth-card{
  border:1px solid var(--auth-border);
  background:var(--auth-card);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  border-radius:18px;
  box-shadow:0 18px 55px rgba(17,24,39,.10);
  overflow:hidden;
}

.auth-card-body{padding:1.75rem}
@media(min-width:768px){.auth-card-body{padding:2rem}}

.auth-brand{
  display:flex;
  align-items:center;
  gap:.65rem;
  margin-bottom:1.25rem;
}

.auth-brand img{
  width:44px;
  height:44px;
  border-radius:12px;
  object-fit:contain;
  background:rgba(127,174,90,.10);
  padding:8px;
  border:1px solid rgba(127,174,90,.22);
}

.auth-title{
  color:var(--auth-text);
  font-weight:800;
  line-height:1.1;
  margin:0;
}

.auth-subtitle{
  color:var(--brand-gray-soft);
  margin:.25rem 0 0;
  font-size:.95rem;
}

.auth-label,
.auth-page label{
  color:var(--brand-gray-soft)!important;
}

.auth-page .form-floating>label{
  color:rgba(107,114,128,.85);
}

.auth-page .form-control,
.auth-page .form-select{
  background:#fff;
  border:1px solid rgba(17,24,39,.14);
  color:var(--auth-text);
}

.auth-page .form-control::placeholder{
  color:rgba(107,114,128,.60);
}

.auth-page .form-control:focus{
  border-color:rgba(127,174,90,.65);
  box-shadow:0 0 0 .22rem rgba(127,174,90,.18);
}

.auth-page .text-muted{
  color:var(--brand-gray-soft)!important;
}

.auth-page a{
  color:rgba(47,52,59,.78);
}

.auth-page a:hover{
  color:rgba(47,52,59,.95);
}

.auth-btn{
  border:0;
  border-radius:12px;
  padding:.9rem 1rem;
  font-weight:700;
  background:linear-gradient(90deg,var(--brand-green),rgba(127,174,90,.92));
  color:#10220b;
}

.auth-btn:hover{
  background:linear-gradient(90deg,var(--brand-green-dark),rgba(94,143,62,.92));
  filter:none;
}

.auth-btn:active{filter:brightness(.98)}

.auth-divider{
  height:1px;
  background:rgba(17,24,39,.10);
  margin:1.25rem 0;
}

.auth-alert{
  border-radius:12px;
  border:1px solid rgba(17,24,39,.12);
  background:rgba(17,24,39,.04);
  color:var(--auth-text);
}
.auth-alert.alert-danger{border-color:rgba(239,68,68,.25)}
.auth-alert.alert-success{border-color:rgba(34,197,94,.25)}

.auth-input-wrap{position:relative}

.auth-toggle-password{
  position:absolute;
  right:12px;
  top:50%;
  transform:translateY(-50%);
  border:0;
  background:transparent;
  padding:6px;
  color:rgba(47,52,59,.55);
  cursor:pointer;
}
.auth-toggle-password:hover{color:rgba(47,52,59,.90)}

.auth-eye-icon{width:18px;height:18px}
.auth-help{color:var(--brand-gray-soft);font-size:.9rem}

/* Optional: pure white background if needed */
.auth-page.is-flat{background:#fff}