/* ==========================================================
   NOYTRIX PROFILE — CLEAN DESKTOP ONE SCREEN
   ========================================================== */

@media (min-width: 1200px) {

    /*
     * Profile already has language/settings inside it.
     * Remove duplicate top workspace language/account controls.
     */

    html.p56-profile-open
    .workspace-header,
    body.account-profile-open
    .workspace-header {

        display: none !important;

    }


    /*
     * No page scroll while Profile is open.
     */

    html.p56-profile-open,
    html.p56-profile-open body,
    body.account-profile-open {

        height: 100% !important;

        overflow: hidden !important;

    }


    html.p56-profile-open
    .workspace,
    body.account-profile-open
    .workspace {

        width: 100% !important;
        max-width: none !important;

        height: 100vh !important;

        margin: 0 !important;

        padding:
            12px
            18px
            12px
            18px
            !important;

        box-sizing:
            border-box !important;

        overflow:
            hidden !important;

    }


    /*
     * Profile occupies the whole available workspace.
     */

    html.p56-profile-open
    #screen-profile-v56,
    body.account-profile-open
    #screen-profile-v56 {

        width: 100% !important;
        max-width: none !important;

        height:
            calc(100vh - 24px)
            !important;

        min-height: 0 !important;
        max-height: none !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow: hidden !important;

    }


    #screen-profile-v56
    .p56-root {

        width: 100% !important;
        height: 100% !important;

        min-height: 0 !important;
        max-height: 100% !important;

        display: grid !important;

        grid-template-rows:
            auto
            auto
            minmax(0, 1fr)
            !important;

        gap: 10px !important;

        overflow: hidden !important;

        box-sizing:
            border-box !important;

    }


    /*
     * Compact header.
     */

    #screen-profile-v56
    .p56-header {

        min-height: 0 !important;

        margin: 0 !important;

        padding:
            14px
            18px
            !important;

    }


    #screen-profile-v56
    .p56-header h1 {

        margin-top: 2px !important;
        margin-bottom: 3px !important;

        line-height: 1 !important;

    }


    #screen-profile-v56
    .p56-header > div:first-child > p {

        margin:
            4px
            0
            0
            !important;

    }


    /*
     * Tabs stay on one clean row.
     */

    #screen-profile-v56
    .p56-tabs {

        width: 100% !important;

        min-height: 44px !important;
        max-height: 44px !important;

        margin: 0 !important;

        overflow: hidden !important;

        scrollbar-width:
            none !important;

    }


    #screen-profile-v56
    .p56-tabs::-webkit-scrollbar {

        display: none !important;

    }


    #screen-profile-v56
    .p56-tabs button {

        min-height: 40px !important;

        padding-top: 7px !important;
        padding-bottom: 7px !important;

    }


    /*
     * Main content uses all remaining height.
     * Absolutely no nested scrollbar.
     */

    #screen-profile-v56
    .p56-content {

        width: 100% !important;

        height: 100% !important;

        min-height: 0 !important;
        max-height: none !important;

        margin: 0 !important;

        padding-bottom: 0 !important;

        overflow: hidden !important;

        scrollbar-width:
            none !important;

    }


    #screen-profile-v56
    .p56-content::-webkit-scrollbar {

        display: none !important;

    }


    #screen-profile-v56
    .p56-panel {

        min-height: 0 !important;
        max-height: 100% !important;

        overflow: hidden !important;

    }


    /*
     * Overview cards:
     * tighter vertical rhythm so all three rows fit.
     */

    #screen-profile-v56
    .p56-overview-top,
    #screen-profile-v56
    .p56-overview-main {

        min-height: 0 !important;

        gap: 10px !important;

    }


    #screen-profile-v56
    .p56-user-card,
    #screen-profile-v56
    .p56-plan-card,
    #screen-profile-v56
    .p56-card,
    #screen-profile-v56
    .p56-security-note {

        min-height: 0 !important;

        padding:
            14px
            !important;

    }


    #screen-profile-v56
    .p56-product-strip {

        margin-top:
            10px !important;

        min-height: 0 !important;

    }


    /*
     * V57 panels also fit without their own scroll.
     */

    #screen-profile-v56
    .p57e-settings-grid,
    #screen-profile-v56
    .p57e-toggle-grid,
    #screen-profile-v56
    .p57e-security-layout,
    #screen-profile-v56
    .p57e-connections,
    #screen-profile-v56
    .p57e-data-layout {

        gap: 10px !important;

        min-height: 0 !important;

    }


    #screen-profile-v56
    .p57e-card {

        padding:
            12px
            !important;

    }


    #screen-profile-v56
    .p57e-section-head {

        margin-bottom:
            10px !important;

    }


    /*
     * Kill every Profile-only scrollbar.
     */

    #screen-profile-v56,
    #screen-profile-v56
    .p56-root,
    #screen-profile-v56
    .p56-content,
    #screen-profile-v56
    .p56-panel {

        scrollbar-width:
            none !important;

        -ms-overflow-style:
            none !important;

    }


    #screen-profile-v56::-webkit-scrollbar,
    #screen-profile-v56
    .p56-root::-webkit-scrollbar,
    #screen-profile-v56
    .p56-content::-webkit-scrollbar,
    #screen-profile-v56
    .p56-panel::-webkit-scrollbar {

        display: none !important;

        width: 0 !important;
        height: 0 !important;

    }

}


/*
 * Slightly tighter on normal laptop-height screens.
 */

@media (
    min-width: 1200px
) and (
    max-height: 920px
) {

    #screen-profile-v56
    .p56-header {

        padding:
            10px
            14px
            !important;

    }


    #screen-profile-v56
    .p56-user-card,
    #screen-profile-v56
    .p56-plan-card,
    #screen-profile-v56
    .p56-card,
    #screen-profile-v56
    .p56-security-note,
    #screen-profile-v56
    .p57e-card {

        padding:
            10px
            12px
            !important;

    }


    #screen-profile-v56
    .p56-root {

        gap:
            8px !important;

    }


    #screen-profile-v56
    .p56-overview-top,
    #screen-profile-v56
    .p56-overview-main,
    #screen-profile-v56
    .p57e-settings-grid,
    #screen-profile-v56
    .p57e-toggle-grid,
    #screen-profile-v56
    .p57e-security-layout,
    #screen-profile-v56
    .p57e-connections {

        gap:
            8px !important;

    }

}