/* ADMIN PANEL LAYOUT SYSTEM */
html,
body {
    height: 100%;
    margin: 0;
}

.admin-layout {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.admin-sidebar {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
    color: white;
}

.admin-main {
    flex: 1;
    background-color: #f8f9fa;
    /* Light grey background for content */
    display: flex;
    flex-direction: column;
}

.admin-top-row {
    background-color: #fff;
    border-bottom: 1px solid #dee2e6;
    height: 3.5rem;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0 1.5rem;
}

/* Desktop View */
@media (min-width: 992px) {
    .admin-layout {
        flex-direction: row;
    }

    .admin-sidebar {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
        overflow-y: auto;
        display: flex;
        flex-direction: column;
    }

    .admin-main {
        width: calc(100% - 250px);
    }
}

/* Content Area */
.admin-content {
    padding: 1.5rem;
    flex: 1;
}


/* Logout Button Fix */
/* Explicitly restore bootstrap styling that might be overridden by NavMenu scoped css */
.nav-link.btn-danger {
    background-color: #dc3545 !important;
    border-color: #dc3545 !important;
    color: white !important;
    opacity: 1 !important;
}

.nav-link.btn-danger:hover {
    background-color: #bb2d3b !important;
    border-color: #b02a37 !important;
}