html:has(body.plugnique-app-page),
body.plugnique-app-page {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: none !important;
    overflow-x: hidden;
    background: #f4f6f8;
}

body.plugnique-app-page .plugnique-application-canvas,
body.plugnique-app-page .plugnique-application-canvas > * {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
}

body.plugnique-app-page .plugnique-app,
body.plugnique-app-page .plugnique-login {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    min-height: 100vh;
}

body.admin-bar.plugnique-app-page .plugnique-app,
body.admin-bar.plugnique-app-page .plugnique-login {
    min-height: calc(100vh - 32px);
}

body.admin-bar.plugnique-app-page .plugnique-sidebar {
    top: 32px;
    height: calc(100vh - 32px);
}

body.plugnique-app-page .plugnique-brand .plugnique-logo {
    flex: 0 0 auto;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

body.plugnique-app-page .plugnique-main {
    width: 100%;
    max-width: none;
}

@media (max-width: 782px) {
    body.admin-bar.plugnique-app-page .plugnique-sidebar {
        top: 46px;
        height: calc(100vh - 46px);
    }
}