.availability-field{display:grid;gap:.45rem}
.availability-status{min-height:1.25rem;font-size:.84rem;font-weight:700}
.availability-field[data-availability="checking"] .availability-status{color:var(--page-muted,#8fa1bd)}
.availability-field[data-availability="available"] input{border-color:#2fbd83!important;box-shadow:0 0 0 3px rgba(47,189,131,.14)!important}
.availability-field[data-availability="available"] .availability-status{color:#43d39f}
.availability-field[data-availability="unavailable"] input,.availability-field[data-availability="error"] input{border-color:#ef5f6c!important;box-shadow:0 0 0 3px rgba(239,95,108,.14)!important}
.availability-field[data-availability="unavailable"] .availability-status,.availability-field[data-availability="error"] .availability-status{color:#ff8997}
.password-strength{display:grid;gap:.42rem;margin-top:.45rem}
.password-strength-track{overflow:hidden;height:.42rem;border-radius:999px;background:rgba(127,144,174,.18)}
.password-strength-track span{display:block;width:0;height:100%;border-radius:inherit;background:#ef5f6c;transition:width 180ms ease,background 180ms ease}
.password-strength[data-score="2"] .password-strength-track span{background:#f59e0b}
.password-strength[data-score="3"] .password-strength-track span{background:#eab308}
.password-strength[data-score="4"] .password-strength-track span{background:#34c89a}
.password-strength[data-score="5"] .password-strength-track span{background:#22c55e}
.password-strength-label{color:var(--page-muted,#8fa1bd);font-size:.84rem;font-weight:800}
.registration-card{width:min(520px,92vw)}
.registration-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:.5rem}
.registration-actions .button,.registration-actions button{flex:1 1 12rem}

/* SOFON_REGISTRATION_TERMS_CSS_V1 */
.registration-terms {
    display: grid;
    grid-template-columns: 1.15rem minmax(0, 1fr);
    gap: .7rem;
    align-items: start;
    margin: .25rem 0 .75rem;
    cursor: pointer;
    font-size: .92rem;
    line-height: 1.5;
}

.registration-terms > input[type="checkbox"] {
    display: block;
    width: 1.15rem;
    min-width: 1.15rem;
    max-width: 1.15rem;
    height: 1.15rem;
    margin: .15rem 0 0;
    padding: 0;
    accent-color: #49d1ad;
    cursor: pointer;
}

.registration-terms > span {
    min-width: 0;
}

.registration-terms a {
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: .16em;
}

.registration-terms a:hover {
    text-decoration-thickness: 2px;
}

.registration-terms:focus-within {
    border-radius: .4rem;
}

/* SOFON_REGISTRATION_LAYOUT_V1 START */

/*
 * SOFON ID – registrace
 * - mírně širší registrační karta
 * - nadpis na desktopu v jednom řádku
 * - vertikálně vycentrovaný checkbox podmínek
 */

.registration-card {
    width: min(620px, 92vw);
}

.registration-terms {
    align-items: center;
}

.registration-terms > input[type="checkbox"] {
    margin-top: 0;
    align-self: center;
}

@media (min-width: 700px) {
    .registration-card > h1 {
        white-space: nowrap;
    }
}

@media (max-width: 699px) {
    .registration-card > h1 {
        white-space: normal;
    }
}

/* SOFON_REGISTRATION_LAYOUT_V1 END */


/* SOFON_REGISTRATION_SUCCESS_CONTRAST_V1 */

/*
 * Potvrzení úspěšné registrace.
 * Samostatně definujeme kontrast pro světlý a tmavý režim.
 */
.registration-card .success {
    border:
        1px solid
        rgba(34, 197, 94, 0.32);

    background:
        rgba(34, 197, 94, 0.12);

    color: #d1fae5;

    font-weight: 600;
    line-height: 1.55;
}

html[data-theme="light"]
.registration-card .success {
    border-color:
        rgba(22, 163, 74, 0.30);

    background:
        rgba(34, 197, 94, 0.13);

    color: #14532d;
}