form {
    max-width: 500px;
}

input, select, button {
    display: block;
    margin-bottom: 15px;
    width: 100%;
    padding: 8px;
}

.form-table table tr th { padding-top:0!important; padding-bottom:0!important; }
.form-table table tr td { }

/* --------------------------------------------------------
   Password strength indicator (registration form)
   -------------------------------------------------------- */
.dd-password-strength {
    margin: -6px 0 14px;
}

/* Four labelled segments */
.dd-strength-segments {
    display: flex;
    gap: 5px;
    margin-bottom: 6px;
}
.dd-strength-seg {
    flex: 1;
    text-align: center;
}
.dd-strength-seg-bar {
    height: 7px;
    border-radius: 4px;
    background-color: #e0e0e0;
    margin-bottom: 5px;
    transition: background-color 0.3s ease, opacity 0.3s ease;
}
.dd-strength-seg-label {
    display: block;
    font-size: 0.72em;
    font-weight: 500;
    color: #bbb;
    transition: color 0.3s ease, opacity 0.3s ease;
}
/* Bold label on the current (active) level */
.dd-strength-seg.is-active .dd-strength-seg-label {
    font-weight: 700;
}

/* Improvement hints */
.dd-strength-hints {
    list-style: disc;
    margin: 4px 0 0;
    padding-left: 18px;
    font-size: 0.82em;
    color: #666;
    line-height: 1.5;
}