/* ==========================================================================
   Auth pages — direction A (2026-09-17). Templates: templates_v2/core/auth/*
   plus the page files that extend them (login, signup_client, signup_lawyer,
   forgot_password, password_reset_confirm, verify_email, signup_success,
   register_firm). Everything under .ui2 .au; tokens and components come from
   ui-kit.css. The site-wide login modal is styled in login-modal.css.
   ========================================================================== */

/* A hidden panel, hint or button label must stay hidden whatever display the
   kit gives its element (.ui-seg children are flex, for one). */
.ui2 .au [hidden] { display: none !important; }

/* Zero-specificity resets: style.css gives every p a bottom margin, and a
   reset as specific as a class would beat the page's own spacing rules. These
   weigh one element, like the rules they undo, and win by coming later. */
:where(.ui2 .au) p { margin: 0; }
:where(.ui2 .au) :is(ul, ol) { margin: 0; padding: 0; list-style: none; }

/* ------------------------------------------------------------ split page */
.ui2 .au-split { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); min-height: calc(100vh - var(--app-header-h, 48px)); }
.ui2 .au-l { display: flex; align-items: center; justify-content: center; padding: 64px var(--ui-gutter) 72px; }
.ui2 .au-col { width: min(440px, 100%); }
.ui2 .au-mark { display: block; width: 104px; height: 26px; margin-bottom: 30px; color: var(--logo); fill: currentColor; }
.ui2 .au-r { display: flex; align-items: center; justify-content: center; padding: 64px var(--ui-gutter); background: var(--fill); }
/* The grey half meets the grey footer: a hairline keeps them apart. */
.ui2 .au-page-split ~ .sh-foot { box-shadow: inset 0 1px 0 var(--hair); }

.ui2 .au-h { margin: 0; }
.ui2 .au-sub { margin-top: 10px; font-size: 17px; line-height: 1.47; letter-spacing: -0.2px; color: var(--ink2); }
.ui2 .au-sub b, .ui2 .au-sub strong { color: var(--ink); font-weight: 600; word-break: break-word; }

/* ------------------------------------------------------------------ form */
.ui2 .au-form { margin-top: 30px; }
.ui2 .au-seg + .au-form { margin-top: 26px; }
.ui2 .au-f + .au-f,
.ui2 .au-row2 + .au-f,
.ui2 .au-f + .au-row2,
.ui2 .au-fs + .au-f,
.ui2 .au-f + .au-fs,
.ui2 .au-fs + .au-fs { margin-top: 18px; }
.ui2 .au-row2 { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 12px; }
.ui2 .au-row3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.ui2 .au-row2 > .au-f, .ui2 .au-row3 > .au-f { margin-top: 0; }
.ui2 .au-fs { margin: 0; padding: 0; border: 0; min-width: 0; }
.ui2 .au-fs > legend { float: none; width: auto; margin: 0 0 6px; padding: 0; font-size: 13px; font-weight: 600; line-height: inherit; color: var(--ink); }
.ui2 .au .ui-label .au-opt { font-weight: 400; color: var(--ink3); }

