/* The reporting dialog keeps its heading/search/footer visible; only DataTables owns vertical scrolling. */
#CtrlPopupShowLog_Box {
    display: flex;
    flex-direction: column;
    overflow: hidden;
}
#CtrlPopupShowLog_Heading {
    flex: 0 0 auto;
    padding-right: 50px;
}
#CtrlPopupShowLog_Box > .MNR_PopupBox_CloseButton {
    position: absolute;
    right: 15px;
    top: 15px;
    margin: 0;
}
#CtrlPopupShowLog_Box > .MNR_PopupBox_Content {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    width: 100%;
    margin: 0;
}
#DIV_REPORTING_LOG {
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
    min-width: 0;
}
#CtrlPopupShowLog_DivLogTableHolder {
    flex: 1 1 auto;
    min-height: 0;
    min-width: 0;
}
#CtrlPopupShowLog_Box .dt-container,
#CtrlPopupShowLog_Box .dt-scroll {
    display: flex;
    flex-direction: column;
    min-height: 0;
    min-width: 0;
}
#CtrlPopupShowLog_Box .dt-container {
    display: flex !important;
    height: 100%;
}
#CtrlPopupShowLog_Box .dt-scroll {
    width: 100%;
    flex: 1 1 auto;
}
#CtrlPopupShowLog_Box .dt-scroll-head,
#CtrlPopupShowLog_Box .dt-search,
#CtrlPopupShowLog_Box .dt-info,
#CtrlPopupShowLog_Box .dt-paging {
    flex: 0 0 auto;
}
/* Override the legacy 485px inline height; Scroller measures the resulting viewport. */
#CtrlPopupShowLog_Box .dt-scroll-body {
    flex: 1 1 auto;
    min-height: 0;
    height: auto !important;
}
#CtrlPopupShowLog_Footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex: 0 0 auto;
    gap: 12px;
    padding-top: 8px;
}

/* DataTables 3 layout rows preserve a stable search/header/footer around the shrinking table. */
#CtrlPopupShowLog_Box .dt-layout-row {
    flex: 0 0 auto;
    margin: 0 0 8px;
}
#CtrlPopupShowLog_Box .dt-layout-row.dt-layout-table {
    align-items: stretch;
    flex: 1 1 auto;
    min-height: 0;
    margin: 0;
}
#CtrlPopupShowLog_Box .dt-layout-table > .dt-layout-cell {
    display: flex !important;
    align-items: stretch;
    flex-direction: column;
    min-height: 0;
    min-width: 0;
}