/* Main CSS File for Room Booking System */

/* Common Styles */
body {
    font-family: 'Lexend', sans-serif;
}

.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

/* Custom Scrollbar */
.custom-scrollbar::-webkit-scrollbar {
    width: 6px;
}

.custom-scrollbar::-webkit-scrollbar-track {
    background: transparent;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
    background: #e2e8f0;
    border-radius: 10px;
}

/* Table Row Hover */
.table-row-hover:hover {
    background-color: rgba(19, 55, 236, 0.02);
}

/* Active Navigation */
.active-nav {
    background-color: #1337ec;
    color: white !important;
}

/* Sidebar Active Item */
.sidebar-item-active {
    background-color: rgba(19, 55, 236, 0.1);
    color: #1337ec;
    border-right: 4px solid #1337ec;
}

/* Tab Content Toggle */
.tab-content-staff { 
    display: none; 
}

#staff-toggle:checked ~ .tab-content-staff { 
    display: block; 
}

#staff-toggle:checked ~ .tab-content-student { 
    display: none; 
}

#staff-toggle:checked ~ .tab-nav #label-staff { 
    border-color: #1337ec;
    color: #1337ec;
}

#staff-toggle:checked ~ .tab-nav #label-student { 
    border-color: transparent;
    color: #64748b;
}

#student-toggle:checked ~ .tab-nav #label-student { 
    border-color: #1337ec;
    color: #1337ec;
}

#student-toggle:checked ~ .tab-nav #label-staff { 
    border-color: transparent;
    color: #64748b;
}