body {
    text-transform: none;
}

/* PUBLIC NAME — remove clipping and allow full text */
.pm-user-name.pm-dbfl.pm-clip span[style*="text-transform:uppercase"] {
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
    max-width: none !important;
    width: auto !important;
}

/* PUBLIC NAME — stop the parent from clipping */
.pm-user-name.pm-dbfl.pm-clip {
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
    max-width: none !important;
    width: auto !important;
}

/* PUBLIC NAME WRAPPER — allow full-width so it stays on one line */
.pm-profile-title.pm-difl.pm-pad10 {
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
}

/* Right column values */
.pm-card-value {
    color: #000 !important;
    font-size: 1.2em !important;
    font-weight: 500 !important;
}

/* Left column values */
.pm-card-label {
    color: #c0c0c0 !important;
    font-size: 1.0em !important;
    font-weight: 100 !important;
}

/* Left panel links */
.pm-section-left-panel a {
    color: #444 !important;
    font-size: 1.2em !important;
    font-weight: 500 !important;
    display: block !important;
    padding: 6px 10px !important;
    text-decoration: none !important;
}

/* Hide card labels on user cards */
.pm-user-card .pm-card-label {
    display: none !important;
}

/* Hide dashes on Group Page Cards */
.pm-user-description-row.pm-border::after,
.pm-user-description-row.pm-border::before {
    display: none !important;
    border: none !important;
    content: none !important;
}

/* Hide First Last names on Group Page Cards */
.pm-user-card .pm-user-card-title {
    display: none !important;
}

/* Hide FIRST + LAST NAME on Search Users page */
.pm-user-name span {
    opacity: 0;
}

/* Show the name AFTER JS replaces it */
.pm-user-name span.public-name-loaded {
    opacity: 1;
}

/* MOBILE — Center and style the profile name */
@media (max-width: 600px) {
    .pm-profile-title.pm-difl.pm-pad10 {
        justify-content: center !important;
        text-align: center !important;
    }

    .pm-profile-title {
        text-align: center !important;
        width: 100% !important;
        padding: 10px 0 !important;
    }

    .pm-profile-title .pm-user-name span {
        display: block !important;
        font-size: 1.2em !important;
        font-weight: 900 !important;
        color: #000 !important;
        text-align: center !important;
        line-height: 1.2em !important;
    }
}