/* SEND Life Update 22A.2 - Google linking, signup clarity and login attention */

@keyframes sl-login-pulse-parent-22a2 {
    0%, 100% { box-shadow: 0 8px 18px rgba(19,36,94,.06); transform: translateY(0) scale(1); }
    45% { box-shadow: 0 0 0 7px rgba(5,166,167,.18), 0 12px 26px rgba(5,166,167,.18); transform: translateY(-1px) scale(1.025); }
}

@keyframes sl-login-pulse-child-22a2 {
    0%, 100% { box-shadow: 0 8px 18px rgba(19,36,94,.06); transform: translateY(0) scale(1); }
    45% { box-shadow: 0 0 0 7px rgba(118,86,196,.17), 0 12px 26px rgba(118,86,196,.18); transform: translateY(-1px) scale(1.025); }
}

.sl-login-pulse-parent-22a2,
.sl-login-choice-parent-22a2 {
    animation: sl-login-pulse-parent-22a2 1.7s ease-in-out 4;
}

.sl-login-pulse-child-22a2,
.sl-login-choice-child-22a2 {
    animation: sl-login-pulse-child-22a2 1.7s ease-in-out .18s 4;
}

.sl-login-pulse-parent-22a2:hover,
.sl-login-pulse-parent-22a2:focus-visible,
.sl-login-pulse-child-22a2:hover,
.sl-login-pulse-child-22a2:focus-visible,
.sl-login-choice-parent-22a2:hover,
.sl-login-choice-parent-22a2:focus-visible,
.sl-login-choice-child-22a2:hover,
.sl-login-choice-child-22a2:focus-visible {
    animation-play-state: paused;
}

.sl-password-field-22a2 {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
    align-items: stretch;
    margin-top: 6px;
}

.sl-password-field-22a2 input {
    min-width: 0;
    width: 100%;
}

.sl-password-field-22a2 button {
    min-width: 72px;
    border: 1px solid var(--line);
    border-radius: 12px;
    background: #fff;
    color: var(--navy);
    font-weight: 900;
    cursor: pointer;
    padding: 0 14px;
}

.sl-password-field-22a2 button:hover,
.sl-password-field-22a2 button:focus-visible {
    border-color: var(--brand);
    background: var(--aqua);
}

.sl-google-link-hint-22a2,
.sl-field-hint-22a2 {
    display: block;
    margin-top: 8px;
    color: var(--muted);
    font-size: .92rem;
    font-weight: 700;
}

.sl-register-invite-22a2,
.sl-account-type-help-22a2,
.sl-google-link-keep-22a2 {
    display: grid;
    gap: 8px;
    margin-top: 18px;
    padding: 16px;
    border: 1px solid rgba(5,166,167,.24);
    border-radius: 18px;
    background: linear-gradient(145deg, #effdfd, #f7f3ff);
}

.sl-register-invite-22a2 strong,
.sl-account-type-help-22a2 strong,
.sl-google-link-keep-22a2 strong {
    color: var(--navy);
    font-size: 1.05rem;
}

.sl-register-invite-22a2 span,
.sl-account-type-help-22a2 span,
.sl-google-link-keep-22a2 span {
    color: var(--muted);
}

.sl-google-link-card-22a2 {
    width: min(680px, 100%);
}

.sl-google-link-icon-22a2 {
    display: grid;
    place-items: center;
    width: 58px;
    height: 58px;
    margin-bottom: 10px;
    border-radius: 18px;
    background: linear-gradient(135deg, rgba(5,166,167,.16), rgba(118,86,196,.18));
    font-size: 1.9rem;
}

.sl-google-link-email-22a2 {
    display: inline-flex;
    width: fit-content;
    max-width: 100%;
    margin: 4px 0 12px;
    padding: 8px 12px;
    border-radius: 999px;
    background: #eef8fb;
    color: var(--navy);
    font-weight: 900;
    overflow-wrap: anywhere;
}

.sl-google-link-actions-22a2 {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
    margin-top: 16px;
}

.sl-google-link-actions-22a2 > a:not(.sl-button) {
    font-weight: 900;
}

html[data-sl-effective-theme="dark"] .sl-password-field-22a2 button {
    background: #eef7fb;
    color: #102a43;
    border-color: #a9c5d2;
}

html[data-sl-effective-theme="dark"] .sl-register-invite-22a2,
html[data-sl-effective-theme="dark"] .sl-account-type-help-22a2,
html[data-sl-effective-theme="dark"] .sl-google-link-keep-22a2 {
    background: linear-gradient(145deg, #eafafa, #f2edff);
}

html[data-sl-effective-theme="dark"] .sl-register-invite-22a2 strong,
html[data-sl-effective-theme="dark"] .sl-account-type-help-22a2 strong,
html[data-sl-effective-theme="dark"] .sl-google-link-keep-22a2 strong,
html[data-sl-effective-theme="dark"] .sl-google-link-email-22a2 {
    color: #102a43;
}

html[data-sl-effective-theme="dark"] .sl-register-invite-22a2 span,
html[data-sl-effective-theme="dark"] .sl-account-type-help-22a2 span,
html[data-sl-effective-theme="dark"] .sl-google-link-keep-22a2 span {
    color: #39566b;
}

@media (max-width: 560px) {
    .sl-password-field-22a2 {
        grid-template-columns: 1fr;
    }

    .sl-password-field-22a2 button {
        min-height: 44px;
    }

    .sl-google-link-actions-22a2 {
        align-items: stretch;
        flex-direction: column;
    }

    .sl-google-link-actions-22a2 .sl-button {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .sl-login-pulse-parent-22a2,
    .sl-login-pulse-child-22a2,
    .sl-login-choice-parent-22a2,
    .sl-login-choice-child-22a2 {
        animation: none !important;
    }
}