/*
============================================================
NOYTRIX PROFILE V105.1
ONLY REAL SETTINGS
============================================================
*/


/* ============================================================
   HIDE OLD PROFILE CONTENT
   ============================================================ */

#screen-profile-v56
.nx105-profile-hidden,

.p56-screen
.nx105-profile-hidden {

    display:
        none !important;
}


/*
 * Extra hard protection.
 *
 * Once V105 is active, no old V103 Profile layout appears.
 */

#screen-profile-v56[data-nx-profile-settings-only="105"]
> .nx103-profile,

#screen-profile-v56[data-nx-profile-settings-only="105"]
> .nx102-profile,

.p56-screen[data-nx-profile-settings-only="105"]
> .nx103-profile,

.p56-screen[data-nx-profile-settings-only="105"]
> .nx102-profile {

    display:
        none !important;
}


/* ============================================================
   DO NOT FORCE PROFILE SCREEN DISPLAY
   ROUTER STILL OWNS SCREEN VISIBILITY
   ============================================================ */

#screen-profile-v56[data-nx-profile-settings-only="105"],

.p56-screen[data-nx-profile-settings-only="105"] {

    width:
        100% !important;

    max-width:
        none !important;

    min-height:
        0 !important;

    margin:
        0 !important;

    padding:
        12px 10px 80px !important;

    overflow-x:
        hidden !important;

    overflow-y:
        auto !important;

    box-sizing:
        border-box !important;

    scrollbar-gutter:
        stable !important;
}


/* ============================================================
   SETTINGS HOST
   ============================================================ */

#screen-profile-v56
> .nx105-settings-only,

.p56-screen
> .nx105-settings-only {

    display:
        block !important;

    width:
        100% !important;

    max-width:
        none !important;

    height:
        auto !important;

    min-height:
        max-content !important;

    max-height:
        none !important;

    margin:
        0 !important;

    padding:
        0 !important;

    overflow:
        visible !important;

    box-sizing:
        border-box !important;
}


/* ============================================================
   ORIGINAL #screen-settings
   ============================================================ */

#screen-profile-v56
#screen-settings.nx105-real-settings,

.p56-screen
#screen-settings.nx105-real-settings {

    display:
        block !important;

    visibility:
        visible !important;

    opacity:
        1 !important;

    position:
        relative !important;

    inset:
        auto !important;

    width:
        100% !important;

    max-width:
        none !important;

    height:
        auto !important;

    min-height:
        0 !important;

    max-height:
        none !important;

    margin:
        0 !important;

    padding:
        0 !important;

    overflow:
        visible !important;

    transform:
        none !important;

    pointer-events:
        auto !important;

    box-sizing:
        border-box !important;
}


/*
 * Generic screen-router CSS cannot hide embedded Settings.
 */

#screen-profile-v56
#screen-settings.nx105-real-settings:not(.active),

#screen-profile-v56
#screen-settings.nx105-real-settings[aria-hidden="true"],

.p56-screen
#screen-settings.nx105-real-settings:not(.active),

.p56-screen
#screen-settings.nx105-real-settings[aria-hidden="true"] {

    display:
        block !important;

    visibility:
        visible !important;

    opacity:
        1 !important;

    height:
        auto !important;

    max-height:
        none !important;

    pointer-events:
        auto !important;
}


/* ============================================================
   PRESERVE ORIGINAL SETTINGS DESIGN
   ============================================================ */

/*
 * DO NOT redesign Settings here.
 *
 * Existing V66/V67/V68/V69 CSS remains responsible
 * for the exact Settings UI.
 *
 * Only remove fixed container limitations caused by
 * embedding it in Profile.
 */

#screen-profile-v56
#screen-settings
.settings-page-header,

#screen-profile-v56
#screen-settings
.settings-workspace,

#screen-profile-v56
#screen-settings
.settings-main,

#screen-profile-v56
#screen-settings
.settings-footer,

.p56-screen
#screen-settings
.settings-page-header,

.p56-screen
#screen-settings
.settings-workspace,

.p56-screen
#screen-settings
.settings-main,

.p56-screen
#screen-settings
.settings-footer {

    max-width:
        none !important;
}


#screen-profile-v56
#screen-settings
.settings-workspace,

#screen-profile-v56
#screen-settings
.settings-main,

.p56-screen
#screen-settings
.settings-workspace,

.p56-screen
#screen-settings
.settings-main {

    height:
        auto !important;

    min-height:
        0 !important;

    max-height:
        none !important;

    overflow:
        visible !important;
}


/* ============================================================
   ONE SCROLL
   ============================================================ */

#screen-profile-v56[data-nx-profile-settings-only="105"],

.p56-screen[data-nx-profile-settings-only="105"] {

    scrollbar-width:
        thin;

    scrollbar-color:
        #245778 transparent;
}


#screen-profile-v56[data-nx-profile-settings-only="105"]::-webkit-scrollbar,

.p56-screen[data-nx-profile-settings-only="105"]::-webkit-scrollbar {

    width:
        8px;
}


#screen-profile-v56[data-nx-profile-settings-only="105"]::-webkit-scrollbar-thumb,

.p56-screen[data-nx-profile-settings-only="105"]::-webkit-scrollbar-thumb {

    background:
        #245778;

    border-radius:
        999px;
}