/* Admin Layout Styling */
:root {
    --sidebar-width: 260px;
    --primary-color: #0d6efd;
    --dark-bg: #1e293b;
    --dark-hover: #334155;
}

body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    background-color: #f8fafc;
    color: #334155;
}

#wrapper {
    overflow-x: hidden;
}

#sidebar-wrapper {
    min-height: 100vh;
    width: var(--sidebar-width);
    margin-left: 0;
    transition: margin 0.25s ease-out;
    background-color: var(--dark-bg) !important;
}

#sidebar-wrapper .sidebar-heading {
    letter-spacing: 0.05rem;
}

#sidebar-wrapper .list-group-item {
    color: #94a3b8 !important;
    transition: all 0.2s ease-in-out;
    margin: 2px 12px;
    border-radius: 6px;
}

#sidebar-wrapper .list-group-item:hover {
    background-color: var(--dark-hover) !important;
    color: #f8fafc !important;
}

#sidebar-wrapper .list-group-item.active {
    background-color: var(--primary-color) !important;
    color: #ffffff !important;
}

#page-content-wrapper {
    min-width: 100vw;
}

body.sb-sidenav-toggled #sidebar-wrapper {
    margin-left: calc(-1 * var(--sidebar-width));
}

@media (min-width: 768px) {
    #page-content-wrapper {
        min-width: 0;
        width: 100%;
    }

    body.sb-sidenav-toggled #sidebar-wrapper {
        margin-left: calc(-1 * var(--sidebar-width));
    }
}

/* Card and Table Styling */
.card {
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.table > :not(caption) > * > * {
    padding: 0.85rem 0.75rem;
}

.badge {
    font-weight: 500;
    letter-spacing: 0.02em;
}

/* Sub-nav badge colors */
.bg-primary-subtle {
    background-color: #e0edff !important;
}

.bg-success-subtle {
    background-color: #d1f4e0 !important;
}

.bg-warning-subtle {
    background-color: #fef3c7 !important;
}

.bg-danger-subtle {
    background-color: #fee2e2 !important;
}

.bg-secondary-subtle {
    background-color: #f1f5f9 !important;
}
