/* Custom CSS for Duralux-like Dashboard */

/* Basic layout adjustments */
#layoutSidenav #layoutSidenav_nav {
    width: 225px; /* Sidebar width */
    transition: width .1s ease-in-out;
}
#layoutSidenav #layoutSidenav_content {
    padding-left: 225px; /* Main content offset */
    transition: padding-left .1s ease-in-out;
}

/* Sidebar styling */
.sb-sidenav-dark {
    background-color: #2b3543; /* Dark background */
    color: rgba(255, 255, 255, .5);
}
.sb-sidenav-dark .sb-sidenav-menu .nav-link {
    color: rgba(255, 255, 255, .7);
    padding: 1rem 1.5rem;
}
.sb-sidenav-dark .sb-sidenav-menu .nav-link .sb-nav-link-icon {
    margin-right: .75rem;
    color: rgba(255, 255, 255, .3);
}
.sb-sidenav-dark .sb-sidenav-menu .nav-link:hover {
    color: #fff;
    background-color: rgba(255, 255, 255, .05);
}
.sb-sidenav-menu-heading {
    padding: 1.75rem 1.5rem 0.75rem;
    font-size: .75rem;
    font-weight: bold;
    color: rgba(255, 255, 255, .4);
    text-transform: uppercase;
}
.sb-sidenav-footer {
    padding: 1.75rem 1.5rem;
    font-size: .85rem;
    background-color: #364253; /* Slightly lighter dark for footer */
    color: rgba(255, 255, 255, .5);
}

/* Top Navbar styling */
.sb-topnav {
    padding-left: 0;
    height: 56px;
    z-index: 1039;
}
.sb-topnav.navbar-dark .navbar-brand {
    color: #fff;
}
.sb-topnav .navbar-brand {
    width: 225px; /* Match sidebar width */
    margin: 0;
    font-size: 1.5rem;
    font-weight: bold;
    transition: width .1s ease-in-out;
}
.sb-topnav .form-inline .input-group {
    width: 100%;
}
.sb-topnav .form-inline .input-group .form-control {
    background-color: rgba(255, 255, 255, .15);
    border: none;
    color: #fff;
}
.sb-topnav .form-inline .input-group .form-control::placeholder {
    color: rgba(255, 255, 255, .5);
}
.sb-topnav .form-inline .input-group .btn {
    background-color: #3f6ad8; /* Primary button color */
    border-color: #3f6ad8;
}
.sb-topnav .navbar-nav .dropdown-menu {
    border: none;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}

/* Main content styling */
#layoutSidenav_content {
    display: flex;
    flex-direction: column;
    min-height: calc(100vh - 56px); /* Full height minus navbar */
}
#layoutSidenav_content main {
    flex-grow: 1;
}

/* Custom cards for dashboard widgets */
.dashboard-card {
    border-left: 5px solid;
    padding: 1.5rem;
    margin-bottom: 1.5rem;
    border-radius: .35rem;
    background-color: #fff;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
}
.dashboard-card.border-primary { border-color: #007bff !important; }
.dashboard-card.border-success { border-color: #28a745 !important; }
.dashboard-card.border-warning { border-color: #ffc107 !important; }
.dashboard-card.border-info { border-color: #17a2b8 !important; }

/* Progress bars within cards */
.progress-bar-sm { height: 0.5rem; }

/* Custom chart styling */
.chart-card {
    background-color: #fff;
    border-radius: .35rem;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
    padding: 1.5rem;
    margin-bottom: 1.5rem;
}

/* Utility for text colors as in Duralux */
.text-success-light { color: #28a745 !important; }
.text-danger-light { color: #dc3545 !important; }
.text-warning-light { color: #ffc107 !important; }
.text-info-light { color: #17a2b8 !important; }

/* Specific Duralux colors */
.bg-primary { background-color: #3f6ad8 !important; }
.bg-gradient-primary-to-secondary {
    background: linear-gradient(135deg, #3f6ad8 0%, #1e5799 100%) !important;
}
.bg-success-gradient { background: linear-gradient(135deg, #28a745 0%, #1a7e32 100%) !important; }

/* Sidebar Toggle Functionality (from SB Admin template) */
body.sb-sidenav-toggled #layoutSidenav #layoutSidenav_nav {
    transform: translateX(-225px);
}
body.sb-sidenav-toggled #layoutSidenav #layoutSidenav_content {
    padding-left: 0;
}
@media (min-width: 992px) {
    body.sb-sidenav-toggled #layoutSidenav #layoutSidenav_nav {
        transform: translateX(-225px);
    }
    body.sb-sidenav-toggled #layoutSidenav #layoutSidenav_content {
        padding-left: 0;
    }
    .sb-sidenav-toggled .sb-topnav .navbar-brand {
        width: 0; /* Hide brand when toggled */
    }
}