/* Scoped to the existing mail settings dialog; retain InboxIQ's green actions. */
#email_settings_modal .email-account-card {
  padding: 20px; margin-bottom: 28px; background: #fff;
  border: 1px solid #e2e8f0; border-radius: 14px;
}
#email_settings_modal .email-account-card > label,
#email_settings_modal .email-account-field label {
  display: block; margin: 0 0 8px; color: #334155; font-size: 13px; font-weight: 600;
}
#email_settings_modal .email-account-toolbar {display: flex; align-items: center; gap: 12px;}
#email_settings_modal #email_account_select {flex: 1; min-width: 0; width: auto; margin: 0;}
#email_settings_modal .email-account-add,
#email_settings_modal .email-account-back {
  border: 1px solid #d6e4dc; border-radius: 10px; padding: 10px 14px;
  color: #166534; background: #fff; font-size: 13px; font-weight: 600; cursor: pointer;
  white-space: nowrap; line-height: 1.5;
}
#email_settings_modal .email-account-add:hover {background: #f0fdf4; border-color: #86c59e;}
#email_settings_modal .email-account-add:disabled {opacity: .5; cursor: wait;}
#email_settings_modal .email-account-back {margin-bottom: 20px; border: 0; padding-left: 0; background: transparent;}
#email_settings_modal .email-account-identity {display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-top: 16px;}
#email_settings_modal .email-account-field input,
#email_settings_modal #email_account_select {
  box-sizing: border-box; width: 100%; min-height: 44px; padding: 10px 12px;
  border: 1px solid #d1d9e0; border-radius: 10px; background: #fff;
  color: #1f2937; font-size: 14px; line-height: 1.5;
}
#email_settings_modal .email-account-field input[readonly] {background: #f8fafc; color: #64748b;}
#email_settings_modal .email-account-field label span {font-weight: 400; color: #64748b;}
#email_settings_modal .email-account-note {grid-column: 1 / -1; margin: 0; font-size: 12px; line-height: 1.6; color: #64748b;}
#email_settings_modal .email-account-note[hidden],
#email_settings_modal .email-account-back[hidden] {display: none;}
#email_settings_modal .email-account-field input:focus-visible,
#email_settings_modal #email_account_select:focus-visible,
#email_settings_modal .email-account-add:focus-visible,
#email_settings_modal .email-account-back:focus-visible {outline: 3px solid #bbf7d0; outline-offset: 2px; border-color: #15803d;}
#email_settings_modal #email_imap_section > div + div {margin-top: 24px;}
@media (max-width: 640px) {
  #email_settings_modal .email-account-card {padding: 16px;}
  #email_settings_modal .email-account-toolbar {align-items: stretch; flex-direction: column;}
  #email_settings_modal .email-account-identity {grid-template-columns: 1fr; gap: 16px;}
  #email_settings_modal .email-account-add {align-self: flex-start;}
}