/* Page-specific styles for owi_signup.html */
/* Requires: owi_auth_shared.css */

.login-container { text-align: left; }

.login-heading { margin-bottom: 24px; }
.login-subtext { margin-bottom: 32px; }

.messages-container { margin-bottom: 24px; }

#owi_signup_form {
    gap: 8px;
}

.input-group {
    margin-top: 24px;
}

#owi_signup_form .input-group:first-of-type {
    margin-top: 0;
}

/* Confirm password field needs extra right padding for match icon + toggle */
#id_confirm_password {
    padding-right: 84px;
}

.match-icon {
    position: absolute;
    right: 50px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
}

.form-input.input-match {
    border-color: #1B8A5A;
    box-shadow: 0px 0px 0px 3px rgba(27, 138, 90, 0.1);
}

.form-input.input-mismatch {
    border-color: #C0392B;
    box-shadow: 0px 0px 0px 3px rgba(192, 57, 43, 0.1);
}

.match-message {
    font-size: 13px;
    margin-top: 6px;
    font-family: 'Inter', sans-serif;
    text-align: left;
    display: flex;
    align-items: center;
    gap: 6px;
}

.match-message.is-match    { color: #1B8A5A; }
.match-message.is-mismatch { color: #C0392B; }

.password-hint {
    font-size: 13px;
    color: #6C757D;
    margin-top: 6px;
    font-family: 'Inter', sans-serif;
}

.submit-button { margin-top: 24px; }

.signup-link { margin-top: 16px; }

@media (max-width: 768px) {
    #owi_signup_form { gap: 8px; }
}