/* /Pages/Feeds.razor.rz.scp.css */
[b-8udhusvd0z] .feed-list {
    padding-top: 0;
}

    [b-8udhusvd0z] .feed-list .mud-paper {
        margin-bottom: 0.6rem;
        padding: 0.8rem;
    }
/* /Pages/Home.razor.rz.scp.css */
[b-wxdg23k4da] .date-bar {
    position: sticky;
    top: calc(var(--mud-appbar-height) - 16px);
    z-index: 10;
    background-color: var(--mud-palette-background);    
}

[b-wxdg23k4da] .date-bar-card {
    background-color: #F9E8F0;
    border: 3px solid #A02B5F;
    color: #6E1C41;
    border-radius: 10px;
}

[b-wxdg23k4da] .calendar-item {
    border-radius: 10px;
    border: 1px solid lightgray;
}
/* /Pages/Welcome.razor.rz.scp.css */
.head[b-klp9boca5l] {
    margin: auto;
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    width: fit-content;
    align-items: center;
    margin-bottom: 0.6rem;
}

[b-klp9boca5l] .head img {
    margin-bottom: 0.2rem;
}

.head .sub-title[b-klp9boca5l] {
    color: var(--mud-palette-text-secondary);
    font-size: 1rem;
    margin-bottom: 0.5rem;
}




/* 1. Style the main Tab Bar Row background */
.custom-tabs-wrapper[b-klp9boca5l]  .mud-tabs-tabbar {
    background-color: #f5f5f5 !important;
    border-radius: 25px;
}

/* 2. Style all tabs as white rounded rectangles */
.custom-tabs-wrapper[b-klp9boca5l]  .mud-tab {
    background-color: #ffffff !important;
    color: #444444 !important;
    border-radius: 25px;
    text-transform: none;
    min-width: unset !important;
    transition: all 0.2s ease;
    min-height: 2rem;
}

/* 3. Style the Active Tab with your solid purple color */
.custom-tabs-wrapper[b-klp9boca5l]  .mud-tab-active {
    background-color: var(--mud-palette-primary) !important;
    color: #ffffff !important;
    font-weight: 600;
}

/* 4. Hide the default bottom slider line */
.custom-tabs-wrapper[b-klp9boca5l]  .mud-tab-slider {
    display: none !important;
}

/* 5. Keep the background wrapper transparent so the rounded bar shows nicely */
.custom-tabs-wrapper[b-klp9boca5l]  .mud-tabs-tabbar-wrapper {
    background-color: white !important;
    padding: 4px;
    border-radius: 30px;
    border: solid #948B9B4D 2px;
    width: 80%;
    display: flex;
    justify-content: center;
}

    .custom-tabs-wrapper[b-klp9boca5l]  .mud-tabs-tabbar-wrapper .d-inline-block {
        width: 50% !important;
    }

[b-klp9boca5l] .tab-grid-container {
    display: grid !important;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    height: fit-content;
}

    [b-klp9boca5l] .tab-grid-container .mud-tab-panel {
        visibility: hidden;
        z-index: 5;
        display: contents !important;
    }

        [b-klp9boca5l] .tab-grid-container .mud-tab-panel.mud-tab-panel-active {
            visibility: visible;
            z-index: 10;
        }

.tab-grid-container .tab-content-fix[b-klp9boca5l] {
    grid-column: 1;
    grid-row: 1;
}


[b-klp9boca5l] .bb-form {
    margin-top: 1rem;
}