.OlderBlindSchedule {
    width: 100% !important; /* Ensure table fits the available space */
    border-collapse: separate !important; /* Ensure padding is visible */
    margin: 10px 0 !important; /* Margin around the table */
    background-color: #1a4447 !important; /* Table background color */
    border: 2px solid #ddd !important; /* Outer border */
    padding: 10px !important; /* Padding around the table */
    color: white !important; /* Text color */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important; /* Subtle shadow for better visibility */
    overflow-x: auto !important; /* Add horizontal scroll if content overflows */
}

.OlderBlindSchedule th, .OlderBlindSchedule td {
    padding: 10px !important; /* Consistent padding inside cells */
    text-align: left !important; /* Left-align text to avoid extra spaces from justification */
    color: white !important; /* Text color */
    word-wrap: break-word !important; /* Ensure text breaks within long words */
    overflow-wrap: break-word !important; /* Ensure wrapping of long words */
    white-space: normal !important; /* Allow text to wrap naturally */
    font-size: clamp(0.5em, calc(1vw + 0.5em), 1.25em) !important; /* Responsive font size */
}

.OlderBlindSchedule th {
    background-color: #0d2a2a !important; /* Darker background for header */
    font-size: clamp(0.6em, calc(1.1vw + 0.5em), 1.4em) !important; /* Slightly larger font size for header cells compared to regular cells */
    font-weight: bold !important; /* Bold header text */
    border-bottom: 2px solid #ddd !important; /* Distinct border below header cells */
}

.OlderBlindSchedule td {
    border-bottom: 1px solid #ddd !important; /* Border between rows */
}

.OlderBlindSchedule tr:last-child td {
    border-bottom: none !important; /* Remove border for the last row */
}

/* Responsive design: Ensure table fits within small screens */
@media (max-width: 600px) {
    .OlderBlindSchedule {
        padding: 5px !important; /* Further reduced padding for smaller screens */
    }
    .OlderBlindSchedule th, .OlderBlindSchedule td {
        font-size: clamp(0.5em, calc(1vw + 0.5em), 1.25em) !important; /* Smaller responsive font size for smaller screens */
    }
}
