/* Sign-in screen: split layout matching the Deaconess Public Safety SSO screen at div-m.com,
   with the Lawman lockup on a dark brand band (its wordmark is white-on-transparent and
   disappears on plain white) and the standard site footer re-centred for this full-bleed page. */

.auth-body{
  margin:0;
  min-height:100vh;
  display:flex;
  flex-direction:column;
  align-items:center;
  padding:32px 20px 24px;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  background:linear-gradient(160deg,#0a1a30,#0f2440 60%,#24476f);
  color-scheme:light;
}

.auth-split{
  flex:1 0 auto;
  width:100%;
  max-width:1200px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:0;
}
.auth-split__pane{
  flex:1;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:20px 40px;
  min-width:0;
}
.auth-split__rule{
  align-self:center;
  height:60vh;
  width:4px;
  border-radius:2px;
  background:#4169e1;
  flex:none;
}

.auth-card{
  width:100%;
  max-width:400px;
  background:#fff;
  border-radius:12px;
  box-shadow:0 20px 50px rgba(0,0,0,.35);
  overflow:hidden;
}
.auth-card__brand{
  background:#dde2e7;
  border-bottom:1px solid #c7ced6;
  padding:26px 20px 22px;
  text-align:center;
}
.auth-card__brand img{width:320px;max-width:100%;height:auto;display:inline-block}
.auth-card__body{padding:32px 36px 32px}

.auth-card h1{margin:0 0 20px;font-size:18px;font-weight:700;text-align:center;color:#0f2440}
.auth-card .alert{background:#e0eef8;color:#1d5f8f;border:1px solid #d7dee5;padding:10px 14px;border-radius:6px;margin-bottom:16px;font-size:13.5px}
.auth-card .alert.success{background:#e0f1e8;color:#23724a}
.auth-card .alert.error{background:#fae3e0;color:#a52f28}
.auth-card .alert.warn{background:#fbefd5;color:#8a5a0a}
.auth-card .field{margin-bottom:14px;text-align:left}
.auth-card .field label{display:block;margin-bottom:6px;font-size:13px;font-weight:600;color:#0f2440}
.auth-card .field input{width:100%;padding:10px 12px;border:1px solid #dde3ea;border-radius:8px;background:#e8f0fe;font-size:14px;color:#14202c;font-family:inherit}
.auth-card .field input:focus{outline:2px solid #4169e1;outline-offset:1px}
.auth-card .field input:-webkit-autofill,
.auth-card .field input:-webkit-autofill:hover,
.auth-card .field input:-webkit-autofill:focus{
  -webkit-text-fill-color:#14202c;
  caret-color:#14202c;
  -webkit-box-shadow:0 0 0 1000px #e8f0fe inset;
  box-shadow:0 0 0 1000px #e8f0fe inset;
  transition:background-color 5000s ease-in-out 0s;
}
.auth-card .btn-block{display:block;width:100%;margin-top:6px;padding:10px 18px;border:none;border-radius:8px;background:#0f2440;color:#fff;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit}
.auth-card .btn-block:hover{background:#16345c}
.auth-footer-note{margin-top:18px;text-align:center;font-size:13px}
.auth-footer-note a{color:#1d3f6b}

.auth-app-info{max-width:460px;text-align:center}
.auth-app-info__eyebrow{margin:0 0 10px;font-size:12px;font-weight:600;letter-spacing:1.1px;text-transform:uppercase;color:#aab4bf}
.auth-app-info__title{margin:0 0 16px;font-size:40px;line-height:46px;font-weight:800;color:#fff}
.auth-app-info__desc{margin:0;font-size:16px;line-height:25.6px;color:#d9e3f2}
.auth-app-info__notice{display:inline-block;font-weight:700;letter-spacing:.6px;color:#fff}

/* Footer: same markup/content as every other page (footer.php), recentred for this
   full-bleed page and pinned to the light-on-dark Emergent Technologies mark. */
.auth-body .site-foot{
  margin-top:28px;
  padding:0;
  border-top:none;
  width:100%;
  max-width:1200px;
  flex:none;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:8px;
  text-align:center;
}
.auth-body .site-foot-logo{max-width:180px}
.auth-body .site-foot-logo .logo-on-light{display:none}
.auth-body .site-foot-logo .logo-on-dark{display:block}
.auth-body .site-foot-text{color:#9fb3cc}

@media (max-width:860px){
  .auth-split{flex-direction:column;gap:28px}
  .auth-split__rule{display:none}
  .auth-split__pane{padding:0}
  .auth-app-info{order:-1}
  .auth-app-info__title{font-size:28px;line-height:34px}
}
@media print{
  .auth-body{display:none}
}