.email-account-form { display: grid; gap: 1rem; margin: 1.5rem 0; }
.signup-choice[hidden], #officeSignupPricing[hidden], .form-note[hidden] { display: none !important; }
.email-account-form[hidden], .email-account-form label[hidden] { display: none; }
.email-account-form label { display: grid; gap: .4rem; color: #234d44; font-weight: 600; }
.email-account-form input, .email-account-form select { width: 100%; min-height: 48px; padding: .8rem; background: #fff; border: 1px solid #b9d3ca; border-radius: 8px; font: inherit; }
.email-account-form .email-checkbox { display: grid; grid-template-columns: 20px minmax(0, 1fr); align-items: start; gap: .6rem; font-weight: 400; font-size: .875rem; }
.email-account-form .email-checkbox input { width: 20px; min-height: 20px; flex-shrink: 0; }
.email-account-actions { display: flex; flex-wrap: wrap; gap: 1rem; }
.email-account-actions button { padding: .5rem 0; color: #164c43; background: none; border: none; text-decoration: underline; font: inherit; cursor: pointer; }
[data-hosted-login][hidden] { display: none !important; }
#emailAuthStatus { font-size: .9rem; line-height: 1.6; }
#emailAuthStatus.error { color: #a13532; }
.email-account-actions button[hidden] { display: none; }
.terms-signature { margin-top: 2rem; padding-top: 1.5rem; border-top: 1px solid #b9d3ca; }
#betaTermsForm { display: grid; min-width: 0; gap: 1rem; }
#betaTermsForm[hidden] { display: none; }
#betaTermsForm label { display: grid; gap: .4rem; min-width: 0; }
#betaTermsForm input[type=text] { box-sizing: border-box; width: 100%; min-width: 0; min-height: 48px; padding: .8rem; background: #fff; border: 1px solid #b9d3ca; border-radius: 8px; font: inherit; font-size: 16px; }
#betaTermsForm .terms-check { grid-template-columns: 20px minmax(0, 1fr); align-items: start; gap: .7rem; }
#betaTermsForm input[type=checkbox] { width: 20px; height: 20px; margin: .2rem 0 0; }
.email-account-form input, .email-account-form select { box-sizing: border-box; min-width: 0; font-size: 16px; }
.email-checkbox span, .terms-check span { min-width: 0; overflow-wrap: anywhere; }
@media print { .site-header, .pilot-testing-note, #betaTermsForm, #termsLogin, #termsContinue, #printTerms { display: none !important; } .local-section { padding: 0; } }

.caps-lock-warning{display:flex;align-items:center;gap:10px;padding:12px 15px;margin:0;border:1px solid #edb8b7;border-radius:14px;background:#fff0ef;color:#a13838;font-size:.9rem;line-height:1.5}.caps-lock-warning[hidden]{display:none}.caps-lock-warning span{display:grid;place-items:center;flex-shrink:0;width:28px;height:28px;border-radius:9px;background:#f8d8d6;font-size:1.2rem;font-weight:700}

/* Secondary password controls stay compact beside the primary form actions. */
.email-account-form button.password-visibility.quiet-button {
  justify-self: end;
  width: auto;
  min-width: 0;
  min-height: 40px;
  margin: 0;
  padding: 6px 14px;
  border: 1px solid #d5e1d8;
  border-radius: 8px;
  background: #f3f7f1;
  color: #42654f;
  box-shadow: none;
  font-family: "DM Sans", system-ui, sans-serif;
  font-size: 13.5px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0;
  text-decoration: none;
  cursor: pointer;
}
.email-account-form button.password-visibility.quiet-button:hover { background: #e6f0e7; border-color: #b6cdbd; }
.email-account-form button.password-visibility.quiet-button:focus-visible { outline: 2px solid #9a794c; outline-offset: 3px; }

.email-account-form label.remember-device.email-checkbox {
  grid-template-columns: 16px minmax(0, 1fr);
  align-items: start;
  gap: 9px;
  margin: 0;
  padding: 4px 0;
  color: #42654f;
  cursor: pointer;
}
.email-account-form label.remember-device input[type=checkbox] {
  width: 16px;
  height: 16px;
  min-height: 16px;
  margin: 2px 0 0;
  padding: 0;
  accent-color: #537b63;
  cursor: pointer;
}
.email-account-form .remember-device strong { display: block; font-size: 12px; font-weight: 500; line-height: 1.5; }
.email-account-form .remember-device small { display: block; margin-top: 2px; font-size: 12px; line-height: 1.5; color: #718171; }
.email-account-form .remember-device input:focus-visible { outline: 2px solid #9a794c; outline-offset: 3px; }