/* Simple CSS for Library Management System */

/* Home page banner */
.hero {
    border-radius: 0 0 10px 10px;
}

/* Admin sidebar (dark blue) */
.admin-sidebar {
    width: 220px;
    min-height: 100vh;
    background: #2c3e50;
    color: white;
    flex-shrink: 0;
}

.admin-sidebar a {
    display: block;
    color: white;
    padding: 12px 20px;
    text-decoration: none;
}

.admin-sidebar a:hover {
    background: #34495e;
    color: white;
}

/* Student sidebar (green, different from admin) */
.student-sidebar {
    width: 220px;
    min-height: 100vh;
    background: #1e7e34;
    color: white;
    flex-shrink: 0;
}

.student-sidebar a {
    display: block;
    color: white;
    padding: 12px 20px;
    text-decoration: none;
}

.student-sidebar a:hover {
    background: #166429;
    color: white;
}

/* Main content next to sidebar */
.main-content {
    flex-grow: 1;
    background: #f8f9fa;
    min-height: 100vh;
}

/* Small screens: sidebar becomes top bar */
@media (max-width: 768px) {
    .d-flex {
        flex-direction: column;
    }
    .admin-sidebar, .student-sidebar {
        width: 100%;
        min-height: auto;
    }
}