/* session-loader.css: Fix left space on card */

#cb-session-loader .directive-card, 
#cb-session-loader .directive-history-card, 
#cb-session-loader .directive-card-container {
    margin-left: 0 !important;
    padding-left: 0 !important;
}

#cb-session-loader .directive-card, 
#cb-session-loader .directive-history-card {
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.04);
    background: #fff;
    border: 1px solid #eee;
    margin-bottom: 24px;
    padding: 18px 24px;
}

#cb-session-loader {
    padding-left: 0 !important;
}

/* Remove any extra left margin from the main container */
#cb-session-loader > div:first-child {
    margin-left: 0 !important;
}

/* Aggressive left space removal for all parent containers and cards */
.dos-fullscreen-content,
.dos-session-wrapper,
#cb-session-loader,
.cb-directive-list,
.cb-directive-list li,
.directive-item {
    margin-left: 0 !important;
    padding-left: 0 !important;
}

/* Set left margin to 8px for subtle alignment, aiming to match main content */
#cb-session-loader,
.dos-fullscreen-content,
.dos-session-wrapper,
.cb-directive-list,
.cb-directive-list li,
.directive-item,
.dos-session-loader-block {
    margin-left: 8px !important;
}

/* For mobile, reduce the margin */
@media (max-width: 600px) {
    #cb-session-loader,
    .dos-fullscreen-content,
    .dos-session-wrapper,
    .cb-directive-list,
    .cb-directive-list li,
    .directive-item,
    .dos-session-loader-block {
        margin-left: 2px !important;
    }
}

/* Make the session loader block full width */
.dos-session-loader-block {
    margin-left: 0 !important;
    padding-left: 0 !important;
    width: 100% !important;
}