.profile-role-badge {
    border: 1px solid #12FF12;
    background-color: #12FF1233;
    color: #12FF12;
    border-radius: 6px;
    padding: 10px;
    padding-left: 16px;
    padding-right: 16px;
    color: white;
    top: 10;
    right: 0;
    text-transform: uppercase;

    font-family: 'Ubuntu', sans-serif;
    font-size: 16px;
    font-weight: 500;

}


.panel-persona{
    border: 1px solid #ffffff33;
    background-color: #ffffff11;
    padding: 10px;
    position: relative;
    display: flex;
    flex-direction: row;
}

.user-avatar{
    border: 1px solid #ffffff33;
    width: 20%; 
    padding: 6px;
}
.user-avatar img{
    width: fit-content; 
}

.user-details{
    border: 1px solid #ffffff33;
    width: 80%; 
}


.social-dock-container{
    max-width: 802px;
    margin: auto;
    overflow: auto;
    position: relative;
    padding-top: 16px;
    
}

.social-dock-label{
    font-size: 12px;
    opacity: 0.4;
    top:0;
    height:30px;
    position: absolute;
}


.social-popup-dock{
    border: 1px solid #ffffff33;
    max-height: 600px;
}


.centered-panel{
    background-color: #00000022;
    border: 1px solid #FFFFFF33;
    border-radius: 8px;
    padding: 12px;
    margin-bottom: 26px;
    backdrop-filter: blur(18px);
    border: 1px solid #FFFFFF22;
    margin-top: 20px;
}

.wrap-word-wrap{
    wrap:word-wrap;
}

/* Ensure monospace font and fixed width for 80 characters */
.pre-limited-width {
    background-color: #00000011;
    border: 2px solid #ffffff11;
    font-family: monospace;
    white-space: pre-wrap;  /* Wrap long lines */
    word-wrap: break-word;  /* Break long words */
    overflow-wrap: break-word; /* Wrap lines within the box */
}



.content-container{
    border: 1px solid #ffffff44;
    background-color: #00000022;
    border-radius: 4px;
    position: relative;
}

textarea {
    width: 100%;
}