@import '_content/Microsoft.FluentUI.AspNetCore.Components/Microsoft.FluentUI.AspNetCore.Components.b6pgxrrsua.bundle.scp.css';

/* _content/JustHealthy.FluentWeb/Components/Pages/Calendar.razor.rz.scp.css */
/*@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');*/

.calendar-grid[b-26zhny4b31] {
    display: grid;
    grid-template-columns: 80px repeat(7, 160px); /* 7 days, each 160px wide */
    grid-template-rows: 40px repeat(14, 60px); /* 14 hours, 60px each */
    position: relative;
    width: auto; /* or 1200px for a fixed total width */
    min-height: 900px;
    background: #f8f9fa;
}

.calendar-day-header[b-26zhny4b31] {
    text-align: center;
    font-weight: bold;
    background: whitesmoke;
    border: 1px solid lightgrey;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin-left: 2px;
    margin-bottom: 2px
}

.calendar-hour-label[b-26zhny4b31] {
    text-align: center;
    align-content: center;
    font-size: 0.95em;
    background: whitesmoke;
    border: 1px solid lightgrey;
    border-radius: 10px;
    margin-bottom: 2px
}

.calendar-slot[b-26zhny4b31] {
    position: relative;
    border-bottom: 1px solid #dee2e6; /* Add grid lines */
    box-sizing: border-box;
}

.calendar-event[b-26zhny4b31] {
    position: absolute;
    left: 2px;
    right: 2px;
    z-index: 2;
    pointer-events: auto;
    width: 158px;
    /* You may need to fine-tune top/height for minute precision */
}

.calendar-event .badge[b-26zhny4b31] {
    border: 1px solid #0d6efd;
    white-space: normal;
    height: 100%;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    flex-direction: column;
}
/* _content/JustHealthy.FluentWeb/Components/Pages/Components/MealDay.razor.rz.scp.css */
.selected[b-uaon4mf3zh] {
    background-color: lightskyblue;
}
/* _content/JustHealthy.FluentWeb/Components/Pages/Components/MealWeek.razor.rz.scp.css */
/* _content/JustHealthy.FluentWeb/Components/Pages/Components/RecipeSelector.razor.rz.scp.css */
.search-input[b-ib73fhobmq] {
    background-color: transparent;
    border: 1px solid whitesmoke;
    border-bottom-color: black;
    border-radius: 5px;
    min-height: 33px;
    width: 100%;
    padding-left: 10px;
    transition: border-bottom-color 300ms ease-out;
}

.new-item[b-ib73fhobmq] {
    background-color: lightskyblue;
}

.search-input:focus-visible[b-ib73fhobmq] {
    outline: none;
    border-bottom-color: blue;
}

.value-item[b-ib73fhobmq] {
    cursor: pointer;
    width: 100%;
    padding-left: 5px;
}

.value-item-used[b-ib73fhobmq] {
    cursor: pointer;
    width: 100%;
    padding-left: 5px;
    background-color: slategrey;
    color: whitesmoke;
}

.value-item:hover[b-ib73fhobmq] {
    background-color: darkgray;
    color: white;
}

.value-item-used:hover[b-ib73fhobmq] {
    background-color: pink;
}
/* _content/JustHealthy.FluentWeb/Components/Pages/Components/ValueSelector.razor.rz.scp.css */
.value-item[b-5fowu8ukrt] {
    cursor: pointer;
    width: 100%;
}

.value-item:hover[b-5fowu8ukrt] {
    background-color: darkgray;
    color: white;
}
/* _content/JustHealthy.FluentWeb/Components/Pages/EditorComponents/MealPlanEditor.razor.rz.scp.css */
[b-j5m16qcawl] > .right-gradient {
    --scroll-fade-next: var(--fill-color)
}

[b-j5m16qcawl] > .both-gradient {
    --scroll-fade-next: var(--fill-color);
    --scroll-fade-previous: var(--fill-color)
}

[b-j5m16qcawl] .full-width,
[b-j5m16qcawl] .full-width fluent-card {
    width: 700px;
    height: 455px;
}