@import url("typography.css?v=17");
/* Original CRMS login composition with responsive sizing. */
body{margin:0;color:#000;background:#f8f6ef url('../images/crms-background.png?v=16') center top / cover no-repeat fixed;font-family:var(--crms-font)}
.login-layout{min-height:100vh;padding:100px 12px 24px}
.login-card{width:350px;max-width:100%;margin:0 auto;background:#FCECC0;border:1px solid #806F40;border-radius:4px;padding:0 0 5px}
.login-card h1{font-size:22px;line-height:1.25;font-weight:600;letter-spacing:-.02em;text-align:center;margin:16px 10px;overflow-wrap:anywhere}
.login-card hr{border:0;border-top:1px solid #806F40;opacity:.6;margin:10px 0}
.agency-logo{display:block;width:300px;max-width:calc(100% - 48px);height:auto;aspect-ratio:300/162;object-fit:contain;margin:0 auto;border:1px solid #000}
.login-fields{margin:5px 24px 0}
.login-row{display:grid;grid-template-columns:90px minmax(0,1fr);gap:8px;align-items:center;margin-top:5px}
.form-label{font-size:12px;font-weight:600;margin:0;overflow-wrap:anywhere}
.form-control,.form-select{width:100%;min-width:0;min-height:32px;padding:4px 6px;font-size:14px;border:1px solid #806F40;border-radius:3px;color:#000;background-color:white}
.form-select{padding-right:26px}.form-control:focus,.form-select:focus{border-color:#806F40;box-shadow:0 0 0 3px #66beff80}
.login-actions{display:flex;justify-content:flex-end;padding:0 5px;gap:8px}
.btn-primary{--bs-btn-color:#000;--bs-btn-bg:#f1f1f1;--bs-btn-border-color:#806F40;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#ddd;--bs-btn-hover-border-color:#806F40;--bs-btn-active-color:#000;--bs-btn-active-bg:#ccc;--bs-btn-active-border-color:#806F40;min-height:41px;min-width:80px;font-size:14px;border-radius:3px}
.privacy-statement{max-height:180px;overflow:auto;margin:8px 5px;padding:8px;background:white;border:1px solid #806F40;font-size:12px}
@media(max-width:575.98px){.login-layout{padding-top:32px}.form-control,.form-select{font-size:16px;min-height:44px}.btn-primary{min-height:44px}.login-fields{margin-left:16px;margin-right:16px}}
@media(max-width:359.98px){.login-row{grid-template-columns:82px minmax(0,1fr);gap:6px}.agency-logo{max-width:calc(100% - 32px)}}

.agency-logo{border:0;border-radius:10px}