/* Custom font for better aesthetics */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap");
body {
    font-family: "Inter", sans-serif;
    background-color: #f0f0f0; /* Just for page background, modal will cover it */
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
}

/* Hide scrollbar for the modal body if content overflows, but allow scrolling */
.modal-body-scrollable {
    overflow-y: auto;
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}
.modal-body-scrollable::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera */
}

/* Specific gradient for the play button */
.btn-gradient {
    background-image: linear-gradient(to right, #1aae1f, #77bb28);
}

nav[role="navigation"] {
    background-color: white;
    color: #1a202c;
    padding: 1rem;
    border-radius: 0.5rem;
}
nav[role="navigation"] a {
    color: #2563eb; /* Tailwind blue-600 */
}

/* Custom scrollbar for the table if needed (optional, but good for UX)
.custom-scrollbar::-webkit-scrollbar {
    height: 8px;
}
.custom-scrollbar::-webkit-scrollbar-track {
    background: #f1f5f9; 
    border-radius: 10px;
}
.custom-scrollbar::-webkit-scrollbar-thumb {
    background: #cbd5e1; 
    border-radius: 10px;
}
.custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background: #94a3b8; 
} */