/* Custom Layout Styles */

/* Main container adjustments */
.container,
.container-fluid,
.wt-main-section,
.wt-dashboardbox,
.wt-dashboardboxtitle,
.wt-dashboardboxcontent,
.wt-dashboardboxcontent .wt-dashboardboxcontent,
.wt-dashboardboxcontent .wt-dashboardboxcontent .wt-dashboardboxcontent,
.wt-dashboardboxcontent .wt-dashboardboxcontent .wt-dashboardboxcontent .wt-dashboardboxcontent,
.wt-dashboardboxcontent .wt-dashboardboxcontent .wt-dashboardboxcontent .wt-dashboardboxcontent .wt-dashboardboxcontent {
    padding-left: 10px !important;
    padding-right: 10px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Full width sections with margins */
.wt-main-section,
.wt-dashboardbox,
.wt-dashboardboxtitle,
.wt-dashboardboxcontent {
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* Responsive adjustments */
@media (min-width: 768px) {
    .container,
    .container-fluid,
    .wt-main-section,
    .wt-dashboardbox,
    .wt-dashboardboxtitle,
    .wt-dashboardboxcontent {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
}

@media (min-width: 992px) {
    .container,
    .container-fluid,
    .wt-main-section,
    .wt-dashboardbox,
    .wt-dashboardboxtitle,
    .wt-dashboardboxcontent {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
}

/* Ensure content doesn't touch edges on mobile */
@media (max-width: 767px) {
    .container,
    .container-fluid,
    .wt-main-section,
    .wt-dashboardbox,
    .wt-dashboardboxtitle,
    .wt-dashboardboxcontent {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}

/* Fix for specific elements that might need different margins */
.wt-dashboardboxcontent .directorist,
.wt-dashboardboxcontent .atbd-dashboard,
.wt-dashboardboxcontent .atbd_wrapper {
    margin: 0 !important;
    padding: 0 !important;
}

/* Ensure proper spacing in nested elements */
.wt-dashboardboxcontent > * {
    margin-bottom: 20px !important;
}

.wt-dashboardboxcontent > *:last-child {
    margin-bottom: 0 !important;
}