.ui2 .au .ui-field.line { height: 50px; }
.ui2 .au .ui-field.area { height: auto; min-height: 120px; padding: 12px 14px; }
.ui2 .au .ui-field.area textarea { min-height: 96px; line-height: 1.45; font-size: 16px; }
.ui2 .au .ui-field input[type="number"] { -moz-appearance: textfield; }
.ui2 .au .ui-field.is-invalid { box-shadow: inset 0 0 0 1px #d93025; }
.ui2 .au .ui-field.is-invalid:focus-within { box-shadow: inset 0 0 0 1px #d93025, 0 0 0 3px rgba(217, 48, 37, 0.14); }
/* Redundant placeholders (the label says the same thing) stay out of sight. */
.ui2 .au-quiet .ui-field input::placeholder { color: transparent; }
.ui2 .au .ui-field select { appearance: none; -webkit-appearance: none; cursor: pointer; }
.ui2 .au .au-select > .ui-ic { width: 14px; height: 14px; color: var(--ink3); pointer-events: none; }
.ui2 .au .au-unit { flex: none; font-size: 15px; color: var(--ink3); }

.ui2 .au-eye { flex: none; position: relative; width: 36px; height: 36px; margin-right: -8px; display: grid; place-items: center; padding: 0; border: 0; border-radius: 50%; background: transparent; color: var(--ink3); cursor: pointer; transition: background-color 0.2s, color 0.2s; }
.ui2 .au-eye:hover { background: var(--fill); color: var(--ink); }
.ui2 .au-eye .ui-ic { width: 18px; height: 18px; }
.ui2 .au-eye[aria-pressed="true"] { color: var(--ink); }
.ui2 .au-eye[aria-pressed="true"]::after { content: ""; position: absolute; left: 50%; top: 50%; width: 20px; height: 1.7px; border-radius: 1px; background: currentColor; transform: translate(-50%, -50%) rotate(-45deg); box-shadow: 0 0 0 1.5px #fff; }

.ui2 .au-fp { display: flex; justify-content: flex-end; margin-top: 10px; }
.ui2 .au-form .au-submit { margin-top: 26px; }
.ui2 .au-terms { margin-top: 20px; font-size: 13px; line-height: 1.45; color: var(--ink2); }
.ui2 .au-terms + .au-submit { margin-top: 14px; }
.ui2 .au-terms a { color: var(--brand); text-decoration: none; }
.ui2 .au-terms a:hover { text-decoration: underline; text-underline-offset: 2px; }

.ui2 .au-div { height: 1px; margin: 30px 0 22px; background: var(--hair); }
.ui2 .au-alt { font-size: 15px; line-height: 1.5; color: var(--ink2); text-align: center; }
.ui2 .au-alt + .au-alt { margin-top: 6px; }
.ui2 .au-alt .ui-link { font-size: 15px; white-space: normal; }

.ui2 .au-seg { display: grid; grid-template-columns: 2fr 3fr; width: 100%; height: 36px; margin-top: 26px; }
.ui2 .au-seg.is-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.ui2 .au-seg > * { min-width: 0; font-size: 14px; padding: 0 10px; text-align: center; }
/* The segmented control's focus ring is the kit's (.ui-seg, ui-kit.css). */

/* Password strength: four bars and one honest sentence about the rules. */
.ui2 .au-str { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 4px; margin-top: 10px; }
.ui2 .au-str > i { height: 4px; border-radius: 2px; background: var(--fill2); transition: background-color 0.2s; }
.ui2 .au-str[data-level="1"] > i:nth-child(-n+1),
.ui2 .au-str[data-level="2"] > i:nth-child(-n+2) { background: var(--warn); }
.ui2 .au-str[data-level="3"] > i:nth-child(-n+3),
.ui2 .au-str[data-level="4"] > i { background: var(--ok); }
.ui2 .au-strt { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; margin-top: 6px; font-size: 12px; line-height: 1.4; color: var(--ink3); }
.ui2 .au-strt b { flex: none; font-weight: 600; color: var(--ink2); white-space: nowrap; }
.ui2 .au-str[data-level="1"] + .au-strt b, .ui2 .au-str[data-level="2"] + .au-strt b { color: var(--warn-ink); }
.ui2 .au-str[data-level="3"] + .au-strt b, .ui2 .au-str[data-level="4"] + .au-strt b { color: var(--ok-ink); }
.ui2 .au-match { margin-top: 6px; font-size: 12px; line-height: 1.4; color: #b3261e; }

/* Field errors are Django's own <ul class="errorlist">. */
.ui2 .au-err { margin-top: 6px; font-size: 13px; line-height: 1.4; color: #b3261e; }
.ui2 .au-err .errorlist, .ui2 .au-alert .errorlist { margin: 0; padding: 0; list-style: none; }
.ui2 .au-err .errorlist li + li, .ui2 .au-alert .errorlist li + li { margin-top: 4px; }

.ui2 .au-note { display: flex; align-items: flex-start; gap: 8px; margin-top: 16px; font-size: 13px; line-height: 1.4; color: var(--ink2); }
.ui2 .au-note .ui-ic { width: 16px; height: 16px; margin-top: 1px; color: var(--ink3); }

/* -------------------------------------------------------- alerts/notices */
.ui2 .au-alerts { margin-top: 22px; }
.ui2 .au-alert { display: flex; align-items: flex-start; gap: 10px; padding: 12px 14px; border-radius: 12px; background: var(--fill); color: var(--ink); font-size: 15px; line-height: 1.45; }
.ui2 .au-alert + .au-alert { margin-top: 8px; }
.ui2 .au-alert > .ui-ic { width: 18px; height: 18px; margin-top: 1px; color: var(--ink2); }
.ui2 .au-alert > div { min-width: 0; flex: 1; }
.ui2 .au-alert.is-error { background: rgba(197, 34, 31, 0.08); color: #8c1d18; }
.ui2 .au-alert.is-error > .ui-ic { color: #c5221f; }
.ui2 .au-alert.is-success { background: rgba(31, 157, 85, 0.1); color: #0f5e33; }
.ui2 .au-alert.is-success > .ui-ic { color: var(--ok); }
.ui2 .au-alert.is-warning { background: rgba(224, 122, 0, 0.12); color: #7a4300; }
.ui2 .au-alert.is-warning > .ui-ic { color: var(--warn); }
.ui2 .au-alert.is-info > .ui-ic { color: var(--info); }
.ui2 .au-panel > .au-alerts:first-child,
.ui2 .au-form > .au-alert:first-of-type { margin-top: 0; }
.ui2 .au-form > .au-alert { margin-bottom: 18px; }
.ui2 .au-alerts + .au-form, .ui2 .au-alerts + .au-seg { margin-top: 22px; }

/* ------------------------------------------------------------- benefits */
.ui2 .au-ben { width: min(440px, 100%); }
.ui2 .au-ben > .ui-h3 { margin-bottom: 26px; }
.ui2 .au-ben li:last-child { border-bottom: 1px solid var(--hair); }
.ui2 .au-ben li { display: grid; grid-template-columns: 40px minmax(0, 1fr); gap: 18px; padding: 22px 0; border-top: 1px solid var(--hair); }
.ui2 .au-ben li > .ui-ic { width: 30px; height: 30px; color: var(--brand); stroke-width: 1.6; }
.ui2 .au-ben li > .ui-ic.is-filled { fill: currentColor; stroke: none; width: 26px; height: 26px; margin: 2px; }
.ui2 .au-ben b { display: block; font-size: 19px; line-height: 1.3; font-weight: 600; letter-spacing: -0.012em; color: var(--ink); }
.ui2 .au-ben li p { margin-top: 4px; font-size: 15px; line-height: 1.45; color: var(--ink2); }
.ui2 .au-facts { margin-top: 0; padding-top: 18px; font-size: 13px; color: var(--ink3); font-variant-numeric: tabular-nums; }

/* ------------------------------------------------ single-purpose pages */
.ui2 .au-solo { display: flex; justify-content: center; padding: 88px var(--ui-gutter) 112px; }
.ui2 .au-solo-in { width: min(440px, 100%); }
.ui2 .au-solo-in.is-center { text-align: center; }
.ui2 .au-solo-in.is-center .au-form, .ui2 .au-solo-in.is-center .au-alert { text-align: left; }
.ui2 .au-badge { display: grid; place-items: center; width: 64px; height: 64px; margin-bottom: 22px; border-radius: 18px; background: var(--tint); color: var(--brand); }
.ui2 .au-solo-in.is-center .au-badge { margin-inline: auto; }
.ui2 .au-badge .ui-ic { width: 30px; height: 30px; stroke-width: 1.6; }
.ui2 .au-badge.is-alert { background: rgba(197, 34, 31, 0.08); color: #c5221f; }
.ui2 .au-then { margin-top: 26px; text-align: left; }
.ui2 .au-then > li { display: grid; grid-template-columns: 28px minmax(0, 1fr); gap: 12px; padding: 14px 0; border-top: 1px solid var(--hair); font-size: 15px; line-height: 1.45; color: var(--ink2); }
.ui2 .au-then > li:last-child { border-bottom: 1px solid var(--hair); }
.ui2 .au-then > li > .ui-ic { width: 22px; height: 22px; color: var(--ink3); }
.ui2 .au-then b { color: var(--ink); font-weight: 600; }
.ui2 .au-resend { margin-top: 22px; }
.ui2 .au-resend .ui-btn2 { height: 44px; font-size: 15px; }

/* ---------------------------------------------------- lawyer wizard 2–6 */
.ui2 .au-wiz { width: min(640px, 100% - 2 * var(--ui-gutter)); margin: 0 auto; padding: 56px 0 96px; }
.ui2 .au-wiz-h .ui-eyebrow { font-size: 15px; }
.ui2 .au-wiz-h .ui-h2 { margin-top: 8px; }
.ui2 .au-steps { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 6px; margin: 28px 0 0; padding: 0; list-style: none; counter-reset: au-step; }
.ui2 .au-steps > li { min-width: 0; font-size: 12px; line-height: 1.3; color: var(--ink3); }
.ui2 .au-steps > li > i { display: block; height: 4px; margin-bottom: 8px; border-radius: 2px; background: var(--fill2); }
.ui2 .au-steps > li.is-done > i { background: var(--ink); }
.ui2 .au-steps > li.is-now > i { background: var(--brand); }
.ui2 .au-steps > li.is-done, .ui2 .au-steps > li.is-now { color: var(--ink); }
.ui2 .au-steps > li.is-now { font-weight: 600; }
.ui2 .au-steps > li > span { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.ui2 .au-steps-m { display: none; }
.ui2 .au-wiz .au-alerts { margin-top: 26px; }
.ui2 .au-wiz-form { margin-top: 30px; padding: 30px 32px 28px; border-radius: 18px; background: #fff; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.07); }
.ui2 .au-wiz-form .au-sec + .au-sec { margin-top: 28px; padding-top: 26px; border-top: 1px solid var(--fill2); }
.ui2 .au-wiz-form .ui-help { font-size: 13px; color: var(--ink2); }
.ui2 .au-wiz-nav { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 28px; padding-top: 22px; border-top: 1px solid var(--fill2); }
.ui2 .au-wiz-nav .ui-btn { min-width: 180px; height: 50px; }
.ui2 .au-wiz-nav .ui-btn3 { height: 50px; padding: 0 22px; border-radius: 980px; font-size: 17px; }
.ui2 .au-wiz-nav .ui-btn3 .ui-ic, .ui2 .au-wiz-nav .ui-btn .ui-ic { width: 16px; height: 16px; }
.ui2 .au-wiz-nav > :only-child { margin-left: auto; }
.ui2 .au-wiz-after { margin-top: 22px; text-align: center; }

.ui2 .au-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.ui2 .au-chips > label { position: relative; margin: 0; }
.ui2 .au-chips > label > input { position: absolute; opacity: 0; pointer-events: none; }
.ui2 .au-chips > label:has(input:checked) { background: var(--ink); color: #fff; }
.ui2 .au-chips > label:has(input:focus-visible) { outline: 2px solid rgba(139, 0, 0, 0.55); outline-offset: 2px; }

.ui2 .au-specs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2px 18px; margin-top: 4px; }
.ui2 .au .ui-check { align-items: flex-start; padding: 6px 0; line-height: 1.35; }
.ui2 .au .ui-check > input { margin-top: 1px; padding: 0; box-shadow: none; accent-color: auto; }
.ui2 .au .ui-check > input:focus { box-shadow: none; }
.ui2 .au .ui-check > input:focus-visible { outline: 2px solid rgba(139, 0, 0, 0.55); outline-offset: 2px; }
.ui2 .au-spec-tools { display: flex; gap: 18px; margin-top: 10px; }
.ui2 .au-spec-tools .ui-link { font-size: 15px; }
.ui2 .au-langs { display: flex; flex-wrap: wrap; gap: 4px 24px; }

.ui2 .au .ui-switch { padding: 10px 0; line-height: 1.35; }
.ui2 .au .ui-switch + .ui-switch { border-top: 1px solid var(--fill2); }
.ui2 .au .ui-switch > input[type="checkbox"] { border: 0; padding: 0; box-shadow: none; }
.ui2 .au .ui-switch > input[type="checkbox"]:focus-visible { outline: 2px solid rgba(139, 0, 0, 0.55); outline-offset: 2px; }
.ui2 .au-switches { margin-top: 18px; }

.ui2 .au-phone { margin: 0; display: grid; grid-template-columns: minmax(0, 1fr) auto auto; align-items: center; gap: 6px 14px; }
.ui2 .au-phone + .au-phone { margin-top: 10px; }
.ui2 .au-phone .ui-field { font-variant-numeric: tabular-nums; }
.ui2 .au-phone-ch { display: flex; gap: 14px; }
.ui2 .au-phone-ch .ui-check { font-size: 14px; padding: 0; }
.ui2 .au-phone .au-rm { width: 36px; height: 36px; }
.ui2 .au-phone .au-rm .ui-ic { width: 16px; height: 16px; }
.ui2 .au-add { margin-top: 12px; }
.ui2 .au-add .ui-ic { width: 14px; height: 14px; margin-right: 4px; }

.ui2 .au-count { display: flex; align-items: center; gap: 12px; margin-top: 8px; font-size: 12px; color: var(--ink3); font-variant-numeric: tabular-nums; }
.ui2 .au-count .ui-track { flex: 1; height: 4px; }
.ui2 .au-count .ui-track > i { width: 0; background: var(--warn); transition: width 0.2s, background-color 0.2s; }
.ui2 .au-count .ui-track > i.progress-success { background: var(--ok); }
.ui2 .au-count .count-success { color: var(--ok-ink); }

.ui2 .au-file { position: relative; display: flex; align-items: center; gap: 14px; min-height: 64px; padding: 12px 16px; border-radius: 14px; background: var(--fill); cursor: pointer; transition: background-color 0.2s, box-shadow 0.2s; }
.ui2 .au-file:hover { background: var(--fill2); }
/* The tint stays for the mouse; the keyboard gets the kit's solid 2px ring
   (12.6:1 against the card, where the tint alone measured 1.27:1). */
.ui2 .au-file:focus-within { box-shadow: 0 0 0 3px rgba(139, 0, 0, 0.12); }
.ui2 .au-file:has(:focus-visible) { box-shadow: 0 0 0 2px var(--brand); }
.ui2 .au-file.is-invalid { box-shadow: inset 0 0 0 1px #d93025; }
.ui2 .au-file > input[type="file"] { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; padding: 0; border: 0; opacity: 0; cursor: pointer; }
.ui2 .au-file > .ui-ic { width: 22px; height: 22px; color: var(--brand); }
.ui2 .au-file-t { min-width: 0; flex: 1; }
.ui2 .au-file-t b { display: block; font-size: 15px; font-weight: 600; color: var(--ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ui2 .au-file-t span { display: block; margin-top: 2px; font-size: 13px; line-height: 1.35; color: var(--ink2); }
.ui2 .au-agree { margin-top: 22px; }
.ui2 .au-agree a { color: var(--brand); text-decoration: none; }
.ui2 .au-agree a:hover { text-decoration: underline; }

/* --------------------------------------------------------------- tablet */
@media (max-width: 1067.98px) {
  .ui2 .au-split { grid-template-columns: minmax(0, 1fr); min-height: 0; }
  .ui2 .au-l { padding: 56px var(--ui-gutter) 64px; }
  .ui2 .au-r { padding: 48px var(--ui-gutter) 40px; }
  .ui2 .au-ben { width: min(440px, 100%); }
}

/* ---------------------------------------------------------------- phone */
@media (max-width: 733.98px) {
  .ui2 .au-l { display: block; padding: 24px var(--ui-gutter) 40px; }
  .ui2 .au-col { width: auto; }
  .ui2 .au-mark { display: none; }
  .ui2 .au-sub { margin-top: 8px; font-size: 15px; line-height: 1.45; }
  .ui2 .au-form { margin-top: 24px; }
  .ui2 .au .ui-field.line, .ui2 .au .ui-field { font-size: 17px; }
  .ui2 .au-row2 { grid-template-columns: minmax(0, 1fr); gap: 18px; }
  .ui2 .au-row3 { grid-template-columns: minmax(0, 1fr); gap: 18px; }
  .ui2 .au-fp { margin-top: 4px; }
  .ui2 .au-fp .ui-link { min-height: 44px; font-size: 15px; }
  .ui2 .au-form .au-submit { margin-top: 18px; }
  .ui2 .au-div { margin: 26px 0 16px; }
  .ui2 .au-alt { line-height: 44px; }
  .ui2 .au-alt + .au-alt { margin-top: 0; line-height: 1.45; }
  .ui2 .au-alt .au-br { display: block; }
  .ui2 .au-alt .au-br .ui-link { min-height: 44px; }
  .ui2 .au-seg { height: 40px; margin-top: 20px; }
  .ui2 .au-seg > * { font-size: 13px; padding: 0 6px; }
  .ui2 .au-r { display: block; padding: 32px var(--ui-gutter) 20px; }
  .ui2 .au-ben { width: auto; }
  .ui2 .au-ben > .ui-h3 { margin-bottom: 14px; }
  .ui2 .au-ben li { grid-template-columns: 32px minmax(0, 1fr); gap: 14px; padding: 16px 0; }
  .ui2 .au-ben li > .ui-ic { width: 26px; height: 26px; }
  .ui2 .au-ben li > .ui-ic.is-filled { width: 22px; height: 22px; }
  .ui2 .au-ben b { font-size: 17px; }

  .ui2 .au-solo { padding: 36px var(--ui-gutter) 64px; }
  .ui2 .au-badge { width: 56px; height: 56px; border-radius: 16px; margin-bottom: 18px; }
  .ui2 .au-badge .ui-ic { width: 26px; height: 26px; }

  .ui2 .au-wiz { padding: 24px 0 56px; }
  .ui2 .au-steps { gap: 4px; margin-top: 18px; }
  .ui2 .au-steps > li > i { margin-bottom: 0; }
  .ui2 .au-steps > li > span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
  .ui2 .au-steps-m { display: block; margin-top: 8px; font-size: 13px; color: var(--ink2); }
  .ui2 .au-wiz-form { margin-top: 22px; padding: 0; border-radius: 0; background: transparent; box-shadow: none; }
  .ui2 .au-specs { grid-template-columns: minmax(0, 1fr); }
  .ui2 .au-phone { grid-template-columns: minmax(0, 1fr) auto; }
  .ui2 .au-phone > .ui-field { grid-column: 1 / -1; }
  .ui2 .au-phone .au-phone-ch { grid-column: 1; }
  .ui2 .au-phone + .au-phone { margin-top: 16px; }
  .ui2 .au-wiz-nav { position: sticky; bottom: 0; z-index: 5; width: auto; max-width: none; margin-inline: calc(-1 * var(--ui-gutter)); padding: 12px var(--ui-gutter) calc(12px + env(safe-area-inset-bottom)); border-top: 1px solid var(--hair); background: var(--glass); -webkit-backdrop-filter: saturate(180%) blur(20px); backdrop-filter: saturate(180%) blur(20px); }
  .ui2 .au-wiz-nav .ui-btn { flex: 1; min-width: 0; }
  /* «Назад» keeps its chevron and its name for assistive tech; the long «Завершить регистрацию» gets the row. */
  .ui2 .au-wiz-nav .ui-btn3 { width: 50px; padding: 0; justify-content: center; }
  .ui2 .au-wiz-nav .ui-btn3 .ui-ic { width: 18px; height: 18px; }
  .ui2 .au-wiz-nav .ui-btn3 .au-back-t { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
  .ui2 .au-wiz-nav .ui-btn { padding: 0 16px; }
}

/* A dead reset link: the notice and the way out sit straight in the column. */
.ui2 .au-solo-in > .au-alert { margin-top: 26px; }
.ui2 .au-solo-in > .au-submit { margin-top: 18px; }
.ui2 .au-fs > .au-seg { margin-top: 0; }