/**
 * Email as Username - Styles
 *
 * @package    local_emailusername
 * @copyright  2025 BixAgency.com
 * @license    http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
 */

/* Compact Password Requirements - Simple One-liner */
.pwd-req {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin: 8px 0;
}

.pwd-badge {
    display: inline-block;
    padding: 2px 8px;
    font-size: 11px;
    font-weight: 600;
    border-radius: 4px;
    background: #f1f3f4;
    color: #5f6368;
    border: 1px solid #dadce0;
    cursor: default;
    transition: all 0.2s ease;
}

.pwd-badge.met {
    background: #e6f4ea;
    color: #137333;
    border-color: #34a853;
}

/* Username field when readonly */
#id_username[readonly] {
    background-color: #e9ecef !important;
    cursor: not-allowed !important;
    color: #6c757d !important;
}

/* Hide username field when class is applied by JS */
body.emailusername-hide-username #fitem_id_username,
body.emailusername-hide-username #id_username,
body.emailusername-hide-username [data-groupname="username"],
body.emailusername-hide-username .form-group:has(#id_username),
body.emailusername-hide-username .fitem:has(#id_username) {
    display: none !important;
}

/* Info message styling */
.alert.alert-info {
    border-radius: 8px;
    border: none;
    background: #e8f0fe;
    color: #1967d2;
    font-size: 13px;
    padding: 10px 14px;
}