/* register.css — public signup form. Layers on login.css, which supplies
   .login_form, .topForm, .inputBox and .login-submit. Only what the
   picker and the two-column name row add lives here. */

.reg-row { display: flex; gap: 10px; }
.reg-row .inputBox { flex: 1; }

.reg-picker { position: relative; }

.reg-results {
    position: absolute; z-index: 20; left: 0; right: 0; top: 100%;
    margin: 2px 0 0 0; padding: 0; list-style: none;
    max-height: 220px; overflow-y: auto;
    background: #fff; border: 1px solid #d5d9e0; border-radius: 4px;
    box-shadow: 0 6px 18px rgba(29, 58, 92, 0.12);
}

.reg-results__item { padding: 10px 14px; cursor: pointer; font-size: 0.95rem; }
.reg-results__item:hover { background: #f2f5f9; }
.reg-results__empty { padding: 10px 14px; color: #6b7280; font-size: 0.9rem; }

.reg-hint { margin: 4px 2px 0 2px; font-size: 0.82rem; color: #6b7280; }
.reg-hint--ok { color: #7FB84E; }

.reg-error {
    margin: 10px 0 0 0; padding: 10px 12px;
    background: #fdf0ec; border-left: 3px solid #E0613A;
    color: #8a3517; font-size: 0.9rem;
}

.reg-done-title { margin: 0 0 12px 0; color: #1D3A5C; }

/* Page sits on brand navy — the same #1D3A5C as the T in the wordmark.
   The card stays white, so the logo keeps on_dark=false. Hardcoded rather
   than a token because login.css predates the tic.css colour contract; when
   that lands here, this becomes var(--tell-navy). */
body {
    background-color: #1D3A5C;
    min-height: 100vh;
    margin: 0;
}

/* Honeypot. Off-screen rather than display:none — some bots skip hidden
   fields, and this one is meant to be filled. */
.reg-hp {
    position: absolute; left: -9999px; top: auto;
    width: 1px; height: 1px; overflow: hidden;
}

.reg-lead { margin: 0 0 16px 0; font-size: 0.95rem; color: #4b5563; }