/* ==========================================================================
   The old /login/ page (SITE-1471, user/pages/login.html). A failed
   sign-in prints div.alert-error above the column; the admin profile form
   prints p.ac-err in its card. The submits are the page's <a onclick>.
   ========================================================================== */

.alert-error,
.ac .ac-err {
  padding: 12px 14px;
  font-size: var(--ti-fs-base);
  line-height: var(--ti-lh-body);
  text-align: center;
  color: var(--ti-text);
  border: 1px solid var(--ti-red);
  border-radius: var(--ti-radius-sm);
  background: var(--ti-red-dim);
}
.alert-error { width: calc(100% - 48px); max-width: 400px; margin: 16px auto 0; }
.ac .ac-err { margin: 0 0 12px; }
.alert-error p { margin: 0; }
.alert-error p:empty { display: none; }
.alert-error h3 { display: inline; margin: 0 4px 0 0; font-size: inherit; font-weight: var(--ti-fw-bold); }
.alert-error a { font-weight: var(--ti-fw-semibold); color: var(--ti-orange); }
.alert-error a:hover,
.alert-error a:focus { color: var(--ti-orange-hot); }