/**
 * Nanban PRO — layout only (dark theme removed; see nanban-theme-nuclear.css)
 */

body.nanban-pro-app #mainApp .nb-app-main,
body.nanban-pro-app #mainApp .nb-app-body > .container,
body.nanban-pro-app #mainApp #nbAppMain.container.nb-app-main,
html.nanban-authed body.nanban-pro-app #mainApp #nbAppMain.container.nb-app-main {
    width: 100% !important;
    max-width: 100% !important;
    flex: 1 1 0% !important;
    min-width: 0 !important;
    padding: 24px !important;
    box-sizing: border-box !important;
}

body.nanban-pro-app #mainApp .nb-app-main > .section-content,
body.nanban-pro-app #mainApp .nb-app-body > .container > .section-content,
html.nanban-authed body.nanban-pro-app #mainApp #nbAppMain > .section-content.active-section,
html.nanban-authed body.nanban-pro-app #mainApp #nbAppMain > .section-content.force-visible-panel {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
}

html.nanban-authed body.nanban-pro-app #mainApp #nbAppMain,
html.nanban-authed body.nanban-pro-app #mainApp #nbAppMain.container.nb-app-main {
    overflow-y: auto !important;
    overflow-x: hidden !important;
    height: 100% !important;
    max-height: 100% !important;
    flex: 1 1 auto !important;
    min-height: 0 !important;
    padding-bottom: 50px !important;
}

html.nanban-authed body.nanban-pro-app #mainApp #nbAppMain > .section-content.active-section {
    overflow: visible !important;
    max-height: none !important;
    height: auto !important;
}

body.nanban-pro-app .main-content,
body.nanban-pro-app .nb-app-main.main-content {
    width: 100% !important;
    flex: 1 !important;
    padding: 24px !important;
}

body.nanban-pro-app .main-content .tab-pane,
body.nanban-pro-app .main-content > div,
body.nanban-pro-app #nbAppMain > .section-content {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
}

body.nanban-pro-app #listSection .nb-crm-bento-grid {
    width: 100%;
    max-width: 100%;
}

@media (max-width: 768px) {
    body.nanban-pro-app #mainApp .nb-app-main,
    body.nanban-pro-app #mainApp #nbAppMain {
        padding: 16px !important;
    }
}
