/* A quiet, branded entrance to the same crew and manager sign-in flows. */
body { margin: 0; min-height: 100vh; min-height: 100dvh; display: grid; place-items: center; padding: 32px 20px; background: #f2f4ed; color: #253c34; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.login-shell { width: 100%; max-width: 440px; }
.login-brand { text-align: center; margin-bottom: 32px; }
.login-brand img { width: 210px; max-width: 100%; height: auto; }
.login-box { background: #fff; border: 1px solid #dfe6d9; border-radius: 16px; padding: 36px; box-shadow: 0 12px 45px #2b47200a; }
.login-eyebrow { margin-bottom: 8px; color: #657b5e; font-size: .7rem; font-weight: 650; letter-spacing: .12em; }
.login-box h1 { font-family: Georgia, "Times New Roman", serif; font-size: 2.25rem; font-weight: 400; letter-spacing: -.045em; margin: 0 0 10px; }
.login-intro { font-size: .92rem; color: #67755f; margin-bottom: 26px; }
.login-modes { display: flex; gap: 4px; background: #f1f4ee; border: 1px solid #e3e9de; padding: 4px; border-radius: 9px; margin-bottom: 26px; }
.tab-btn { flex: 1; border: 1px solid transparent; background: transparent; color: #5f7159; padding: 10px 8px; font-size: .85rem; border-radius: 6px; font-weight: 550; }
.tab-btn.active { background: #fff; color: #2a5435; border-color: #dce5d4; box-shadow: 0 1px 3px #2b47200a; }
.form-label { font-size: .85rem; font-weight: 600; color: #405738; }
.form-control { min-height: 48px; border: 1px solid #cbd7c4; border-radius: 7px; font-size: 1rem; }
.form-control:focus { border-color: #66875b; box-shadow: 0 0 0 3px #466f3420; }
.pin-input { font-size: 1.8rem; letter-spacing: .4rem; text-align: center; min-height: 60px; }
.btn-verdant { background: #285943; border: 1px solid #285943; color: #fff; width: 100%; min-height: 48px; font-size: .95rem; font-weight: 600; border-radius: 7px; }
.btn-verdant:hover { background: #194631; border-color: #194631; color: #fff; }
button:focus-visible { outline: 3px solid #a75630; outline-offset: 3px; }
.login-footnote { margin: 22px 0 0; text-align: center; font-size: .8rem; color: #67755f; }
.alert { font-size: .9rem; border-radius: 8px; }
@media(max-width: 480px) { body { padding: 24px 18px; } .login-box { padding: 28px 24px; } .login-brand { margin-bottom: 24px; } }
.login-brand img { mix-blend-mode: multiply; }