/*
============================================================
NOYTRIX PROFILE SETTINGS V104
REAL SETTINGS IN PROFILE
GUEST SETTINGS -> LOGIN
============================================================
*/


/* ============================================================
   SIDEBAR
   ============================================================ */


/*
 * Standalone Settings is gone for BOTH states.
 *
 * Authenticated:
 * settings are inside Profile.
 *
 * Guest:
 * Login replaces this item.
 */

.sidebar
.settings-nav-item {

    display:
        none !important;
}


/*
 * Login occupies exactly the same sidebar slot.
 */

.sidebar
.nx-login-nav-v104 {

    box-sizing:
        border-box !important;
}


body.nx104-authenticated
.sidebar
.nx-login-nav-v104 {

    display:
        none !important;
}


body.nx104-guest
.sidebar
.nx-login-nav-v104 {

    display:
        flex !important;

    visibility:
        visible !important;

    opacity:
        1 !important;

    pointer-events:
        auto !important;
}


/* ============================================================
   GUEST
   ============================================================ */


/*
 * Guest cannot open Settings.
 */

body.nx104-guest
#screen-settings {

    display:
        none !important;

    visibility:
        hidden !important;

    pointer-events:
        none !important;
}


/*
 * Guest does not have Profile preferences either.
 */

body.nx104-guest
#screen-profile-v56
.nx103-settings {

    display:
        none !important;
}


/* ============================================================
   AUTHENTICATED PROFILE SETTINGS
   ============================================================ */


/*
 * V103's own "Preferences" heading is removed.
 *
 * The REAL Settings page already has its own:
 *
 * YOUR WORKSPACE
 * Settings
 * Make Noytrix work the way you prefer.
 */

body.nx104-authenticated
#screen-profile-v56
.nx104-real-settings-section
> .nx103-section-head {

    display:
        none !important;
}


body.nx104-authenticated
#screen-profile-v56
.nx104-real-settings-section {

    display:
        block !important;

    width:
        100% !important;

    max-width:
        none !important;

    height:
        auto !important;

    min-height:
        0 !important;

    max-height:
        none !important;

    margin:
        28px 0 !important;

    padding:
        0 !important;

    overflow:
        visible !important;

    border-top:
        1px solid #173a59 !important;
}


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

#screen-profile-v56
.nx104-settings-host {

    display:
        block !important;

    width:
        100% !important;

    max-width:
        none !important;

    height:
        auto !important;

    min-height:
        0 !important;

    max-height:
        none !important;

    margin:
        0 !important;

    padding:
        18px 0 0 !important;

    overflow:
        visible !important;
}


/*
 * Old Profile-specific Settings implementation is not shown.
 *
 * It remains in DOM only for legacy compatibility.
 */

#screen-profile-v56
.nx104-settings-host
> .nx104-old-profile-settings {

    display:
        none !important;
}


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


/*
 * THIS IS THE ACTUAL ORIGINAL SETTINGS SCREEN.
 *
 * We only normalize its outer .screen container so that it
 * can live inside Profile.
 *
 * Everything INSIDE remains styled by the existing:
 *
 * nx-settings-layout-v66.css
 * nx-settings-flow-v67.css
 * nx-settings-clean-v68.css
 * nx-settings-controls-v69.css
 *
 * Therefore the UI stays one-to-one.
 */

body.nx104-authenticated
#screen-profile-v56
.nx104-settings-host
> #screen-settings.nx104-embedded-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;
}


/*
 * Don't let generic inactive-screen rules hide embedded Settings.
 */

body.nx104-authenticated
#screen-profile-v56
#screen-settings.nx104-embedded-settings:not(.active),

body.nx104-authenticated
#screen-profile-v56
#screen-settings.nx104-embedded-settings[aria-hidden="true"] {

    display:
        block !important;

    visibility:
        visible !important;

    opacity:
        1 !important;

    height:
        auto !important;

    max-height:
        none !important;

    pointer-events:
        auto !important;
}


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


/*
 * Settings itself must not create another vertical scroll.
 */

#screen-profile-v56
#screen-settings.nx104-embedded-settings,

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

#screen-profile-v56
#screen-settings.nx104-embedded-settings
.settings-main {

    max-height:
        none !important;
}


/*
 * Preserve V103/V103.1 whole-profile scrolling.
 */

#screen-profile-v56[data-nx-profile-final="103"] {

    overflow-y:
        auto !important;

    overflow-x:
        hidden !important;
}


/* ============================================================
   MOBILE
   ============================================================ */

@media (max-width: 900px) {

    #screen-profile-v56
    .nx104-settings-host {

        padding-top:
            14px !important;
    }

}