.mud-tabs-tabbar-wrapper {
    border-bottom: 1px solid rgb(var(--colour-neutral-3, 223, 223, 223));
}

.mud-tab {
    color: rgb(var(--colour-text-and-icon-3, 118, 118, 118));
}

    .mud-tab.mud-tab-active {
        color: rgb(var(--colour-text-and-icon-1, 17, 17, 17));
    }

.mud-tab-slider.mud-tab-slider-horizontal {
    background: #0058a3;
}

.mud-tabs.mud-tabs-rounded.mud-elevation-2.boder-none {
    box-shadow: none;
}

body {
    --ikea-font: "Noto IKEA", "Noto Sans", "Roboto", "Open Sans", system-ui, sans-serif !important;
    font-family: var(--ikea-font) !important;
}

.selectable-text {
    user-select: text !important;
    pointer-events: auto !important;
}

.no-icon .mud-icon-root {
    display: none;
}

.mud-button {
    border-radius: 50px !important; /* Makes it pill-shaped */
    font-weight: bold;
    padding: 10px 24px !important; /* Adjust padding for a more rounded look */
}

body {
    font-family: "Noto IKEA", "Noto Sans", "Roboto", "Open Sans", system-ui, sans-serif !important;
}
.mud-alert-message{
    font-weight:bold !important;
}

.scroll-container {
    scrollbar-width: thin;
    scrollbar-color: var(--mud-palette-text-primary) transparent;
    padding: 10px;
}

.cards-wrapper {
    display: flex;
    gap: 16px;
    flex-wrap: nowrap;
}

.card {
    min-width: 40%;
    max-width: 33.33%;
    flex-grow: 1;
    transition: all 0.3s ease-in-out;
}

.only-card {
    min-width: 80%!important;
    max-width: 80%!important;
}

/* Plus button card */
.plus-card {
    min-width: 100px;
    max-width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    background: var(--mud-palette-primary);
    color: white;
    transition: all 0.3s ease-in-out;
}

    .plus-card:hover {
        background: var(--mud-palette-primary-darken);
    }

/* Responsive adjustments */
@media (max-width: 900px) {
    .card {
        min-width: 50%;
    }
}

@media (max-width: 600px) {
    .card {
        min-width: 100%;
    }
}

.custom-file-upload {
    display: inline-block;
    padding: 10px 20px;
    cursor: pointer;
    background-color: #1976d2; /* MudBlazor primary color */
    color: white;
    border: none;
    border-radius: 8px;
    font-size: 0.9rem;
    transition: background-color 0.3s ease;
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.2);
}

.mud-avatar.mud-avatar-small {
    width: 32px !important;
    height: 32px !important;
}

.mud-theme-dark .mud-button-filled.mud-button-filled-primary,
.mud-theme-dark .mud-chip-primary,
.mud-theme-dark .mud-fab-primary,
.mud-theme-dark .mud-badge-primary {
    color: #111218 !important; 
    font-weight: 700 !important; 
}

.mud-theme-dark .mud-button-outlined.mud-button-outlined-primary {
    border-width: 2px;
}