.btn-primary {
    text-transform: uppercase;
    --bs-btn-bg: var(--mud-palette-primary) !important;
    --bs-btn-hover-bg: var(--mud-palette-primary-darken) !important;
}

.nav-pills {
    --bs-nav-pills-link-active-bg: var(--mud-palette-primary) !important;
}

.nav {
    --bs-nav-link-color: var(--mud-palette-primary) !important;
    --bs-nav-link-hover-color: var(--mud-palette-primary-darken) !important;
}
a:hover {
    color: inherit; /* Keeps the color same as the default or parent element */
    text-decoration: none; /* Optional: removes underline if you don't want it */
}


table {
    border-collapse: collapse; /* Optional: To make borders cleaner */
    width: 100%; /* Optional: To make table take full width */
    margin: 10px 0; /* Add vertical spacing */
}

th, td {
    padding: 8px 12px; /* Adjust spacing between columns */
    text-align: left; /* Align text to the left for readability */
    border-bottom: 1px solid #ddd; /* Optional: Add border for clarity */
}

th {
    background-color: #00000010; /* Optional: Add background color to header */
}

.mobile-warning {
    display: none;
}

/* Media query for mobile screens */
@media only screen and (max-width: 1024px) {
    body > * {
        display: none; /* Hides all elements inside body */
    }
    .mobile-warning {
        display: block !important; /* Displays the warning */
        text-align: center;
        margin-top: 20%;
        font-size: 18px;
        color: red;
        font-family: Arial, sans-serif;
    }
}