/* Better contrast for the dark theme */
body { 
    background-color: #0b0f17; 
    color: #e0e0e0; /* Off-white text for better readability */
}

.card { 
    background-color: #1a2233; /* Slightly lighter than background */
    border: 1px solid #374765; 
    color: #ffffff; 
}

.active-day { 
    background-color: #3b4d70 !important; 
    color: #ffffff !important;
    border-left: 4px solid #ffc107 !important; /* Gold accent for the current day */
    font-weight: bold;
}

.text-muted { color: #a0a0a0 !important; }
/* Responsive Banner */
.banner { 
    width: 100%; 
    max-height: 300px; /* Limits height on desktop */
    object-fit: cover; 
    display: block;
}

/* Ensure mobile layout for cards */
@media (max-width: 768px) {
    .banner { height: 150px; } /* Smaller banner on phones */
    .col-md-3 { margin-bottom: 15px; } /* Adds space between blocks on mobile */
}

/* Readability Adjustments */
body { background-color: #0b0f17; color: #e0e0e0; }
.card { background-color: #1a2233; border: 1px solid #374765; color: #ffffff; }
.active-day { 
    background-color: #3b4d70 !important; 
    border-left: 4px solid #ffc107 !important; 
    font-weight: bold; 
}
.status-dot { height: 12px; width: 12px; border-radius: 50%; display: inline-block; }