.container-primary-info {
    box-shadow: var(--custom-box-shadow);
    width: 100%;
    margin-bottom: 2rem;
    border-radius: 16px;
}

.container-primary-info .divider {
    margin: 0 0 0 7rem;
    width: unset;
}

.section-primary-info {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 1.5rem;
    padding: .8rem 1.2rem .4rem;
}

.personal-info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    line-height: normal;
}

.info-nome {
    color: var(--mud-palette-text-primary);
    font-weight: 800;
    font-size: medium;
}

.info-section {
    color: var(--mud-palette-gray-default);
    font-size: small;
    font-weight: 600;
}

.section-info {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    padding: .4rem 1.2rem .8rem;
}

.section-personal-info {
    display: flex;
    flex-direction: column;
}

.section-personal-info > div {
    display: flex;
    flex-direction: column;
    line-height: normal;
    margin: .25rem 0;
}

.info-title {
    color: var(--mud-palette-gray-darker);
    font-weight: 800;
}

.info-text {
    color: var(--mud-palette-text-secondary);
    font-weight: 700;
    font-size: small;
}

.content ::deep .user-button { border: 1px solid var(--card-border-color) !important; }

.user-button > i { font-size: large; }

.user-button > span {
    font-size: medium;
    font-weight: 600;
}

.status { font-weight: 700; }

.status.online { color: var(--mud-palette-success); }

.status.offline { color: var(--mud-palette-error); }

.container-button {
    width: 100%;
    box-shadow: var(--custom-box-shadow);
    padding: .25rem 0;
    border-radius: 16px;
}

.container-button .divider {
    margin: .5rem 0 .5rem 3rem;
    width: unset;
}

.container-button ::deep .button-settings { border: none !important; }

.container-button ::deep .button-settings .mud-icon-root {
    border-radius: 6px;
    padding: 2px;
    min-width: 25px;
    min-height: 25px;
}

.container-button ::deep .button-settings.infoText { color: var(--mud-palette-info); }

.container-button ::deep .button-settings.green-icon .mud-icon-root {
    border: 1px solid var(--mud-palette-success);
    background: hsl(from var(--mud-palette-success-lighten) h s 95%);
    color: var(--mud-palette-success-darken);
}

.container-button ::deep .button-settings.red-icon .mud-icon-root {
    border: 1px solid var(--mud-palette-error);
    background: hsl(from var(--mud-palette-error-lighten) h s 95%);
    color: var(--mud-palette-error-darken);
}

.container-button ::deep .button-settings .mud-button-label {
    justify-content: flex-start;
    text-transform: capitalize;
    font-size: 1rem;
}

.container-button ::deep .button-settings.exit { padding: 0; }

.container-button ::deep .button-settings.exit .mud-button-label {
    justify-content: center;
    font-size: 1.1rem;
    line-height: normal;
}

.container-pers-rif {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 1rem;
    box-shadow: var(--custom-box-shadow);
    border-radius: 16px;
    max-height: 32vh;
    overflow: auto;
    scrollbar-width: none;
}

.container-pers-rif::-webkit-scrollbar { display: none; }

.container-pers-rif .divider {
    margin: 0 0 0 3.5rem;
    width: unset;
}

.custom-tab-panel {
    width: 100%;
    display: flex;
    gap: 1rem;
    flex-direction: column;
}