/* Responsive safeguards shared by every portal page. */
.page-content,
.content-wrapper,
.content-inner,
.content-inner .content,
.content-inner .row > *,
.content-inner .card,
.content-inner .card-body,
.content-inner .tab-content,
.content-inner .tab-pane {
    min-width: 0;
}

/* A wide child must not turn the whole central area into a horizontal scroller. */
.content-inner {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
}

.content-inner img,
.content-inner svg,
.content-inner canvas {
    max-width: 100%;
}

.content-inner svg,
.content-inner canvas {
    display: block;
}

/* Components that legitimately need more width remain independently scrollable. */
.content-inner .table-responsive,
.content-inner .dataTables_wrapper {
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

@media (max-width: 991.98px) {
    .content-inner .content {
        padding-right: 0.625rem;
        padding-left: 0.625rem;
    }

    .content-inner .nav-tabs {
        margin-right: 0;
        margin-left: 0;
    }

    .director-home__dashboard-card > .card-body {
        padding-right: 0.75rem;
        padding-left: 0.75rem;
    }
}