/* /Components/About/AboutCard.razor.rz.scp.css */
.card[b-wm7ylbvc17] {
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #ffffff;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 4px 8px rgba(0,0,0,0.05);
    max-width: 400px;
    margin: auto;
}

.image-container[b-wm7ylbvc17] {
    width: 100%;
    height: 350px;
    overflow: hidden;
}

.image[b-wm7ylbvc17] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.text-content[b-wm7ylbvc17] {
    padding: 1rem;
    text-align: center;
}

.name[b-wm7ylbvc17] {
    font-size: 1.3rem;
    font-weight: bold;
    color: #1b4332;
    margin-bottom: 0.3rem;
}

.role[b-wm7ylbvc17] {
    font-style: italic;
    color: #6c757d;
    margin-bottom: 0.8rem;
}

.bio[b-wm7ylbvc17] {
    font-size: 0.95rem;
    line-height: 1.5;
    color: #444;
}
/* /Components/Admin/IngredientFields.razor.rz.scp.css */
.seasonality-editor[b-8jsacbret4] {
    margin: 0;
    padding: 0.75rem 0 0;
    border: 0;
}

.seasonality-editor legend[b-8jsacbret4] {
    float: none;
    width: auto;
    margin: 0;
    font-size: 1rem;
}

.seasonality-months[b-8jsacbret4] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0.45rem;
    margin-top: 0.75rem;
}

.seasonality-region-select[b-8jsacbret4] {
    max-width: 26rem;
}

.seasonality-month[b-8jsacbret4] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    min-height: 2.25rem;
    padding: 0.45rem 0.55rem;
    border: 1px solid var(--el-color-border);
    border-radius: 6px;
    background: var(--el-color-surface);
    cursor: pointer;
}

.seasonality-month:has(input:checked)[b-8jsacbret4] {
    border-color: rgba(var(--el-color-primary-rgb), 0.5);
    background: #eef4df;
    color: #326b25;
    font-weight: 800;
}

@media (max-width: 720px) {
    .seasonality-months[b-8jsacbret4] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
/* /Components/Articles/ArticleCard.razor.rz.scp.css */
.article-card[b-jv7xhmzfi5] {
    display: grid;
    grid-template-columns: minmax(180px, 300px) minmax(0, 1fr);
    gap: 1.2rem;
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--el-color-border);
    border-radius: 8px;
    background: var(--el-color-surface);
    box-shadow: 0 12px 32px rgba(67, 51, 32, 0.08);
    transition: transform 0.16s ease, box-shadow 0.16s ease;
}

.article-card:hover[b-jv7xhmzfi5] {
    transform: translateY(-2px);
    box-shadow: 0 18px 42px rgba(67, 51, 32, 0.12);
}

.article-card__media[b-jv7xhmzfi5] {
    display: block;
    min-height: 13.5rem;
    overflow: hidden;
    background: #e5e7eb;
}

.article-card__img[b-jv7xhmzfi5] {
    width: 100%;
    height: 100%;
    min-height: 13.5rem;
    display: block;
    object-fit: cover;
    transition: transform 0.25s ease;
}

.article-card:hover .article-card__img[b-jv7xhmzfi5] {
    transform: scale(1.04);
}

.article-card__body[b-jv7xhmzfi5] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: 1.35rem 1.35rem 1.35rem 0;
}

.article-card__meta[b-jv7xhmzfi5] {
    margin: 0 0 0.55rem;
    color: var(--el-color-text-secondary);
    font-size: 0.88rem;
    line-height: 1.35;
}

.article-card__title[b-jv7xhmzfi5] {
    margin: 0;
    color: var(--el-color-primary-dark);
    font-family: var(--el-font-family-heading);
    font-size: clamp(1.35rem, 1.55vw, 1.75rem);
    line-height: 1.08;
    overflow-wrap: anywhere;
}

.article-card__title a[b-jv7xhmzfi5] {
    color: inherit;
    text-decoration: none;
}

.article-card__title a:hover[b-jv7xhmzfi5],
.article-card__title a:focus-visible[b-jv7xhmzfi5] {
    color: var(--el-color-secondary-dark);
}

.article-card__excerpt[b-jv7xhmzfi5] {
    margin: 0.7rem 0 0;
    color: var(--el-color-text-primary);
    font-size: 0.98rem;
    line-height: 1.5;
    overflow-wrap: anywhere;
}

.article-card__tags[b-jv7xhmzfi5] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    margin-top: auto;
    padding-top: 1rem;
}

.tag[b-jv7xhmzfi5] {
    display: inline-flex;
    align-items: center;
    min-height: 1.65rem;
    padding: 0.32rem 0.62rem;
    border-radius: 999px;
    border: 1px solid rgba(67, 51, 32, 0.06);
    font-size: 0.76rem;
    font-weight: 800;
    line-height: 1;
    text-decoration: none;
    box-shadow: none;
    transition: filter 0.15s ease, transform 0.15s ease;
}

.tag:hover[b-jv7xhmzfi5],
.tag:focus-visible[b-jv7xhmzfi5] {
    filter: brightness(0.96);
    transform: translateY(-1px);
}

@media (max-width: 720px) {
    .article-card[b-jv7xhmzfi5] {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .article-card__media[b-jv7xhmzfi5],
    .article-card__img[b-jv7xhmzfi5] {
        min-height: 13rem;
    }

    .article-card__body[b-jv7xhmzfi5] {
        padding: 1rem;
    }

    .article-card__title[b-jv7xhmzfi5] {
        font-size: 1.45rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .article-card[b-jv7xhmzfi5],
    .article-card__img[b-jv7xhmzfi5],
    .tag[b-jv7xhmzfi5] {
        transition: none;
    }
}
/* /Components/Home/AboutTeaser.razor.rz.scp.css */
.about-teaser[b-37935ytmwf] {
    position: relative;
    width: min(100% - 2rem, 1320px);
    display: grid;
    grid-template-columns: minmax(13rem, 0.78fr) minmax(0, 2.35fr) auto;
    gap: clamp(1.2rem, 2.8vw, 2.5rem);
    align-items: center;
    margin: clamp(1rem, 2vw, 1.75rem) auto;
    padding: clamp(1rem, 2vw, 1.4rem) clamp(1rem, 2.8vw, 2rem);
    overflow: hidden;
    border: 1px solid rgba(var(--el-color-primary-rgb), 0.14);
    border-radius: 8px;
    background:
        radial-gradient(circle at 8% 15%, rgba(244, 182, 61, 0.14), transparent 10rem),
        linear-gradient(110deg, #f5f7e9 0%, #fffaf1 58%, #fffdf8 100%);
    box-shadow: 0 12px 30px rgba(67, 51, 32, 0.07);
}

.about-teaser[b-37935ytmwf]::after {
    content: "";
    position: absolute;
    right: -4rem;
    bottom: -6rem;
    width: 12rem;
    height: 12rem;
    border: 1px solid rgba(var(--el-color-primary-rgb), 0.08);
    border-radius: 999px;
    pointer-events: none;
}

.about-teaser > *[b-37935ytmwf] {
    position: relative;
    z-index: 1;
}

.about-teaser-team[b-37935ytmwf] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    min-width: 0;
}

.about-teaser-portraits[b-37935ytmwf] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
}

.about-teaser-portraits img[b-37935ytmwf] {
    width: 4.5rem;
    height: 4.5rem;
    display: block;
    object-fit: cover;
    border: 4px solid #fffdf8;
    border-radius: 999px;
    box-shadow: 0 8px 22px rgba(67, 51, 32, 0.15);
}

.about-teaser-portraits img + img[b-37935ytmwf] {
    margin-left: -1.35rem;
}

.about-teaser-team p[b-37935ytmwf] {
    min-width: 0;
    margin: 0;
    line-height: 1.2;
}

.about-teaser-team strong[b-37935ytmwf],
.about-teaser-team span[b-37935ytmwf] {
    display: block;
}

.about-teaser-team strong[b-37935ytmwf] {
    color: var(--el-color-primary-dark);
    font-size: 0.98rem;
}

.about-teaser-team span[b-37935ytmwf] {
    margin-top: 0.2rem;
    color: var(--el-color-text-secondary);
    font-size: 0.82rem;
}

.about-teaser-copy[b-37935ytmwf] {
    min-width: 0;
}

.about-teaser-eyebrow[b-37935ytmwf] {
    margin: 0 0 0.25rem;
    color: var(--el-color-secondary-dark);
    font-size: 0.75rem;
    font-weight: 900;
    letter-spacing: 0.12em;
    line-height: 1.2;
    text-transform: uppercase;
}

.about-teaser-copy h2[b-37935ytmwf] {
    margin: 0;
    color: var(--el-color-primary-dark);
    font-family: var(--el-font-family-heading);
    font-size: clamp(1.65rem, 2.2vw, 2.35rem);
    line-height: 1;
}

.about-teaser-copy > p:last-child[b-37935ytmwf] {
    max-width: 67ch;
    margin: 0.45rem 0 0;
    color: var(--el-color-text-secondary);
    font-size: 0.96rem;
    line-height: 1.5;
}

.about-teaser-link[b-37935ytmwf] {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.65rem;
    padding: 0.75rem 1rem;
    border: 1px solid rgba(var(--el-color-primary-rgb), 0.24);
    border-radius: 8px;
    color: var(--el-color-primary-dark);
    background: rgba(255, 253, 248, 0.88);
    font-weight: 900;
    text-decoration: none;
    white-space: nowrap;
    transition: transform 0.15s ease, background 0.15s ease, box-shadow 0.15s ease;
}

.about-teaser-link:hover[b-37935ytmwf],
.about-teaser-link:focus-visible[b-37935ytmwf] {
    color: #fffdf8;
    background: var(--el-color-primary-dark);
    box-shadow: 0 10px 24px rgba(7, 59, 44, 0.14);
    text-decoration: none;
    transform: translateY(-1px);
}

@media (max-width: 960px) {
    .about-teaser[b-37935ytmwf] {
        grid-template-columns: minmax(12rem, 0.8fr) minmax(0, 2fr);
    }

    .about-teaser-link[b-37935ytmwf] {
        grid-column: 2;
        justify-self: start;
    }
}

@media (max-width: 680px) {
    .about-teaser[b-37935ytmwf] {
        width: calc(100% - 2rem);
        grid-template-columns: 1fr;
        gap: 1rem;
        padding: 1rem;
    }

    .about-teaser-team[b-37935ytmwf] {
        gap: 0.75rem;
    }

    .about-teaser-portraits img[b-37935ytmwf] {
        width: 4rem;
        height: 4rem;
    }

    .about-teaser-copy h2[b-37935ytmwf] {
        font-size: clamp(1.75rem, 8.8vw, 2.3rem);
    }

    .about-teaser-link[b-37935ytmwf] {
        grid-column: 1;
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .about-teaser-link[b-37935ytmwf] {
        transition: none;
    }
}
/* /Components/Home/EatLancetExplainer.razor.rz.scp.css */
.eatl-explainer[b-c5aoxvdg7d] {
    width: min(100% - 2rem, 1320px);
    margin: clamp(1.5rem, 3vw, 2.7rem) auto 0;
}

.plate-panel[b-c5aoxvdg7d] {
    display: grid;
    grid-template-columns: minmax(320px, 0.8fr) minmax(0, 1.2fr);
    gap: clamp(1.4rem, 3vw, 2.7rem);
    align-items: center;
    padding: clamp(1.25rem, 2.6vw, 2rem);
    border: 1px solid rgba(232, 221, 206, 0.9);
    border-radius: 8px;
    background:
        radial-gradient(circle at 10% 20%, rgba(20, 84, 63, 0.08), transparent 18rem),
        linear-gradient(135deg, #f7f4ec 0%, #fffdf8 64%, #f8f0df 100%);
    box-shadow: 0 18px 45px rgba(67, 51, 32, 0.08);
}

.plate-visual[b-c5aoxvdg7d] {
    position: relative;
    display: grid;
    justify-items: center;
    align-content: center;
    min-height: 100%;
}

.plate-note[b-c5aoxvdg7d] {
    justify-self: start;
    max-width: 11rem;
    margin-left: clamp(0.5rem, 3vw, 2.4rem);
    margin-bottom: -0.6rem;
    color: var(--el-color-primary-dark);
    font-family: "Segoe Print", "Bradley Hand ITC", cursive;
    font-size: clamp(1rem, 1.7vw, 1.35rem);
    line-height: 1.1;
    transform: rotate(-8deg);
}

.plate-note[b-c5aoxvdg7d]::after {
    content: "";
    display: block;
    width: 2.1rem;
    height: 2.1rem;
    margin: 0.2rem 0 0 3.4rem;
    border-left: 2px solid var(--el-color-primary-dark);
    border-bottom: 2px solid var(--el-color-primary-dark);
    transform: rotate(-25deg);
    opacity: 0.82;
}

.plate-image[b-c5aoxvdg7d] {
    width: min(100%, 34rem);
    display: block;
    filter: drop-shadow(0 20px 26px rgba(67, 51, 32, 0.15));
}

.plate-content[b-c5aoxvdg7d] {
    min-width: 0;
}

.eyebrow[b-c5aoxvdg7d],
.targets-heading span[b-c5aoxvdg7d] {
    margin: 0;
    color: var(--el-color-secondary);
    font-size: 0.82rem;
    font-weight: 900;
    letter-spacing: 0.13em;
    text-transform: uppercase;
}

.plate-content h2[b-c5aoxvdg7d] {
    max-width: 17ch;
    margin: 0.35rem 0 0.6rem;
    color: var(--el-color-primary-dark);
    font-size: clamp(2.2rem, 3.6vw, 3.9rem);
    line-height: 0.98;
}

.intro[b-c5aoxvdg7d] {
    max-width: 43rem;
    margin: 0;
    color: var(--el-color-text-primary);
    font-size: 1.05rem;
    line-height: 1.5;
}

.context[b-c5aoxvdg7d] {
    max-width: 46rem;
    margin: 0.55rem 0 0;
    color: var(--el-color-text-secondary);
    font-size: 0.92rem;
    line-height: 1.45;
}

.less-not-never[b-c5aoxvdg7d] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.8rem;
    align-items: center;
    max-width: 46rem;
    margin-top: 1rem;
    padding: 0.85rem 1rem;
    border-left: 4px solid var(--el-color-secondary);
    border-radius: 4px 8px 8px 4px;
    color: var(--el-color-text-primary);
    background: #fff0df;
}

.less-not-never i[b-c5aoxvdg7d] {
    width: 2.4rem;
    height: 2.4rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    color: #fffdf8;
    background: var(--el-color-secondary-dark);
}

.less-not-never p[b-c5aoxvdg7d] {
    margin: 0;
    font-size: 0.92rem;
    line-height: 1.45;
}

.less-not-never strong[b-c5aoxvdg7d] {
    display: block;
    color: var(--el-color-secondary-dark);
    font-size: 1rem;
}

.targets-heading[b-c5aoxvdg7d] {
    margin: 1.35rem 0 0.65rem;
}

.target-cards[b-c5aoxvdg7d] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.target-card[b-c5aoxvdg7d] {
    overflow: hidden;
    border: 1px solid var(--el-color-border);
    border-radius: 8px;
    background: rgba(255, 253, 248, 0.94);
}

.target-card h3[b-c5aoxvdg7d] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    margin: 0;
    padding: 0.78rem 1rem;
    font-family: var(--el-font-family-heading);
    font-size: 1.55rem;
    line-height: 1;
}

.target-card h3 i[b-c5aoxvdg7d] {
    font-size: 1rem;
}

.target-card-plants h3[b-c5aoxvdg7d] {
    color: #326b25;
    background: #edf5df;
}

.target-card-animal h3[b-c5aoxvdg7d] {
    color: var(--el-color-secondary-dark);
    background: #fff0df;
}

.target-card table[b-c5aoxvdg7d] {
    width: 100%;
    border-collapse: collapse;
}

.target-card th[b-c5aoxvdg7d],
.target-card td[b-c5aoxvdg7d] {
    padding: 0.57rem 0.95rem;
    border-top: 1px solid rgba(232, 221, 206, 0.78);
    color: var(--el-color-text-primary);
    font-size: 0.9rem;
    line-height: 1.2;
    vertical-align: top;
}

.target-card th[b-c5aoxvdg7d] {
    width: 66%;
    font-weight: 800;
    text-align: left;
}

.target-card td[b-c5aoxvdg7d] {
    color: #15251f;
    font-weight: 900;
    text-align: right;
    white-space: nowrap;
}

.target-card td span[b-c5aoxvdg7d] {
    color: var(--el-color-text-secondary);
    font-size: 0.78rem;
    font-weight: 700;
}

.bottom-row[b-c5aoxvdg7d] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(230px, 0.42fr);
    gap: 1rem;
    align-items: stretch;
    margin-top: 1rem;
}

.limit-card[b-c5aoxvdg7d],
.shift-card[b-c5aoxvdg7d] {
    border: 1px solid var(--el-color-border);
    border-radius: 8px;
    background: rgba(255, 253, 248, 0.86);
}

.limit-card[b-c5aoxvdg7d] {
    padding: 0.85rem 1rem 0.95rem;
}

.limit-card h3[b-c5aoxvdg7d] {
    margin: 0 0 0.7rem;
    color: var(--el-color-secondary);
    font-family: var(--el-font-family-base);
    font-size: 1rem;
    line-height: 1.2;
}

.limit-card div[b-c5aoxvdg7d] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(8.25rem, 1fr));
    gap: 0.75rem;
}

.limit-card span[b-c5aoxvdg7d] {
    display: grid;
    grid-template-columns: 1fr;
    align-content: start;
    justify-items: start;
    gap: 0.4rem;
    min-width: 0;
    padding: 0.75rem;
    border: 1px solid rgba(232, 221, 206, 0.7);
    border-radius: 8px;
    background: rgba(255, 250, 241, 0.75);
    color: var(--el-color-text-primary);
    font-size: 0.86rem;
    font-weight: 800;
    line-height: 1.25;
    overflow-wrap: normal;
    word-break: normal;
}

.limit-card i[b-c5aoxvdg7d] {
    width: 2.1rem;
    height: 2.1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    color: #9a6410;
    background: #fff0c9;
}

.limit-card strong[b-c5aoxvdg7d] {
    display: block;
    color: var(--el-color-primary-dark);
    font-size: 1rem;
    font-weight: 900;
    line-height: 1.1;
}

.shift-card[b-c5aoxvdg7d] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.7rem;
    align-items: center;
    padding: 0.9rem 1rem;
    background: #eef4df;
}

.shift-card i[b-c5aoxvdg7d] {
    width: 2.9rem;
    height: 2.9rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    color: #fffdf8;
    background: var(--el-color-primary-dark);
}

.shift-card p[b-c5aoxvdg7d] {
    margin: 0;
    color: var(--el-color-text-primary);
    font-size: 0.82rem;
    line-height: 1.28;
}

.shift-card strong[b-c5aoxvdg7d] {
    display: block;
    color: var(--el-color-primary-dark);
}

.figure-note[b-c5aoxvdg7d] {
    margin: 0.85rem 0 0;
    color: var(--el-color-text-secondary);
    font-size: 0.86rem;
    line-height: 1.45;
}

.official-links[b-c5aoxvdg7d] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-top: 1rem;
}

.official-links a[b-c5aoxvdg7d] {
    box-sizing: border-box;
    min-height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.55rem;
    padding: 0.68rem 1rem;
    border: 1px solid rgba(var(--el-color-primary-rgb), 0.22);
    border-radius: 8px;
    color: var(--el-color-primary-dark);
    background: rgba(255, 253, 248, 0.9);
    font-size: 0.9rem;
    font-weight: 900;
    line-height: 1.2;
    text-decoration: none;
}

.official-links a:first-child[b-c5aoxvdg7d] {
    color: #fffdf8;
    background: var(--el-color-primary-dark);
}

.official-links a:hover[b-c5aoxvdg7d],
.official-links a:focus-visible[b-c5aoxvdg7d] {
    text-decoration: none;
    transform: translateY(-1px);
}

@media (max-width: 1100px) {
    .plate-panel[b-c5aoxvdg7d] {
        grid-template-columns: 1fr;
    }

    .plate-note[b-c5aoxvdg7d] {
        justify-self: center;
        margin-left: 0;
    }
}

@media (max-width: 760px) {
    .eatl-explainer[b-c5aoxvdg7d] {
        width: calc(100% - 2rem);
    }

    .plate-panel[b-c5aoxvdg7d] {
        padding: 1rem;
    }

    .target-cards[b-c5aoxvdg7d],
    .bottom-row[b-c5aoxvdg7d],
    .limit-card div[b-c5aoxvdg7d] {
        grid-template-columns: 1fr;
    }

    .target-card th[b-c5aoxvdg7d],
    .target-card td[b-c5aoxvdg7d] {
        padding: 0.55rem 0.75rem;
        font-size: 0.86rem;
    }

    .target-card td[b-c5aoxvdg7d] {
        white-space: normal;
    }

    .official-links[b-c5aoxvdg7d] {
        flex-direction: column;
    }

    .official-links a[b-c5aoxvdg7d] {
        width: 100%;
    }
}
/* /Components/Home/EatLancetMini.razor.rz.scp.css */
.category-strip[b-gz3o50maus] {
    position: relative;
    z-index: 3;
    display: grid;
    grid-template-columns: 1.05fr 1.15fr 1.05fr 1.05fr 0.9fr 0.75fr;
    width: min(100% - 2rem, 1320px);
    margin: clamp(-2.1rem, -2.6vw, -1.1rem) auto 0;
    overflow: hidden;
    border: 1px solid var(--el-color-border);
    border-radius: 8px;
    background: rgba(255, 253, 248, 0.96);
    box-shadow: 0 18px 40px rgba(67, 51, 32, 0.1);
}

.category-card[b-gz3o50maus] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 0.8rem;
    min-width: 0;
    min-height: 78px;
    padding: 0.85rem 1.1rem;
    border-right: 1px solid var(--el-color-border);
    color: var(--el-color-text-primary);
    text-decoration: none;
    transition: background 0.15s ease, color 0.15s ease;
}

.category-card:last-child[b-gz3o50maus] {
    border-right: 0;
}

.category-card:hover[b-gz3o50maus],
.category-card:focus-visible[b-gz3o50maus] {
    color: var(--el-color-primary-dark);
    background: #fffaf1;
    text-decoration: none;
}

.category-card i:first-child[b-gz3o50maus] {
    width: 2.75rem;
    height: 2.75rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    color: #6f7f24;
    background: #eef4df;
    font-size: 1.25rem;
}

.category-card:nth-child(1) i:first-child[b-gz3o50maus],
.category-card:nth-child(4) i:first-child[b-gz3o50maus],
.category-card:nth-child(6) i:first-child[b-gz3o50maus] {
    color: var(--el-color-secondary-dark);
    background: var(--el-color-secondary-light);
}

.category-card strong[b-gz3o50maus],
.category-card small[b-gz3o50maus] {
    display: block;
    min-width: 0;
}

.category-card strong[b-gz3o50maus] {
    color: var(--el-color-primary-dark);
    font-weight: 900;
    line-height: 1.15;
}

.category-card small[b-gz3o50maus] {
    margin-top: 0.18rem;
    color: var(--el-color-text-secondary);
    font-size: 0.78rem;
    line-height: 1.2;
}

.category-card-all[b-gz3o50maus] {
    grid-template-columns: minmax(0, 1fr) auto;
}

.category-card-all i:last-child[b-gz3o50maus] {
    color: var(--el-color-primary-dark);
}

@media (max-width: 1120px) {
    .category-strip[b-gz3o50maus] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .category-card:nth-child(3n)[b-gz3o50maus] {
        border-right: 0;
    }

    .category-card:nth-child(-n + 3)[b-gz3o50maus] {
        border-bottom: 1px solid var(--el-color-border);
    }
}

@media (max-width: 680px) {
    .category-strip[b-gz3o50maus] {
        grid-template-columns: 1fr;
        width: calc(100% - 2rem);
        margin-top: 0;
    }

    .category-card[b-gz3o50maus],
    .category-card:nth-child(3n)[b-gz3o50maus],
    .category-card:nth-child(-n + 3)[b-gz3o50maus] {
        border-right: 0;
        border-bottom: 1px solid var(--el-color-border);
    }

    .category-card:last-child[b-gz3o50maus] {
        border-bottom: 0;
    }
}
/* /Components/Home/FeaturedRecipeCard.razor.rz.scp.css */
.card[b-mhw1idiyn3] {
    display: grid;
    grid-template-rows: auto 1fr;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border: 1px solid var(--el-color-border);
    border-radius: 8px;
    background: var(--el-color-surface);
    box-shadow: 0 12px 32px rgba(67, 51, 32, 0.08);
    transition: transform 0.16s ease, box-shadow 0.16s ease;
}

.card:hover[b-mhw1idiyn3] {
    transform: translateY(-3px);
    box-shadow: 0 18px 42px rgba(67, 51, 32, 0.12);
}

.media-link[b-mhw1idiyn3] {
    display: block;
    color: inherit;
    text-decoration: none;
}

.media[b-mhw1idiyn3] {
    position: relative;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    background: #e5e7eb;
}

.media .media-img[b-mhw1idiyn3] {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: transform 0.25s ease;
}

.card:hover .media-img[b-mhw1idiyn3] {
    transform: scale(1.04);
}

.media .ribbon[b-mhw1idiyn3] {
    position: absolute;
    top: 0.65rem;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    min-height: 1.8rem;
    max-width: calc(100% - 1.3rem);
    padding: 0.34rem 0.65rem;
    border: 1px solid rgba(232, 221, 206, 0.85);
    border-radius: 999px;
    background: rgba(255, 253, 248, 0.92);
    color: var(--el-color-text-primary);
    font-size: 0.78rem;
    font-weight: 800;
    line-height: 1;
    box-shadow: 0 6px 16px rgba(67, 51, 32, 0.1);
}

.media .ribbon.time[b-mhw1idiyn3] {
    left: 0.65rem;
}

.media .ribbon.rating[b-mhw1idiyn3] {
    right: 0.65rem;
}

.media .ribbon.seasonal[b-mhw1idiyn3] {
    top: auto;
    bottom: 0.65rem;
    left: 0.65rem;
    gap: 0.25rem;
    border-color: rgba(50, 107, 37, 0.22);
    background: rgba(238, 244, 223, 0.94);
    color: #326b25;
}

.community-byline[b-mhw1idiyn3] {
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.55rem;
    padding: 0.7rem 0.85rem 0.55rem;
}

.community-byline__creator[b-mhw1idiyn3] {
    min-width: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.45rem 0.6rem;
}

.community-byline__badge[b-mhw1idiyn3],
.community-byline__score[b-mhw1idiyn3] {
    min-height: 1.7rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    padding: 0.3rem 0.55rem;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 850;
    line-height: 1;
}

.community-byline__badge[b-mhw1idiyn3] {
    border: 1px solid rgba(var(--el-color-primary-rgb), 0.12);
    color: var(--el-color-primary-dark);
    background: #eef4df;
}

.community-byline__author[b-mhw1idiyn3] {
    min-width: 0;
    overflow: hidden;
    color: var(--el-color-text-secondary);
    font-size: 0.76rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.community-byline__score[b-mhw1idiyn3] {
    border: 1px solid rgba(111, 127, 36, 0.16);
    color: #52651a;
    background: #f3f6e9;
    white-space: nowrap;
}

.community-byline__score strong[b-mhw1idiyn3] {
    color: var(--el-color-primary-dark);
}

.content[b-mhw1idiyn3] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 0;
    padding: 1rem 1rem 1.05rem;
}

.title[b-mhw1idiyn3] {
    margin: 0 0 0.45rem;
    color: var(--el-color-primary-dark);
    font-family: var(--el-font-family-heading);
    font-size: clamp(1.45rem, 1.7vw, 1.85rem);
    line-height: 1;
    overflow-wrap: anywhere;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.title a[b-mhw1idiyn3] {
    color: inherit;
    text-decoration: none;
}

.title a:hover[b-mhw1idiyn3],
.title a:focus-visible[b-mhw1idiyn3] {
    color: var(--el-color-secondary-dark);
}

.meta[b-mhw1idiyn3] {
    margin: 0 0 0.55rem;
    color: var(--el-color-text-secondary);
    font-size: 0.78rem;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.desc[b-mhw1idiyn3] {
    margin: 0 0 0.85rem;
    color: var(--el-color-text-primary);
    font-size: 0.88rem;
    line-height: 1.45;
    overflow-wrap: anywhere;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.tags[b-mhw1idiyn3] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    margin-top: auto;
    flex: 0 0 auto;
    min-height: 1.65rem;
    overflow: visible;
}

.card-actions[b-mhw1idiyn3] {
    margin-top: 0.7rem;
}

.tag[b-mhw1idiyn3] {
    display: inline-flex;
    align-items: center;
    min-height: 1.65rem;
    padding: 0.32rem 0.62rem;
    border-radius: 999px;
    border: 1px solid rgba(67, 51, 32, 0.06);
    font-size: 0.76rem;
    font-weight: 800;
    line-height: 1;
    text-decoration: none;
    white-space: nowrap;
    box-shadow: none;
    transition: filter 0.15s ease, transform 0.15s ease;
}

.tag:hover[b-mhw1idiyn3],
.tag:focus-visible[b-mhw1idiyn3] {
    filter: brightness(0.96);
    transform: translateY(-1px);
}

@media (max-width: 1180px) {
    .desc[b-mhw1idiyn3] {
        -webkit-line-clamp: 3;
        line-clamp: 3;
    }
}

@media (max-width: 720px) {
    .card[b-mhw1idiyn3] {
        grid-template-columns: 1fr;
        grid-template-rows: auto 1fr;
        min-height: 0;
    }

    .media[b-mhw1idiyn3] {
        height: auto;
        aspect-ratio: 4 / 3;
    }

    .content[b-mhw1idiyn3] {
        padding: 0.9rem;
    }

    .title[b-mhw1idiyn3] {
        font-size: 1.35rem;
    }

    .desc[b-mhw1idiyn3] {
        font-size: 0.84rem;
        -webkit-line-clamp: 3;
        line-clamp: 3;
    }

    .meta[b-mhw1idiyn3] {
        font-size: 0.74rem;
    }
}

@media (max-width: 460px) {
    .desc[b-mhw1idiyn3] {
        -webkit-line-clamp: 3;
        line-clamp: 3;
    }
}

@media (prefers-reduced-motion: reduce) {
    .card[b-mhw1idiyn3],
    .media .media-img[b-mhw1idiyn3],
    .tag[b-mhw1idiyn3] {
        transition: none;
    }
}
/* /Components/Home/Hero.razor.rz.scp.css */
.hero[b-p2u6gxxdr0] {
    display: grid;
    grid-template-columns: minmax(0, 0.88fr) minmax(440px, 1.12fr);
    align-items: center;
    gap: clamp(2rem, 5vw, 4.75rem);
    width: min(100%, 1448px);
    margin: 0 auto;
    padding: clamp(3rem, 5.8vw, 5.25rem) clamp(1.25rem, 4.5vw, 4.25rem) clamp(3.2rem, 5vw, 4.5rem);
    color: var(--el-color-text-primary);
    background:
        linear-gradient(90deg, rgba(255, 253, 248, 0.98) 0%, rgba(255, 253, 248, 0.92) 46%, rgba(255, 253, 248, 0.78) 62%, rgba(255, 253, 248, 0) 100%),
        radial-gradient(circle at 52% 36%, rgba(206, 191, 154, 0.18), transparent 18rem);
    overflow: hidden;
}

.hero-copy[b-p2u6gxxdr0] {
    position: relative;
    z-index: 1;
    min-width: 0;
}

.hero-copy[b-p2u6gxxdr0]::after {
    content: "";
    position: absolute;
    right: -5rem;
    top: 1.3rem;
    width: 16rem;
    height: 27rem;
    opacity: 0.25;
    pointer-events: none;
    background:
        linear-gradient(28deg, transparent 48%, #d7c8ad 49%, #d7c8ad 50%, transparent 51%),
        linear-gradient(152deg, transparent 48%, #d7c8ad 49%, #d7c8ad 50%, transparent 51%);
    border-radius: 50%;
}

.hero h1[b-p2u6gxxdr0] {
    margin: 0;
    color: var(--el-color-primary-dark);
    font-family: var(--el-font-family-heading);
    font-size: clamp(3.2rem, 5.1vw, 5.35rem);
    font-weight: 700;
    line-height: 0.93;
    letter-spacing: 0;
    max-width: 12ch;
}

.hero-motto[b-p2u6gxxdr0] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    margin: 1.55rem 0 1.4rem;
    color: var(--el-color-secondary-dark);
    font-family: var(--el-font-family-heading);
    font-size: clamp(1.6rem, 2.1vw, 2.3rem);
    line-height: 1;
}

.hero-motto span[b-p2u6gxxdr0] {
    width: 3.1rem;
    height: 2px;
    border-radius: 999px;
    background: var(--el-color-secondary);
}

.hero-motto i[b-p2u6gxxdr0] {
    font-size: 1.1rem;
}

.hero-text[b-p2u6gxxdr0] {
    max-width: 43rem;
    margin: 0 0 2.2rem;
    color: #263630;
    font-size: clamp(1.18rem, 1.55vw, 1.55rem);
    line-height: 1.5;
}

.hero-actions[b-p2u6gxxdr0] {
    display: flex;
    gap: 1.5rem;
    flex-wrap: wrap;
    margin: 0 0 2.5rem;
}

.hero-button[b-p2u6gxxdr0] {
    min-width: min(100%, 14.5rem);
    min-height: 52px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    border-radius: 8px;
    padding: 0.9rem 1.5rem;
    border: 1px solid var(--el-color-primary-dark);
    font-weight: 900;
    text-decoration: none;
    transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}

.hero-button:hover[b-p2u6gxxdr0],
.hero-button:focus-visible[b-p2u6gxxdr0] {
    transform: translateY(-1px);
    text-decoration: none;
}

.hero-button-primary[b-p2u6gxxdr0] {
    color: #fffdf8;
    background: linear-gradient(135deg, #1e6c52 0%, #0f4c3a 100%);
    box-shadow: 0 14px 32px rgba(7, 59, 44, 0.18);
}

.hero-button-primary:hover[b-p2u6gxxdr0],
.hero-button-primary:focus-visible[b-p2u6gxxdr0] {
    color: #fff;
    box-shadow: 0 17px 36px rgba(7, 59, 44, 0.22);
}

.hero-button-secondary[b-p2u6gxxdr0] {
    color: var(--el-color-primary-dark);
    background: rgba(255, 253, 248, 0.82);
}

.hero-button-secondary:hover[b-p2u6gxxdr0],
.hero-button-secondary:focus-visible[b-p2u6gxxdr0] {
    color: var(--el-color-primary-dark);
    background: #fffdf8;
}

.hero-facts[b-p2u6gxxdr0] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    max-width: 48rem;
    margin: 0;
    padding: 0.75rem 0.85rem;
    list-style: none;
    border: 1px solid var(--el-color-border);
    border-radius: 8px;
    background: rgba(255, 253, 248, 0.9);
    box-shadow: 0 14px 32px rgba(67, 51, 32, 0.08);
}

.hero-facts li[b-p2u6gxxdr0] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.55rem;
    align-items: center;
    min-width: 0;
    padding: 0.55rem 0.75rem;
    border-right: 1px solid var(--el-color-border);
}

.hero-facts li:last-child[b-p2u6gxxdr0] {
    border-right: 0;
}

.hero-facts i[b-p2u6gxxdr0] {
    width: 1.85rem;
    height: 1.85rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #6f7f24;
    font-size: 1.08rem;
}

.hero-facts strong[b-p2u6gxxdr0] {
    min-width: 0;
    color: var(--el-color-text-primary);
    font-size: 0.92rem;
    line-height: 1.15;
}

.hero-visual[b-p2u6gxxdr0] {
    position: relative;
    justify-self: end;
    align-self: stretch;
    width: min(100%, clamp(34rem, 52vw, 50rem));
    min-height: clamp(30rem, 41vw, 43rem);
    overflow: visible;
}

.hero-visual picture[b-p2u6gxxdr0] {
    width: 100%;
    height: 100%;
    min-height: inherit;
    display: block;
}

.hero-visual img[b-p2u6gxxdr0] {
    width: 100%;
    height: 100%;
    min-height: inherit;
    display: block;
    object-fit: cover;
    object-position: center;
    border: 1px solid rgba(232, 221, 206, 0.85);
    border-radius: 999px 0 0 999px;
    box-shadow: 0 24px 58px rgba(67, 51, 32, 0.15);
}

.hero-badge[b-p2u6gxxdr0] {
    position: absolute;
    left: clamp(1rem, 2.4vw, 2.1rem);
    bottom: clamp(1rem, 3vw, 2.4rem);
    z-index: 2;
    width: clamp(7rem, 9vw, 9.4rem);
    min-height: clamp(7rem, 9vw, 9.4rem);
    display: grid;
    place-items: center;
    gap: 0.35rem;
    padding: 0.85rem;
    border: 1px solid rgba(var(--el-color-primary-rgb), 0.12);
    border-radius: 999px;
    color: var(--el-color-primary-dark);
    background: #eef4df;
    box-shadow: 0 18px 38px rgba(67, 51, 32, 0.16);
    text-align: center;
}

.hero-badge i[b-p2u6gxxdr0] {
    color: #6d842c;
    font-size: 1rem;
}

.hero-badge span[b-p2u6gxxdr0] {
    max-width: 7.1rem;
    font-size: clamp(0.7rem, 0.82vw, 0.9rem);
    font-weight: 900;
    line-height: 1.18;
}

@media (max-width: 1080px) {
    .hero[b-p2u6gxxdr0] {
        grid-template-columns: 1fr;
        gap: 2rem;
        padding-top: 2.4rem;
    }

    .hero h1[b-p2u6gxxdr0] {
        max-width: 12ch;
        font-size: clamp(3rem, 9vw, 4.6rem);
    }

    .hero-visual[b-p2u6gxxdr0] {
        justify-self: center;
        width: min(100%, 44rem);
        min-height: 30rem;
    }

    .hero-visual img[b-p2u6gxxdr0] {
        border-radius: 150px 8px 8px 150px;
    }
}

@media (max-width: 680px) {
    .hero[b-p2u6gxxdr0] {
        padding: 2rem 1rem 1.25rem;
    }

    .hero h1[b-p2u6gxxdr0] {
        font-size: clamp(2.55rem, 12vw, 3.45rem);
        max-width: 9ch;
    }

    .hero-motto[b-p2u6gxxdr0] {
        align-items: flex-start;
        gap: 0.65rem;
        font-size: 1.45rem;
        line-height: 1.1;
    }

    .hero-motto span[b-p2u6gxxdr0] {
        width: 2.4rem;
        margin-top: 0.6rem;
    }

    .hero-text[b-p2u6gxxdr0] {
        font-size: 1.12rem;
        margin-bottom: 1.4rem;
    }

    .hero-actions[b-p2u6gxxdr0] {
        display: grid;
        grid-template-columns: 1fr;
        gap: 0.75rem;
        margin-bottom: 1.1rem;
    }

    .hero-button[b-p2u6gxxdr0] {
        width: 100%;
    }

    .hero-facts[b-p2u6gxxdr0] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        padding: 0.35rem;
    }

    .hero-facts li[b-p2u6gxxdr0] {
        border-right: 0;
        border-bottom: 1px solid var(--el-color-border);
        padding: 0.6rem;
    }

    .hero-facts li:nth-child(odd)[b-p2u6gxxdr0] {
        border-right: 1px solid var(--el-color-border);
    }

    .hero-facts li:nth-last-child(-n + 2)[b-p2u6gxxdr0] {
        border-bottom: 0;
    }

    .hero-visual[b-p2u6gxxdr0] {
        width: 100%;
        min-height: 22rem;
    }

    .hero-visual img[b-p2u6gxxdr0] {
        border-radius: 90px 8px 8px 90px;
    }

    .hero-badge[b-p2u6gxxdr0] {
        left: 0.75rem;
        bottom: 0.75rem;
        width: 6.8rem;
        min-height: 6.8rem;
        padding: 0.7rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .hero-button[b-p2u6gxxdr0] {
        transition: none;
    }
}
/* /Components/Home/NewsletterSignup.razor.rz.scp.css */
.nl[b-hijej5fhin] {
    max-width: 1320px;
    margin: clamp(1.5rem, 3vw, 2.7rem) auto clamp(2rem, 4vw, 3.5rem);
    padding: 0 clamp(1.1rem, 4vw, 3.5rem);
}

.nl-inner[b-hijej5fhin] {
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: minmax(0, 0.72fr) minmax(280px, 0.58fr);
    gap: 1.2rem;
    align-items: center;
    padding: clamp(1.1rem, 2.4vw, 1.8rem);
    border: 1px solid var(--el-color-border);
    border-radius: 8px;
    background:
        radial-gradient(circle at 92% 20%, rgba(111, 127, 36, 0.16), transparent 12rem),
        linear-gradient(135deg, #eef4df 0%, #fffdf8 62%);
    box-shadow: var(--el-box-shadow-sm);
}

.nl-inner[b-hijej5fhin]::before {
    content: "\f06c";
    position: absolute;
    left: clamp(0.9rem, 2vw, 1.4rem);
    top: 50%;
    transform: translateY(-50%);
    color: rgba(111, 127, 36, 0.52);
    font-family: "Font Awesome 6 Free";
    font-size: clamp(2.2rem, 4vw, 4rem);
    font-weight: 900;
}

.nl h3[b-hijej5fhin],
.nl p[b-hijej5fhin],
.nl form[b-hijej5fhin],
.status[b-hijej5fhin],
.unsubscribe-link[b-hijej5fhin] {
    position: relative;
    z-index: 1;
}

.nl h3[b-hijej5fhin] {
    grid-column: 1;
    margin: 0 0 0.3rem;
    padding-left: clamp(3rem, 5vw, 5.4rem);
    color: var(--el-color-primary-dark);
    font-size: clamp(2rem, 3vw, 3rem);
    line-height: 0.95;
}

.nl p[b-hijej5fhin] {
    grid-column: 1;
    margin: 0;
    padding-left: clamp(3rem, 5vw, 5.4rem);
    color: var(--el-color-text-secondary);
    line-height: 1.45;
}

.nl form[b-hijej5fhin] {
    grid-column: 2;
    grid-row: 1 / span 2;
}

.row[b-hijej5fhin] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0;
    align-items: stretch;
}

.input[b-hijej5fhin] {
    min-height: 48px;
    border-radius: 8px 0 0 8px;
    border: 1px solid var(--el-color-border);
    background: #fffdf8;
}

.row[b-hijej5fhin] (.el-button),
.row[b-hijej5fhin] (button) {
    min-height: 48px;
    border-radius: 0 8px 8px 0;
    background: var(--el-color-primary-dark);
    color: #fffdf8;
    border-color: var(--el-color-primary-dark);
    font-weight: 800;
}

.status[b-hijej5fhin] {
    grid-column: 1 / -1;
    margin-top: 0.7rem !important;
    color: var(--el-color-primary-dark) !important;
}

.nl .privacy-note[b-hijej5fhin] {
    margin-top: 0.65rem;
    padding-left: 0;
    color: var(--el-color-text-secondary);
    font-size: 0.8rem;
    line-height: 1.45;
}

.privacy-note a[b-hijej5fhin] {
    color: var(--el-color-primary-dark);
    font-weight: 700;
}

.unsubscribe-link[b-hijej5fhin] {
    grid-column: 1 / -1;
    display: inline-flex;
    margin-top: 0.55rem;
    color: var(--el-color-text-secondary);
    font-size: 0.9rem;
}

@media (max-width: 800px) {
    .nl[b-hijej5fhin] {
        padding: 0 1rem;
    }

    .nl-inner[b-hijej5fhin] {
        grid-template-columns: 1fr;
    }

    .nl form[b-hijej5fhin],
    .nl h3[b-hijej5fhin],
    .nl p[b-hijej5fhin] {
        grid-column: 1;
        grid-row: auto;
    }
}

@media (max-width: 520px) {
    .nl-inner[b-hijej5fhin]::before {
        display: none;
    }

    .nl h3[b-hijej5fhin],
    .nl p[b-hijej5fhin] {
        padding-left: 0;
    }

    .row[b-hijej5fhin] {
        grid-template-columns: 1fr;
        gap: 0.6rem;
    }

    .input[b-hijej5fhin],
    .row[b-hijej5fhin] (.el-button),
    .row[b-hijej5fhin] (button) {
        border-radius: 8px;
    }
}
/* /Components/Home/PlanetPlate.razor.rz.scp.css */
.plate[b-w0i7d8ss4d] {
    max-width: 720px;
    margin: clamp(1.5rem, 3vw, 2.6rem) auto 0;
    overflow: hidden;
    border: 1px solid var(--el-color-border);
    border-radius: 8px;
    background: #fffdf8;
    box-shadow: var(--el-box-shadow-sm);
}

.plate img[b-w0i7d8ss4d] {
    width: 100%;
    display: block;
    padding: clamp(0.8rem, 2vw, 1.5rem);
    background:
        radial-gradient(circle at 50% 45%, rgba(20, 84, 63, 0.08), transparent 60%),
        #f9f6ee;
}

.plate figcaption[b-w0i7d8ss4d] {
    margin: 0;
    padding: 0.95rem 1.2rem;
    border-top: 1px solid var(--el-color-border);
    color: var(--el-color-primary-dark);
    font-family: var(--el-font-family-heading);
    font-size: clamp(1.35rem, 2.2vw, 1.9rem);
    line-height: 1;
    text-align: center;
}
/* /Components/MealPlanning/MealPlanAnalyticsPanel.razor.rz.scp.css */
.alignment-dashboard[b-0q0ngpme3w] {
    min-width: 0;
    margin: 1.4rem 0 1.6rem;
    border: 1px solid #cfe0d8;
    border-radius: 1.2rem;
    padding: clamp(1rem, 2vw, 1.5rem);
    background: linear-gradient(145deg, #f8fbf9, #f3f7ef);
    box-shadow: 0 14px 34px rgba(14, 54, 42, .07);
}

.planner-kicker[b-0q0ngpme3w] {
    color: #b94c20;
    font-size: .75rem;
    font-weight: 850;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.alignment-heading[b-0q0ngpme3w],
.alignment-score-pair[b-0q0ngpme3w],
.food-group-card > div:first-child[b-0q0ngpme3w],
.member-analytics-card summary[b-0q0ngpme3w] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.alignment-heading h2[b-0q0ngpme3w] {
    margin: .15rem 0 .35rem;
    color: var(--planner-ink-deep);
    font-size: clamp(1.55rem, 2.4vw, 2.35rem);
}

.alignment-heading p:last-child[b-0q0ngpme3w] {
    max-width: 760px;
    margin: 0;
    color: var(--planner-muted);
}

.alignment-score-pair > div[b-0q0ngpme3w] {
    min-width: 9rem;
    border-radius: 1rem;
    padding: .8rem 1rem;
    background: var(--planner-ink-deep);
    color: white;
    text-align: center;
}

.alignment-score-pair span[b-0q0ngpme3w],
.alignment-score-pair strong[b-0q0ngpme3w] {
    display: block;
}

.alignment-score-pair span[b-0q0ngpme3w] {
    margin-bottom: .2rem;
    color: #bcd7cd;
    font-size: .72rem;
    font-weight: 750;
    text-transform: uppercase;
}

.alignment-score-pair strong[b-0q0ngpme3w] {
    font-size: 1.25rem;
}

.alignment-warning[b-0q0ngpme3w] {
    display: flex;
    gap: .65rem;
    margin-top: 1rem;
    border-radius: .8rem;
    padding: .7rem .85rem;
    background: #fff1d6;
    color: #72500d;
    font-size: .86rem;
}

.food-group-grid[b-0q0ngpme3w] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .65rem;
    margin-top: 1rem;
}

.food-group-card[b-0q0ngpme3w] {
    min-width: 0;
    border: 1px solid #d8e5df;
    border-radius: .8rem;
    padding: .7rem .75rem;
    background: white;
}

.food-group-card strong[b-0q0ngpme3w],
.food-group-card span[b-0q0ngpme3w],
.food-group-card small[b-0q0ngpme3w] {
    min-width: 0;
}

.food-group-card > div:first-child span[b-0q0ngpme3w],
.food-group-card small[b-0q0ngpme3w] {
    color: var(--planner-muted);
    font-size: .75rem;
}

.food-group-track[b-0q0ngpme3w] {
    height: .42rem;
    margin: .55rem 0 .4rem;
    overflow: hidden;
    border-radius: 99px;
    background: #e4ece8;
}

.food-group-track span[b-0q0ngpme3w] {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: var(--planner-green);
}

.food-group-card.abovemaximum .food-group-track span[b-0q0ngpme3w],
.food-group-card.wellabovemaximum .food-group-track span[b-0q0ngpme3w],
.food-group-card.belowrange .food-group-track span[b-0q0ngpme3w] {
    background: var(--planner-accent);
}

.member-analytics-grid[b-0q0ngpme3w] {
    display: grid;
    min-width: 0;
    gap: .7rem;
    margin-top: 1rem;
}

.member-analytics-card[b-0q0ngpme3w] {
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
    border: 1px solid #d8e5df;
    border-radius: .9rem;
    background: white;
}

.member-analytics-card summary[b-0q0ngpme3w] {
    cursor: pointer;
    min-height: 3.25rem;
    padding: .85rem 1rem;
    list-style: none;
}

.member-analytics-card summary[b-0q0ngpme3w]::after {
    content: "⌄";
    flex: 0 0 auto;
    color: var(--planner-muted);
    font-size: 1.1rem;
    transition: transform .16s ease;
}

.member-analytics-card[open] summary[b-0q0ngpme3w]::after {
    transform: rotate(180deg);
}

.member-analytics-card summary:focus-visible[b-0q0ngpme3w] {
    border-radius: .85rem;
    outline: 3px solid rgb(217 90 39 / 55%);
    outline-offset: 2px;
}

.member-analytics-card summary[b-0q0ngpme3w]::-webkit-details-marker {
    display: none;
}

.member-analytics-card summary span:first-child[b-0q0ngpme3w],
.member-analytics-card summary small[b-0q0ngpme3w] {
    display: block;
}

.member-analytics-card summary small[b-0q0ngpme3w],
.member-score-reason[b-0q0ngpme3w],
.analytics-method-note[b-0q0ngpme3w] {
    color: var(--planner-muted);
    font-size: .78rem;
}

.member-score[b-0q0ngpme3w] {
    border-radius: 99px;
    padding: .38rem .65rem;
    background: var(--planner-soft);
    color: var(--planner-green);
    font-size: .8rem;
    font-weight: 800;
}

.member-score-reason[b-0q0ngpme3w] {
    margin: 0;
    padding: 0 1rem .7rem;
}

.personalized-food-group-grid[b-0q0ngpme3w] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .45rem;
    padding: 0 1rem 1rem;
}

.personalized-food-group[b-0q0ngpme3w] {
    min-width: 0;
    border-radius: .65rem;
    padding: .55rem .6rem;
    background: var(--planner-soft);
}

.personalized-food-group > div:first-child[b-0q0ngpme3w] {
    display: flex;
    justify-content: space-between;
    gap: .5rem;
}

.personalized-food-group span[b-0q0ngpme3w],
.personalized-food-group small[b-0q0ngpme3w] {
    color: var(--planner-muted);
    font-size: .7rem;
}

.personalized-food-group.abovemaximum .food-group-track span[b-0q0ngpme3w],
.personalized-food-group.wellabovemaximum .food-group-track span[b-0q0ngpme3w],
.personalized-food-group.belowrange .food-group-track span[b-0q0ngpme3w] {
    background: var(--planner-accent);
}

.nutrient-table-wrap[b-0q0ngpme3w] {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    max-height: 26rem;
    overflow: auto;
    overscroll-behavior: contain;
    border-top: 1px solid #e1ebe6;
    -webkit-overflow-scrolling: touch;
}

.nutrient-table[b-0q0ngpme3w] {
    width: 100%;
    min-width: 46rem;
    border-collapse: collapse;
    font-size: .8rem;
}

.nutrient-table th[b-0q0ngpme3w] {
    position: sticky;
    z-index: 1;
    top: 0;
    background: #fff;
    box-shadow: 0 1px 0 #e1ebe6;
}

.nutrient-table th[b-0q0ngpme3w],
.nutrient-table td[b-0q0ngpme3w] {
    padding: .55rem .75rem;
    border-bottom: 1px solid #edf2ef;
    text-align: left;
    vertical-align: top;
}

.nutrient-table td small[b-0q0ngpme3w] {
    display: block;
    color: var(--planner-muted);
}

.analytics-method-note[b-0q0ngpme3w] {
    margin-top: .85rem;
}

@media (max-width: 980px) {
    .alignment-heading[b-0q0ngpme3w] {
        align-items: flex-start;
        flex-direction: column;
    }

    .food-group-grid[b-0q0ngpme3w] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .personalized-food-group-grid[b-0q0ngpme3w] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 620px) {
    .alignment-score-pair[b-0q0ngpme3w],
    .food-group-grid[b-0q0ngpme3w] {
        width: 100%;
        grid-template-columns: 1fr;
    }

    .alignment-score-pair[b-0q0ngpme3w] {
        display: grid;
    }

    .alignment-warning[b-0q0ngpme3w] {
        flex-direction: column;
    }

    .personalized-food-group-grid[b-0q0ngpme3w] {
        grid-template-columns: 1fr;
    }
}
/* /Components/MealPlanning/MealPlannerHeaderOverview.razor.rz.scp.css */
.planner-header[b-n3p5334hwo] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    margin-bottom: 1.5rem;
}

.planner-header-copy[b-n3p5334hwo] {
    max-width: 760px;
}

.planner-header h1[b-n3p5334hwo] {
    max-width: 760px;
    margin: .1rem 0 .35rem;
    color: var(--planner-ink-deep);
    font-size: clamp(2.7rem, 5vw, 5.2rem);
    line-height: .98;
}

.planner-header p[b-n3p5334hwo] {
    margin: 0;
}

.planner-header-copy > p:last-child[b-n3p5334hwo] {
    max-width: 620px;
    margin-top: .7rem;
    color: #405c53;
    font-size: 1.05rem;
}

.planner-kicker[b-n3p5334hwo] {
    color: #b94c20;
    font-size: .75rem;
    font-weight: 850;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.planner-header-actions[b-n3p5334hwo] {
    display: grid;
    grid-template-columns: repeat(2, max-content);
    justify-content: flex-end;
    gap: .55rem;
}

.planner-button[b-n3p5334hwo] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    min-height: 2.85rem;
    border: 1px solid transparent;
    border-radius: .8rem;
    padding: .65rem 1rem;
    font-weight: 800;
    cursor: pointer;
    transition: transform .16s ease, box-shadow .16s ease, background .16s ease;
}

.planner-header-actions a.planner-button[b-n3p5334hwo] {
    text-decoration: none;
}

.planner-button:hover:not(:disabled)[b-n3p5334hwo] {
    transform: translateY(-1px);
}

.planner-button:focus-visible[b-n3p5334hwo],
.week-switcher > button:focus-visible[b-n3p5334hwo] {
    outline: 3px solid rgb(217 90 39 / 55%);
    outline-offset: 2px;
}

.planner-button.primary[b-n3p5334hwo] {
    color: #fff;
    background: var(--planner-green);
    box-shadow: 0 8px 22px rgb(18 96 71 / 16%);
}

.planner-button.generate-button[b-n3p5334hwo] {
    background: linear-gradient(135deg, #126047, #0d4937);
}

.planner-button.secondary[b-n3p5334hwo] {
    border-color: #cfdcd6;
    color: var(--planner-ink);
    background: #fff;
}

.planner-button.quiet[b-n3p5334hwo] {
    color: var(--planner-ink);
    background: #eaf2ee;
}

.planner-button:disabled[b-n3p5334hwo] {
    cursor: wait;
    opacity: .55;
}

.planner-overview[b-n3p5334hwo] {
    display: grid;
    grid-template-columns: minmax(330px, 1.05fr) minmax(250px, .8fr) minmax(420px, 1.3fr);
    gap: .8rem;
    margin-bottom: 1.15rem;
}

.planner-overview > div[b-n3p5334hwo] {
    min-height: 96px;
    border: 1px solid var(--planner-line);
    border-radius: 1.1rem;
    padding: .9rem 1rem;
    background: #fff;
    box-shadow: 0 10px 35px rgb(21 56 46 / 4%);
}

.toolbar-label[b-n3p5334hwo] {
    display: block;
    margin-bottom: .18rem;
    color: var(--planner-muted);
    font-size: .69rem;
    font-weight: 750;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.week-switcher[b-n3p5334hwo] {
    display: grid;
    grid-template-columns: 2.5rem minmax(0, 1fr) 2.5rem auto;
    gap: .45rem;
    align-items: center;
}

.week-switcher > button[b-n3p5334hwo] {
    width: 2.5rem;
    height: 2.5rem;
    border: 0;
    border-radius: .7rem;
    color: var(--planner-ink);
    background: var(--planner-soft);
    font-weight: 850;
    cursor: pointer;
}

.week-switcher > button.today-button[b-n3p5334hwo] {
    width: auto;
    padding-inline: .7rem;
}

.week-switcher strong[b-n3p5334hwo] {
    display: block;
    overflow: hidden;
    font-size: .98rem;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.coverage-card[b-n3p5334hwo] {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: .55rem .8rem;
}

.coverage-card > span[b-n3p5334hwo] {
    color: var(--planner-green);
    font-size: 1.25rem;
    font-weight: 850;
}

.coverage-track[b-n3p5334hwo] {
    grid-column: 1 / -1;
    height: .45rem;
    overflow: hidden;
    border-radius: 99px;
    background: #e7efeb;
}

.coverage-track span[b-n3p5334hwo] {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--planner-green), #4f9c76);
}

.goal-card[b-n3p5334hwo] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: .35rem 1.2rem;
    align-items: center;
    background: linear-gradient(135deg, #f7fbf8, #fffaf1) !important;
}

.goal-card-title strong[b-n3p5334hwo] {
    display: block;
    color: var(--planner-green);
}

.goal-metrics[b-n3p5334hwo] {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
}

.goal-metrics span[b-n3p5334hwo] {
    border: 1px solid #d7e4dc;
    border-radius: 99px;
    padding: .3rem .55rem;
    color: #4d665e;
    background: rgb(255 255 255 / 75%);
    font-size: .72rem;
    white-space: nowrap;
}

.goal-card small[b-n3p5334hwo] {
    grid-column: 1 / -1;
    color: var(--planner-muted);
    font-size: .7rem;
}

@media (max-width: 1250px) {
    .planner-overview[b-n3p5334hwo] {
        grid-template-columns: 1fr 1fr;
    }

    .goal-card[b-n3p5334hwo] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 900px) {
    .planner-header[b-n3p5334hwo] {
        align-items: flex-start;
        flex-direction: column;
    }

    .planner-header-actions[b-n3p5334hwo] {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
    }
}

@media (max-width: 620px) {
    .planner-header h1[b-n3p5334hwo] {
        font-size: 2.65rem;
    }

    .planner-header-actions[b-n3p5334hwo] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        width: 100%;
    }

    .planner-header-actions .planner-button[b-n3p5334hwo] {
        width: 100%;
    }

    .planner-overview[b-n3p5334hwo] {
        grid-template-columns: 1fr;
    }

    .goal-card[b-n3p5334hwo] {
        grid-column: auto;
        grid-template-columns: 1fr;
    }

    .goal-card small[b-n3p5334hwo] {
        grid-column: auto;
    }

    .week-switcher[b-n3p5334hwo] {
        grid-template-columns: 2.5rem minmax(0, 1fr) 2.5rem;
    }

    .week-switcher .today-button[b-n3p5334hwo] {
        grid-column: 1 / -1;
        width: 100% !important;
    }
}
/* /Components/MealPlanning/MealServingsEditor.razor.rz.scp.css */
.servings-editor[b-83iw7qo2ev] { margin-top: .5rem; }
button[b-83iw7qo2ev] { border: 1px solid #c7d5c5; border-radius: .5rem; background: #f5f8f2; color: #244c31; padding: .4rem .65rem; cursor: pointer; font: inherit; font-size: .8rem; }
button:disabled[b-83iw7qo2ev] { opacity: .6; cursor: wait; }
fieldset[b-83iw7qo2ev] { border: 1px solid #d7dfd3; border-radius: .6rem; padding: .65rem; min-width: 0; }
legend[b-83iw7qo2ev] { font-size: .85rem; font-weight: 600; }
label[b-83iw7qo2ev] { display: block; font-size: .8rem; margin-bottom: .5rem; }
[b-83iw7qo2ev] input { display: block; width: 100%; box-sizing: border-box; margin-top: .25rem; padding: .4rem; border: 1px solid #a5b7a2; border-radius: .35rem; }
small[b-83iw7qo2ev] { display: block; font-size: .75rem; }
.actions[b-83iw7qo2ev] { display: flex; flex-wrap: wrap; gap: .4rem; margin-top: .6rem; }
.error[b-83iw7qo2ev], [b-83iw7qo2ev] .validation-errors { color: #a32929; font-size: .8rem; }
/* /Components/Recipes/AccountBenefits.razor.rz.scp.css */
.account-benefits[b-doeo774fsj] {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas:
        "copy"
        "actions"
        "notes";
    align-items: center;
    gap: 1.25rem clamp(1.25rem, 3vw, 2.5rem);
    width: min(100% - 2rem, 1320px);
    max-width: none;
    margin: clamp(1.5rem, 3vw, 2.5rem) auto;
    padding: clamp(1.25rem, 2.5vw, 2rem);
    box-sizing: border-box;
    overflow: hidden;
    border: 1px solid rgba(var(--el-color-primary-rgb), 0.14);
    border-radius: 8px;
    color: var(--el-color-text-primary);
    background:
        radial-gradient(circle at 9% 10%, rgba(244, 182, 61, 0.11), transparent 14rem),
        linear-gradient(110deg, #f5f7e9 0%, #fffaf1 58%, #fffdf8 100%);
    box-shadow: 0 12px 30px rgba(67, 51, 32, 0.07);
}

.account-benefits__copy[b-doeo774fsj] {
    grid-area: copy;
    min-width: 0;
}

.account-benefits__eyebrow[b-doeo774fsj] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    margin: 0 0 0.5rem;
    color: var(--el-color-secondary-dark);
    font-size: 0.78rem;
    font-weight: 900;
    letter-spacing: 0.12em;
    line-height: 1.2;
    text-transform: uppercase;
}

.account-benefits__eyebrow i[b-doeo774fsj] {
    color: #6f7f24;
}

.account-benefits__copy h2[b-doeo774fsj] {
    margin: 0;
    color: var(--el-color-primary-dark);
    font-family: var(--el-font-family-heading);
    font-size: clamp(1.7rem, 3vw, 2.5rem);
    line-height: 1.05;
}

.account-benefits__description[b-doeo774fsj] {
    max-width: 68ch;
    margin: 0.65rem 0 0;
    color: var(--el-color-text-secondary);
    font-size: 1rem;
    line-height: 1.55;
}

.account-benefits__actions[b-doeo774fsj] {
    grid-area: actions;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 0.65rem;
}

.account-benefits__button[b-doeo774fsj] {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.55rem;
    padding: 0.7rem 0.9rem;
    border: 1px solid rgba(var(--el-color-primary-rgb), 0.24);
    border-radius: 8px;
    color: var(--el-color-primary-dark);
    background: rgba(255, 253, 248, 0.88);
    font-size: 0.92rem;
    font-weight: 800;
    line-height: 1.2;
    text-decoration: none;
    transition: transform 0.15s ease, background 0.15s ease, box-shadow 0.15s ease;
}

.account-benefits__button:hover[b-doeo774fsj],
.account-benefits__button:focus-visible[b-doeo774fsj] {
    color: var(--el-color-primary-dark);
    background: #fffdf8;
    box-shadow: 0 10px 24px rgba(7, 59, 44, 0.1);
    text-decoration: none;
    transform: translateY(-1px);
}

.account-benefits__button--primary[b-doeo774fsj] {
    border-color: var(--el-color-primary-dark);
    color: #fffdf8;
    background: linear-gradient(135deg, #1e6c52 0%, #0f4c3a 100%);
    box-shadow: 0 10px 24px rgba(7, 59, 44, 0.14);
}

.account-benefits__button--primary:hover[b-doeo774fsj],
.account-benefits__button--primary:focus-visible[b-doeo774fsj] {
    color: #fff;
    background: linear-gradient(135deg, #1e6c52 0%, #0f4c3a 100%);
    box-shadow: 0 14px 28px rgba(7, 59, 44, 0.2);
}

.account-benefits__notes[b-doeo774fsj] {
    grid-area: notes;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.5rem 1.5rem;
    padding-top: 0.85rem;
    border-top: 1px solid rgba(var(--el-color-primary-rgb), 0.12);
}

.account-benefits__notes p[b-doeo774fsj] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    margin: 0;
    color: var(--el-color-text-secondary);
    font-size: 0.84rem;
    line-height: 1.45;
}

.account-benefits__notes i[b-doeo774fsj] {
    flex: 0 0 auto;
    margin-top: 0.15rem;
    color: #6f7f24;
}

@media (max-width: 620px) {
    .account-benefits__actions[b-doeo774fsj],
    .account-benefits__notes[b-doeo774fsj] {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
    }

    .account-benefits__button[b-doeo774fsj] {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .account-benefits__button[b-doeo774fsj] {
        transition: none;
    }
}
/* /Components/Recipes/CookModeButton.razor.rz.scp.css */
.cook-mode-control[b-uwika7e0y9] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    justify-content: flex-end;
    margin-top: 1rem;
}

.cook-mode-control[b-uwika7e0y9] (.cook-mode-button) {
    align-items: center;
    display: inline-flex;
    gap: 0.55rem;
    min-height: 44px;
}

.cook-mode-status[b-uwika7e0y9] {
    color: var(--el-color-text-secondary);
    font-size: 0.9rem;
    max-width: 28rem;
}

@media (max-width: 640px) {
    .cook-mode-control[b-uwika7e0y9] {
        align-items: stretch;
        flex-direction: column;
    }

    .cook-mode-control[b-uwika7e0y9] (.cook-mode-button) {
        justify-content: center;
        width: 100%;
    }
}
/* /Components/Recipes/FilterBlock.razor.rz.scp.css */
.fblock[b-3k0zhh1ij0] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    min-width: 0;
}

.fblock--compact[b-3k0zhh1ij0] {
    gap: 0;
}

.fblock__header[b-3k0zhh1ij0] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.75rem;
}

.fblock__label[b-3k0zhh1ij0] {
    color: var(--el-color-text-primary);
    font-size: 0.92rem;
    font-weight: 800;
}

.fblock__clear[b-3k0zhh1ij0] {
    border: 0;
    background: transparent;
    color: var(--el-color-secondary-dark);
    cursor: pointer;
    font-size: 0.82rem;
    font-weight: 800;
}

.fblock__clear:hover[b-3k0zhh1ij0],
.fblock__clear:focus-visible[b-3k0zhh1ij0] {
    text-decoration: underline;
}

.fblock__loading[b-3k0zhh1ij0],
.fblock__empty[b-3k0zhh1ij0] {
    color: var(--el-color-text-secondary);
    font-size: 0.9rem;
}

.fblock--compact .fblock__loading[b-3k0zhh1ij0],
.fblock--compact .fblock__empty[b-3k0zhh1ij0] {
    min-height: 44px;
    display: flex;
    align-items: center;
    padding: 0.58rem 0.72rem;
    border: 1px solid var(--el-color-border);
    border-radius: 7px;
    background: #fffdf8;
    font-size: 0.84rem;
}

.fselect[b-3k0zhh1ij0] {
    position: relative;
}

.fselect__trigger[b-3k0zhh1ij0] {
    width: 100%;
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.65rem 0.85rem;
    border: 1px solid var(--el-color-border);
    border-radius: 8px;
    background: #fffdf8;
    color: var(--el-color-text-primary);
    cursor: pointer;
    font: inherit;
    text-align: left;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75);
}

.fselect__trigger:focus-visible[b-3k0zhh1ij0] {
    outline: 2px solid rgba(var(--el-color-primary-rgb), 0.28);
    outline-offset: 2px;
}

.fselect__trigger:hover[b-3k0zhh1ij0] {
    border-color: rgba(var(--el-color-primary-rgb), 0.32);
}

.fblock--compact .fselect__trigger[b-3k0zhh1ij0] {
    min-height: 44px;
    padding: 0.58rem 0.72rem;
    gap: 0.55rem;
    border-radius: 7px;
    font-size: 0.88rem;
    font-weight: 750;
}

.fblock--compact .fselect__trigger.is-active[b-3k0zhh1ij0] {
    border-color: rgba(var(--el-color-primary-rgb), 0.42);
    background: rgba(238, 244, 223, 0.48);
    color: var(--el-color-primary-dark);
}

.fselect__icon[b-3k0zhh1ij0] {
    flex: 0 0 auto;
    color: var(--el-color-primary-dark);
    font-size: 0.82rem;
}

.fselect__value[b-3k0zhh1ij0] {
    min-width: 0;
    overflow: hidden;
    color: var(--el-color-text-primary);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fselect__chevron[b-3k0zhh1ij0] {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 6px solid var(--el-color-text-secondary);
    flex: 0 0 auto;
}

.fselect__backdrop[b-3k0zhh1ij0] {
    position: fixed;
    inset: 0;
    z-index: 59;
    border: 0;
    padding: 0;
    background: transparent;
    cursor: default;
}

.fselect__list[b-3k0zhh1ij0] {
    position: absolute;
    z-index: 60;
    width: 100%;
    max-height: 15rem;
    overflow: auto;
    margin: 0.35rem 0 0;
    padding: 0.35rem;
    list-style: none;
    border: 1px solid var(--el-color-border);
    border-radius: 8px;
    background: var(--el-color-surface);
    box-shadow: var(--el-box-shadow);
}

.fselect__option[b-3k0zhh1ij0] {
    border-radius: 6px;
}

.fselect__option.is-selected[b-3k0zhh1ij0] {
    background: var(--el-color-primary-light);
    color: var(--el-color-primary-dark);
}

.fselect__option.is-active[b-3k0zhh1ij0] {
    outline: 2px solid rgba(var(--el-color-primary-rgb), 0.28);
}

.fselect__optionBtn[b-3k0zhh1ij0] {
    display: block;
    width: 100%;
    padding: 0.55rem 0.65rem;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: inherit;
    cursor: pointer;
    font: inherit;
    text-align: left;
}

.fselect__optionBtn:hover[b-3k0zhh1ij0] {
    background: rgba(var(--el-color-primary-rgb), 0.07);
    color: var(--el-color-primary-dark);
}
/* /Components/Recipes/RecipeHero.razor.rz.scp.css */
.hero-grid[b-m5apddlaeg] {
    display: grid;
    grid-template-columns: minmax(360px, 0.92fr) minmax(0, 1fr);
    gap: clamp(2rem, 4.8vw, 4.25rem);
    align-items: center;
}

.hero-media[b-m5apddlaeg] {
    position: relative;
    aspect-ratio: 1 / 1;
    border-radius: 8px;
    overflow: hidden;
    background-color: #e5e7eb;
    border: 1px solid rgba(232, 221, 206, 0.95);
    box-shadow: 0 18px 42px rgba(67, 51, 32, 0.11);
}

.hero-media--square[b-m5apddlaeg] {
    aspect-ratio: 1 / 1;
}

.hero-media--standard[b-m5apddlaeg] {
    aspect-ratio: 4 / 3;
}

.hero-media--wide[b-m5apddlaeg] {
    aspect-ratio: 16 / 9;
}

.hero-img[b-m5apddlaeg] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: var(--hero-focus-x, 50%) var(--hero-focus-y, 50%);
    display: block;
}

.hero-image-settings[b-m5apddlaeg] {
    display: grid;
    grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
    gap: 1rem;
    padding: 1rem;
    border: 1px solid rgba(67, 51, 32, 0.12);
    border-radius: 8px;
    background: rgba(255, 253, 248, 0.78);
}

.hero-focus-controls .form-label[b-m5apddlaeg] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.2rem;
}

.hero-focus-controls .form-range[b-m5apddlaeg] {
    display: block;
    width: 100%;
    margin-bottom: 0.65rem;
}

.media-badge[b-m5apddlaeg] {
    position: absolute;
    left: 1.25rem;
    top: 1.25rem;
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    max-width: calc(100% - 2.5rem);
    min-height: 2.65rem;
    padding: 0.58rem 1rem;
    border-radius: 999px;
    background: rgba(255, 253, 248, 0.94);
    color: var(--el-color-text-primary);
    border: 1px solid rgba(232, 221, 206, 0.85);
    box-shadow: 0 10px 22px rgba(67, 51, 32, 0.11);
    font-weight: 900;
    line-height: 1.1;
}

.media-badge i[b-m5apddlaeg] {
    color: var(--el-color-secondary);
}

.hero-body[b-m5apddlaeg] {
    position: relative;
    min-width: 0;
    padding: clamp(0.4rem, 2vw, 1rem) 0;
}

.hero-body[b-m5apddlaeg]::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 15rem;
    height: 28rem;
    opacity: 0.18;
    pointer-events: none;
    background:
        linear-gradient(28deg, transparent 48%, #d7c8ad 49%, #d7c8ad 50%, transparent 51%),
        linear-gradient(152deg, transparent 48%, #d7c8ad 49%, #d7c8ad 50%, transparent 51%);
    border-radius: 50%;
}

.hero-body > *[b-m5apddlaeg] {
    position: relative;
    z-index: 1;
}

.recipe-title[b-m5apddlaeg] {
    max-width: 15ch;
    margin: 0 0 0.75rem;
    color: var(--el-color-primary-dark);
    font-family: var(--el-font-family-heading);
    font-size: clamp(2.9rem, 4vw, 4.6rem);
    line-height: 0.98;
    letter-spacing: 0;
    overflow-wrap: anywhere;
}

.recipe-title i[b-m5apddlaeg] {
    color: var(--el-color-secondary);
    font-size: 0.38em;
    vertical-align: 0.1em;
}

.recipe-subtitle[b-m5apddlaeg] {
    max-width: 45rem;
    margin: 0 0 1.25rem;
    color: var(--el-color-text-primary);
    font-size: clamp(1.05rem, 1.25vw, 1.25rem);
    line-height: 1.5;
    overflow-wrap: anywhere;
}

.meta-row[b-m5apddlaeg] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    align-items: center;
    color: var(--el-color-text-primary);
    min-width: 0;
    font-size: 0.92rem;
}

.meta-row span:not(.dot)[b-m5apddlaeg] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
}

.meta-row i[b-m5apddlaeg] {
    color: #4c5a53;
    font-size: 0.92rem;
}

.meta-row .seasonality-meta[b-m5apddlaeg] {
    color: var(--el-color-text-secondary);
    font-weight: 800;
}

.meta-row .seasonality-meta.is-current[b-m5apddlaeg],
.meta-row .seasonality-meta.is-current i[b-m5apddlaeg] {
    color: #326b25;
}

.dot[b-m5apddlaeg]::before {
    content: "\2022";
    opacity: 0.55;
    color: var(--el-color-text-secondary);
}

.rating-row[b-m5apddlaeg] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.7rem;
    margin-top: 1.15rem;
    color: var(--el-color-text-primary);
    font-size: 0.95rem;
}

.rating-row[b-m5apddlaeg] (.star-rating) {
    gap: 0.25rem;
}

.rating-row[b-m5apddlaeg] (.star-wrap) {
    width: 1.1rem;
    height: 1.6rem;
}

.tags[b-m5apddlaeg] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-top: 1rem;
}

.chip[b-m5apddlaeg] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    min-height: 2.1rem;
    border: 1px solid rgba(67, 51, 32, 0.06);
    padding: 0.42rem 0.85rem;
    border-radius: 999px;
    font-size: 0.88rem;
    font-weight: 800;
    line-height: 1;
    background: #eef4df;
    color: var(--el-color-primary-dark);
    text-decoration: none;
}

.category-chip[b-m5apddlaeg] {
    background: var(--el-color-secondary-light);
    color: var(--el-color-secondary-dark);
}

.tag-link[b-m5apddlaeg] {
    transition: filter 0.15s ease, transform 0.15s ease;
    overflow-wrap: anywhere;
}

.tag-link:hover[b-m5apddlaeg],
.tag-link:focus-visible[b-m5apddlaeg] {
    filter: brightness(0.96);
    transform: translateY(-1px);
    text-decoration: none;
}

.hero-cta-row[b-m5apddlaeg] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.8rem;
    margin-top: 1.6rem;
    min-width: 0;
}

.jump-recipe-btn[b-m5apddlaeg],
.edit-recipe-btn[b-m5apddlaeg],
.print-recipe-btn[b-m5apddlaeg],
.save-recipe-btn[b-m5apddlaeg],
.jump-insights-btn[b-m5apddlaeg] {
    min-height: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.65rem;
    border-radius: 8px;
    padding: 0.8rem 1.2rem;
    font-weight: 900;
    text-decoration: none;
    cursor: pointer;
    transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}

.jump-recipe-btn[b-m5apddlaeg] {
    border: 1px solid var(--el-color-primary-dark);
    background: linear-gradient(135deg, #1e6c52 0%, #0f4c3a 100%);
    color: #fffdf8;
    box-shadow: 0 12px 26px rgba(7, 59, 44, 0.17);
}

.jump-recipe-btn:hover[b-m5apddlaeg],
.jump-recipe-btn:focus-visible[b-m5apddlaeg] {
    color: #fff;
    transform: translateY(-1px);
    text-decoration: none;
    box-shadow: 0 16px 32px rgba(7, 59, 44, 0.21);
}

.print-recipe-btn[b-m5apddlaeg],
.edit-recipe-btn[b-m5apddlaeg],
.jump-insights-btn[b-m5apddlaeg] {
    border: 1px solid rgba(var(--el-color-primary-rgb), 0.45);
    background: rgba(255, 253, 248, 0.94);
    color: var(--el-color-primary-dark);
}

.save-recipe-btn[b-m5apddlaeg] {
    width: 50px;
    padding: 0;
    border: 1px solid var(--el-color-primary-dark);
    background: rgba(255, 253, 248, 0.94);
    color: var(--el-color-primary-dark);
}

.save-recipe-btn span[b-m5apddlaeg] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
}

.save-recipe-btn[aria-pressed="true"][b-m5apddlaeg] {
    background: var(--el-color-secondary-light);
    color: var(--el-color-secondary-dark);
    border-color: rgba(var(--el-color-secondary-rgb), 0.35);
}

.save-recipe-btn:disabled[b-m5apddlaeg] {
    opacity: 0.7;
    cursor: not-allowed;
    transform: none;
}

.print-recipe-btn:hover[b-m5apddlaeg],
.print-recipe-btn:focus-visible[b-m5apddlaeg],
.edit-recipe-btn:hover[b-m5apddlaeg],
.edit-recipe-btn:focus-visible[b-m5apddlaeg],
.save-recipe-btn:hover[b-m5apddlaeg],
.save-recipe-btn:focus-visible[b-m5apddlaeg],
.jump-insights-btn:hover[b-m5apddlaeg],
.jump-insights-btn:focus-visible[b-m5apddlaeg] {
    background: #eef4df;
    color: var(--el-color-primary-dark);
    transform: translateY(-1px);
    box-shadow: 0 10px 24px rgba(67, 51, 32, 0.08);
}

.hero-description-input[b-m5apddlaeg] {
    resize: vertical;
    min-height: 140px;
}

@media (max-width: 980px) {
    .hero-grid[b-m5apddlaeg] {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }

    .recipe-title[b-m5apddlaeg] {
        max-width: 16ch;
        font-size: clamp(2.65rem, 9vw, 4rem);
    }
}

@media (max-width: 620px) {
    .hero-grid[b-m5apddlaeg] {
        gap: 1rem;
    }

    .hero-image-settings[b-m5apddlaeg] {
        grid-template-columns: 1fr;
    }

    .recipe-title[b-m5apddlaeg] {
        max-width: 12ch;
        font-size: clamp(2.35rem, 12vw, 3.35rem);
    }

    .meta-row[b-m5apddlaeg] {
        align-items: flex-start;
        flex-direction: column;
        gap: 0.45rem;
    }

    .dot[b-m5apddlaeg] {
        display: none;
    }

    .hero-cta-row[b-m5apddlaeg] {
        display: grid;
        grid-template-columns: 1fr auto;
        gap: 0.7rem;
    }

    .jump-recipe-btn[b-m5apddlaeg],
    .edit-recipe-btn[b-m5apddlaeg],
    .print-recipe-btn[b-m5apddlaeg],
    .jump-insights-btn[b-m5apddlaeg] {
        grid-column: 1 / -1;
        width: 100%;
    }

    .save-recipe-btn[b-m5apddlaeg] {
        width: 50px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .jump-recipe-btn[b-m5apddlaeg],
    .edit-recipe-btn[b-m5apddlaeg],
    .print-recipe-btn[b-m5apddlaeg],
    .save-recipe-btn[b-m5apddlaeg],
    .jump-insights-btn[b-m5apddlaeg],
    .tag-link[b-m5apddlaeg] {
        transition: none;
    }
}
/* /Components/Recipes/RecipeIngredients.razor.rz.scp.css */
.title[b-mbwlpt8vwk] {
    margin: 0;
}

.section-title[b-mbwlpt8vwk] {
    display: inline-flex;
    align-items: center;
    gap: 0.65rem;
    color: var(--el-color-primary-dark);
    line-height: 1;
}

.section-title i[b-mbwlpt8vwk] {
    width: 2rem;
    height: 2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    color: #326b25;
    background: #eef4df;
}

.ingredients-header[b-mbwlpt8vwk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.55rem;
}

.ingredient-actions[b-mbwlpt8vwk] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.planet-swap-toggle[b-mbwlpt8vwk],
.unit-switch[b-mbwlpt8vwk] {
    border-radius: 8px;
}

.planet-swap-toggle[b-mbwlpt8vwk] {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    min-height: 38px;
    border: 1px solid rgba(var(--el-color-primary-rgb), 0.32);
    background: rgba(255, 253, 248, 0.9);
    color: var(--el-color-primary-dark);
    padding: 0.48rem 0.8rem;
    font-weight: 900;
    cursor: pointer;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
    min-width: 0;
}

.planet-swap-toggle i[b-mbwlpt8vwk] {
    color: #326b25;
}

.planet-swap-toggle.active[b-mbwlpt8vwk] {
    background: var(--el-color-primary-dark);
    color: #fffdf8;
    border-color: var(--el-color-primary-dark);
}

.planet-swap-toggle.active i[b-mbwlpt8vwk] {
    color: #fffdf8;
}

.swap-count[b-mbwlpt8vwk] {
    min-width: 1.35rem;
    height: 1.35rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.72);
    color: var(--el-color-primary-dark);
    font-size: 0.75rem;
    font-variant-numeric: tabular-nums;
}

.unit-switch[b-mbwlpt8vwk] {
    display: inline-flex;
    overflow: hidden;
    border: 1px solid var(--el-color-border);
    background: #fffaf1;
}

.unit-switch .switch[b-mbwlpt8vwk] {
    min-width: 3.55rem;
    padding: 0.62rem 0.85rem;
    font-size: 0.86rem;
    background: transparent;
    color: var(--el-color-text-primary);
    border: 0;
    cursor: pointer;
}

.unit-switch .switch + .switch[b-mbwlpt8vwk] {
    border-left: 1px solid var(--el-color-border);
}

.unit-switch .switch.active[b-mbwlpt8vwk] {
    background: var(--el-color-primary-dark);
    color: #fffdf8;
}

.ingredients-list[b-mbwlpt8vwk] {
    list-style: none;
    margin: 0.85rem 0 0;
    padding: 0;
    display: grid;
}

.ingredient-sections[b-mbwlpt8vwk] {
    display: grid;
    gap: 1.35rem;
    margin-top: 1rem;
}

.ingredient-section-title[b-mbwlpt8vwk] {
    margin: 0;
    color: var(--el-color-primary-dark);
    font-family: var(--el-font-family-heading);
    font-size: 1.08rem;
    font-weight: 900;
    line-height: 1.25;
}

.ingredient-section .ingredients-list[b-mbwlpt8vwk] {
    margin-top: 0.35rem;
}

.prepared-ingredient-section[b-mbwlpt8vwk] {
    margin-top: 1.35rem;
}

.ingredient[b-mbwlpt8vwk] {
    padding: 0;
}

.ingredient-main[b-mbwlpt8vwk] {
    display: grid;
    grid-template-columns: 2rem minmax(0, 1fr) minmax(5rem, 0.24fr) auto;
    gap: 0.85rem;
    align-items: center;
    min-width: 0;
    padding: 0.78rem 0;
    border-bottom: 1px dashed var(--el-color-border);
}

.ingredient-main[b-mbwlpt8vwk]::before {
    content: "";
    width: 1.45rem;
    height: 1.45rem;
    border: 2px solid #22332c;
    border-radius: 999px;
    background: rgba(255, 253, 248, 0.85);
}

.qty[b-mbwlpt8vwk] {
    color: var(--el-color-text-primary);
    font-variant-numeric: tabular-nums;
    font-weight: 900;
    min-width: 0;
    overflow-wrap: anywhere;
}

.unit[b-mbwlpt8vwk] {
    margin-left: 0.25rem;
    color: var(--el-color-text-secondary);
    font-size: 0.88em;
}

.name[b-mbwlpt8vwk] {
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    min-width: 0;
    overflow-wrap: anywhere;
}

.swap-available[b-mbwlpt8vwk] {
    width: 1.35rem;
    height: 1.35rem;
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    color: #326b25;
    background: #eef4df;
    border: 1px solid rgba(50, 107, 37, 0.18);
    font-size: 0.68rem;
}

.ingredient-link[b-mbwlpt8vwk] {
    font-size: 0.78rem;
    color: var(--el-color-primary-dark);
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    padding: 0.42rem 0.7rem;
    border: 1px solid rgba(var(--el-color-primary-rgb), 0.28);
    border-radius: 999px;
    background: rgba(255, 253, 248, 0.92);
    font-weight: 800;
    white-space: nowrap;
    min-width: 0;
    transition: background 0.15s ease, border-color 0.15s ease, transform 0.15s ease;
}

.ingredient-link:hover[b-mbwlpt8vwk] {
    text-decoration: none;
    background: #eef4df;
    border-color: rgba(var(--el-color-primary-rgb), 0.4);
    transform: translateY(-1px);
}

.prepared-recipe-details[b-mbwlpt8vwk] {
    margin: 0.6rem 0 0.85rem 2.85rem;
    border: 1px solid rgba(var(--el-color-primary-rgb), 0.2);
    border-radius: 8px;
    background: rgba(255, 253, 248, 0.78);
    overflow: hidden;
}

.prepared-recipe-details summary[b-mbwlpt8vwk] {
    min-height: 46px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.85rem;
    padding: 0.7rem 0.85rem;
    color: var(--el-color-primary-dark);
    cursor: pointer;
    font-weight: 900;
    list-style: none;
}

.prepared-recipe-details summary[b-mbwlpt8vwk]::-webkit-details-marker {
    display: none;
}

.prepared-recipe-details summary:focus-visible[b-mbwlpt8vwk] {
    outline: 3px solid rgba(var(--el-color-primary-rgb), 0.45);
    outline-offset: -3px;
}

.prepared-recipe-details summary[b-mbwlpt8vwk]::after {
    content: "+";
    width: 1.6rem;
    height: 1.6rem;
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: rgba(var(--el-color-primary-rgb), 0.1);
    font-size: 1.05rem;
}

.prepared-recipe-details[open] summary[b-mbwlpt8vwk]::after {
    content: "−";
}

.prepared-recipe-summary-title[b-mbwlpt8vwk],
.prepared-recipe-summary-meta[b-mbwlpt8vwk],
.prepared-recipe-times[b-mbwlpt8vwk] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
}

.prepared-recipe-summary-meta[b-mbwlpt8vwk] {
    margin-left: auto;
    color: var(--el-color-text-secondary);
    font-size: 0.82rem;
    font-weight: 700;
}

.prepared-recipe-panel[b-mbwlpt8vwk] {
    padding: 0.85rem 1rem 1rem;
    border-top: 1px solid rgba(var(--el-color-primary-rgb), 0.16);
    background: #fffdf8;
}

.prepared-recipe-times[b-mbwlpt8vwk] {
    flex-wrap: wrap;
    margin-bottom: 0.7rem;
}

.prepared-recipe-times span[b-mbwlpt8vwk] {
    padding: 0.25rem 0.55rem;
    border-radius: 999px;
    background: #eef4df;
    color: #326b25;
    font-size: 0.78rem;
    font-weight: 800;
}

.swap-panel[b-mbwlpt8vwk] {
    margin: 0.7rem 0 0.2rem 2.85rem;
    padding: 0.9rem 1rem;
    border: 1px solid rgba(var(--el-color-primary-rgb), 0.18);
    border-radius: 8px;
    background: #eef4df;
}

.swap-panel-header[b-mbwlpt8vwk] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    flex-wrap: wrap;
    margin-bottom: 0.45rem;
}

.swap-label[b-mbwlpt8vwk] {
    display: inline-flex;
    align-items: center;
    min-height: 1.5rem;
    border-radius: 999px;
    padding: 0.2rem 0.55rem;
    background: #fffdf8;
    color: #326b25;
    border: 1px solid rgba(50, 107, 37, 0.18);
    font-size: 0.75rem;
    font-weight: 900;
}

.swap-title[b-mbwlpt8vwk] {
    font-weight: 900;
    color: var(--el-color-primary-dark);
    overflow-wrap: anywhere;
}

.swap-panel p[b-mbwlpt8vwk] {
    margin: 0;
    color: var(--el-color-text-secondary);
    line-height: 1.45;
}

.swap-panel p + p[b-mbwlpt8vwk] {
    margin-top: 0.35rem;
}

.swap-note[b-mbwlpt8vwk] {
    color: var(--el-color-text-primary);
}

.planet-swap-editor[b-mbwlpt8vwk] {
    margin-top: 0.9rem;
    padding: 0.9rem;
    border: 1px solid rgba(var(--el-color-primary-rgb), 0.18);
    border-radius: 8px;
    background: rgba(var(--el-color-primary-rgb), 0.035);
}

.manual-ingredient-notice[b-mbwlpt8vwk] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    color: #8a3f12;
    background: #fff2df;
    border: 1px solid rgba(166, 82, 22, 0.28);
    font-size: 0.72rem;
    font-weight: 900;
}

.manual-ingredient-notice[b-mbwlpt8vwk] {
    width: fit-content;
    margin-top: 0.4rem;
    border-radius: 6px;
    padding: 0.3rem 0.55rem;
}

.ingredient-section-editor[b-mbwlpt8vwk] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 0.85rem;
    margin-bottom: 0.75rem;
}

.ingredient-section-field[b-mbwlpt8vwk] {
    flex: 1 1 22rem;
}

.ingredient-order-actions[b-mbwlpt8vwk] {
    display: inline-flex;
    gap: 0.4rem;
    padding-bottom: 0.15rem;
}

.ingredient-order-button[b-mbwlpt8vwk] {
    width: 2.35rem;
    height: 2.35rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--el-color-border);
    border-radius: 6px;
    background: #fffdf8;
    color: var(--el-color-primary-dark);
    cursor: pointer;
}

.ingredient-order-button:hover:not(:disabled)[b-mbwlpt8vwk] {
    border-color: rgba(var(--el-color-primary-rgb), 0.45);
    background: #eef4df;
}

.ingredient-order-button:disabled[b-mbwlpt8vwk] {
    cursor: default;
    opacity: 0.4;
}

.planet-swap-editor-header[b-mbwlpt8vwk] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.9rem;
    margin-bottom: 0.75rem;
}

.planet-swap-editor-title[b-mbwlpt8vwk] {
    margin: 0;
    color: var(--el-color-text-primary);
    font-weight: 900;
}

.planet-swap-editor-copy[b-mbwlpt8vwk] {
    margin: 0.15rem 0 0;
    color: var(--el-color-text-secondary);
    font-size: 0.86rem;
    line-height: 1.35;
}

.hint[b-mbwlpt8vwk],
.muted[b-mbwlpt8vwk] {
    color: var(--el-color-text-secondary);
}

.prepared-ingredients-editor[b-mbwlpt8vwk] {
    margin-top: 1.1rem;
    padding-top: 1rem;
    border-top: 1px solid var(--el-color-border);
}

.prepared-ingredients-title[b-mbwlpt8vwk] {
    margin: 0 0 0.7rem;
    color: var(--el-color-text-primary);
    font-size: 1rem;
    font-weight: 900;
}

.prepared-badge[b-mbwlpt8vwk] {
    flex: 0 0 auto;
    border-radius: 999px;
    padding: 0.15rem 0.45rem;
    background: rgba(var(--el-color-primary-rgb), 0.08);
    color: var(--el-color-primary-dark);
    border: 1px solid rgba(var(--el-color-primary-rgb), 0.22);
    font-size: 0.72rem;
    font-weight: 900;
}

.ingredient-picker[b-mbwlpt8vwk] {
    position: relative;
}

.ingredient-picker-menu[b-mbwlpt8vwk] {
    position: absolute;
    z-index: 30;
    top: calc(100% + 4px);
    left: 0;
    right: 0;
    max-height: 260px;
    overflow-y: auto;
    border: 1px solid var(--el-color-border);
    border-radius: 8px;
    background: #fffdf8;
    box-shadow: 0 14px 35px rgba(15, 23, 42, 0.14);
    padding: 0.4rem;
}

.ingredient-picker-option[b-mbwlpt8vwk] {
    width: 100%;
    min-height: 48px;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: var(--el-color-text-primary);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.15rem;
    padding: 0.5rem 0.65rem;
    text-align: left;
    cursor: pointer;
}

.ingredient-picker-option:hover[b-mbwlpt8vwk],
.ingredient-picker-option:focus[b-mbwlpt8vwk] {
    background: rgba(var(--el-color-primary-rgb), 0.08);
    outline: none;
}

.ingredient-picker-title[b-mbwlpt8vwk] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    font-weight: 800;
    overflow-wrap: anywhere;
}

.ingredient-picker-meta[b-mbwlpt8vwk] {
    color: var(--el-color-text-secondary);
    font-size: 0.82rem;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.ingredient-picker-badge[b-mbwlpt8vwk] {
    flex: 0 0 auto;
    border-radius: 999px;
    padding: 0.15rem 0.45rem;
    background: #eef4df;
    color: #326b25;
    border: 1px solid rgba(50, 107, 37, 0.18);
    font-size: 0.72rem;
    font-weight: 900;
}

@media (max-width: 820px) {
    .ingredients-header[b-mbwlpt8vwk] {
        align-items: flex-start;
        flex-direction: column;
    }

    .ingredient-actions[b-mbwlpt8vwk] {
        width: 100%;
        justify-content: flex-start;
    }

    .planet-swap-toggle[b-mbwlpt8vwk],
    .unit-switch[b-mbwlpt8vwk] {
        width: 100%;
    }

    .planet-swap-toggle[b-mbwlpt8vwk] {
        justify-content: center;
    }

    .unit-switch .switch[b-mbwlpt8vwk] {
        flex: 1 1 0;
    }

    .ingredient-main[b-mbwlpt8vwk] {
        grid-template-columns: 1.35rem minmax(0, 1fr) auto 2rem;
        gap: 0.4rem;
        padding: 0.52rem 0;
    }

    .ingredient-main[b-mbwlpt8vwk]::before {
        width: 1.1rem;
        height: 1.1rem;
        border-width: 1.5px;
    }

    .name[b-mbwlpt8vwk] {
        display: block;
        overflow: hidden;
        overflow-wrap: normal;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .qty[b-mbwlpt8vwk] {
        overflow-wrap: normal;
        white-space: nowrap;
    }

    .ingredient-link[b-mbwlpt8vwk] {
        width: 2rem;
        height: 2rem;
        max-width: none;
        padding: 0;
        font-size: 0;
        white-space: nowrap;
    }

    .ingredient-link i[b-mbwlpt8vwk] {
        font-size: 0.78rem;
    }

    .swap-panel[b-mbwlpt8vwk] {
        margin-left: 0;
    }

    .prepared-recipe-details[b-mbwlpt8vwk] {
        margin-left: 0;
    }

    .prepared-recipe-details summary[b-mbwlpt8vwk] {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .prepared-recipe-summary-meta[b-mbwlpt8vwk] {
        width: calc(100% - 2.45rem);
        margin-left: 0;
    }

    .planet-swap-editor-header[b-mbwlpt8vwk] {
        align-items: stretch;
        flex-direction: column;
    }

    .ingredient-section-editor[b-mbwlpt8vwk] {
        align-items: stretch;
        flex-direction: column;
    }

    .ingredient-order-actions[b-mbwlpt8vwk] {
        padding-bottom: 0;
    }
}
/* /Components/Recipes/RecipeKeyPointsCard.razor.rz.scp.css */
h3[b-r75zvbwx9u] {
    margin: 0 0 0.95rem;
    font-family: var(--el-font-family-heading);
    color: var(--el-color-primary-dark);
}

.section-title[b-r75zvbwx9u] {
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
    line-height: 1;
}

.section-title i[b-r75zvbwx9u] {
    width: 2rem;
    height: 2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    color: #6f7f24;
    background: #eef4df;
}

.kv[b-r75zvbwx9u] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    border-top: 1px solid var(--el-color-border);
}

.kv li[b-r75zvbwx9u] {
    min-width: 0;
    padding: 0.85rem 0.75rem;
    border-right: 1px solid var(--el-color-border);
    border-bottom: 1px solid var(--el-color-border);
}

.kv li:nth-child(3n)[b-r75zvbwx9u] {
    border-right: 0;
}

.kv span[b-r75zvbwx9u],
.kv strong[b-r75zvbwx9u] {
    display: block;
}

.kv span[b-r75zvbwx9u] {
    color: var(--el-color-text-secondary);
    font-size: 0.82rem;
    line-height: 1.2;
}

.kv strong[b-r75zvbwx9u] {
    margin-top: 0.18rem;
    color: var(--el-color-text-primary);
    font-size: 0.98rem;
    line-height: 1.2;
    overflow-wrap: anywhere;
}

@media (max-width: 520px) {
    .kv[b-r75zvbwx9u] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .kv li:nth-child(3n)[b-r75zvbwx9u] {
        border-right: 1px solid var(--el-color-border);
    }

    .kv li:nth-child(2n)[b-r75zvbwx9u] {
        border-right: 0;
    }
}
/* /Components/Recipes/RecipeLinkedRecipes.razor.rz.scp.css */
.linked-recipes[b-767nthi1it] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.section-title[b-767nthi1it] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin: 0;
    font-family: var(--el-font-family-heading);
    color: var(--el-color-text-primary);
}

.linked-recipes-header[b-767nthi1it] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.linked-recipes-list[b-767nthi1it] {
    display: grid;
    gap: 10px;
}

.linked-recipe-card[b-767nthi1it] {
    display: grid;
    grid-template-columns: 74px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    color: inherit;
    text-decoration: none;
    border: 1px solid var(--el-color-border);
    border-radius: 12px;
    padding: 8px;
    background: var(--el-color-background-alt);
    transition: border-color 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;
}

.linked-recipe-card:hover[b-767nthi1it],
.linked-recipe-card:focus-visible[b-767nthi1it] {
    border-color: var(--el-color-primary);
    box-shadow: var(--el-box-shadow-sm);
    transform: translateY(-1px);
}

.linked-recipe-media[b-767nthi1it] {
    aspect-ratio: 4 / 3;
    border-radius: 8px;
    overflow: hidden;
    background: #e5e7eb;
}

.linked-recipe-media img[b-767nthi1it] {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.linked-recipe-body[b-767nthi1it] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.linked-recipe-body strong[b-767nthi1it] {
    overflow-wrap: anywhere;
    line-height: 1.25;
}

.linked-recipe-body span[b-767nthi1it] {
    color: var(--el-color-text-secondary);
    font-size: 0.9rem;
}

.linked-recipes-selected[b-767nthi1it] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.linked-recipes-picker[b-767nthi1it] {
    display: flex;
    align-items: flex-end;
    gap: 10px;
    flex-wrap: wrap;
}

.linked-recipes-select[b-767nthi1it] {
    min-width: min(420px, 100%);
    flex: 1 1 280px;
}

.linked-recipe-chip[b-767nthi1it] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border: 1px solid var(--el-color-border);
    border-radius: 999px;
    padding: 6px 10px;
    background: var(--el-color-background-alt);
    max-width: 100%;
}

.linked-recipe-chip span[b-767nthi1it] {
    overflow-wrap: anywhere;
}

.linked-recipe-chip button[b-767nthi1it] {
    border: 0;
    background: transparent;
    color: inherit;
    cursor: pointer;
    padding: 0;
    line-height: 1;
}

.muted[b-767nthi1it] {
    margin: 0;
    color: var(--el-color-text-secondary);
}

@media (max-width: 520px) {
    .linked-recipe-card[b-767nthi1it] {
        grid-template-columns: 64px minmax(0, 1fr);
    }
}
/* /Components/Recipes/RecipeNarrativeArticle.razor.rz.scp.css */
/* bloc narratif SEO */
.narrative .block[b-de21ibzqwg] {
    margin: 16px 0;
}

.block h3[b-de21ibzqwg] {
    margin: 0 0 6px;
    font-family: var(--el-font-family-heading);
    color: var(--el-color-text-primary);
}

.block-img[b-de21ibzqwg] {
    width: 100%;
    height: auto;
    border-radius: var(--el-border-radius-lg);
    box-shadow: var(--el-box-shadow-sm);
    margin: 8px 0;
}
/* /Components/Recipes/RecipeNutritionCard.razor.rz.scp.css */
h3[b-4du2drajgm] {
    margin: 0 0 0.25rem;
    font-family: var(--el-font-family-heading);
    color: var(--el-color-primary-dark);
}

.section-title[b-4du2drajgm] {
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
    line-height: 1;
}

.section-title i[b-4du2drajgm] {
    width: 2rem;
    height: 2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    color: var(--el-color-secondary-dark);
    background: var(--el-color-secondary-light);
}

.portion-meta[b-4du2drajgm] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
    margin: 0.9rem 0 1rem;
}

.portion-meta.editing[b-4du2drajgm] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.portion-field[b-4du2drajgm] {
    display: grid;
    align-content: start;
    gap: 0.35rem;
}

.portion-meta label[b-4du2drajgm] {
    color: var(--el-color-text-secondary);
    font-size: 0.82rem;
    font-weight: 800;
}

.servings-input[b-4du2drajgm] {
    width: 100%;
    min-height: 40px;
    border-radius: 8px;
}

.portion-size-badge[b-4du2drajgm] {
    width: 100%;
    min-height: 40px;
    border-radius: 8px;
    border: 1px solid var(--el-color-border);
    background: #fffaf1;
    color: var(--el-color-text-primary);
    font-weight: 900;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow-wrap: anywhere;
    text-align: center;
}

.recipe-special-yield[b-4du2drajgm] {
    color: var(--el-color-text-secondary);
    font-size: 0.8rem;
}

.portion-check[b-4du2drajgm] {
    grid-column: 1 / -1;
    border-radius: 8px;
    padding: 0.6rem 0.75rem;
    border: 1px solid rgba(64, 162, 111, 0.28);
    background: rgba(64, 162, 111, 0.08);
    color: #1f7a4d;
    font-size: 0.86rem;
    line-height: 1.35;
}

.portion-check.warning[b-4du2drajgm] {
    border-color: rgba(240, 140, 0, 0.32);
    background: rgba(240, 140, 0, 0.08);
    color: #9a5c00;
}

.nutrition-groups[b-4du2drajgm] {
    display: grid;
    gap: 1rem;
}

.nutrition-group h4[b-4du2drajgm] {
    margin: 0 0 0.55rem;
    color: var(--el-color-text-secondary);
    font-size: 0.84rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    line-height: 1.2;
    text-transform: uppercase;
}

.kv[b-4du2drajgm] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.6rem;
}

.kv li[b-4du2drajgm] {
    min-width: 0;
    border: 1px solid var(--el-color-border);
    border-radius: 8px;
    padding: 0.75rem 0.85rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 0.25rem;
    background: rgba(255, 253, 248, 0.92);
}

.kv li span[b-4du2drajgm] {
    color: var(--el-color-text-secondary);
    font-size: 0.82rem;
    line-height: 1.2;
}

.kv li strong[b-4du2drajgm] {
    color: var(--el-color-text-primary);
    font-size: 0.98rem;
    line-height: 1.2;
    overflow-wrap: anywhere;
}

.kv li small[b-4du2drajgm] {
    width: fit-content;
    border-radius: 999px;
    padding: 0.15rem 0.45rem;
    background: #eef4df;
    color: var(--el-color-primary-dark);
    font-size: 0.72rem;
    line-height: 1.35;
}

.who-context[b-4du2drajgm] {
    border: 1px solid rgba(var(--el-color-primary-rgb), 0.18);
    border-radius: 8px;
    padding: 0.7rem 0.75rem;
    display: flex;
    align-items: center;
    gap: 0.55rem;
    color: var(--el-color-text-secondary);
    font-size: 0.84rem;
    line-height: 1.35;
    background: #eef4df;
}

.who-context i[b-4du2drajgm] {
    color: var(--el-color-primary-dark);
}

.who-context span[b-4du2drajgm] {
    flex: 1;
    min-width: 0;
}

.who-context button[b-4du2drajgm] {
    border: 0;
    padding: 0;
    background: transparent;
    color: var(--el-color-primary-dark);
    font-weight: 900;
    white-space: nowrap;
}

.who-details[b-4du2drajgm] {
    color: var(--el-color-text-secondary);
    font-size: 0.84rem;
}

.who-details summary[b-4du2drajgm] {
    cursor: pointer;
    color: var(--el-color-primary-dark);
    font-weight: 900;
}

.who-details p[b-4du2drajgm] {
    margin: 0.5rem 0 0;
    line-height: 1.45;
}

.muted[b-4du2drajgm] {
    color: var(--el-color-text-secondary);
}

@media (max-width: 1160px) {
    .kv[b-4du2drajgm] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .portion-meta[b-4du2drajgm],
    .portion-meta.editing[b-4du2drajgm],
    .kv[b-4du2drajgm] {
        grid-template-columns: 1fr;
    }

    .who-context[b-4du2drajgm] {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .who-context button[b-4du2drajgm] {
        white-space: normal;
        text-align: left;
    }
}
.portion-stepper[b-4du2drajgm] { display: inline-flex; align-items: center; border: 1px solid #ccd9d2; border-radius: 999px; background: white; padding: 3px; width: fit-content; }
.portion-stepper button[b-4du2drajgm] { width: 34px; height: 34px; border: 0; border-radius: 50%; color: #24554a; background: transparent; font: inherit; font-size: 1.2rem; cursor: pointer; }
.portion-stepper button:hover:not(:disabled)[b-4du2drajgm] { background: #edf4f0; }
.portion-stepper button:disabled[b-4du2drajgm] { opacity: .35; cursor: default; }
.portion-stepper input[b-4du2drajgm] { width: 42px; min-width: 0; padding: 0; border: 0; text-align: center; background: transparent; color: #183e35; font: inherit; font-weight: 700; appearance: textfield; }
.portion-stepper input[b-4du2drajgm]::-webkit-inner-spin-button, .portion-stepper input[b-4du2drajgm]::-webkit-outer-spin-button { appearance: none; margin: 0; }
.portion-stepper :focus-visible[b-4du2drajgm], .portion-reset:focus-visible[b-4du2drajgm] { outline: 2px solid #397965; outline-offset: 2px; }
.portion-reset[b-4du2drajgm] { display: block; width: fit-content; padding: 3px 0; border: 0; background: none; color: #537568; font: inherit; font-size: .75rem; text-decoration: underline; cursor: pointer; }
.portion-sync-note[b-4du2drajgm] { display: block; color: #698076; font-size: .75rem; margin: -.2rem 0 .8rem; }
.portion-scaling-note[b-4du2drajgm] { color: #698076; font-size: .75rem; margin-bottom: 1rem; }
.portion-scaling-note summary[b-4du2drajgm] { cursor: pointer; }
/* /Components/Recipes/RecipePreparation.razor.rz.scp.css */
.steps[b-mmsj6hl05x] {
    counter-reset: recipe-step;
    list-style: none;
    margin: 0;
    padding: 0;
}

.step[b-mmsj6hl05x] {
    position: relative;
    counter-increment: recipe-step;
    min-height: 4.6rem;
    margin: 0;
    padding: 0 0 1.45rem 4.2rem;
}

.step[b-mmsj6hl05x]::before {
    content: counter(recipe-step);
    position: absolute;
    left: 0;
    top: 0.05rem;
    width: 2.75rem;
    height: 2.75rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    color: #fffdf8;
    background: linear-gradient(135deg, #6f8f43, #326b25);
    font-family: var(--el-font-family-heading);
    font-size: 1.2rem;
    line-height: 1;
}

.step[b-mmsj6hl05x]::after {
    content: "";
    position: absolute;
    left: 1.36rem;
    top: 3rem;
    bottom: 0.25rem;
    border-left: 2px dashed rgba(50, 107, 37, 0.32);
}

.step:last-child[b-mmsj6hl05x] {
    padding-bottom: 0;
}

.step:last-child[b-mmsj6hl05x]::after {
    display: none;
}

.step-title[b-mmsj6hl05x] {
    margin: 0 0 0.35rem;
    color: var(--el-color-primary-dark);
    font-family: var(--el-font-family-heading);
    font-size: clamp(1.2rem, 1.6vw, 1.55rem);
    line-height: 1;
}

.step-desc[b-mmsj6hl05x] {
    max-width: 56rem;
    margin: 0;
    color: var(--el-color-text-primary);
    line-height: 1.55;
}

.muted[b-mmsj6hl05x] {
    color: var(--el-color-text-secondary);
}

.step-description-input[b-mmsj6hl05x] {
    resize: vertical;
    min-height: 110px;
}

@media (max-width: 560px) {
    .step[b-mmsj6hl05x] {
        padding-left: 3.4rem;
    }

    .step[b-mmsj6hl05x]::before {
        width: 2.35rem;
        height: 2.35rem;
    }

    .step[b-mmsj6hl05x]::after {
        left: 1.16rem;
        top: 2.6rem;
    }
}
/* /Components/Recipes/RecipeSeasonalityFilter.razor.rz.scp.css */
.season-filter[b-j7bf15hsb8] {
    position: relative;
    min-width: 0;
}

.season-filter__trigger[b-j7bf15hsb8] {
    width: 100%;
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    padding: 0.58rem 0.72rem;
    border: 1px solid var(--el-color-border);
    border-radius: 7px;
    background: #fffdf8;
    color: var(--el-color-text-primary);
    cursor: pointer;
    font: inherit;
    font-size: 0.88rem;
    font-weight: 750;
    text-align: left;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75);
}

.season-filter__trigger:hover[b-j7bf15hsb8] {
    border-color: rgba(var(--el-color-primary-rgb), 0.32);
}

.season-filter__trigger:focus-visible[b-j7bf15hsb8] {
    outline: 2px solid rgba(var(--el-color-primary-rgb), 0.28);
    outline-offset: 2px;
}

.season-filter__trigger.is-active[b-j7bf15hsb8] {
    border-color: rgba(var(--el-color-primary-rgb), 0.42);
    background: rgba(238, 244, 223, 0.48);
    color: var(--el-color-primary-dark);
}

.season-filter__trigger i[b-j7bf15hsb8] {
    flex: 0 0 auto;
    color: var(--el-color-primary-dark);
    font-size: 0.82rem;
}

.season-filter__trigger > span:first-of-type[b-j7bf15hsb8] {
    min-width: 0;
    flex: 1 1 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.season-filter__chevron[b-j7bf15hsb8] {
    width: 0;
    height: 0;
    flex: 0 0 auto;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 6px solid var(--el-color-text-secondary);
}

.season-filter__backdrop[b-j7bf15hsb8] {
    position: fixed;
    inset: 0;
    z-index: 59;
    border: 0;
    padding: 0;
    background: transparent;
    cursor: default;
}

.season-filter__panel[b-j7bf15hsb8] {
    position: absolute;
    top: calc(100% + 0.4rem);
    right: 0;
    z-index: 60;
    width: min(22rem, calc(100vw - 2rem));
    padding: 0.9rem;
    border: 1px solid var(--el-color-border);
    border-radius: 8px;
    background: var(--el-color-surface);
    box-shadow: var(--el-box-shadow);
}

.season-filter__fields[b-j7bf15hsb8] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 0.8fr);
    gap: 0.75rem;
}

.season-filter__fields label[b-j7bf15hsb8] {
    min-width: 0;
    display: grid;
    gap: 0.35rem;
    color: var(--el-color-text-primary);
    font-size: 0.78rem;
    font-weight: 800;
}

.season-filter__fields select[b-j7bf15hsb8] {
    width: 100%;
    min-height: 42px;
    border: 1px solid var(--el-color-border);
    border-radius: 7px;
    padding: 0.5rem 2rem 0.5rem 0.65rem;
    background: #fffdf8;
    color: var(--el-color-text-primary);
    font: inherit;
}

.season-filter__fields select:focus-visible[b-j7bf15hsb8] {
    outline: 2px solid rgba(var(--el-color-primary-rgb), 0.28);
    outline-offset: 2px;
}

@media (max-width: 720px) {
    .season-filter__panel[b-j7bf15hsb8] {
        position: fixed;
        inset: auto 1rem 1rem;
        width: auto;
    }
}

@media (max-width: 420px) {
    .season-filter__fields[b-j7bf15hsb8] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Recipes/RecipeSkeleton.razor.rz.scp.css */
/* skeletons locaux au composant */
.skeleton[b-n8d9l0bd2i] {
    background: linear-gradient(
        90deg,
        var(--el-color-background-alt),
        var(--el-color-border),
        var(--el-color-background-alt)
    );
    background-size: 200% 100%;
    animation: shimmer-b-n8d9l0bd2i 1.2s infinite;
    opacity: .8;
    border-radius: var(--el-border-radius-lg);
}

@keyframes shimmer-b-n8d9l0bd2i {
    0% {
        background-position: 200% 0;
    }

    100% {
        background-position: -200% 0;
    }
}

.recipe-loading-copy[b-n8d9l0bd2i] {
    display: grid;
    gap: 0.75rem;
    margin: 1rem 0 2rem;
    max-width: 46rem;
}

.skeleton-title[b-n8d9l0bd2i] {
    height: 3rem;
    width: min(100%, 36rem);
}

.skeleton-line[b-n8d9l0bd2i] {
    height: 1rem;
    width: min(100%, 42rem);
}

.skeleton-line--short[b-n8d9l0bd2i] {
    width: min(68%, 26rem);
}

.skeleton-panel[b-n8d9l0bd2i] {
    height: 400px;
}
/* /Components/Recipes/RecipeTags.razor.rz.scp.css */
.tag[b-l33xqsmeue] {
    display: inline-flex;
    align-items: center;
    margin-bottom:0.2rem;
    width:fit-content;
    padding: 8px;
    border-radius: 999px;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1;
    text-decoration: none;
    white-space: nowrap;
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.04);
    transition: filter .18s ease, transform .18s ease;
}

.tag:hover[b-l33xqsmeue],
.tag:focus-visible[b-l33xqsmeue] {
    filter: brightness(0.96);
    transform: translateY(-1px);
}

.tags[b-l33xqsmeue] {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

    .tag:not([style])[b-l33xqsmeue] {
        background: var(--primary);
        color: #fff;
    }
/* /Components/Recipes/SEOHead.razor.rz.scp.css */
body[b-3rdyrmxbj4] {
}
/* /Components/Recipes/StarRating.razor.rz.scp.css */
:root[b-ga5e7pmy8l] {
    --star-fill: #ffc107;
    --star-stroke: #e0c36a;
    --star-size: 20px;
    --star-focus: #b88d00;
    --star-focus-outline: #6ca8ff;
}

.star-rating[b-ga5e7pmy8l] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.star-wrap[b-ga5e7pmy8l] {
    position: relative;
    width: 20px;
    height: 35px;
}

.star[b-ga5e7pmy8l] {
    width: 100%;
    height: 100%;
    display: inline-block;
}

    .star .outline[b-ga5e7pmy8l] {
        fill: none;
        stroke: var(--star-stroke, #c9c9c9);
        stroke-width: 1.25;
    }

    .star.full .fill[b-ga5e7pmy8l],
    .star.half .fill[b-ga5e7pmy8l] {
        fill: var(--star-fill, #f6b100);
    }

    .star.empty .fill[b-ga5e7pmy8l] {
        fill: none;
    }

.value[b-ga5e7pmy8l] {
    font-size: .9rem;
    color: #555;
    line-height: 1;
}

.interactive .star-wrap[b-ga5e7pmy8l] {
    cursor: pointer;
}

    .interactive .star-wrap:focus-within .star .outline[b-ga5e7pmy8l] {
        stroke: var(--star-focus, #9c7a00);
    }

.hit[b-ga5e7pmy8l] {
    position: absolute;
    top: 0;
    bottom: 0;
    border: 0;
    padding: 0;
    margin: 0;
    background: transparent;
    cursor: pointer;
    outline: none;
}

.half-left[b-ga5e7pmy8l] {
    left: 0;
    width: 50%;
}

.half-right[b-ga5e7pmy8l] {
    right: 0;
    width: 50%;
}

.hit:focus-visible[b-ga5e7pmy8l] {
    outline: 2px solid var(--star-focus-outline, #6ca8ff);
    border-radius: 4px;
}

/* /Components/Shared/AdminImageUploader.razor.rz.scp.css */
.admin-image-uploader[b-lgwbhnu6o0] {
    margin-top: .75rem;
}

.upload-status[b-lgwbhnu6o0] {
    align-items: center;
    display: flex;
    gap: .5rem;
    margin-top: .5rem;
}
/* /Components/Shared/ArticleRewriteAssistant.razor.rz.scp.css */
.rewrite-assistant[b-wfnm3ix2ha] {
    margin-top: 0.75rem;
}

.rewrite-panel[b-wfnm3ix2ha] {
    margin-top: 0.75rem;
    padding: 1rem;
    border: 1px solid var(--el-color-border);
    border-radius: 8px;
    background: #fff;
    box-shadow: var(--el-box-shadow-sm);
}

.rewrite-help[b-wfnm3ix2ha] {
    margin: 0 0 0.75rem;
    color: var(--el-color-text-secondary);
    font-size: 0.9rem;
}

.rewrite-presets[b-wfnm3ix2ha],
.rewrite-actions[b-wfnm3ix2ha] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
}

.rewrite-instruction-label[b-wfnm3ix2ha] {
    display: block;
    margin-top: 1rem;
    font-weight: var(--el-font-weight-semibold);
}

.rewrite-instruction[b-wfnm3ix2ha] {
    margin-top: 0.35rem;
    min-height: 90px;
    resize: vertical;
    font-weight: normal;
}

.rewrite-actions[b-wfnm3ix2ha] {
    margin-top: 0.75rem;
}

.rewrite-error[b-wfnm3ix2ha] {
    margin: 0.75rem 0 0;
    color: var(--el-color-error);
}

.rewrite-preview[b-wfnm3ix2ha] {
    margin-top: 1rem;
    padding: 1rem;
    border-left: 4px solid var(--el-color-accent);
    border-radius: 6px;
    background: var(--el-color-primary-light, #f5f7f2);
}

.rewrite-preview h4[b-wfnm3ix2ha] {
    margin: 0 0 0.75rem;
    font-size: 1rem;
}

.rewrite-preview-text[b-wfnm3ix2ha] {
    color: var(--el-color-text-primary);
}

.rewrite-preview-text[b-wfnm3ix2ha]  p:last-child {
    margin-bottom: 0;
}
/* /Components/Shared/CookieConsent.razor.rz.scp.css */
.consent-banner[b-2980q65xgb] {
    position: fixed;
    z-index: 1100;
    right: 1rem;
    bottom: 1rem;
    left: 1rem;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: center;
    max-width: 920px;
    margin: 0 auto;
    padding: 1.1rem;
    border: 1px solid var(--el-color-border);
    border-radius: 10px;
    background: #fffdf8;
    box-shadow: 0 14px 42px rgba(25, 62, 46, 0.2);
    color: var(--el-color-text-primary);
}

.consent-banner h2[b-2980q65xgb] {
    margin: 0 0 0.35rem;
    color: var(--el-color-primary-dark);
    font-size: 1.2rem;
}

.consent-banner p[b-2980q65xgb] {
    margin: 0;
    line-height: 1.5;
}

.consent-banner a[b-2980q65xgb] {
    color: var(--el-color-primary-dark);
    font-weight: 700;
}

.consent-banner__status[b-2980q65xgb] {
    margin-top: 0.4rem !important;
    font-size: 0.88rem;
    font-weight: 700;
}

.consent-banner__actions[b-2980q65xgb] {
    display: grid;
    grid-template-columns: repeat(2, minmax(150px, 1fr));
    gap: 0.55rem;
}

.consent-banner button[b-2980q65xgb] {
    min-height: 44px;
    padding: 0.65rem 0.9rem;
    border: 2px solid var(--el-color-primary-dark);
    border-radius: 8px;
    background: #fffdf8;
    color: var(--el-color-primary-dark);
    font: inherit;
    font-weight: 800;
    cursor: pointer;
}

.consent-banner button:hover[b-2980q65xgb],
.consent-banner button:focus-visible[b-2980q65xgb] {
    background: #eef4df;
}

.consent-banner button:disabled[b-2980q65xgb] {
    cursor: wait;
    opacity: 0.65;
}

.consent-banner .consent-banner__close[b-2980q65xgb] {
    grid-column: 1 / -1;
    min-height: auto;
    padding: 0.35rem;
    border: 0;
    text-decoration: underline;
}

@media (max-width: 720px) {
    .consent-banner[b-2980q65xgb] {
        grid-template-columns: 1fr;
        right: 0.65rem;
        bottom: 0.65rem;
        left: 0.65rem;
        max-height: calc(100vh - 1.3rem);
        overflow-y: auto;
    }

    .consent-banner__actions[b-2980q65xgb] {
        grid-template-columns: 1fr;
    }

    .consent-banner .consent-banner__close[b-2980q65xgb] {
        grid-column: 1;
    }
}
/* /Components/Shared/DetailedNutrientPanel.razor.rz.scp.css */
.detailed-nutrient-panel[b-aqjkgwuex2] {
    margin-bottom: 1rem;
    padding: clamp(1rem, 2.5vw, 1.4rem);
    border: 1px solid rgba(var(--el-color-primary-rgb), 0.16);
    border-radius: 16px;
    background:
        radial-gradient(circle at 92% 10%, rgba(244, 182, 61, 0.11), transparent 10rem),
        var(--el-color-surface, #fffdf8);
    box-shadow: var(--el-box-shadow-sm);
}

.detailed-nutrient-panel.compact[b-aqjkgwuex2] {
    margin: 1.1rem 0 0;
    padding: 1rem 0 0;
    border: 0;
    border-top: 1px solid var(--el-color-border);
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.detailed-nutrient-panel__header[b-aqjkgwuex2] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: start;
}

.detailed-nutrient-panel__intro[b-aqjkgwuex2] {
    min-width: 0;
    display: flex;
    gap: 0.85rem;
    align-items: flex-start;
}

.detailed-nutrient-panel__icon[b-aqjkgwuex2] {
    width: 2.8rem;
    height: 2.8rem;
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    color: var(--el-color-primary-dark);
    background: #eef4df;
    font-size: 1.1rem;
}

.detailed-nutrient-panel__eyebrow[b-aqjkgwuex2] {
    margin: 0 0 0.2rem;
    color: var(--el-color-secondary-dark);
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.11em;
    line-height: 1.2;
    text-transform: uppercase;
}

.detailed-nutrient-panel__title[b-aqjkgwuex2] {
    color: var(--el-color-primary-dark);
    font-family: var(--el-font-family-heading);
    font-size: clamp(1.55rem, 3vw, 2.2rem);
    font-weight: 700;
    line-height: 1.05;
}

.compact .detailed-nutrient-panel__title[b-aqjkgwuex2] {
    font-family: var(--el-font-family-base);
    font-size: 1.05rem;
    font-weight: 900;
    line-height: 1.2;
}

.detailed-nutrient-panel__description[b-aqjkgwuex2] {
    max-width: 58ch;
    margin: 0.35rem 0 0;
    color: var(--el-color-text-secondary);
    font-size: 0.9rem;
    line-height: 1.45;
}

.detailed-nutrient-panel__source[b-aqjkgwuex2] {
    min-height: 3rem;
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.55rem 0.7rem;
    border: 1px solid rgba(var(--el-color-primary-rgb), 0.2);
    border-radius: 10px;
    color: var(--el-color-primary-dark);
    background: rgba(238, 244, 223, 0.72);
    text-decoration: none;
    transition: background 0.15s ease, transform 0.15s ease;
}

.detailed-nutrient-panel__source:hover[b-aqjkgwuex2],
.detailed-nutrient-panel__source:focus-visible[b-aqjkgwuex2] {
    color: var(--el-color-primary-dark);
    background: #e4edcd;
    text-decoration: none;
    transform: translateY(-1px);
}

.detailed-nutrient-panel__source > i:first-child[b-aqjkgwuex2] {
    font-size: 1rem;
}

.detailed-nutrient-panel__source > i:last-child[b-aqjkgwuex2] {
    font-size: 0.72rem;
}

.detailed-nutrient-panel__source span[b-aqjkgwuex2],
.detailed-nutrient-panel__source small[b-aqjkgwuex2],
.detailed-nutrient-panel__source strong[b-aqjkgwuex2] {
    display: block;
}

.detailed-nutrient-panel__source small[b-aqjkgwuex2] {
    color: var(--el-color-text-secondary);
    font-size: 0.67rem;
    font-weight: 700;
}

.detailed-nutrient-panel__source strong[b-aqjkgwuex2] {
    margin-top: 0.05rem;
    font-size: 0.76rem;
    line-height: 1.2;
}

.detailed-nutrient-panel__note[b-aqjkgwuex2] {
    display: flex;
    gap: 0.55rem;
    align-items: flex-start;
    margin: 1rem 0;
    padding: 0.7rem 0.8rem;
    border-radius: 10px;
    color: var(--el-color-text-secondary);
    background: #fff8e9;
    font-size: 0.8rem;
    line-height: 1.4;
}

.detailed-nutrient-panel__note i[b-aqjkgwuex2] {
    margin-top: 0.17rem;
    color: var(--el-color-secondary-dark);
}

.detailed-nutrient-panel__note p[b-aqjkgwuex2] {
    margin: 0;
}

.detailed-nutrient-panel__note span[b-aqjkgwuex2] {
    display: block;
    margin-top: 0.12rem;
}

.detailed-nutrient-panel__codex[b-aqjkgwuex2] {
    display: flex;
    gap: 0.7rem;
    align-items: flex-start;
    margin: -0.25rem 0 1rem;
    padding: 0.8rem;
    border: 1px solid rgba(var(--el-color-primary-rgb), 0.18);
    border-radius: 10px;
    color: var(--el-color-text-secondary);
    background: rgba(238, 244, 223, 0.58);
    font-size: 0.78rem;
    line-height: 1.45;
}

.detailed-nutrient-panel__codex > i[b-aqjkgwuex2] {
    margin-top: 0.15rem;
    color: var(--el-color-primary-dark);
}

.detailed-nutrient-panel__codex strong[b-aqjkgwuex2] {
    color: var(--el-color-text-primary);
    font-size: 0.82rem;
}

.detailed-nutrient-panel__codex p[b-aqjkgwuex2] {
    margin: 0.18rem 0 0.35rem;
}

.detailed-nutrient-panel__codex a[b-aqjkgwuex2] {
    color: var(--el-color-primary-dark);
    font-weight: 800;
}

.detailed-nutrient-panel__codex a i[b-aqjkgwuex2] {
    margin-left: 0.2rem;
    font-size: 0.65rem;
}

.detailed-nutrient-panel__groups[b-aqjkgwuex2] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.65rem;
}

.compact .detailed-nutrient-panel__groups[b-aqjkgwuex2] {
    grid-template-columns: 1fr;
}

.detailed-nutrient-group[b-aqjkgwuex2] {
    min-width: 0;
    border: 1px solid var(--el-color-border);
    border-radius: 12px;
    background: rgba(255, 253, 248, 0.9);
    overflow: hidden;
}

.detailed-nutrient-group[open][b-aqjkgwuex2] {
    grid-column: 1 / -1;
    border-color: rgba(var(--el-color-primary-rgb), 0.28);
    box-shadow: 0 8px 24px rgba(67, 51, 32, 0.06);
}

.detailed-nutrient-group > summary[b-aqjkgwuex2] {
    min-height: 4.4rem;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto auto;
    gap: 0.7rem;
    align-items: center;
    padding: 0.7rem 0.8rem;
    cursor: pointer;
    list-style: none;
}

.detailed-nutrient-group > summary[b-aqjkgwuex2]::-webkit-details-marker {
    display: none;
}

.detailed-nutrient-group > summary:hover[b-aqjkgwuex2] {
    background: rgba(var(--el-color-primary-rgb), 0.035);
}

.detailed-nutrient-group__icon[b-aqjkgwuex2] {
    width: 2.35rem;
    height: 2.35rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    color: var(--el-color-primary-dark);
    background: #eef4df;
}

.detailed-nutrient-group:nth-child(2n) .detailed-nutrient-group__icon[b-aqjkgwuex2] {
    color: var(--el-color-secondary-dark);
    background: #fff1cf;
}

.detailed-nutrient-group__copy[b-aqjkgwuex2] {
    min-width: 0;
}

.detailed-nutrient-group__copy strong[b-aqjkgwuex2],
.detailed-nutrient-group__copy small[b-aqjkgwuex2] {
    display: block;
}

.detailed-nutrient-group__copy strong[b-aqjkgwuex2] {
    color: var(--el-color-text-primary);
    font-size: 0.9rem;
    line-height: 1.2;
}

.detailed-nutrient-group__copy small[b-aqjkgwuex2] {
    margin-top: 0.18rem;
    color: var(--el-color-text-secondary);
    font-size: 0.72rem;
    line-height: 1.3;
}

.detailed-nutrient-group__count[b-aqjkgwuex2] {
    padding: 0.22rem 0.48rem;
    border-radius: 999px;
    color: var(--el-color-primary-dark);
    background: #eef4df;
    font-size: 0.68rem;
    font-weight: 800;
    white-space: nowrap;
}

.detailed-nutrient-group__chevron[b-aqjkgwuex2] {
    color: var(--el-color-text-secondary);
    font-size: 0.68rem;
    transition: transform 0.15s ease;
}

.detailed-nutrient-group[open] .detailed-nutrient-group__chevron[b-aqjkgwuex2] {
    transform: rotate(180deg);
}

.detailed-nutrient-group__values[b-aqjkgwuex2] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.5rem;
    margin: 0;
    padding: 0 0.8rem 0.8rem;
    list-style: none;
}

.compact .detailed-nutrient-group__values[b-aqjkgwuex2] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.detailed-nutrient-group__values li[b-aqjkgwuex2] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    padding: 0.65rem 0.7rem;
    border-radius: 8px;
    background: #fffaf1;
}

.detailed-nutrient-group__values li > span[b-aqjkgwuex2] {
    color: var(--el-color-text-secondary);
    font-size: 0.76rem;
    line-height: 1.25;
}

.detailed-nutrient-group__values li > strong[b-aqjkgwuex2] {
    color: var(--el-color-text-primary);
    font-size: 0.9rem;
    line-height: 1.2;
    overflow-wrap: anywhere;
}

.detailed-nutrient-coverage[b-aqjkgwuex2] {
    color: #9a5c00;
    font-size: 0.75rem;
    line-height: 1.4;
}

.detailed-nutrient-coverage > summary[b-aqjkgwuex2] {
    width: fit-content;
    padding: 0.35rem 0;
    cursor: pointer;
    text-decoration: underline dotted;
    text-underline-offset: 0.2em;
}

.detailed-nutrient-coverage > summary:focus-visible[b-aqjkgwuex2] {
    outline: 2px solid currentColor;
    outline-offset: 2px;
    border-radius: 2px;
}

.detailed-nutrient-coverage > p[b-aqjkgwuex2] {
    margin: 0.2rem 0 0;
}

.detailed-nutrient-group__daily-reference[b-aqjkgwuex2],
.detailed-nutrient-group__daily-reference b[b-aqjkgwuex2],
.detailed-nutrient-group__daily-reference small[b-aqjkgwuex2] {
    display: block;
}

.detailed-nutrient-group__daily-reference[b-aqjkgwuex2] {
    margin-top: 0.2rem;
    padding-top: 0.4rem;
    border-top: 1px solid rgba(var(--el-color-primary-rgb), 0.12);
}

.detailed-nutrient-group__daily-reference b[b-aqjkgwuex2] {
    color: var(--el-color-primary-dark);
    font-size: 0.72rem;
    line-height: 1.25;
}

.detailed-nutrient-group__daily-reference small[b-aqjkgwuex2] {
    margin-top: 0.12rem;
    color: var(--el-color-text-secondary);
    font-size: 0.64rem;
    line-height: 1.3;
}

@media (max-width: 760px) {
    .detailed-nutrient-panel__header[b-aqjkgwuex2],
    .detailed-nutrient-panel__groups[b-aqjkgwuex2] {
        grid-template-columns: 1fr;
    }

    .detailed-nutrient-panel__source[b-aqjkgwuex2] {
        width: 100%;
    }

    .detailed-nutrient-panel__source > i:last-child[b-aqjkgwuex2] {
        margin-left: auto;
    }

    .detailed-nutrient-group[open][b-aqjkgwuex2] {
        grid-column: auto;
    }

    .detailed-nutrient-group__values[b-aqjkgwuex2],
    .compact .detailed-nutrient-group__values[b-aqjkgwuex2] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 440px) {
    .detailed-nutrient-panel__intro[b-aqjkgwuex2] {
        gap: 0.65rem;
    }

    .detailed-nutrient-panel__icon[b-aqjkgwuex2] {
        width: 2.35rem;
        height: 2.35rem;
    }

    .detailed-nutrient-group > summary[b-aqjkgwuex2] {
        grid-template-columns: auto minmax(0, 1fr) auto;
    }

    .detailed-nutrient-group__count[b-aqjkgwuex2] {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .detailed-nutrient-panel__source[b-aqjkgwuex2],
    .detailed-nutrient-group__chevron[b-aqjkgwuex2] {
        transition: none;
    }
}
/* /Components/Shared/RelatedContentSection.razor.rz.scp.css */
.related-content[b-4j76foh9tk] {
    margin-top: clamp(2rem, 4vw, 3.25rem);
    padding: clamp(1.25rem, 2.6vw, 2rem) 0 0;
    border-top: 1px solid rgba(232, 221, 206, 0.95);
}

.related-content__header[b-4j76foh9tk] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    margin-bottom: 1.15rem;
}

.related-content__icon[b-4j76foh9tk] {
    width: 2.45rem;
    height: 2.45rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    border: 1px solid rgba(var(--el-color-primary-rgb), 0.16);
    border-radius: 999px;
    background: #eef4df;
    color: var(--el-color-primary-dark);
    font-size: 0.95rem;
}

.related-content__eyebrow[b-4j76foh9tk] {
    margin: 0 0 0.18rem;
    color: var(--el-color-text-secondary);
    font-size: 0.82rem;
    font-weight: 900;
    letter-spacing: 0;
    text-transform: uppercase;
}

.related-content h2[b-4j76foh9tk] {
    margin: 0;
    color: var(--el-color-primary-dark);
    font-family: var(--el-font-family-heading);
    font-size: clamp(2.15rem, 4.2vw, 4.2rem);
    line-height: 0.95;
    letter-spacing: 0;
}

.related-content__topics[b-4j76foh9tk] {
    display: grid;
    gap: 0.65rem;
    margin-bottom: 1.15rem;
}

.related-content__topics > span[b-4j76foh9tk] {
    color: var(--el-color-primary-dark);
    font-family: var(--el-font-family-heading);
    font-size: 1.05rem;
    font-weight: 800;
}

.related-content__topics > div[b-4j76foh9tk] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.related-content__topics a[b-4j76foh9tk] {
    display: inline-flex;
    align-items: center;
    min-height: 36px;
    border: 1px solid rgba(232, 221, 206, 0.95);
    border-radius: 999px;
    padding: 0.45rem 0.75rem;
    background: #fffaf1;
    color: var(--el-color-primary-dark);
    font-size: 0.86rem;
    font-weight: 900;
    text-decoration: none;
    transition: border-color 0.15s ease, transform 0.15s ease, background 0.15s ease;
}

.related-content__topics a:hover[b-4j76foh9tk],
.related-content__topics a:focus-visible[b-4j76foh9tk] {
    border-color: rgba(var(--el-color-primary-rgb), 0.26);
    background: #f6eddc;
    transform: translateY(-1px);
}

.related-content__grid[b-4j76foh9tk] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr));
    gap: 1rem;
}

.related-content-card[b-4j76foh9tk] {
    min-width: 0;
    display: grid;
    grid-template-rows: auto 1fr;
    overflow: hidden;
    border: 1px solid rgba(232, 221, 206, 0.95);
    border-radius: 8px;
    background: rgba(255, 253, 248, 0.98);
    color: inherit;
    text-decoration: none;
    box-shadow: 0 14px 34px rgba(67, 51, 32, 0.075);
    transition: border-color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease;
}

.related-content-card:hover[b-4j76foh9tk],
.related-content-card:focus-visible[b-4j76foh9tk] {
    border-color: rgba(var(--el-color-primary-rgb), 0.28);
    box-shadow: 0 18px 44px rgba(67, 51, 32, 0.12);
    transform: translateY(-2px);
}

.related-content-card__media[b-4j76foh9tk] {
    aspect-ratio: 4 / 3;
    display: block;
    overflow: hidden;
    background: #e5e7eb;
}

.related-content-card__media img[b-4j76foh9tk] {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: transform 0.24s ease;
}

.related-content-card:hover .related-content-card__media img[b-4j76foh9tk],
.related-content-card:focus-visible .related-content-card__media img[b-4j76foh9tk] {
    transform: scale(1.035);
}

.related-content-card__body[b-4j76foh9tk] {
    min-width: 0;
    display: grid;
    align-content: start;
    gap: 0.4rem;
    padding: 0.95rem;
}

.related-content-card__type[b-4j76foh9tk] {
    color: var(--el-color-secondary-dark);
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0;
    text-transform: uppercase;
}

.related-content-card strong[b-4j76foh9tk] {
    color: var(--el-color-primary-dark);
    font-size: 1.03rem;
    line-height: 1.18;
    overflow-wrap: anywhere;
}

.related-content-card__meta[b-4j76foh9tk] {
    color: var(--el-color-text-secondary);
    font-size: 0.86rem;
    font-weight: 700;
}

@media (max-width: 720px) {
    .related-content[b-4j76foh9tk] {
        margin-top: 2rem;
    }

    .related-content__header[b-4j76foh9tk] {
        align-items: flex-start;
    }

    .related-content h2[b-4j76foh9tk] {
        font-size: 2.45rem;
        line-height: 1;
    }
}

@media (prefers-reduced-motion: reduce) {
    .related-content__topics a[b-4j76foh9tk],
    .related-content-card[b-4j76foh9tk],
    .related-content-card__media img[b-4j76foh9tk] {
        transition: none;
    }
}
/* /Components/Shared/RichContentDisplay.razor.rz.scp.css */
.rich-content[b-294du5xgxy] {
    color: var(--el-color-text-primary);
    line-height: 1.72;
    font-size: 1.05rem;
}

.rich-content-editing[b-294du5xgxy] {
    font-size: 1rem;
}

.main-title[b-294du5xgxy] {
    border-bottom: 1px solid var(--el-color-border);
    padding-bottom: 1rem;
    margin-bottom: 2rem;
    color: var(--el-color-primary-dark);
    font-family: var(--el-font-family-heading);
    line-height: 1;
}

/* Bloc narratif */
.block[b-294du5xgxy] {
    margin-bottom: 2.5rem; /* Plus d'espace entre les sections */
}

.block-editing[b-294du5xgxy] {
    margin-bottom: 1rem;
    scroll-margin-top: 190px;
    border: 1px solid var(--el-color-border);
    border-radius: 8px;
    padding: 1rem;
    background: #fffdf8;
}

.block-editing:target[b-294du5xgxy] {
    border-color: #d78926;
    box-shadow: 0 0 0 3px rgba(215, 137, 38, .18);
}

.block-editing-index[b-294du5xgxy] {
    margin: 0 0 .6rem;
    color: #7a4a13;
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.block h3[b-294du5xgxy] {
    margin: 0 0 1rem;
    font-size: clamp(1.55rem, 2vw, 2.15rem);
    color: var(--el-color-primary-dark);
    font-family: var(--el-font-family-heading);
    line-height: 1.08;
}

.block-img[b-294du5xgxy] {
    width: 100%;
    height: auto;
    border-radius: 8px;
    margin: 1rem 0 1.5rem;
    box-shadow: var(--shadow-sm);
    display: block;
}

.text-content[b-294du5xgxy] {
    max-width: 100%;
}

.text-content p[b-294du5xgxy] {
    margin: 0;
}

.text-content p + p[b-294du5xgxy] {
    margin-top: 1rem;
}

.editing-textarea[b-294du5xgxy] {
    resize: vertical;
    min-height: 140px;
}

.editing-textarea-lg[b-294du5xgxy] {
    min-height: 220px;
}
/* /Layout/LoginDisplay.razor.rz.scp.css */
.user-menu[b-c9c38rykbi],
.user-menu-mobile[b-c9c38rykbi] {
    position: relative;
}

.account-trigger[b-c9c38rykbi] {
    display: inline-flex;
    align-items: center;
    gap: .55rem;
    min-height: 42px;
    padding: .25rem .75rem .25rem .3rem;
    border: 1px solid var(--el-color-border, #dee2e6);
    border-radius: 999px;
    background: var(--el-color-white, #fff);
    color: var(--el-color-text-primary, #212529);
    cursor: pointer;
    font-weight: 700;
    box-shadow: var(--el-box-shadow-sm, 0 .125rem .25rem rgba(0, 0, 0, .075));
}

.account-trigger:hover[b-c9c38rykbi],
.account-trigger:focus-visible[b-c9c38rykbi] {
    border-color: var(--el-color-primary, #20c997);
    color: var(--el-color-primary-dark, #0f7b62);
    outline: none;
}

.account-trigger--loading[b-c9c38rykbi] {
    pointer-events: none;
    color: var(--el-color-text-secondary, #6c757d);
    opacity: 0.78;
}

.account-trigger-mobile[b-c9c38rykbi] {
    width: calc(100% - 3rem);
    justify-content: flex-start;
    margin: .35rem 1.5rem .6rem;
    box-shadow: none;
}

.account-trigger__label[b-c9c38rykbi] {
    line-height: 1;
}

.account-trigger__chevron[b-c9c38rykbi],
.caret[b-c9c38rykbi] {
    transition: transform .15s ease;
}

.account-trigger__chevron.rotate[b-c9c38rykbi],
.caret.rotate[b-c9c38rykbi] {
    transform: rotate(180deg);
}

.submenu-toggle .caret.rotate[b-c9c38rykbi] {
    transform: rotate(90deg);
}

.avatar-circle[b-c9c38rykbi] {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--el-color-primary, #20c997);
    color: #fff;
    font-family: var(--el-font-family-heading, inherit);
    font-weight: 800;
    flex: 0 0 auto;
}

.avatar-circle--loading[b-c9c38rykbi] {
    background: #dce9e2;
}

.user-dropdown[b-c9c38rykbi] {
    position: absolute;
    right: 0;
    top: calc(100% + .55rem);
    min-width: 250px;
    list-style: none;
    margin: 0;
    padding: .5rem;
    background: var(--el-color-white, #fff);
    border: 1px solid var(--el-color-border, #dee2e6);
    border-radius: var(--el-border-radius, 8px);
    z-index: 1080;
    box-shadow: var(--el-box-shadow-sm, 0 .5rem 1.5rem rgba(0, 0, 0, .12));
    animation: fadeIn-b-c9c38rykbi .15s ease;
}

.menu-label[b-c9c38rykbi] {
    padding: .45rem .6rem .25rem;
    color: var(--el-color-text-secondary, #6c757d);
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: uppercase;
}

.menu-item[b-c9c38rykbi],
.user-dropdown .submenu > .menu-item[b-c9c38rykbi],
.sheet-item[b-c9c38rykbi] {
    display: flex;
    align-items: center;
    gap: .65rem;
    width: 100%;
    min-height: 40px;
    padding: .6rem .65rem;
    border-radius: 8px;
    color: var(--el-color-text-primary, #212529);
    cursor: pointer;
    font-weight: 600;
}

.menu-item i[b-c9c38rykbi],
.sheet-item i[b-c9c38rykbi] {
    width: 1.1rem;
    color: var(--el-color-primary-dark, #0f7b62);
    text-align: center;
}

.menu-item:hover[b-c9c38rykbi],
.sheet-item:hover[b-c9c38rykbi] {
    background: rgba(var(--el-color-primary-rgb, 32, 201, 151), .08);
    color: var(--el-color-primary-dark, #0f7b62);
}

.submenu-toggle[b-c9c38rykbi] {
    justify-content: space-between;
}

.submenu-toggle span[b-c9c38rykbi] {
    margin-right: auto;
}

.user-dropdown .submenu[b-c9c38rykbi] {
    margin: .1rem 0 .25rem;
    padding: .15rem 0 .15rem .65rem;
    border-left: 2px solid rgba(var(--el-color-primary-rgb, 32, 201, 151), .25);
}

.user-dropdown .submenu > .menu-item[b-c9c38rykbi] {
    min-height: 36px;
    padding-left: .65rem;
    font-size: .95rem;
}

.logout[b-c9c38rykbi] {
    margin-top: .25rem;
    border-top: 1px solid var(--el-color-border, #dee2e6);
    color: #b42318;
}

.logout i[b-c9c38rykbi] {
    color: #b42318;
}

.logout:hover[b-c9c38rykbi] {
    background: rgba(180, 35, 24, .08);
    color: #8f1d14;
}

.auth-pills[b-c9c38rykbi] {
    display: flex;
    gap: .55rem;
    align-items: center;
}

.btn-pill[b-c9c38rykbi] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    padding: .55rem .9rem;
    border-radius: 999px;
    font-weight: 800;
    text-decoration: none;
    border: 1px solid transparent;
}

.btn-primary[b-c9c38rykbi] {
    background: var(--el-color-primary, #20c997);
    color: #fff !important;
}

.btn-primary:hover[b-c9c38rykbi] {
    background: var(--el-color-primary-dark, #0f7b62);
    color: #fff !important;
}

.btn-outline[b-c9c38rykbi] {
    background: transparent;
    color: var(--el-color-primary-dark, #0f7b62);
    border-color: var(--el-color-primary, #20c997);
}

.btn-outline:hover[b-c9c38rykbi] {
    background: rgba(var(--el-color-primary-rgb, 32, 201, 151), .08);
    color: var(--el-color-primary-dark, #0f7b62);
}

.sheet-backdrop[b-c9c38rykbi] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, .25);
    z-index: 1079;
}

.user-sheet[b-c9c38rykbi] {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--el-color-white, #fff);
    border-top-left-radius: 14px;
    border-top-right-radius: 14px;
    border: 1px solid var(--el-color-border, #dee2e6);
    padding: .75rem .75rem 1rem;
    z-index: 1080;
    box-shadow: 0 -1rem 2rem rgba(0, 0, 0, .14);
}

.user-sheet .sheet-handle[b-c9c38rykbi] {
    width: 36px;
    height: 4px;
    border-radius: 999px;
    background: #d9e3de;
    margin: 0 auto .5rem;
}

.submenu-mobile[b-c9c38rykbi] {
    margin: .1rem 0 .25rem .75rem;
    padding-left: .5rem;
    border-left: 2px solid rgba(var(--el-color-primary-rgb, 32, 201, 151), .25);
}

.submenu-mobile .sheet-item[b-c9c38rykbi] {
    min-height: 38px;
    font-size: .95rem;
}

@keyframes fadeIn-b-c9c38rykbi {
    from {
        opacity: 0;
        transform: translateY(-4px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (max-width: 600px) {
    .auth-pills[b-c9c38rykbi] {
        gap: .4rem;
    }

    .btn-pill[b-c9c38rykbi] {
        padding: .5rem .75rem;
    }
}
/* /Layout/MainLayout.razor.rz.scp.css */
html[b-vjip55gy69], body[b-vjip55gy69] {
    height: 100%;
}

.main-content-container[b-vjip55gy69] {
    padding-top: 0;
    display: flex;
    flex-direction: column;
    min-height: calc(100vh - 86px);
    background:
        radial-gradient(circle at 14% 14%, rgba(217, 82, 22, 0.05), transparent 22rem),
        linear-gradient(180deg, #fffdf8 0%, #fbf6ed 100%);
}

.main-content-container main[b-vjip55gy69] {
    flex-grow: 1;
}

.top-row.auth[b-vjip55gy69] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.page[b-vjip55gy69] {
    height: 100vh;
    display: flex;
    flex-direction: column;
}

.support-footer[b-vjip55gy69] {
    margin-top: auto;
    padding: 1.35rem 1.25rem;
    border-top: 1px solid var(--el-color-border);
    background: #fffaf1;
}

.support-footer__content[b-vjip55gy69] {
    max-width: 1000px;
    margin: 0 auto;
    text-align: center;
}

.support-footer__title[b-vjip55gy69] {
    margin: 0;
    font-weight: 700;
}

.support-footer__logo[b-vjip55gy69] {
    display: block;
    margin: 0 auto 0.75rem;
    max-width: 100%;
    height: auto;
    mix-blend-mode: multiply;
}

.support-footer__text[b-vjip55gy69] {
    margin: 0.35rem 0 0.65rem;
    color: #4a4a4a;
}

.support-footer__links[b-vjip55gy69] {
    display: inline-flex;
    gap: 0.75rem;
    flex-wrap: wrap;
    justify-content: center;
}

.support-footer__links a[b-vjip55gy69],
.support-footer__links button[b-vjip55gy69] {
    padding: 0;
    border: 0;
    background: none;
    font: inherit;
    font-weight: 600;
    text-decoration: none;
    color: var(--el-color-primary-dark);
    cursor: pointer;
}

.support-footer__links a:hover[b-vjip55gy69],
.support-footer__links button:hover[b-vjip55gy69] {
    text-decoration: underline;
}
/* /Layout/NavMenu.razor.rz.scp.css */
/* NavMenu.razor.css */

/* Barre de navigation principale */
.top-app-bar[b-bcx51njheu] {
    background: rgba(255, 253, 248, 0.96);
    border-bottom: 1px solid var(--el-color-border, #e8ddce);
    padding: 0;
    position: sticky;
    top: 0;
    z-index: 1020;
    box-shadow: 0 8px 24px rgba(67, 51, 32, 0.05);
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
}
.nav-login--column[b-bcx51njheu] {
    display: none;
}
.nav-container[b-bcx51njheu] {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 86px;
    margin: 0 auto;
    width: 100%;
    max-width: 1800px;
    padding: 0 clamp(1rem, 4vw, 3.5rem);
    gap: 0.75rem;
}

.brand-link[b-bcx51njheu] {
    color: var(--el-color-primary-dark);
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-width: 0;
}

.brand-mark[b-bcx51njheu] {
    width: 62px;
    height: 62px;
    display: block;
    flex: 0 0 auto;
    filter: drop-shadow(0 8px 14px rgba(20, 84, 63, 0.15));
    line-height: 0;
}

.brand-mark img[b-bcx51njheu] {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
}

.brand-copy[b-bcx51njheu] {
    display: grid;
    gap: 0.05rem;
    min-width: 0;
}

.brand-name[b-bcx51njheu] {
    font-family: var(--el-font-family-heading);
    font-size: clamp(1.75rem, 2vw, 2.55rem);
    font-weight: 700;
    line-height: 0.94;
    color: var(--el-color-primary-dark);
    white-space: nowrap;
}

.brand-tagline[b-bcx51njheu] {
    color: #394841;
    font-size: 0.95rem;
    line-height: 1.2;
    white-space: nowrap;
}

.brand-tagline span[b-bcx51njheu] {
    color: var(--el-color-secondary);
}

.nav-actions[b-bcx51njheu],
.nav-mobile-actions[b-bcx51njheu] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.navbar-toggler[b-bcx51njheu] {
    display: none;
    width: 44px;
    height: 44px;
    padding: 0;
    font-size: 1.55rem;
    line-height: 1;
    background-color: transparent;
    border: 0;
    border-radius: 999px;
    color: #071c25;
    cursor: pointer;
    transition: color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

    .navbar-toggler:hover[b-bcx51njheu] {
        color: var(--el-color-primary-dark);
    }

    .navbar-toggler:focus[b-bcx51njheu] {
        outline: none;
        box-shadow: 0 0 0 0.2rem rgba(var(--el-color-primary-rgb), 0.18);
    }

.nav-collapse-container[b-bcx51njheu] {
    display: flex;
    justify-content: center;
    flex: 1 1 auto;
}

.nav-links[b-bcx51njheu] {
    display: flex;
    flex-direction: row;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    align-items: center;
    flex-wrap: nowrap;
    column-gap: 0.2rem;
}

    .nav-links li[b-bcx51njheu]  a {
        color: #14251f;
        text-decoration: none;
        padding: 1.9rem 0.55rem 1.55rem;
        margin: 0 0.3rem;
        display: block;
        transition: color 0.15s ease-in-out;
        font-family: var(--el-font-family-base);
        font-weight: 700;
        font-size: 1.04rem;
        border-bottom: 3px solid transparent;
        display: inline-flex;
        white-space: nowrap;
        align-items: center;
        gap: 0.42rem;
    }

.nav-links li[b-bcx51njheu]  a > i,
.admin-dropdown-toggle > i:not(.admin-dropdown-caret)[b-bcx51njheu] {
    color: var(--el-color-primary-dark);
    font-size: 0.88rem;
}

        .nav-links li[b-bcx51njheu]  a:hover {
            color: var(--el-color-primary-dark);
            border-bottom-color: rgba(var(--el-color-primary-rgb), 0.22);
        }

        .nav-links li[b-bcx51njheu]  a.active {
            color: var(--el-color-primary-dark);
            font-weight: 800;
            border-bottom-color: var(--el-color-primary-dark);
        }

.newsletter-pill[b-bcx51njheu] {
    min-height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.7rem;
    padding: 0.75rem 1.2rem;
    border-radius: 8px;
    background: linear-gradient(135deg, #1f6b52 0%, #0f4c3a 100%);
    color: #fffdf8;
    box-shadow: 0 12px 26px rgba(7, 59, 44, 0.16);
    font-weight: 800;
    white-space: nowrap;
}

.newsletter-pill:hover[b-bcx51njheu] {
    color: #fff;
    filter: brightness(1.04);
}

.nav-icon-link[b-bcx51njheu] {
    width: 44px;
    height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #071c25;
    border-radius: 999px;
    font-size: 1.45rem;
}

.nav-icon-link:hover[b-bcx51njheu] {
    color: var(--el-color-primary-dark);
    background: rgba(var(--el-color-primary-rgb), 0.06);
}

.nav-mobile-actions[b-bcx51njheu] {
    display: none;
}

.admin-dropdown[b-bcx51njheu] {
    position: relative;
}

.planner-nav-link[b-bcx51njheu]  a {
    align-items: center;
    display: inline-flex !important;
    gap: 0.45rem;
}

.planner-nav-link i[b-bcx51njheu] {
    color: var(--el-color-primary-dark);
    font-size: 0.9rem;
}

.planner-beta-badge[b-bcx51njheu] {
    display: inline-flex;
    align-items: center;
    padding: 0.16rem 0.38rem;
    border-radius: 999px;
    background: #fde8e5;
    color: #b23b2f;
    font-size: 0.62rem;
    font-weight: 900;
    letter-spacing: 0.05em;
    line-height: 1;
    text-transform: uppercase;
}

.admin-dropdown-toggle[b-bcx51njheu] {
    border: none;
    background: transparent;
    color: #14251f;
    text-decoration: none;
    padding: var(--el-spacing-md, 1rem) var(--el-spacing-sm, 0.5rem);
    margin: 0 var(--el-spacing-sm, 0.5rem);
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-weight: var(--el-font-weight-medium, 500);
    transition: color 0.15s ease-in-out;
}

.admin-dropdown-toggle:hover[b-bcx51njheu] {
    color: var(--el-color-primary-dark);
}

.admin-dropdown-caret[b-bcx51njheu] {
    font-size: 0.75rem;
}

.admin-dropdown-menu[b-bcx51njheu] {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 220px;
    background-color: var(--el-color-surface, #fffdf8);
    border: 1px solid var(--el-color-border, #e8ddce);
    border-radius: 8px;
    box-shadow: var(--el-box-shadow-sm);
    list-style: none;
    padding: 0.25rem 0;
    margin: 0;
    z-index: 1050;
}

.admin-dropdown-menu.open[b-bcx51njheu] {
    display: block;
}

.nav-links .admin-dropdown-menu li[b-bcx51njheu]  a {
    color: var(--el-color-text-secondary);
    text-decoration: none;
    padding: 0.6rem 1rem;
    margin: 0;
    display: block;
    border: none;
}

.nav-links .admin-dropdown-menu li[b-bcx51njheu]  a:hover {
    color: var(--el-color-primary-dark);
    background-color: rgba(var(--el-color-primary-rgb), 0.06);
}

/* Keep the full desktop navigation comfortable on smaller laptops. */
@media (max-width: 1699.98px) and (min-width: 992px) {
    .nav-container[b-bcx51njheu] {
        min-height: 78px;
        padding-inline: 1.25rem;
        gap: 0.75rem;
    }

    .brand-link[b-bcx51njheu] {
        gap: 0.55rem;
    }

    .brand-mark[b-bcx51njheu] {
        width: 54px;
        height: 54px;
    }

    .brand-name[b-bcx51njheu] {
        font-size: 1.65rem;
    }

    .brand-tagline[b-bcx51njheu] {
        display: block;
        font-size: 0.78rem;
    }

    .nav-links li[b-bcx51njheu]  a {
        padding-inline: 0.45rem;
        margin-inline: 0.14rem;
        font-size: 0.96rem;
    }

    .admin-dropdown-toggle[b-bcx51njheu] {
        padding-inline: 0.45rem;
        margin-inline: 0.14rem;
    }

    .nav-actions[b-bcx51njheu] {
        gap: 0.45rem;
    }

    .newsletter-pill[b-bcx51njheu] {
        width: 46px;
        min-height: 46px;
        padding: 0;
    }

    .newsletter-pill span[b-bcx51njheu] {
        display: none;
    }
}


/* --- Responsive pour Mobile --- */
/* Screens smaller than 992px */
@media (max-width: 991.98px) {
    .nav-container[b-bcx51njheu] {
        min-height: 112px;
        align-items: center;
        padding: 0 1.35rem;
    }

    .brand-mark[b-bcx51njheu] {
        width: 58px;
        height: 58px;
    }

    .brand-name[b-bcx51njheu] {
        white-space: normal;
        font-size: clamp(1.85rem, 6vw, 2.35rem);
        max-width: 13rem;
    }

    .brand-tagline[b-bcx51njheu],
    .newsletter-pill[b-bcx51njheu],
    .nav-icon-link--desktop[b-bcx51njheu] {
        display: none;
    }

    .nav-actions[b-bcx51njheu] {
        display: none;
    }

    .nav-mobile-actions[b-bcx51njheu] {
        display: flex;
        margin-left: auto;
    }

    .navbar-toggler[b-bcx51njheu] {
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    .nav-login[b-bcx51njheu]{
        display:none;
    }
    .nav-login--column[b-bcx51njheu] {
        display: flex;
        flex-direction:column;
        justify-content:start;
    }
    .nav-collapse-container[b-bcx51njheu] {
        display: block;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background-color: var(--el-color-surface, #fffdf8);
        border-top: 1px solid var(--el-color-border, #e8ddce);
        border-bottom: 1px solid var(--el-color-border, #e8ddce);
        box-shadow: var(--el-box-shadow-sm);
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.35s ease-out;
        z-index: 1019;
    }

        .nav-collapse-container:not(.collapsed)[b-bcx51njheu] {
            max-height: 80vh;
            overflow-y: auto;
        }

    .nav-links[b-bcx51njheu] {
        flex-direction: column;
        width: 100%;
        padding: 0.75rem 0;
    }

        .nav-links li[b-bcx51njheu] {
            width: 100%; /* Prend toute la largeur */
        }

            .nav-links li[b-bcx51njheu]  a {
                display: flex;
                align-items: center;
                padding: 0.85rem 1.5rem;
                margin: 0;
                border-bottom: none;
                border-left: 3px solid transparent;
                white-space: nowrap;
            }

                .nav-links li[b-bcx51njheu]  a:hover {
                    background-color: rgba(var(--el-color-primary-rgb), 0.05);
                    border-bottom-color: transparent;
                }

                .nav-links li[b-bcx51njheu]  a.active {
                    border-bottom-color: transparent;
                    border-left-color: var(--el-color-primary-dark);
                    color: var(--el-color-primary-dark);
                    background-color: rgba(var(--el-color-primary-rgb), 0.08);
                }

    .admin-dropdown[b-bcx51njheu] {
        width: 100%;
    }

    .admin-dropdown-toggle[b-bcx51njheu] {
        width: 100%;
        justify-content: space-between;
        padding: 0.85rem 1.5rem;
        margin: 0;
    }

    .admin-dropdown-menu[b-bcx51njheu] {
        position: static;
        border: none;
        border-radius: 0;
        box-shadow: none;
        min-width: 100%;
        background: transparent;
        padding: 0;
    }

    .nav-links .admin-dropdown-menu li[b-bcx51njheu]  a {
        padding: 0.5rem 2.5rem;
        border-left: 3px solid transparent;
    }
}

@media (max-width: 640px) {
    .nav-container[b-bcx51njheu] {
        min-height: 108px !important;
        padding-left: 1.15rem !important;
        padding-right: 1.15rem !important;
    }

    .brand-link[b-bcx51njheu] {
        gap: 0.55rem;
    }

    .brand-mark[b-bcx51njheu] {
        width: 54px !important;
        height: 54px !important;
    }

    .brand-name[b-bcx51njheu] {
        font-size: 1.85rem;
        max-width: 10.5rem;
    }

    .nav-icon-link[b-bcx51njheu],
    .navbar-toggler[b-bcx51njheu] {
        width: 42px;
        height: 42px;
        font-size: 1.4rem;
    }
}
/* /Pages/About.razor.rz.scp.css */
.container[b-xj4ezogxns] {
    padding: 2rem 1rem;
    max-width: 1000px;
    margin: auto;
    font-family: 'Segoe UI', sans-serif;
}

.title[b-xj4ezogxns] {
    text-align: center;
    font-size: 2rem;
    margin-bottom: 1rem;
}

.intro[b-xj4ezogxns] {
    text-align: center;
    font-size: 1.1rem;
    margin-bottom: 2rem;
}

.ai-note-context[b-xj4ezogxns] {
    text-align: center;
    max-width: 78ch;
    margin: -0.75rem auto 1.75rem auto;
    font-size: 0.97rem;
    color: var(--ink-soft);
    font-style: italic;
}

.cards[b-xj4ezogxns] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    margin-bottom: 2rem;
}

.philosophy[b-xj4ezogxns] {
    text-align: center;
}

    .philosophy h2[b-xj4ezogxns] {
        font-size: 1.4rem;
        margin-bottom: 1rem;
    }

    .philosophy p[b-xj4ezogxns] {
        margin-bottom: 1rem;
        font-size: 1rem;
        line-height: 1.65;
    }

.built-in-public[b-xj4ezogxns] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 1.25rem;
    margin-top: 2.5rem;
    padding: clamp(1.25rem, 3vw, 2rem);
    border: 1px solid rgba(var(--el-color-primary-rgb), 0.16);
    border-radius: 14px;
    background: linear-gradient(135deg, #f5f7e9 0%, #fffaf1 100%);
    box-shadow: 0 12px 30px rgba(67, 51, 32, 0.07);
}

.built-in-public-icon[b-xj4ezogxns] {
    width: 3.5rem;
    height: 3.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    color: #fffdf8;
    background: var(--el-color-primary-dark);
    font-size: 1.25rem;
}

.built-in-public-eyebrow[b-xj4ezogxns] {
    margin: 0 0 0.25rem;
    color: var(--el-color-secondary-dark);
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.built-in-public h2[b-xj4ezogxns] {
    margin: 0 0 0.75rem;
    color: var(--el-color-primary-dark);
    font-size: clamp(1.5rem, 3vw, 2rem);
}

.built-in-public p:not(.built-in-public-eyebrow)[b-xj4ezogxns] {
    margin: 0 0 0.75rem;
    color: var(--el-color-text-secondary);
    line-height: 1.65;
}

.built-in-public p:last-child[b-xj4ezogxns] {
    margin-bottom: 0;
}

.nutrition-method[b-xj4ezogxns] {
    scroll-margin-top: 8rem;
    margin-top: 2.5rem;
    padding: clamp(1.25rem, 3vw, 2rem);
    border: 1px solid rgba(var(--el-color-primary-rgb), 0.18);
    border-radius: 18px;
    background:
        radial-gradient(circle at 92% 12%, rgba(244, 182, 61, 0.15), transparent 12rem),
        linear-gradient(135deg, #f5f7e9 0%, #fffdf8 68%);
    box-shadow: var(--shadow);
}

.nutrition-method-header[b-xj4ezogxns] {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
}

.nutrition-method-icon[b-xj4ezogxns] {
    width: 3.25rem;
    height: 3.25rem;
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    color: var(--el-color-primary-dark);
    background: #e5edcf;
    font-size: 1.2rem;
}

.nutrition-method-eyebrow[b-xj4ezogxns] {
    margin: 0 0 0.25rem;
    color: var(--el-color-secondary-dark);
    font-size: 0.76rem;
    font-weight: 900;
    letter-spacing: 0.12em;
    line-height: 1.2;
    text-transform: uppercase;
}

.nutrition-method-header h2[b-xj4ezogxns] {
    margin: 0;
    color: var(--el-color-primary-dark);
    font-family: var(--el-font-family-heading);
    font-size: clamp(1.8rem, 4vw, 2.7rem);
    line-height: 1;
}

.nutrition-method-header p:last-child[b-xj4ezogxns] {
    max-width: 68ch;
    margin: 0.65rem 0 0;
    color: var(--el-color-text-secondary);
    line-height: 1.55;
}

.nutrition-method-steps[b-xj4ezogxns] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.8rem;
    margin: 1.4rem 0 0;
    padding: 0;
    list-style: none;
}

.nutrition-method-steps li[b-xj4ezogxns] {
    min-width: 0;
    display: flex;
    gap: 0.7rem;
    align-items: flex-start;
    padding: 0.9rem;
    border: 1px solid rgba(var(--el-color-primary-rgb), 0.13);
    border-radius: 12px;
    background: rgba(255, 253, 248, 0.88);
}

.nutrition-method-steps li > span[b-xj4ezogxns] {
    width: 2.35rem;
    height: 2.35rem;
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    color: var(--el-color-primary-dark);
    background: #eef4df;
}

.nutrition-method-steps strong[b-xj4ezogxns] {
    display: block;
    color: var(--el-color-text-primary);
    font-size: 0.92rem;
}

.nutrition-method-steps p[b-xj4ezogxns] {
    margin: 0.3rem 0 0;
    color: var(--el-color-text-secondary);
    font-size: 0.82rem;
    line-height: 1.45;
}

.nutrition-method-note[b-xj4ezogxns] {
    display: flex;
    gap: 0.75rem;
    align-items: flex-start;
    margin-top: 0.8rem;
    padding: 0.85rem 0.95rem;
    border-radius: 12px;
    color: var(--el-color-primary-dark);
    background: #fff4d9;
}

.nutrition-method-note > i[b-xj4ezogxns] {
    margin-top: 0.2rem;
    color: var(--el-color-secondary-dark);
}

.nutrition-method-note strong[b-xj4ezogxns] {
    display: block;
    font-size: 0.9rem;
}

.nutrition-method-note p[b-xj4ezogxns] {
    margin: 0.2rem 0 0;
    color: var(--el-color-text-secondary);
    font-size: 0.84rem;
    line-height: 1.45;
}

@media(min-width: 768px) {
    .cards[b-xj4ezogxns] {
        flex-direction: row;
        justify-content: space-around;
    }
}

@media(max-width: 560px) {
    .built-in-public[b-xj4ezogxns] {
        grid-template-columns: 1fr;
    }

    .nutrition-method-header[b-xj4ezogxns] {
        gap: 0.75rem;
    }

    .nutrition-method-icon[b-xj4ezogxns] {
        width: 2.75rem;
        height: 2.75rem;
    }

    .nutrition-method-steps[b-xj4ezogxns] {
        grid-template-columns: 1fr;
    }
}
.about-contact[b-xj4ezogxns] {
    margin-top: 2.5rem;
    padding: 1.5rem;
    background: var(--panel-soft);
    border-radius: 14px;
    border: 1px dashed var(--brand-3);
    box-shadow: var(--shadow);
    text-align: center;
}

    .about-contact h2[b-xj4ezogxns] {
        margin-bottom: .75rem;
        font-size: 1.5rem;
        color: var(--brand-1);
    }

    .about-contact p[b-xj4ezogxns] {
        max-width: 65ch;
        margin: 0 auto 1.25rem auto;
        color: var(--ink-soft);
        font-size: 1.05rem;
        line-height: 1.6;
    }

.contact-actions[b-xj4ezogxns] {
    display: flex;
    justify-content: center;
    gap: 1rem;
    flex-wrap: wrap;
}
/* /Pages/Admin/AdminManageArticle.razor.rz.scp.css */
.horizontal-divider[b-ovpx6pm0wx] {
    border-bottom: 1px solid lightgrey;
    padding: 1rem;
}

.article-generation-prompt[b-ovpx6pm0wx] {
    width: 50%;
}

.article-generation-image-toggle[b-ovpx6pm0wx] {
    align-items: center;
    display: inline-flex;
    gap: 0.45rem;
    margin-top: 0.45rem;
}
/* /Pages/Admin/AdminManageIngredients.razor.rz.scp.css */
.admin-ingredients-page[b-pfeacfd74a] {
    --admin-ink: #163d32;
    --admin-muted: #61716b;
    --admin-line: #dbe5df;
    --admin-soft: #f3f7f4;
    --admin-warm: #fff9f1;
    display: grid;
    gap: 1rem;
    padding-block: 1.5rem 3rem;
}

.admin-ingredients-hero[b-pfeacfd74a] {
    align-items: center;
    background: linear-gradient(125deg, #eef6ef 0%, #fffaf2 100%);
    border: 1px solid var(--admin-line);
    border-radius: 1rem;
    display: flex;
    gap: 1.5rem;
    justify-content: space-between;
    padding: clamp(1.25rem, 3vw, 2rem);
}

.admin-ingredients-hero h1[b-pfeacfd74a] {
    color: var(--admin-ink);
    margin: .2rem 0 .35rem;
}

.admin-ingredients-hero p[b-pfeacfd74a],
.admin-ingredient-section__heading p[b-pfeacfd74a] {
    color: var(--admin-muted);
    margin: 0;
    max-width: 70ch;
}

.admin-ingredients-hero__eyebrow[b-pfeacfd74a],
.admin-ingredient-section__heading > span[b-pfeacfd74a] {
    color: #bf4a14;
    font-size: .75rem;
    font-weight: 800;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.admin-ingredients-nav[b-pfeacfd74a] {
    align-items: center;
    background: #fff;
    border: 1px solid var(--admin-line);
    border-radius: .85rem;
    display: flex;
    gap: .35rem;
    overflow-x: auto;
    padding: .4rem;
    position: sticky;
    top: .5rem;
    z-index: 5;
}

.admin-ingredients-nav a[b-pfeacfd74a] {
    border-radius: .6rem;
    color: var(--admin-ink);
    flex: 0 0 auto;
    font-weight: 700;
    padding: .55rem .8rem;
    text-decoration: none;
}

.admin-ingredients-nav a:hover[b-pfeacfd74a],
.admin-ingredients-nav a:focus-visible[b-pfeacfd74a] {
    background: var(--admin-soft);
}

.admin-ingredients-page > .card[b-pfeacfd74a],
.admin-ingredient-tools-grid > .card[b-pfeacfd74a],
.admin-ingredient-tools-grid > section[b-pfeacfd74a] {
    border-color: var(--admin-line);
    border-radius: .9rem;
    box-shadow: 0 .25rem 1rem rgba(22, 61, 50, .045);
}

.admin-ingredients-heading[b-pfeacfd74a] {
    align-items: end;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
}

.admin-ingredients-search[b-pfeacfd74a] {
    align-items: center;
    display: grid;
    gap: .4rem;
    grid-template-columns: auto minmax(15rem, 26rem) auto;
}

.admin-ingredients-search__label[b-pfeacfd74a] {
    grid-column: 1 / -1;
    font-weight: 600;
}

.admin-ingredients-search i[b-pfeacfd74a] {
    color: var(--el-color-text-secondary);
}

.admin-ingredients-pagination[b-pfeacfd74a] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    margin-top: 1rem;
}

.ingredient-nutrition-coverage[b-pfeacfd74a] {
    border-color: #abc7b5 !important;
}

.ingredient-nutrition-coverage__total[b-pfeacfd74a] {
    margin-top: 1rem;
}

.ingredient-nutrition-coverage__metrics[b-pfeacfd74a],
.ingredient-cleanup__metrics[b-pfeacfd74a],
.ingredient-cnf-import__metrics[b-pfeacfd74a],
.ingredient-catalog-mapping__metrics[b-pfeacfd74a] {
    display: grid;
    gap: .75rem;
    margin-top: .9rem;
}

.ingredient-nutrition-coverage__metrics[b-pfeacfd74a],
.ingredient-cleanup__metrics[b-pfeacfd74a] {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.ingredient-cnf-import__metrics[b-pfeacfd74a],
.ingredient-catalog-mapping__metrics[b-pfeacfd74a] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.ingredient-nutrition-coverage__metrics > div[b-pfeacfd74a],
.ingredient-cleanup__metrics > div[b-pfeacfd74a],
.ingredient-cnf-import__metrics > div[b-pfeacfd74a],
.ingredient-catalog-mapping__metrics > div[b-pfeacfd74a] {
    background: var(--admin-soft);
    border: 1px solid var(--admin-line);
    border-radius: .7rem;
    display: flex;
    flex-direction: column;
    gap: .15rem;
    padding: .8rem .9rem;
}

.ingredient-nutrition-coverage__metrics span[b-pfeacfd74a],
.ingredient-nutrition-coverage__metrics small[b-pfeacfd74a],
.ingredient-cleanup__metrics span[b-pfeacfd74a],
.ingredient-cnf-import__metrics span[b-pfeacfd74a],
.ingredient-catalog-mapping__metrics span[b-pfeacfd74a] {
    color: var(--admin-muted);
    font-size: .8rem;
}

.ingredient-nutrition-coverage__metrics strong[b-pfeacfd74a],
.ingredient-cleanup__metrics strong[b-pfeacfd74a],
.ingredient-cnf-import__metrics strong[b-pfeacfd74a],
.ingredient-catalog-mapping__metrics strong[b-pfeacfd74a] {
    color: var(--admin-ink);
    font-size: 1.35rem;
    line-height: 1.2;
}

.ingredient-mineral-copy-row > td[b-pfeacfd74a] {
    background: #f3faf5;
    padding: .9rem;
}

.ingredient-mineral-copy[b-pfeacfd74a],
.ingredient-mineral-copy__confirmation[b-pfeacfd74a],
.ingredient-catalog-mapping__confirmation[b-pfeacfd74a] {
    border: 1px solid #abc7b5;
    border-radius: .7rem;
    padding: 1rem;
}

.ingredient-mineral-copy__search[b-pfeacfd74a],
.ingredient-mineral-copy__results[b-pfeacfd74a],
.ingredient-mineral-copy__confirmation[b-pfeacfd74a] {
    max-width: 52rem;
}

.ingredient-mineral-copy__results[b-pfeacfd74a],
.ingredient-catalog-mapping__search-results[b-pfeacfd74a] {
    max-height: 16rem;
    overflow-y: auto;
}

.ingredient-mineral-copy__results .list-group-item[b-pfeacfd74a],
.ingredient-catalog-mapping__search-results .list-group-item[b-pfeacfd74a] {
    font-size: .82rem;
    text-align: left;
}

.ingredient-cleanup[b-pfeacfd74a] {
    border-color: #e5b8b3 !important;
}

.ingredient-cnf-import[b-pfeacfd74a] {
    border-color: #9ab7cf !important;
}

.ingredient-catalog-mapping[b-pfeacfd74a] {
    border-color: #abc7b5 !important;
}

.ingredient-cleanup__sample[b-pfeacfd74a],
.ingredient-catalog-mapping__table[b-pfeacfd74a] {
    overflow-x: auto;
}

.ingredient-cleanup__sample[b-pfeacfd74a] {
    margin-top: 1.25rem;
}

.ingredient-catalog-mapping__table[b-pfeacfd74a] {
    max-height: 36rem;
    overflow: auto;
}

.ingredient-cleanup__confirmation[b-pfeacfd74a],
.ingredient-cnf-import__confirmation[b-pfeacfd74a],
.ingredient-catalog-mapping__confirmation[b-pfeacfd74a] {
    border-radius: .7rem;
    margin-top: 1rem;
    padding: 1rem;
}

.ingredient-cleanup__confirmation[b-pfeacfd74a] {
    background: #fff4f2;
    border: 1px solid #e5b8b3;
}

.ingredient-cnf-import__confirmation[b-pfeacfd74a] {
    background: #f3f8fc;
    border: 1px solid #9ab7cf;
}

.ingredient-catalog-mapping__confirmation[b-pfeacfd74a] {
    background: #f3faf5;
}

.ingredient-nutrition-badges[b-pfeacfd74a] {
    display: flex;
    flex-wrap: wrap;
    gap: .3rem;
    min-width: 9rem;
}

.ingredient-nutrition-badges span[b-pfeacfd74a] {
    border-radius: 999px;
    font-size: .68rem;
    font-weight: 800;
    line-height: 1;
    padding: .4rem .5rem;
}

.ingredient-nutrition-badges .is-complete[b-pfeacfd74a] {
    background: #e5f5e9;
    color: #22633d;
}

.ingredient-nutrition-badges .is-missing[b-pfeacfd74a] {
    background: #fff0e7;
    color: #a03b12;
}

.admin-ingredient-section[b-pfeacfd74a] {
    scroll-margin-top: 5rem;
}

.admin-ingredient-section__heading[b-pfeacfd74a] {
    margin: 1.25rem 0 .85rem;
}

.admin-ingredient-section__heading h2[b-pfeacfd74a] {
    color: var(--admin-ink);
    font-size: clamp(1.35rem, 2vw, 1.7rem);
    margin: .15rem 0 .3rem;
}

.admin-ingredient-tools-grid[b-pfeacfd74a] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.admin-ingredient-tools-grid--nutrition[b-pfeacfd74a] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.admin-ingredient-tool--wide[b-pfeacfd74a] {
    grid-column: 1 / -1;
}

.admin-ingredient-tools-grid > .card[b-pfeacfd74a],
.admin-ingredient-tools-grid > section[b-pfeacfd74a] {
    height: 100%;
    margin: 0;
}

.admin-ingredient-manual[b-pfeacfd74a] {
    margin-top: 1.25rem;
    scroll-margin-top: 5rem;
}

@media (max-width: 1100px) {
    .admin-ingredient-tools-grid--nutrition[b-pfeacfd74a] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ingredient-nutrition-coverage__metrics[b-pfeacfd74a],
    .ingredient-cleanup__metrics[b-pfeacfd74a] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    .admin-ingredients-page[b-pfeacfd74a] {
        padding-block-start: .75rem;
    }

    .admin-ingredients-hero[b-pfeacfd74a],
    .admin-ingredients-heading[b-pfeacfd74a] {
        align-items: stretch;
        flex-direction: column;
    }

    .admin-ingredients-nav[b-pfeacfd74a] {
        border-radius: .65rem;
        top: .25rem;
    }

    .admin-ingredients-search[b-pfeacfd74a] {
        grid-template-columns: auto minmax(0, 1fr) auto;
        width: 100%;
    }

    .admin-ingredient-tools-grid[b-pfeacfd74a],
    .admin-ingredient-tools-grid--nutrition[b-pfeacfd74a] {
        grid-template-columns: minmax(0, 1fr);
    }

    .admin-ingredient-tool--wide[b-pfeacfd74a] {
        grid-column: auto;
    }

    .ingredient-nutrition-coverage__metrics[b-pfeacfd74a],
    .ingredient-cleanup__metrics[b-pfeacfd74a],
    .ingredient-cnf-import__metrics[b-pfeacfd74a] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ingredient-catalog-mapping__metrics[b-pfeacfd74a] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 480px) {
    .admin-ingredients-search[b-pfeacfd74a] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .admin-ingredients-search :deep(button)[b-pfeacfd74a] {
        grid-column: 1 / -1;
    }

    .ingredient-nutrition-coverage__metrics[b-pfeacfd74a],
    .ingredient-cleanup__metrics[b-pfeacfd74a],
    .ingredient-cnf-import__metrics[b-pfeacfd74a] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/Admin/AdminManageRecipe.razor.rz.scp.css */
.horizontal-divider[b-odaxf53fn6] {
    border-bottom: 1px solid lightgrey;
    padding:1rem;
}

.recipe-generation-prompt[b-odaxf53fn6] {
    width: 50%;
}

.recipe-generation-image-toggle[b-odaxf53fn6] {
    align-items: center;
    display: inline-flex;
    gap: 0.45rem;
    margin-top: 0.45rem;
}

.admin-recipes-toolbar[b-odaxf53fn6] {
    align-items: center;
    display: flex;
    gap: 0.75rem;
    justify-content: space-between;
    margin: 1rem 0;
}

.admin-recipes-search[b-odaxf53fn6] {
    align-items: center;
    border: 1px solid var(--el-color-border);
    border-radius: 8px;
    display: flex;
    flex: 1;
    gap: 0.65rem;
    max-width: 44rem;
    min-height: 44px;
    padding: 0 0.85rem;
}

.admin-recipes-search i[b-odaxf53fn6] {
    color: var(--el-color-text-secondary);
}

.admin-recipes-search__label[b-odaxf53fn6] {
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

.admin-recipes-search[b-odaxf53fn6] (input),
.admin-recipes-search[b-odaxf53fn6] (.admin-recipes-search__input) {
    border: 0;
    box-shadow: none;
    flex: 1;
    min-height: 40px;
    outline: 0;
}

.recipe-tone-summary[b-odaxf53fn6] {
    display: flex;
    align-items: center;
    gap: .55rem;
    margin: 0 0 1rem;
    padding: .75rem .9rem;
    border-radius: 8px;
    font-weight: 700;
}

.recipe-tone-summary--warning[b-odaxf53fn6] {
    border: 1px solid #f0b86e;
    background: #fff8e8;
    color: #7a3f00;
}

.recipe-tone-summary--clear[b-odaxf53fn6] {
    border: 1px solid #9ac7a5;
    background: #f0f9f2;
    color: #185c2d;
}

[b-odaxf53fn6](.recipe-tone-row--warning) {
    background: rgba(255, 248, 232, .58);
}

.recipe-tone-marker[b-odaxf53fn6] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    min-height: 32px;
    padding: .35rem .6rem;
    border: 1px solid #dc8a23;
    border-radius: 999px;
    background: #fff4d8;
    color: #713b00;
    font-size: .78rem;
    font-weight: 800;
    white-space: nowrap;
    cursor: pointer;
}

.recipe-tone-marker:hover[b-odaxf53fn6],
.recipe-tone-marker:focus-visible[b-odaxf53fn6] {
    background: #ffe7ad;
    outline: 2px solid rgba(220, 138, 35, .25);
    outline-offset: 2px;
}

.recipe-tone-marker span[b-odaxf53fn6] {
    padding-left: .35rem;
    border-left: 1px solid rgba(113, 59, 0, .25);
    font-variant-numeric: tabular-nums;
}

.recipe-tone-clear[b-odaxf53fn6] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    min-height: 30px;
    padding: .3rem .55rem;
    border: 1px solid #b9d7c0;
    border-radius: 999px;
    background: #f2faf4;
    color: #236337;
    font-size: .78rem;
    font-weight: 700;
    white-space: nowrap;
}
/* /Pages/Admin/AdminManageUsers.razor.rz.scp.css */
.admin-users-page[b-nc4mqibow9] {
    width: min(1440px, 100%);
    margin: 0 auto;
    padding: clamp(18px, 2.6vw, 32px);
}

.admin-users-header[b-nc4mqibow9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 18px;
}

.admin-users-header h1[b-nc4mqibow9],
.admin-users-editor-head h2[b-nc4mqibow9] {
    margin: 0;
    color: var(--el-color-text-primary);
    font-family: var(--el-font-family-heading);
}

.admin-users-kicker[b-nc4mqibow9] {
    margin: 0 0 4px;
    color: #7a4f00;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: uppercase;
}

.admin-users-metrics[b-nc4mqibow9] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 18px;
}

.admin-users-metric[b-nc4mqibow9] {
    border: 1px solid rgba(var(--el-color-primary-rgb), 0.16);
    border-radius: 8px;
    padding: 14px 16px;
    background: #fff;
}

.admin-users-metric span[b-nc4mqibow9] {
    display: block;
    color: var(--el-color-text-secondary);
    font-size: 0.86rem;
}

.admin-users-metric strong[b-nc4mqibow9] {
    display: block;
    margin-top: 4px;
    color: var(--el-color-text-primary);
    font-size: 1.8rem;
    line-height: 1;
}

.admin-users-layout[b-nc4mqibow9] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(320px, 420px);
    gap: 18px;
    align-items: start;
}

.admin-users-list[b-nc4mqibow9],
.admin-users-editor[b-nc4mqibow9] {
    border: 1px solid rgba(var(--el-color-primary-rgb), 0.16);
    border-radius: 8px;
    background: #fff;
}

.admin-users-toolbar[b-nc4mqibow9] {
    padding: 14px;
    border-bottom: 1px solid var(--el-color-border);
}

.admin-users-toolbar label[b-nc4mqibow9],
.admin-users-form-grid label[b-nc4mqibow9] {
    display: grid;
    gap: 6px;
    color: var(--el-color-text-secondary);
    font-size: 0.9rem;
}

.admin-users-table-wrap[b-nc4mqibow9] {
    overflow-x: auto;
}

.admin-users-table[b-nc4mqibow9] {
    width: 100%;
    border-collapse: collapse;
}

.admin-users-table th[b-nc4mqibow9],
.admin-users-table td[b-nc4mqibow9] {
    padding: 12px 14px;
    border-bottom: 1px solid var(--el-color-border);
    vertical-align: middle;
    text-align: left;
}

.admin-users-table th[b-nc4mqibow9] {
    color: var(--el-color-text-secondary);
    font-size: 0.78rem;
    font-weight: 800;
    text-transform: uppercase;
}

.admin-users-table td > strong[b-nc4mqibow9] {
    display: block;
    color: var(--el-color-text-primary);
}

.admin-users-table td > span[b-nc4mqibow9] {
    display: block;
    color: var(--el-color-text-secondary);
    font-size: 0.88rem;
    overflow-wrap: anywhere;
}

.admin-users-table tr.selected[b-nc4mqibow9] {
    background: rgba(var(--el-color-primary-rgb), 0.06);
}

.admin-users-role-list[b-nc4mqibow9],
.admin-users-status-list[b-nc4mqibow9],
.admin-users-actions[b-nc4mqibow9],
.admin-users-editor-actions[b-nc4mqibow9] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.admin-users-badge[b-nc4mqibow9] {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    border-radius: 999px;
    padding: 2px 9px;
    background: #eef6f2;
    color: #245d45;
    font-size: 0.78rem;
    font-weight: 800;
}

.admin-users-badge.success[b-nc4mqibow9] {
    background: #eaf6eb;
    color: #2f7d32;
}

.admin-users-badge.warning[b-nc4mqibow9] {
    background: #fff4e6;
    color: #a44900;
}

.admin-users-badge.danger[b-nc4mqibow9] {
    background: #ffe8e6;
    color: #b42318;
}

.admin-users-badge.muted[b-nc4mqibow9] {
    background: #f1f3f5;
    color: #6c757d;
}

.admin-users-editor[b-nc4mqibow9] {
    padding: 16px;
    position: sticky;
    top: 96px;
}

.admin-users-editor-head[b-nc4mqibow9] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 16px;
}

.admin-users-editor-head h2[b-nc4mqibow9] {
    font-size: 1.15rem;
    overflow-wrap: anywhere;
}

.admin-users-form-grid[b-nc4mqibow9] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.admin-users-wide[b-nc4mqibow9] {
    grid-column: 1 / -1;
}

.admin-users-role-editor[b-nc4mqibow9] {
    display: grid;
    gap: 10px;
    margin-top: 16px;
}

.admin-users-role-editor > span[b-nc4mqibow9] {
    color: var(--el-color-text-secondary);
    font-size: 0.9rem;
}

.admin-users-role-option[b-nc4mqibow9] {
    display: flex;
    align-items: center;
    gap: 9px;
    border: 1px solid rgba(var(--el-color-primary-rgb), 0.14);
    border-radius: 8px;
    padding: 10px;
}

.admin-users-role-option input[b-nc4mqibow9] {
    width: 18px;
    height: 18px;
}

.admin-users-editor-actions[b-nc4mqibow9] {
    margin-top: 18px;
}

.admin-users-empty[b-nc4mqibow9] {
    padding: 24px;
    color: var(--el-color-text-secondary);
    text-align: center;
}

.admin-users-message[b-nc4mqibow9] {
    margin: 0 0 16px;
    border-radius: 8px;
    padding: 10px 12px;
    background: #f1f3f5;
    color: var(--el-color-text-primary);
}

.admin-users-message.success[b-nc4mqibow9] {
    background: #eaf6eb;
    color: #2f7d32;
}

.admin-users-message.error[b-nc4mqibow9] {
    background: #ffe8e6;
    color: #b42318;
}

@media (max-width: 980px) {
    .admin-users-layout[b-nc4mqibow9],
    .admin-users-metrics[b-nc4mqibow9] {
        grid-template-columns: 1fr;
    }

    .admin-users-editor[b-nc4mqibow9] {
        position: static;
    }
}

@media (max-width: 620px) {
    .admin-users-page[b-nc4mqibow9] {
        padding: 14px;
    }

    .admin-users-header[b-nc4mqibow9] {
        align-items: flex-start;
        flex-direction: column;
    }

    .admin-users-form-grid[b-nc4mqibow9] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/Admin/AdminMealPlanner.razor.rz.scp.css */
.meal-planner-page[b-o9fdsbxpro] {
    --planner-ink: #143a30;
    --planner-ink-deep: #0d2d25;
    --planner-muted: #62746e;
    --planner-line: #d9e4df;
    --planner-soft: #f2f7f4;
    --planner-cream: #fbf7ef;
    --planner-accent: #d95a27;
    --planner-green: #126047;
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    max-width: 1580px;
    margin: 0 auto;
    padding: clamp(1.25rem, 2.5vw, 2.75rem) clamp(1rem, 3vw, 3.25rem) 5rem;
    color: var(--planner-ink);
}

[b-o9fdsbxpro] .planner-dialog h2 {
    margin: .1rem 0 .35rem;
    color: var(--planner-ink-deep);
    line-height: .98;
}

[b-o9fdsbxpro] .planner-dialog p {
    margin: 0;
}

[b-o9fdsbxpro] .planner-kicker {
    color: #b94c20;
    font-size: .75rem;
    font-weight: 850;
    letter-spacing: .12em;
    text-transform: uppercase;
}

[b-o9fdsbxpro] .household-member-choices {
    display: grid;
    gap: .4rem;
    min-width: 0;
    width: 100%;
}

[b-o9fdsbxpro] .household-member-choice {
    display: flex;
    align-items: center;
    gap: .55rem;
    border: 1px solid var(--planner-line);
    border-radius: .7rem;
    padding: .55rem .65rem;
    background: white;
    cursor: pointer;
    overflow-wrap: anywhere;
}

[b-o9fdsbxpro] .household-member-choice.selected {
    border-color: var(--planner-green);
    background: #edf7f2;
}

[b-o9fdsbxpro] .household-member-choice span,
[b-o9fdsbxpro] .household-member-choice small {
    display: block;
}

[b-o9fdsbxpro] .household-dialog {
    width: min(980px, calc(100vw - 2rem));
}

[b-o9fdsbxpro] .household-dialog-layout {
    display: grid;
    grid-template-columns: minmax(15rem, .8fr) minmax(22rem, 1.2fr);
    gap: 1rem;
    padding: 1rem;
}

[b-o9fdsbxpro] .household-profile-list {
    display: grid;
    align-content: start;
    gap: .55rem;
}

[b-o9fdsbxpro] .household-profile-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .7rem;
    border: 1px solid var(--planner-line);
    border-radius: .8rem;
    padding: .7rem;
    background: white;
}

[b-o9fdsbxpro] .household-profile-card.inactive {
    opacity: .62;
}

[b-o9fdsbxpro] .household-profile-card > div:last-child {
    display: flex;
    align-items: center;
    gap: .35rem;
}

[b-o9fdsbxpro] .household-profile-card strong,
[b-o9fdsbxpro] .household-profile-card span {
    display: block;
}

[b-o9fdsbxpro] .household-profile-card span {
    color: var(--planner-muted);
    font-size: .78rem;
}

[b-o9fdsbxpro] .household-profile-form {
    display: grid;
    gap: .75rem;
    border-radius: .9rem;
    padding: 1rem;
    background: var(--planner-soft);
}

[b-o9fdsbxpro] .household-profile-form h3 {
    margin: 0;
}

[b-o9fdsbxpro] .household-profile-form > label > span,
[b-o9fdsbxpro] .household-form-grid label > span {
    display: block;
    margin-bottom: .3rem;
    color: var(--planner-muted);
    font-size: .75rem;
    font-weight: 750;
}

[b-o9fdsbxpro] .household-profile-form input:not([type="checkbox"]),
[b-o9fdsbxpro] .household-profile-form select,
[b-o9fdsbxpro] .household-profile-form input:not([type="checkbox"]),
[b-o9fdsbxpro] .household-profile-form select {
    width: 100%;
    min-height: 2.6rem;
    border: 1px solid var(--planner-line);
    border-radius: .65rem;
    padding: .5rem .65rem;
    background: white;
    color: var(--planner-ink);
}

[b-o9fdsbxpro] .household-form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .65rem;
}

[b-o9fdsbxpro] .household-profile-form footer {
    display: flex;
    justify-content: flex-end;
    gap: .5rem;
}

@media (max-width: 760px) {
    [b-o9fdsbxpro] .household-dialog-layout,
[b-o9fdsbxpro] .household-form-grid {
        grid-template-columns: 1fr;
    }
}

[b-o9fdsbxpro] .planner-button,
[b-o9fdsbxpro] .custom-meal-form button,
[b-o9fdsbxpro] .candidate-body button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    min-height: 2.85rem;
    border: 1px solid transparent;
    border-radius: .8rem;
    padding: .65rem 1rem;
    font-weight: 800;
    cursor: pointer;
    transition: transform .16s ease, box-shadow .16s ease, background .16s ease;
}

[b-o9fdsbxpro] .planner-button:hover:not(:disabled),
[b-o9fdsbxpro] .candidate-body button:hover:not(:disabled) {
    transform: translateY(-1px);
}

[b-o9fdsbxpro] .planner-button:focus-visible,
[b-o9fdsbxpro] .custom-meal-form button:focus-visible,
[b-o9fdsbxpro] .candidate-body button:focus-visible,
[b-o9fdsbxpro] .generation-option:focus-visible,
[b-o9fdsbxpro] .goal-choice:has(input:focus-visible),
[b-o9fdsbxpro] .target-source-card:has(input:focus-visible),
[b-o9fdsbxpro] .household-member-choice:has(input:focus-visible),
[b-o9fdsbxpro] .goal-toggle:has(input:focus-visible),
[b-o9fdsbxpro] .week-switcher > button:focus-visible,
[b-o9fdsbxpro] .icon-button:focus-visible,
[b-o9fdsbxpro] .meal-actions button:focus-visible,
[b-o9fdsbxpro] .snack-actions button:focus-visible,
[b-o9fdsbxpro] .dialog-close:focus-visible,
[b-o9fdsbxpro] .leftovers-panel button:focus-visible,
[b-o9fdsbxpro] .custom-meal-panel summary:focus-visible,
[b-o9fdsbxpro] .leftovers-panel summary:focus-visible,
[b-o9fdsbxpro] .shopping-dialog :is(input, button, summary):focus-visible,
[b-o9fdsbxpro] .picker-controls input:focus-visible,
[b-o9fdsbxpro] .household-profile-form :is(input, select):focus-visible {
    outline: 3px solid rgb(217 90 39 / 55%);
    outline-offset: 2px;
}

[b-o9fdsbxpro] .planner-button.primary,
[b-o9fdsbxpro] .candidate-body button {
    color: #fff;
    background: var(--planner-green);
    box-shadow: 0 8px 22px rgb(18 96 71 / 16%);
}

[b-o9fdsbxpro] .planner-button.generate-button {
    background: linear-gradient(135deg, #126047, #0d4937);
}

[b-o9fdsbxpro] .planner-button.secondary {
    border-color: #cfdcd6;
    color: var(--planner-ink);
    background: #fff;
}

[b-o9fdsbxpro] .planner-button.quiet {
    color: var(--planner-ink);
    background: #eaf2ee;
}

[b-o9fdsbxpro] .planner-button:disabled,
[b-o9fdsbxpro] .custom-meal-form button:disabled,
[b-o9fdsbxpro] .generation-option:disabled {
    cursor: wait;
    opacity: .55;
}

[b-o9fdsbxpro] .planner-status,
[b-o9fdsbxpro] .planner-loading,
[b-o9fdsbxpro] .planner-empty {
    margin-bottom: 1rem;
    border-radius: .8rem;
    padding: .8rem 1rem;
}

[b-o9fdsbxpro] .planner-status.success {
    color: #12513d;
    background: #e5f5ed;
}

[b-o9fdsbxpro] .planner-status.error {
    color: #8a271d;
    background: #fdece9;
}

[b-o9fdsbxpro] .week-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
}

[b-o9fdsbxpro] .day-column {
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--planner-line);
    border-radius: 1.2rem;
    padding: .8rem;
    background: #fff;
    box-shadow: 0 14px 40px rgb(18 54 44 / 5%);
}

[b-o9fdsbxpro] .day-column.today {
    border-color: var(--planner-accent);
    box-shadow: 0 0 0 2px rgb(217 90 39 / 9%), 0 14px 40px rgb(18 54 44 / 6%);
}

[b-o9fdsbxpro] .day-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 64px;
    gap: .75rem;
    padding: .15rem .15rem .75rem;
}

[b-o9fdsbxpro] .day-date {
    display: grid;
    grid-template-columns: auto auto;
    align-items: baseline;
    column-gap: .35rem;
}

[b-o9fdsbxpro] .day-open-link {
    grid-column: 1 / -1;
    display: inline-flex;
    align-items: center;
    justify-self: start;
    gap: .35rem;
    margin-bottom: .25rem;
    border: 1px solid #cbded5;
    border-radius: 999px;
    padding: .28rem .55rem;
    color: var(--planner-green);
    background: var(--planner-soft);
    font-size: .68rem;
    font-weight: 850;
    letter-spacing: .02em;
    line-height: 1;
    text-decoration: none;
    transition: color .16s ease, background .16s ease, border-color .16s ease, transform .16s ease;
}

[b-o9fdsbxpro] .day-open-link i:last-child {
    font-size: .58rem;
}

[b-o9fdsbxpro] .day-open-link:hover {
    border-color: var(--planner-green);
    color: #fff;
    background: var(--planner-green);
    transform: translateY(-1px);
}

[b-o9fdsbxpro] .day-date > span {
    grid-column: 1 / -1;
    color: var(--planner-accent);
    font-size: .7rem;
    font-weight: 850;
    letter-spacing: .08em;
    text-transform: uppercase;
}

[b-o9fdsbxpro] .day-date strong {
    font-size: 1.8rem;
    line-height: 1;
}

[b-o9fdsbxpro] .day-date small {
    color: var(--planner-muted);
    font-size: .75rem;
    text-transform: uppercase;
}

[b-o9fdsbxpro] .day-nutrition {
    min-width: 0;
    text-align: right;
}

[b-o9fdsbxpro] .day-nutrition strong,
[b-o9fdsbxpro] .day-nutrition span {
    display: block;
}

[b-o9fdsbxpro] .day-nutrition strong {
    color: var(--planner-green);
    font-size: .76rem;
}

[b-o9fdsbxpro] .day-nutrition span {
    margin-top: .12rem;
    color: var(--planner-muted);
    font-size: .62rem;
}

[b-o9fdsbxpro] .meal-slot {
    margin-bottom: .62rem;
    border: 1px solid var(--planner-line);
    border-radius: .9rem;
    padding: .68rem;
    background: var(--planner-soft);
}

[b-o9fdsbxpro] .meal-slot.empty {
    border-style: dashed;
    background: #fff;
}

[b-o9fdsbxpro] .meal-slot-heading,
[b-o9fdsbxpro] .snack-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: .42rem;
    color: var(--planner-muted);
    font-size: .66rem;
    font-weight: 850;
    letter-spacing: .08em;
    text-transform: uppercase;
}

[b-o9fdsbxpro] .icon-button,
[b-o9fdsbxpro] .snack-actions button,
[b-o9fdsbxpro] .dialog-close {
    display: inline-grid;
    place-items: center;
    border: 0;
    background: transparent;
    cursor: pointer;
}

[b-o9fdsbxpro] .icon-button {
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 50%;
    color: var(--planner-muted);
}

[b-o9fdsbxpro] .icon-button:hover,
[b-o9fdsbxpro] .icon-button.active {
    color: var(--planner-green);
    background: #dfece5;
}

[b-o9fdsbxpro] .add-meal-button {
    display: grid;
    grid-template-columns: 2rem minmax(0, 1fr);
    width: 100%;
    min-height: 70px;
    border: 0;
    padding: .4rem .2rem;
    text-align: left;
    color: #356557;
    background: transparent;
    cursor: pointer;
}

[b-o9fdsbxpro] .add-meal-button > span {
    grid-row: 1 / 3;
    display: grid;
    place-items: center;
    width: 1.7rem;
    height: 1.7rem;
    margin-top: .08rem;
    border-radius: 50%;
    color: #fff;
    background: #dfece5;
    color: var(--planner-green);
}

[b-o9fdsbxpro] .add-meal-button strong {
    font-size: .83rem;
}

[b-o9fdsbxpro] .add-meal-button small {
    margin-top: .12rem;
    color: #7b8b86;
    font-size: .66rem;
}

[b-o9fdsbxpro] .planned-item {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    gap: .62rem;
    align-items: center;
}

[b-o9fdsbxpro] .planned-item:has(:only-child) {
    grid-template-columns: 1fr;
}

[b-o9fdsbxpro] .planned-item img {
    width: 48px;
    height: 48px;
    border-radius: .65rem;
    object-fit: cover;
    background: #e4ece8;
}

[b-o9fdsbxpro] .planned-item strong,
[b-o9fdsbxpro] .planned-item span {
    display: block;
}

[b-o9fdsbxpro] .planned-item strong {
    overflow: hidden;
    font-size: .82rem;
    line-height: 1.25;
    text-overflow: ellipsis;
}

[b-o9fdsbxpro] .planned-item span,
[b-o9fdsbxpro] .snack-item span {
    margin-top: .18rem;
    color: var(--planner-muted);
    font-size: .67rem;
}

[b-o9fdsbxpro] .meal-actions {
    display: flex;
    align-items: center;
    gap: .55rem;
    margin-top: .62rem;
    border-top: 1px solid #dce7e2;
    padding-top: .48rem;
}

[b-o9fdsbxpro] .meal-actions button {
    display: inline-flex;
    align-items: center;
    gap: .25rem;
    min-height: 2.25rem;
    border: 0;
    padding: .3rem .18rem;
    color: #276550;
    background: transparent;
    font-size: .67rem;
    cursor: pointer;
}

[b-o9fdsbxpro] .meal-actions button.danger {
    margin-left: auto;
    min-width: 2.25rem;
    color: #a0392d;
}

[b-o9fdsbxpro] .snack-section {
    margin-top: .78rem;
    border-top: 1px solid var(--planner-line);
    padding-top: .72rem;
}

[b-o9fdsbxpro] .snack-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    margin-top: .4rem;
    border-radius: .72rem;
    padding: .55rem .62rem;
    background: #fff5e9;
}

[b-o9fdsbxpro] .snack-item strong {
    display: block;
    font-size: .75rem;
}

[b-o9fdsbxpro] .snack-actions {
    display: flex;
}

[b-o9fdsbxpro] .snack-actions button {
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 50%;
}

[b-o9fdsbxpro] .planner-dialog-backdrop {
    position: fixed;
    z-index: 1100;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 1rem;
    background: rgb(9 31 24 / 62%);
    backdrop-filter: blur(5px);
}

[b-o9fdsbxpro] .planner-dialog {
    box-sizing: border-box;
    width: min(1160px, calc(100vw - 2rem));
    max-height: 92vh;
    overflow-y: auto;
    border: 1px solid rgb(255 255 255 / 45%);
    border-radius: 1.35rem;
    padding: 1.4rem;
    background: #fff;
    box-shadow: 0 30px 100px rgb(0 0 0 / 28%);
}

[b-o9fdsbxpro] .planner-dialog > header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.1rem;
}

[b-o9fdsbxpro] .planner-dialog h2 {
    font-size: clamp(2.2rem, 4vw, 4rem);
}

[b-o9fdsbxpro] .planner-dialog > header p:last-child {
    color: var(--planner-muted);
}

[b-o9fdsbxpro] .dialog-close {
    flex: 0 0 auto;
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 50%;
    color: var(--planner-muted);
    background: var(--planner-soft);
    font-size: 1.45rem;
}

[b-o9fdsbxpro] .dialog-close:hover {
    color: var(--planner-ink-deep);
    background: #e5efea;
}

[b-o9fdsbxpro] .goals-dialog {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    width: min(1100px, calc(100vw - 2rem));
    overflow: hidden;
    padding: 0;
    background: #f7faf8;
}

[b-o9fdsbxpro] .goals-dialog > header {
    margin: 0;
    border-bottom: 1px solid #e0e9e4;
    padding: 1.35rem 1.55rem 1.15rem;
    background: rgb(255 255 255 / 96%);
}

[b-o9fdsbxpro] .goals-dialog h2 {
    margin-top: .55rem;
    font-size: clamp(2rem, 3.5vw, 3.15rem);
    line-height: .98;
}

[b-o9fdsbxpro] .goals-heading > p {
    max-width: 620px;
    margin-top: .45rem;
    font-size: .88rem;
}

[b-o9fdsbxpro] .setup-badge {
    display: inline-flex;
    align-items: center;
    gap: .42rem;
    border: 1px solid #d8e7df;
    border-radius: 999px;
    padding: .32rem .6rem;
    color: var(--planner-green);
    background: #f0f7f3;
    font-size: .67rem;
    font-weight: 850;
    letter-spacing: .05em;
    text-transform: uppercase;
}

[b-o9fdsbxpro] .goals-form {
    min-height: 0;
    overflow-y: auto;
    padding: 1.15rem 1.55rem 0;
}

[b-o9fdsbxpro] .goals-form fieldset {
    min-width: 0;
    margin: 0;
    border: 0;
    padding: 0;
}

[b-o9fdsbxpro] .goal-section > legend {
    width: 100%;
    margin-bottom: .7rem;
    color: var(--planner-ink-deep);
    font-size: .9rem;
    font-weight: 850;
}

[b-o9fdsbxpro] .goal-section > legend span,
[b-o9fdsbxpro] .goal-section > legend small {
    display: block;
}

[b-o9fdsbxpro] .goal-section > legend span {
    font-size: .92rem;
}

[b-o9fdsbxpro] .goal-section > legend small {
    margin-top: .12rem;
    color: var(--planner-muted);
    font-size: .68rem;
    font-weight: 550;
}

[b-o9fdsbxpro] .goal-choice-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .65rem;
    margin-bottom: 1rem;
}

[b-o9fdsbxpro] .goal-choice {
    position: relative;
    display: grid;
    grid-template-columns: 2.25rem minmax(0, 1fr);
    gap: .65rem;
    min-height: 108px;
    border: 1px solid var(--planner-line);
    border-radius: .95rem;
    padding: .82rem 2.35rem .82rem .82rem;
    background: #fff;
    cursor: pointer;
    box-shadow: 0 8px 24px rgb(17 69 52 / 4%);
    transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}

[b-o9fdsbxpro] .goal-choice:hover {
    border-color: #9ebcaf;
    box-shadow: 0 12px 26px rgb(17 69 52 / 8%);
    transform: translateY(-1px);
}

[b-o9fdsbxpro] .goal-choice.selected {
    border-color: var(--planner-green);
    background: #edf7f1;
    box-shadow: inset 0 0 0 1px var(--planner-green);
}

[b-o9fdsbxpro] .goal-choice-check,
[b-o9fdsbxpro] .target-source-check {
    display: grid !important;
    place-items: center;
    width: 1.25rem;
    height: 1.25rem;
    border: 1px solid #c9d8d1;
    border-radius: 50%;
    color: transparent;
    background: #fff;
    font-size: .58rem;
}

[b-o9fdsbxpro] .goal-choice-check {
    position: absolute;
    top: .72rem;
    right: .72rem;
}

[b-o9fdsbxpro] .goal-choice.selected .goal-choice-check,
[b-o9fdsbxpro] .target-source-card.selected .target-source-check {
    border-color: var(--planner-green);
    color: #fff;
    background: var(--planner-green);
}

[b-o9fdsbxpro] .goal-choice input,
[b-o9fdsbxpro] .target-source-card input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

[b-o9fdsbxpro] .goal-choice > i {
    display: grid;
    place-items: center;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: .7rem;
    color: var(--planner-green);
    background: #e8f2ed;
}

[b-o9fdsbxpro] .goal-choice span,
[b-o9fdsbxpro] .goal-choice strong,
[b-o9fdsbxpro] .goal-choice small,
[b-o9fdsbxpro] .goal-toggle span,
[b-o9fdsbxpro] .goal-toggle strong,
[b-o9fdsbxpro] .goal-toggle small,
[b-o9fdsbxpro] .target-source-card span,
[b-o9fdsbxpro] .target-source-card strong,
[b-o9fdsbxpro] .target-source-card small {
    display: block;
}

[b-o9fdsbxpro] .goal-choice small,
[b-o9fdsbxpro] .goal-toggle small,
[b-o9fdsbxpro] .target-source-card small {
    margin-top: .22rem;
    color: var(--planner-muted);
    font-size: .7rem;
    line-height: 1.35;
}

[b-o9fdsbxpro] .goal-form-columns {
    display: grid;
    grid-template-columns: 1.1fr .9fr;
    gap: .8rem;
}

[b-o9fdsbxpro] .goal-form-columns > .goal-section {
    border: 1px solid var(--planner-line);
    border-radius: 1rem;
    padding: 1rem;
    background: #fff;
    box-shadow: 0 10px 30px rgb(17 69 52 / 4%);
}

[b-o9fdsbxpro] .goal-input-grid,
[b-o9fdsbxpro] .custom-target-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .7rem;
    margin-bottom: .8rem;
}

[b-o9fdsbxpro] .custom-target-grid label > span {
    display: block;
    margin-bottom: .3rem;
    color: #526860;
    font-size: .7rem;
    font-weight: 750;
}

[b-o9fdsbxpro] .custom-target-grid input {
    width: 100%;
    min-height: 2.55rem;
    border: 1px solid #cbd9d2;
    border-radius: .65rem;
    padding: .5rem .62rem;
    background: #fff;
}

[b-o9fdsbxpro] .goal-number-field {
    min-width: 0;
    border: 1px solid #dbe6e0;
    border-radius: .85rem;
    padding: .68rem;
    background: #fff;
}

[b-o9fdsbxpro] .goal-number-field > label,
[b-o9fdsbxpro] .goal-number-field > small {
    display: block;
}

[b-o9fdsbxpro] .goal-number-field > label {
    color: var(--planner-ink);
    font-size: .8rem;
    font-weight: 850;
}

[b-o9fdsbxpro] .goal-number-field > small {
    min-height: 1.15rem;
    margin: .08rem 0 .5rem;
    color: var(--planner-muted);
    font-size: .68rem;
}

[b-o9fdsbxpro] .goal-number-field select {
    width: 100%;
    min-height: 3rem;
    border: 1px solid #cbd9d2;
    border-radius: .7rem;
    padding: .5rem 2rem .5rem .7rem;
    color: var(--planner-ink-deep);
    background: #f9fcfa;
    font-size: .82rem;
    font-weight: 750;
}

[b-o9fdsbxpro] .goal-stepper {
    display: grid;
    grid-template-columns: 2.45rem minmax(0, 1fr) 2.45rem;
    min-height: 3rem;
    overflow: hidden;
    border: 1px solid #cbd9d2;
    border-radius: .7rem;
    background: #f9fcfa;
}

[b-o9fdsbxpro] .goal-stepper button {
    border: 0;
    border-radius: 0;
    color: var(--planner-green);
    background: #edf5f1;
    font-size: 1.25rem;
    font-weight: 750;
}

[b-o9fdsbxpro] .goal-stepper button:hover:not(:disabled) {
    background: #dfeee6;
}

[b-o9fdsbxpro] .goal-stepper button:disabled {
    color: #aebdb6;
    cursor: not-allowed;
}

[b-o9fdsbxpro] .stepper-reading {
    display: grid;
    place-content: center;
    min-width: 0;
    text-align: center;
}

[b-o9fdsbxpro] .stepper-reading input {
    width: 100%;
    min-width: 0;
    border: 0;
    padding: 0;
    color: var(--planner-ink-deep);
    background: transparent;
    text-align: center;
    font-size: 1.02rem;
    font-weight: 850;
    appearance: textfield;
}

[b-o9fdsbxpro] .stepper-reading input::-webkit-inner-spin-button,
[b-o9fdsbxpro] .stepper-reading input::-webkit-outer-spin-button,
[b-o9fdsbxpro] .custom-target-grid input::-webkit-inner-spin-button,
[b-o9fdsbxpro] .custom-target-grid input::-webkit-outer-spin-button {
    margin: 0;
    appearance: none;
}

[b-o9fdsbxpro] .stepper-reading span {
    color: var(--planner-muted);
    font-size: .6rem;
    line-height: 1;
}

[b-o9fdsbxpro] .input-with-unit {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    min-height: 3rem;
    overflow: hidden;
    border: 1px solid #cbd9d2;
    border-radius: .65rem;
    background: #f9fcfa;
}

[b-o9fdsbxpro] .input-with-unit input {
    min-height: 2.9rem;
    border: 0;
    border-radius: 0;
    padding-inline: .72rem;
    background: transparent;
}

[b-o9fdsbxpro] .input-with-unit > span {
    display: grid;
    align-self: stretch;
    place-items: center;
    min-width: 3.15rem;
    border-left: 1px solid #dce6e1;
    padding: 0 .65rem;
    color: var(--planner-green);
    background: #edf5f1;
    font-size: .7rem;
    font-weight: 850;
    letter-spacing: .01em;
}

[b-o9fdsbxpro] .goal-toggle {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: .7rem;
    align-items: center;
    padding: .62rem .05rem;
    cursor: pointer;
}

[b-o9fdsbxpro] .goal-toggle input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

[b-o9fdsbxpro] .goal-toggle-list {
    display: grid;
    gap: 0;
    border-top: 1px solid #e2ebe6;
}

[b-o9fdsbxpro] .goal-toggle + .goal-toggle {
    border-top: 1px solid #e7eeea;
}

[b-o9fdsbxpro] .toggle-switch {
    position: relative;
    width: 2.35rem;
    height: 1.35rem;
    border-radius: 999px;
    background: #d6e0db;
    transition: background .16s ease;
}

[b-o9fdsbxpro] .toggle-switch > span {
    position: absolute;
    top: .18rem;
    left: .18rem;
    width: .99rem;
    height: .99rem;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 2px 5px rgb(0 0 0 / 18%);
    transition: transform .16s ease;
}

[b-o9fdsbxpro] .goal-toggle input:checked + .toggle-switch {
    background: var(--planner-green);
}

[b-o9fdsbxpro] .goal-toggle input:checked + .toggle-switch > span {
    transform: translateX(1rem);
}

[b-o9fdsbxpro] .goal-toggle input:focus-visible + .toggle-switch {
    outline: 3px solid rgb(21 96 72 / 20%);
    outline-offset: 2px;
}

[b-o9fdsbxpro] .target-source-card {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: .65rem;
    align-items: start;
    margin-bottom: .5rem;
    border: 1px solid var(--planner-line);
    border-radius: .8rem;
    padding: .78rem;
    background: #fff;
    cursor: pointer;
    transition: border-color .16s ease, background .16s ease;
}

[b-o9fdsbxpro] .target-source-card.selected {
    border-color: var(--planner-green);
    background: #edf7f1;
    box-shadow: inset 0 0 0 1px var(--planner-green);
}

[b-o9fdsbxpro] .target-source-options {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .55rem;
}

[b-o9fdsbxpro] .target-source-options .target-source-card {
    height: 100%;
    margin-bottom: 0;
}

[b-o9fdsbxpro] .target-preview {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .45rem;
    margin-top: .7rem;
    border: 1px solid #dbe7e1;
    border-radius: .85rem;
    padding: .65rem;
    color: var(--planner-ink-deep);
    background: #f3f8f5;
}

[b-o9fdsbxpro] .target-metric {
    border-right: 1px solid #dbe7e1;
    padding: .15rem .5rem;
}

[b-o9fdsbxpro] .target-metric:nth-child(3) {
    border-right: 0;
}

[b-o9fdsbxpro] .target-metric strong,
[b-o9fdsbxpro] .target-metric span {
    display: block;
}

[b-o9fdsbxpro] .target-metric strong {
    color: var(--planner-green);
    font-size: 1.15rem;
}

[b-o9fdsbxpro] .target-metric span {
    margin-top: .06rem;
    color: var(--planner-muted);
    font-size: .64rem;
}

[b-o9fdsbxpro] .target-preview small {
    grid-column: 1 / -1;
    border-top: 1px solid #dbe7e1;
    padding: .52rem .5rem 0;
    color: var(--planner-muted);
    font-size: .66rem;
}

[b-o9fdsbxpro] .custom-target-grid {
    grid-template-columns: 1fr;
    margin-top: .7rem;
}

[b-o9fdsbxpro] .dialog-footer {
    position: sticky;
    bottom: 0;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .55rem;
    margin-top: 1rem;
    margin-inline: -1.55rem;
    border-top: 1px solid #dce7e1;
    padding: .85rem 1.55rem;
    background: rgb(255 255 255 / 97%);
    box-shadow: 0 -12px 28px rgb(17 69 52 / 7%);
    backdrop-filter: blur(10px);
}

[b-o9fdsbxpro] .dialog-footer-copy {
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    gap: .6rem;
    min-width: 0;
    margin-right: auto;
    color: var(--planner-muted);
}

[b-o9fdsbxpro] .dialog-footer-copy > i {
    color: var(--planner-green);
    font-size: 1.1rem;
}

[b-o9fdsbxpro] .dialog-footer-copy span,
[b-o9fdsbxpro] .dialog-footer-copy strong,
[b-o9fdsbxpro] .dialog-footer-copy small {
    display: block;
}

[b-o9fdsbxpro] .dialog-footer-copy strong {
    color: var(--planner-ink);
    font-size: .72rem;
}

[b-o9fdsbxpro] .dialog-footer-copy small {
    margin-top: .06rem;
    font-size: .64rem;
    white-space: normal;
}

[b-o9fdsbxpro] .generation-dialog {
    width: min(720px, 96vw);
}

[b-o9fdsbxpro] .generation-summary {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .55rem;
    margin-bottom: .9rem;
}

[b-o9fdsbxpro] .generation-summary > span {
    display: grid;
    place-items: center;
    gap: .25rem;
    min-height: 76px;
    border-radius: .8rem;
    padding: .55rem;
    text-align: center;
    background: var(--planner-soft);
    font-size: .72rem;
}

[b-o9fdsbxpro] .generation-summary i {
    color: var(--planner-green);
}

[b-o9fdsbxpro] .generation-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .7rem;
}

[b-o9fdsbxpro] .generation-option {
    display: grid;
    grid-template-columns: 2.5rem minmax(0, 1fr);
    gap: .7rem;
    min-height: 108px;
    border: 1px solid var(--planner-line);
    border-radius: .95rem;
    padding: .85rem;
    text-align: left;
    color: var(--planner-ink);
    background: #fff;
    cursor: pointer;
}

[b-o9fdsbxpro] .generation-option.accent {
    border-color: var(--planner-green);
    background: #edf7f1;
}

[b-o9fdsbxpro] .generation-option > i {
    display: grid;
    place-items: center;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: .75rem;
    color: var(--planner-green);
    background: #dfeee6;
}

[b-o9fdsbxpro] .generation-option strong,
[b-o9fdsbxpro] .generation-option small {
    display: block;
}

[b-o9fdsbxpro] .generation-option small {
    margin-top: .25rem;
    color: var(--planner-muted);
    line-height: 1.35;
}

[b-o9fdsbxpro] .picker-controls {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: .65rem;
    align-items: stretch;
    border: 1px solid var(--planner-line);
    border-radius: .9rem;
    padding: .55rem;
    background: var(--planner-soft);
}

[b-o9fdsbxpro] .picker-search {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: .25rem;
    align-items: center;
    border: 1px solid #cbd9d2;
    border-radius: .72rem;
    background: #fff;
}

[b-o9fdsbxpro] .picker-search > i {
    padding-left: .8rem;
    color: #71827c;
}

[b-o9fdsbxpro] .picker-search input {
    width: 100%;
    min-height: 2.7rem;
    border: 0;
    padding: .6rem .7rem;
    outline: none;
    background: transparent;
}

[b-o9fdsbxpro] .picker-search .planner-button {
    min-height: 2.35rem;
    margin-right: .22rem;
}

[b-o9fdsbxpro] .picker-portion-controls {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .4rem;
}

[b-o9fdsbxpro] .picker-portion-controls label {
    display: grid;
    grid-template-columns: auto 4.4rem;
    gap: .05rem .4rem;
    align-items: center;
    border: 1px solid #cbd9d2;
    border-radius: .72rem;
    padding: .35rem .55rem;
    background: #fff;
}

[b-o9fdsbxpro] .picker-portion-controls span,
[b-o9fdsbxpro] .picker-portion-controls small {
    display: block;
    font-size: .64rem;
}

[b-o9fdsbxpro] .picker-portion-controls span {
    font-weight: 800;
}

[b-o9fdsbxpro] .picker-portion-controls small {
    grid-column: 1;
    color: var(--planner-muted);
}

[b-o9fdsbxpro] .picker-portion-controls input {
    grid-column: 2;
    grid-row: 1 / 3;
    width: 4.4rem;
    min-height: 2.2rem;
    border: 1px solid var(--planner-line);
    border-radius: .5rem;
    padding: .35rem;
}

[b-o9fdsbxpro] .picker-portion-controls input {
    grid-column: 2;
    grid-row: 1 / 3;
    width: 4.4rem;
    min-height: 2.2rem;
    border: 1px solid var(--planner-line);
    border-radius: .5rem;
    padding: .35rem;
}

[b-o9fdsbxpro] .custom-meal-panel,
[b-o9fdsbxpro] .leftovers-panel,
[b-o9fdsbxpro] .shopping-warnings {
    margin: .65rem 0;
    border-radius: .8rem;
    padding: .68rem .75rem;
    background: #fff6e7;
}

[b-o9fdsbxpro] .custom-meal-panel summary,
[b-o9fdsbxpro] .leftovers-panel summary,
[b-o9fdsbxpro] .shopping-warnings summary {
    color: #6c4b20;
    font-size: .78rem;
    font-weight: 800;
    cursor: pointer;
}

[b-o9fdsbxpro] .custom-meal-form {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: .5rem;
    margin-top: .6rem;
}

[b-o9fdsbxpro] .custom-meal-form input {
    width: 100%;
    min-height: 2.65rem;
    border: 1px solid #ddcaa9;
    border-radius: .65rem;
    padding: .55rem .7rem;
}

[b-o9fdsbxpro] .custom-meal-form button {
    color: #fff;
    background: var(--planner-green);
}

[b-o9fdsbxpro] .leftovers-panel > div {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
    margin-top: .6rem;
}

[b-o9fdsbxpro] .leftovers-panel button {
    border: 1px solid #e6cfaa;
    border-radius: .65rem;
    padding: .55rem .7rem;
    text-align: left;
    background: #fff;
    cursor: pointer;
}

[b-o9fdsbxpro] .leftovers-panel button span {
    display: block;
    color: var(--planner-muted);
    font-size: .7rem;
}

[b-o9fdsbxpro] .candidate-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: .8rem;
    margin-top: .85rem;
}

[b-o9fdsbxpro] .candidate-card {
    display: flex;
    flex-direction: column;
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--planner-line);
    border-radius: 1rem;
    background: #fff;
    box-shadow: 0 10px 28px rgb(20 58 48 / 5%);
}

[b-o9fdsbxpro] .candidate-media {
    position: relative;
    display: grid;
    place-items: center;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    color: #9bb2a8;
    background: linear-gradient(135deg, #e9f2ed, #f8f4e9);
    font-size: 1.5rem;
}

[b-o9fdsbxpro] .candidate-media img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

[b-o9fdsbxpro] .candidate-body {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: .8rem;
}

[b-o9fdsbxpro] .candidate-body strong {
    line-height: 1.25;
}

[b-o9fdsbxpro] .candidate-meta {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem .65rem;
    margin-top: .48rem;
    color: var(--planner-muted);
    font-size: .7rem;
}

[b-o9fdsbxpro] .candidate-body p.candidate-nutrition {
    margin: .4rem 0 0;
    color: var(--planner-ink);
    font-size: .76rem;
    font-weight: 750;
}

[b-o9fdsbxpro] .candidate-body small {
    display: block;
    flex: 1;
    min-height: 2.4em;
    margin: .45rem 0 .7rem;
    color: #53736a;
}

[b-o9fdsbxpro] .candidate-body button {
    width: 100%;
}

[b-o9fdsbxpro] .draft-badge,
[b-o9fdsbxpro] .manual-badge,
[b-o9fdsbxpro] .override-badge {
    display: inline-block;
    margin-left: .35rem;
    border-radius: 1rem;
    padding: .12rem .38rem;
    color: #416158;
    background: #e8f1ed;
    font-size: .63rem;
    font-weight: 750;
}

[b-o9fdsbxpro] .draft-badge,
[b-o9fdsbxpro] .override-badge {
    color: #774500;
    background: #fff0d4;
}

[b-o9fdsbxpro] .picker-loading,
[b-o9fdsbxpro] .picker-empty {
    margin-top: .8rem;
    border-radius: .8rem;
    padding: 1.1rem;
    text-align: center;
    color: var(--planner-muted);
    background: var(--planner-soft);
}

[b-o9fdsbxpro] .shopping-backdrop {
    place-items: stretch end;
    padding: 0;
}

[b-o9fdsbxpro] .shopping-dialog {
    width: min(780px, 100vw);
    max-height: 100vh;
    height: 100vh;
    border-radius: 1.35rem 0 0 1.35rem;
    padding: 1.35rem;
}

[b-o9fdsbxpro] .shopping-dialog > header {
    position: sticky;
    z-index: 2;
    top: -1.35rem;
    margin: -1.35rem -1.35rem 1rem;
    border-bottom: 1px solid var(--planner-line);
    padding: 1.35rem;
    background: rgb(255 255 255 / 95%);
    backdrop-filter: blur(8px);
}

[b-o9fdsbxpro] .shopping-toolbar {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    margin-bottom: .75rem;
}

[b-o9fdsbxpro] .shopping-stale {
    margin-bottom: .75rem;
    border: 1px solid #e5ac54;
    border-radius: .7rem;
    padding: .72rem .82rem;
    color: #714200;
    background: #fff8e5;
}

[b-o9fdsbxpro] .shopping-manual-form {
    display: grid;
    grid-template-columns: minmax(180px, 2fr) 78px 90px minmax(110px, 1fr) auto;
    gap: .4rem;
    margin-bottom: .75rem;
    border: 1px solid var(--planner-line);
    border-radius: .85rem;
    padding: .7rem;
    background: var(--planner-soft);
}

[b-o9fdsbxpro] .shopping-manual-form :is(input, button),
[b-o9fdsbxpro] .shopping-manual-form input,
[b-o9fdsbxpro] .shopping-edit-fields :is(input, button),
[b-o9fdsbxpro] .shopping-edit-fields input,
[b-o9fdsbxpro] .shopping-line-actions button,
[b-o9fdsbxpro] .shopping-secondary-list button {
    min-height: 2.25rem;
    border: 1px solid var(--planner-line);
    border-radius: .55rem;
    padding: .42rem .55rem;
    background: #fff;
}

[b-o9fdsbxpro] .shopping-manual-form button {
    border-color: var(--planner-green);
    color: #fff;
    background: var(--planner-green);
    font-weight: 800;
}

[b-o9fdsbxpro] .shopping-sections {
    display: grid;
    grid-template-columns: 1fr;
    gap: .75rem;
    margin-top: .8rem;
}

[b-o9fdsbxpro] .shopping-sections > section {
    border: 1px solid var(--planner-line);
    border-radius: .85rem;
    padding: .75rem;
}

[b-o9fdsbxpro] .shopping-sections h3 {
    margin: 0 0 .45rem;
    font-size: .95rem;
}

[b-o9fdsbxpro] .shopping-line {
    border-top: 1px solid #edf1ef;
    padding: .58rem 0;
}

[b-o9fdsbxpro] .shopping-line.overridden {
    border-left: 3px solid #d68a25;
    padding-left: .52rem;
}

[b-o9fdsbxpro] .shopping-line-main {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: .52rem;
    align-items: center;
}

[b-o9fdsbxpro] .shopping-line-main > input[type="checkbox"] {
    width: 1.05rem;
    height: 1.05rem;
}

[b-o9fdsbxpro] .shopping-line-label {
    min-width: 0;
}

[b-o9fdsbxpro] .shopping-line-label strong {
    overflow-wrap: anywhere;
}

[b-o9fdsbxpro] .shopping-quantity {
    white-space: nowrap;
}

[b-o9fdsbxpro] .shopping-line-actions {
    display: flex;
    flex-wrap: wrap;
    gap: .32rem;
    margin: .42rem 0 0 1.55rem;
}

[b-o9fdsbxpro] .shopping-line-actions button {
    min-height: 1.75rem;
    padding: .22rem .42rem;
    color: #31564b;
    font-size: .7rem;
}

[b-o9fdsbxpro] .shopping-line-actions button.danger {
    color: #9a2d20;
}

[b-o9fdsbxpro] .shopping-edit-fields {
    display: grid;
    grid-template-columns: minmax(6.5rem, 8rem) minmax(5rem, 7rem) auto auto;
    gap: .28rem;
    grid-column: 3;
}

[b-o9fdsbxpro] .shopping-edit-fields input {
    width: 100%;
}

[b-o9fdsbxpro] .shopping-edit-fields,
[b-o9fdsbxpro] .shopping-edit-fields :is(input, button),
[b-o9fdsbxpro] .shopping-edit-fields input {
    min-width: 0;
    max-width: 100%;
}

[b-o9fdsbxpro] .shopping-sources {
    margin: .42rem 0 0 1.55rem;
    color: var(--planner-muted);
    font-size: .75rem;
}

[b-o9fdsbxpro] .shopping-sources summary {
    cursor: pointer;
}

[b-o9fdsbxpro] .shopping-sources ul {
    margin: .4rem 0 0;
    padding-left: 1.15rem;
}

[b-o9fdsbxpro] .shopping-secondary-list {
    margin-top: .7rem;
    border: 1px solid var(--planner-line);
    border-radius: .8rem;
    padding: .62rem .72rem;
}

[b-o9fdsbxpro] .shopping-secondary-list > summary {
    cursor: pointer;
    font-weight: 750;
}

[b-o9fdsbxpro] .shopping-secondary-list > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    border-top: 1px solid #edf1ef;
    padding: .42rem 0;
}

[b-o9fdsbxpro] .shopping-empty-state {
    display: grid;
    place-items: center;
    gap: .35rem;
    min-height: 180px;
    border: 1px dashed #ccdcd4;
    border-radius: 1rem;
    text-align: center;
    color: var(--planner-muted);
    background: var(--planner-soft);
}

[b-o9fdsbxpro] .shopping-empty-state i {
    color: #8aa398;
    font-size: 2rem;
}

[b-o9fdsbxpro] .shopping-empty-state strong {
    color: var(--planner-ink);
}

@media (max-width: 1250px) {
    [b-o9fdsbxpro] .week-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

}

@media (max-width: 1050px) {
    [b-o9fdsbxpro] .goal-form-columns {
        grid-template-columns: 1fr;
    }

    [b-o9fdsbxpro] .custom-target-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    [b-o9fdsbxpro] .week-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    [b-o9fdsbxpro] .picker-controls {
        grid-template-columns: 1fr;
    }

    [b-o9fdsbxpro] .generation-summary {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 820px) {
    [b-o9fdsbxpro] .goal-choice-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 620px) {
    .meal-planner-page[b-o9fdsbxpro] {
        padding-inline: .75rem;
    }

    [b-o9fdsbxpro] .week-grid,
[b-o9fdsbxpro] .goal-choice-grid,
[b-o9fdsbxpro] .goal-input-grid,
[b-o9fdsbxpro] .custom-target-grid,
[b-o9fdsbxpro] .target-source-options,
[b-o9fdsbxpro] .generation-actions,
[b-o9fdsbxpro] .shopping-manual-form {
        grid-template-columns: 1fr;
    }

    [b-o9fdsbxpro] .day-column {
        border-radius: 1rem;
    }

    [b-o9fdsbxpro] .planner-dialog {
        max-height: 96vh;
        border-radius: 1rem;
        padding: .9rem;
    }

    [b-o9fdsbxpro] .goals-dialog {
        padding: 0;
    }

    [b-o9fdsbxpro] .goals-dialog > header,
[b-o9fdsbxpro] .goals-form {
        padding-inline: .9rem;
    }

    [b-o9fdsbxpro] .planner-dialog h2 {
        font-size: 2.35rem;
    }

    [b-o9fdsbxpro] .picker-portion-controls,
[b-o9fdsbxpro] .generation-summary {
        grid-template-columns: 1fr 1fr;
    }

    [b-o9fdsbxpro] .target-preview {
        grid-template-columns: 1fr;
    }

    [b-o9fdsbxpro] .target-metric,
[b-o9fdsbxpro] .target-metric:nth-child(3) {
        border-right: 0;
    }

    [b-o9fdsbxpro] .target-metric + .target-metric {
        border-top: 1px solid #dbe7e1;
        padding-top: .5rem;
    }

    [b-o9fdsbxpro] .custom-meal-form {
        grid-template-columns: 1fr;
    }

    [b-o9fdsbxpro] .dialog-footer {
        flex-direction: column-reverse;
        margin-inline: -.9rem;
        padding-inline: .9rem;
    }

    [b-o9fdsbxpro] .dialog-footer-copy {
        display: none;
    }

    [b-o9fdsbxpro] .dialog-footer .planner-button {
        width: 100%;
    }

    [b-o9fdsbxpro] .shopping-dialog {
        width: 100vw;
        overflow-x: hidden;
        border-radius: 0;
    }

    [b-o9fdsbxpro] .shopping-dialog > header {
        top: -.9rem;
        margin: -.9rem -.9rem 1rem;
        padding: .9rem;
    }

    [b-o9fdsbxpro] .shopping-line-main {
        grid-template-columns: auto minmax(0, 1fr);
    }

    [b-o9fdsbxpro] .shopping-quantity,
[b-o9fdsbxpro] .shopping-edit-fields {
        grid-column: 2;
    }

    [b-o9fdsbxpro] .shopping-edit-fields {
        grid-template-columns: 1fr 1fr;
    }
}

@media (pointer: coarse) {
    [b-o9fdsbxpro] .icon-button,
[b-o9fdsbxpro] .snack-actions button {
        width: 2.75rem;
        height: 2.75rem;
    }

    [b-o9fdsbxpro] .meal-actions button,
[b-o9fdsbxpro] .shopping-line-actions button {
        min-height: 2.75rem;
    }

    [b-o9fdsbxpro] .meal-actions button.danger {
        min-width: 2.75rem;
    }
}
.planner-follow-week[b-o9fdsbxpro] { padding: 1.25rem; margin: 1rem 0; border: 1px solid #cfddca; border-radius: 16px; background: #f4f8f1; }
.planner-follow-week p[b-o9fdsbxpro] { margin: .6rem 0; }
.planner-follow-week summary[b-o9fdsbxpro] { cursor: pointer; font-weight: 650; }
/* /Pages/Admin/EditRecipe.razor.rz.scp.css */
.edit-recipe-empty[b-kusaylvcoe] {
    padding: 1.5rem;
    border: 1px solid #e5e7eb;
    border-radius: 1rem;
    background: #fff;
}

.edit-recipe-kicker[b-kusaylvcoe] {
    margin-bottom: .25rem;
    font-size: .85rem;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: #6b7280;
}

.edit-recipe-header[b-kusaylvcoe] {
    position: sticky;
    top: 86px;
    z-index: 1010;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
    padding: .85rem 1rem;
    border: 1px solid #e5e7eb;
    border-top: 0;
    border-radius: 0 0 12px 12px;
    background: rgba(255, 253, 248, .97);
    box-shadow: 0 10px 24px rgba(67, 51, 32, .08);
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
}

.edit-recipe-heading[b-kusaylvcoe] {
    min-width: 12rem;
}

.edit-recipe-header-actions[b-kusaylvcoe] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .75rem;
    flex-wrap: wrap;
}

.edit-recipe-navigation-actions[b-kusaylvcoe],
.edit-recipe-primary-actions[b-kusaylvcoe] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .5rem;
    flex-wrap: wrap;
}

.edit-recipe-primary-actions[b-kusaylvcoe] {
    padding-left: .75rem;
    border-left: 1px solid #e5e7eb;
}

.edit-recipe-save-message[b-kusaylvcoe] {
    max-width: 16rem;
    margin: 0;
    color: #4b5563;
    font-size: .9rem;
    line-height: 1.25;
}

.edit-linked-recipes-panel[b-kusaylvcoe] {
    margin-bottom: 1rem;
    padding: 1rem;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    background: #fff;
}

.edit-recipe-tone-warning[b-kusaylvcoe] {
    margin-bottom: 1rem;
    padding: 1rem 1.1rem;
    border: 1px solid #f0b86e;
    border-radius: 12px;
    background: #fff8e8;
    color: #633500;
}

.edit-recipe-tone-warning__heading[b-kusaylvcoe] {
    display: flex;
    align-items: flex-start;
    gap: .7rem;
}

.edit-recipe-tone-warning__heading > i[b-kusaylvcoe] {
    margin-top: .2rem;
    color: #c56d00;
}

.edit-recipe-tone-warning__heading p[b-kusaylvcoe] {
    margin: .25rem 0 0;
    color: #7a4a13;
}

.edit-recipe-tone-warning ul[b-kusaylvcoe] {
    margin: .8rem 0 0 1.2rem;
    padding: 0;
}

.edit-recipe-tone-warning li + li[b-kusaylvcoe] {
    margin-top: .4rem;
}

.edit-recipe-tone-warning li span[b-kusaylvcoe] {
    display: block;
    color: #7a4a13;
    font-size: .9rem;
}

.edit-recipe-tone-issue-link[b-kusaylvcoe] {
    display: inline-flex;
    margin-top: .4rem;
    color: #7a3f00;
    font-size: .9rem;
    font-weight: 700;
}

.edit-recipe-tone-warning__action[b-kusaylvcoe] {
    display: inline-flex;
    margin-top: .9rem;
    color: #7a3f00;
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: .2rem;
}

.edit-recipe-tone-excerpt[b-kusaylvcoe] {
    margin: .45rem 0 0;
    padding: .55rem .75rem;
    border-left: 3px solid #d78926;
    background: rgba(255, 255, 255, .65);
    color: #4f2d08;
    font-size: .9rem;
    font-style: normal;
}

.edit-recipe-tone-clear[b-kusaylvcoe] {
    display: flex;
    align-items: center;
    gap: .65rem;
    margin-bottom: 1rem;
    padding: .75rem 1rem;
    border: 1px solid #9ac7a5;
    border-radius: 10px;
    background: #f0f9f2;
    color: #185c2d;
}

.edit-recipe-seo-panel[b-kusaylvcoe] {
    margin-bottom: 1rem;
    padding: 1.1rem;
    scroll-margin-top: 190px;
    border: 1px solid #d8ddd7;
    border-radius: 12px;
    background: #fff;
}

.edit-recipe-seo-panel__heading[b-kusaylvcoe] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.edit-recipe-seo-panel__heading h2[b-kusaylvcoe],
.edit-recipe-seo-panel__heading p[b-kusaylvcoe] {
    margin: 0;
}

.edit-recipe-seo-panel__heading > p[b-kusaylvcoe] {
    max-width: 38rem;
    color: #6b7280;
    font-size: .9rem;
}

.edit-recipe-seo-fields[b-kusaylvcoe] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr);
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.edit-recipe-seo-fields small[b-kusaylvcoe] {
    display: block;
    margin-top: .3rem;
    color: #6b7280;
    text-align: right;
}

.edit-recipe-seo-fields :is(input, textarea):target[b-kusaylvcoe] {
    border-color: #d78926;
    box-shadow: 0 0 0 3px rgba(215, 137, 38, .18);
}

.edit-recipe-insights-editor[b-kusaylvcoe] {
    padding-top: 1rem;
    border-top: 1px solid #e5e7eb;
}

.edit-recipe-planner-panel[b-kusaylvcoe] {
    margin-bottom: 1rem;
    padding: 1.1rem;
    border: 1px solid #cfe0d7;
    border-radius: 12px;
    background: #f7fbf8;
}

.edit-recipe-planner-panel__heading[b-kusaylvcoe] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.edit-recipe-planner-panel__heading h2[b-kusaylvcoe],
.edit-recipe-planner-panel__heading p[b-kusaylvcoe] {
    margin: 0;
}

.edit-recipe-planner-panel__heading > p[b-kusaylvcoe] {
    max-width: 38rem;
    color: #5f6f67;
    font-size: .9rem;
}

.edit-recipe-planner-fields[b-kusaylvcoe] {
    display: grid;
    grid-template-columns: minmax(190px, .65fr) minmax(0, 1.35fr);
    gap: 1.5rem;
    align-items: start;
}

.edit-recipe-planner-eligibility[b-kusaylvcoe] {
    grid-column: 1 / -1;
    display: flex;
    align-items: flex-start;
    gap: .75rem;
    padding: .85rem 1rem;
    border: 1px solid #bfd4c8;
    border-radius: .75rem;
    background: #fff;
    cursor: pointer;
}

.edit-recipe-planner-eligibility input[b-kusaylvcoe] {
    flex: 0 0 auto;
    margin-top: .25rem;
}

.edit-recipe-planner-eligibility span[b-kusaylvcoe],
.edit-recipe-planner-eligibility strong[b-kusaylvcoe] {
    display: block;
}

.edit-recipe-planner-eligibility small[b-kusaylvcoe] {
    margin-top: .2rem;
}

.edit-recipe-planner-fields small[b-kusaylvcoe] {
    display: block;
    margin-top: .35rem;
    color: #66756e;
}

.edit-recipe-yield-fields[b-kusaylvcoe] {
    display: grid;
    grid-template-columns: minmax(110px, .5fr) minmax(0, 1fr);
    gap: .75rem;
}

.edit-recipe-yield-fields > small[b-kusaylvcoe] {
    grid-column: 1 / -1;
}

.edit-recipe-planner-fields fieldset[b-kusaylvcoe] {
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
}

.edit-recipe-planner-fields legend[b-kusaylvcoe] {
    margin-bottom: .5rem;
    font-size: 1rem;
    font-weight: 600;
}

.edit-recipe-meal-types[b-kusaylvcoe] {
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
}

.edit-recipe-meal-types label[b-kusaylvcoe] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    padding: .55rem .7rem;
    border: 1px solid #c7d8cf;
    border-radius: .65rem;
    background: #fff;
    cursor: pointer;
}

@media (max-width: 1199.98px) {
    .edit-recipe-header[b-kusaylvcoe] {
        align-items: flex-start;
    }

    .edit-recipe-header-actions[b-kusaylvcoe] {
        flex-direction: column;
        align-items: flex-end;
    }

    .edit-recipe-primary-actions[b-kusaylvcoe] {
        padding-left: 0;
        border-left: 0;
    }
}

@media (max-width: 991.98px) {
    .edit-recipe-header[b-kusaylvcoe] {
        top: 112px;
    }
}

@media (max-width: 767.98px) {
    .edit-recipe-header[b-kusaylvcoe] {
        flex-direction: column;
        align-items: stretch;
        padding: .75rem;
    }

    .edit-recipe-header-actions[b-kusaylvcoe],
    .edit-recipe-navigation-actions[b-kusaylvcoe],
    .edit-recipe-primary-actions[b-kusaylvcoe] {
        width: 100%;
        align-items: center;
        justify-content: flex-start;
    }

    .edit-recipe-heading .text-muted[b-kusaylvcoe] {
        display: none;
    }

    .edit-recipe-save-message[b-kusaylvcoe] {
        order: 10;
        max-width: none;
        flex-basis: 100%;
    }

    .edit-recipe-seo-panel__heading[b-kusaylvcoe] {
        display: block;
    }

    .edit-recipe-planner-panel__heading[b-kusaylvcoe] {
        display: block;
    }

    .edit-recipe-seo-panel__heading > p[b-kusaylvcoe],
    .edit-recipe-planner-panel__heading > p[b-kusaylvcoe] {
        margin-top: .5rem;
    }

    .edit-recipe-planner-fields[b-kusaylvcoe] {
        grid-template-columns: 1fr;
    }

    .edit-recipe-yield-fields[b-kusaylvcoe] {
        grid-template-columns: minmax(0, 1fr);
    }

    .edit-recipe-seo-fields[b-kusaylvcoe] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .edit-recipe-header[b-kusaylvcoe] {
        top: 108px;
    }
}
/* /Pages/Admin/ManageSocials.razor.rz.scp.css */
.socials-page[b-5d4jz3h66k] { max-width: 1400px; margin: 0 auto; padding: 36px 24px 64px; color: #173f32; }
.socials-header[b-5d4jz3h66k], .draft-heading[b-5d4jz3h66k] { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-bottom: 24px; }
.socials-header h1[b-5d4jz3h66k] { font-size: clamp(2rem, 4vw, 3rem); font-weight: 800; letter-spacing: -.035em; margin: 0 0 12px; }
.eyebrow[b-5d4jz3h66k] { font-size: .72rem; font-weight: 800; letter-spacing: .15em; color: #698070; margin-bottom: 8px; }
h2[b-5d4jz3h66k] { font-size: 1.45rem; font-weight: 750; margin: 0 0 10px; }
h3[b-5d4jz3h66k] { font-size: 1.05rem; font-weight: 750; }
p[b-5d4jz3h66k] { color: #647267; line-height: 1.6; }
.social-panel[b-5d4jz3h66k] { background: #fffdf7; border: 1px solid #dce3d8; border-radius: 18px; padding: 26px; margin-bottom: 28px; box-shadow: 0 5px 24px #173f3206; }
.source-panel[b-5d4jz3h66k] { border-top: 4px solid #245d43; }
fieldset[b-5d4jz3h66k] { border: 0; min-width: 0; padding: 0; }
.source-grid[b-5d4jz3h66k], .platform-grid[b-5d4jz3h66k] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.source-grid[b-5d4jz3h66k] { margin: 18px 0; gap: 16px 24px; }
label[b-5d4jz3h66k] { display: flex; justify-content: space-between; gap: 12px; font-size: .85rem; font-weight: 700; margin: 16px 0 7px; }
label span[b-5d4jz3h66k] { color: #718073; font-weight: 400; }
input[b-5d4jz3h66k], select[b-5d4jz3h66k], textarea[b-5d4jz3h66k] { width: 100%; min-width: 0; padding: 11px 13px; border: 1px solid #c8d2c6; border-radius: 9px; background: #fff; color: #203c30; font: inherit; }
textarea[b-5d4jz3h66k] { resize: vertical; line-height: 1.65; }
input:focus[b-5d4jz3h66k], select:focus[b-5d4jz3h66k], textarea:focus[b-5d4jz3h66k] { outline: 2px solid #88ac84; outline-offset: 2px; }
button[b-5d4jz3h66k], .primary[b-5d4jz3h66k], .secondary[b-5d4jz3h66k], .danger[b-5d4jz3h66k], .pinterest-publish[b-5d4jz3h66k] { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 10px 17px; border: 1px solid transparent; border-radius: 9px; font: inherit; font-size: .9rem; font-weight: 700; text-decoration: none; cursor: pointer; }
.primary[b-5d4jz3h66k] { color: #fff; background: #225b43; }
.secondary[b-5d4jz3h66k] { color: #24523c; background: #f2f5ed; border-color: #ced8c8; }
.danger[b-5d4jz3h66k] { color: #8b2430; background: #fff2f2; border-color: #e7bfc3; }
.pinterest-publish[b-5d4jz3h66k] { background: #b6192b; color: white; width: 100%; }
button:disabled[b-5d4jz3h66k] { opacity: .5; cursor: default; }
a:hover[b-5d4jz3h66k], button:not(:disabled):hover[b-5d4jz3h66k] { filter: brightness(.96); }
a:focus-visible[b-5d4jz3h66k], button:focus-visible[b-5d4jz3h66k] { outline: 3px solid #8bb88a; outline-offset: 3px; }
.panel-actions[b-5d4jz3h66k] { display: flex; gap: 12px; flex-wrap: wrap; align-items: center; margin-top: 18px; }
.panel-actions span[b-5d4jz3h66k], .help-text[b-5d4jz3h66k] { color: #647267; font-size: .84rem; }
.search-row[b-5d4jz3h66k], .board-row[b-5d4jz3h66k] { display: flex; gap: 10px; align-items: end; }
.board-row > div[b-5d4jz3h66k] { flex: 1; min-width: 0; }
.connection-pill[b-5d4jz3h66k], .status-pill[b-5d4jz3h66k] { display: inline-flex; flex-shrink: 0; background: #eaf0e3; color: #36553a; border-radius: 100px; padding: 7px 12px; font-size: .78rem; font-weight: 700; }
.social-connection-actions[b-5d4jz3h66k] { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; justify-content: flex-end; }
.draft-tools[b-5d4jz3h66k] { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; }
.platform-title[b-5d4jz3h66k] { display: flex; gap: 14px; align-items: center; margin-bottom: 20px; }
.platform-title h2[b-5d4jz3h66k], .platform-title p[b-5d4jz3h66k] { margin: 0; }
.platform-mark[b-5d4jz3h66k] { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 14px; font-size: 1.4rem; font-weight: 900; }
.reddit-mark[b-5d4jz3h66k] { background: #fff0e7; color: #be4a19; }
.pinterest-mark[b-5d4jz3h66k] { background: #fbe8eb; color: #aa1c31; }
.pin-preview[b-5d4jz3h66k] { display: grid; grid-template-columns: minmax(110px, 180px) 1fr; gap: 20px; align-items: start; padding: 16px; background: #f1efe5; border-radius: 12px; }
.pin-preview img[b-5d4jz3h66k] { width: 100%; height: auto; border-radius: 8px; }
.pin-preview p[b-5d4jz3h66k] { font-size: .85rem; overflow-wrap: anywhere; }
.pin-preview span[b-5d4jz3h66k] { font-size: .7rem; color: #647267; }
.pin-preview h3[b-5d4jz3h66k] { margin-top: 8px; overflow-wrap: anywhere; }
.recipe-destination[b-5d4jz3h66k] { display: flex; gap: 8px; align-items: baseline; flex-wrap: wrap; margin: 10px 0 0; font-size: .85rem; }
.recipe-destination span[b-5d4jz3h66k] { color: #647267; font-weight: 700; }
.recipe-destination a[b-5d4jz3h66k] { overflow-wrap: anywhere; color: #245d43; font-weight: 700; }
.asset-grid[b-5d4jz3h66k] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; margin: 24px 0; }
.carousel-option[b-5d4jz3h66k] { display: flex; align-items: center; gap: 10px; margin-top: 16px; }
.carousel-option input[b-5d4jz3h66k] { width: 20px; height: 20px; flex: 0 0 auto; }
.asset-image[b-5d4jz3h66k] { height: 230px; background: #efeee5; border-radius: 10px; display: grid; place-items: center; margin-bottom: 16px; padding: 10px; }
.asset-image img[b-5d4jz3h66k] { max-width: 100%; max-height: 210px; object-fit: contain; }
.asset-preview-link[b-5d4jz3h66k] { display: block; color: inherit; text-decoration: none; }
.asset-preview-link:focus-visible .asset-image[b-5d4jz3h66k], .asset-preview-link:hover .asset-image[b-5d4jz3h66k] { outline: 2px solid #245d43; outline-offset: 2px; }
.recipe-slide-link-label[b-5d4jz3h66k] { display: block; margin: -5px 0 14px; color: #245d43; font-size: .8rem; font-weight: 800; }
.asset-grid p[b-5d4jz3h66k] { font-size: .8rem; }
.history-item[b-5d4jz3h66k] { display: flex; width: 100%; align-items: center; gap: 12px; border-bottom: 1px solid #e2e7db; }
.history-open[b-5d4jz3h66k] { display: flex; flex: 1; min-width: 0; text-align: left; justify-content: space-between; gap: 16px; padding: 16px 0; background: transparent; border: 0; border-radius: 0; color: #244e39; }
.publication-summary[b-5d4jz3h66k] { flex-shrink: 0; background: #eaf0e3; color: #36553a; border-radius: 100px; padding: 7px 12px; font-size: .78rem; font-weight: 700; }
.history-delete[b-5d4jz3h66k] { min-height: 38px; padding: 7px 12px; }
.history-item small[b-5d4jz3h66k] { display: block; color: #72816f; font-weight: 400; margin-top: 5px; }
@media (max-width: 950px) { .platform-grid[b-5d4jz3h66k] { grid-template-columns: 1fr; } .asset-grid[b-5d4jz3h66k] { grid-template-columns: repeat(2, minmax(0, 1fr)); } .socials-header[b-5d4jz3h66k] { align-items: start; flex-direction: column; } }
@media (max-width: 600px) { .socials-page[b-5d4jz3h66k] { padding: 24px 12px; } .social-panel[b-5d4jz3h66k] { padding: 20px 16px; } .source-grid[b-5d4jz3h66k] { grid-template-columns: 1fr; } .draft-heading[b-5d4jz3h66k] { align-items: start; flex-direction: column; } .pin-preview[b-5d4jz3h66k] { grid-template-columns: 110px 1fr; padding: 12px; gap: 12px; } .asset-grid[b-5d4jz3h66k] { gap: 14px; } .asset-image[b-5d4jz3h66k] { height: 170px; } .asset-image img[b-5d4jz3h66k] { max-height: 150px; } .board-row[b-5d4jz3h66k] { align-items: stretch; flex-direction: column; } .history-open[b-5d4jz3h66k] { align-items: flex-start; flex-direction: column; } .publication-summary[b-5d4jz3h66k] { white-space: normal; } }
/* /Pages/Articles/ArticlePage.razor.rz.scp.css */
.page-wrapper[b-2kv9kprzjh] {
    max-width: 900px;
    margin: 0 auto;
    padding: clamp(1rem, 3vw, 2.5rem) clamp(1rem, 4vw, 3.5rem) 4rem;
    color: var(--el-color-text-primary);
}

.page-wrapper.is-editing[b-2kv9kprzjh] {
    max-width: 1080px;
}

/* Header */
.article-header[b-2kv9kprzjh] {
    text-align: center;
    margin-bottom: clamp(1.8rem, 3vw, 2.6rem);
    padding: clamp(1.25rem, 3vw, 2rem);
    border: 1px solid var(--el-color-border);
    border-radius: 8px;
    background:
        radial-gradient(circle at 88% 12%, rgba(244, 182, 61, 0.08), transparent 14rem),
        linear-gradient(145deg, #fffdf8, #f9f6ee);
    box-shadow: var(--el-box-shadow-sm);
}

.article-header-editing[b-2kv9kprzjh] {
    text-align: left;
    background: var(--surface-2, #f6f8fb);
    border: 1px solid var(--border, #e4e7ec);
    border-radius: 8px;
    padding: 1.25rem;
}

.article-title[b-2kv9kprzjh] {
    font-size: clamp(2.45rem, 4vw, 4.1rem);
    font-weight: 800;
    margin-bottom: 1rem;
    line-height: 0.98;
    color: var(--el-color-primary-dark);
}

.article-meta[b-2kv9kprzjh] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
    color: var(--text-muted);
    font-size: 0.95rem;
    margin-bottom: 2rem;
}

.article-rating[b-2kv9kprzjh] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.rating-count[b-2kv9kprzjh] {
    font-size: .9rem;
    color: var(--text-muted);
    white-space: nowrap;
}

.tags-list[b-2kv9kprzjh] {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    justify-content: center;
}

.article-tag[b-2kv9kprzjh] {
    display: inline-flex;
    align-items: center;
    border: 1px solid var(--el-color-border);
    border-radius: 999px;
    padding: 6px 10px;
    color: var(--el-color-text-secondary);
    background: var(--el-color-background-alt);
    font-size: .85rem;
    font-weight: 500;
    line-height: 1;
    text-decoration: none;
    white-space: nowrap;
    transition: filter .18s ease, transform .18s ease;
}

.article-tag:hover[b-2kv9kprzjh],
.article-tag:focus-visible[b-2kv9kprzjh] {
    filter: brightness(0.96);
    transform: translateY(-1px);
}

/* Hero Image */
.hero-image-wrapper[b-2kv9kprzjh] {
    width: 100%;
    aspect-ratio: 16/9;
    border-radius: 8px;
    overflow: hidden;
    background: #e5e7eb;
    box-shadow: var(--el-box-shadow);
    margin: 1.5rem 0 0;
}

.hero-image[b-2kv9kprzjh] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.article-body-editing[b-2kv9kprzjh] {
    background: var(--surface, #fff);
    border: 1px solid var(--border, #e4e7ec);
    border-radius: 8px;
    padding: 1.25rem;
}

.article-sources[b-2kv9kprzjh] {
    margin-top: 3rem;
    padding-top: 1.75rem;
    border-top: 1px solid var(--el-color-border);
}

.article-sources h2[b-2kv9kprzjh] {
    margin: 0 0 1rem;
    color: var(--el-color-primary-dark);
    font-family: var(--el-font-family-heading);
    font-size: 1.45rem;
}

.article-sources ul[b-2kv9kprzjh] {
    display: grid;
    gap: 0.85rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.article-sources li[b-2kv9kprzjh] {
    padding-left: 1rem;
    border-left: 3px solid var(--el-color-secondary);
}

.article-sources a[b-2kv9kprzjh] {
    color: var(--el-color-primary);
    font-weight: 800;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
}

.article-sources span[b-2kv9kprzjh] {
    display: block;
    margin-top: 0.15rem;
    color: var(--el-color-text-secondary);
    font-size: 0.92rem;
    font-weight: 700;
}

.article-sources p[b-2kv9kprzjh] {
    margin: 0.25rem 0 0;
    color: var(--el-color-text-primary);
    line-height: 1.55;
}

.editing-hint[b-2kv9kprzjh] {
    margin-top: 1.25rem;
    padding: 0.85rem 1rem;
    border-radius: 12px;
    border: 1px solid #bfd4ff;
    background: #edf3ff;
    color: var(--text-body, #334155);
    font-size: 0.95rem;
}

.article-seo-editor[b-2kv9kprzjh] {
    margin-top: 2rem;
    padding-top: 1.5rem;
    border-top: 1px solid var(--border);
    text-align: left;
}

/* Footer */
.article-footer[b-2kv9kprzjh] {
    margin-top: 4rem;
    padding-top: 2rem;
    border-top: 1px solid var(--border);
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
}

.btn-share[b-2kv9kprzjh] {
    background: #fffaf1;
    border: 1px solid var(--el-color-border);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    cursor: pointer;
    transition: background 0.2s;
    margin-left: 0.5rem;
}

.btn-share:hover[b-2kv9kprzjh] {
    background: #eef4df;
}

.share-actions[b-2kv9kprzjh] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.share-feedback[b-2kv9kprzjh] {
    color: var(--text-muted);
    font-size: 0.95rem;
}
/* /Pages/Articles/Articles.razor.rz.scp.css */
.articles-hero[b-g13vyctpoc] {
    overflow: hidden;
    border-bottom: 1px solid var(--el-color-border);
    background: #fffdf8;
}

.container[b-g13vyctpoc] {
    width: min(100%, 1320px);
    margin: 0 auto;
    padding-left: clamp(1rem, 4vw, 3.5rem);
    padding-right: clamp(1rem, 4vw, 3.5rem);
}

.header-row[b-g13vyctpoc] {
    display: grid;
    grid-template-columns: minmax(0, 0.95fr) minmax(320px, 0.85fr);
    grid-template-rows: auto auto;
    gap: 0 2rem;
    align-items: end;
    min-height: 20rem;
    padding-top: clamp(2rem, 4vw, 4rem);
}

.hero-copy[b-g13vyctpoc] {
    grid-column: 1;
    grid-row: 1;
    padding-bottom: 1.6rem;
}

.articles-title[b-g13vyctpoc] {
    margin: 0;
    color: var(--el-color-primary-dark) !important;
    font-size: clamp(3rem, 5vw, 5.2rem);
    line-height: 0.95;
}

.articles-subtitle[b-g13vyctpoc] {
    max-width: 42rem;
    margin: 0.65rem 0 0;
    color: var(--el-color-text-primary);
    font-size: 1.1rem;
    line-height: 1.45;
}

.ai-disclaimer[b-g13vyctpoc] {
    max-width: 54rem;
    margin: 0.65rem 0 0;
    color: var(--el-color-text-secondary);
    font-size: 0.92rem;
    font-style: italic;
    line-height: 1.45;
}

.ai-disclaimer a[b-g13vyctpoc] {
    color: var(--el-color-primary-dark);
    font-weight: 800;
}

.articles-hero-art[b-g13vyctpoc] {
    grid-column: 2;
    grid-row: 1 / span 2;
    align-self: stretch;
    min-height: 17rem;
    margin-right: calc(clamp(1rem, 4vw, 3.5rem) * -1);
    border-bottom-left-radius: 170px;
    background:
        linear-gradient(90deg, rgba(255, 253, 248, 0.12), rgba(255, 253, 248, 0)),
        url("/images/brand/articles-hero.jpg") center / cover no-repeat;
}

.search[b-g13vyctpoc] {
    grid-column: 1 / -1;
    grid-row: 2;
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    min-height: 56px;
    margin: 0 0 1.25rem;
    padding: 0 1rem;
    border: 1px solid var(--el-color-border);
    border-radius: 8px;
    background: rgba(255, 253, 248, 0.98);
    box-shadow: var(--el-box-shadow-sm);
}

.search-label[b-g13vyctpoc] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
}

.search[b-g13vyctpoc]  .input,
.search[b-g13vyctpoc]  input,
.input[b-g13vyctpoc] {
    width: 100%;
    min-height: 44px;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: var(--el-color-text-primary);
    font: inherit;
    outline: 0;
}

.sticky-filters[b-g13vyctpoc] {
    position: sticky;
    top: 86px;
    z-index: 30;
    padding: 1.15rem 0;
    border-bottom: 1px solid var(--el-color-border);
    background: rgba(255, 253, 248, 0.96);
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
    box-shadow: 0 10px 28px rgba(67, 51, 32, 0.05);
}

.filters-row[b-g13vyctpoc] {
    display: grid;
    grid-template-columns: minmax(220px, 0.55fr) minmax(260px, 0.75fr);
    gap: 1.35rem;
    align-items: end;
}

.filter-block[b-g13vyctpoc] {
    min-width: 0;
}

.label[b-g13vyctpoc] {
    display: block;
    margin: 0 0 0.5rem;
    color: var(--el-color-text-primary);
    font-size: 0.92rem;
    font-weight: 800;
}

.chips[b-g13vyctpoc] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.chip[b-g13vyctpoc] {
    min-height: 40px;
    border: 1px solid var(--el-color-border);
    border-radius: 999px;
    background: #fffaf1;
    color: var(--el-color-text-primary);
    padding: 0.45rem 0.9rem;
    font: inherit;
    font-weight: 700;
    cursor: pointer;
}

.chip:hover[b-g13vyctpoc],
.chip:focus-visible[b-g13vyctpoc] {
    border-color: rgba(var(--el-color-primary-rgb), 0.35);
    color: var(--el-color-primary-dark);
}

.chip--active[b-g13vyctpoc] {
    border-color: var(--el-color-primary-dark);
    background: var(--el-color-primary-dark);
    color: #fffdf8;
}

.chip--active:hover[b-g13vyctpoc],
.chip--active:focus-visible[b-g13vyctpoc] {
    border-color: var(--el-color-primary-dark);
    background: var(--el-color-primary-dark);
    color: #fffdf8;
}

.active-filters[b-g13vyctpoc] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    padding-top: 0.75rem;
}

.chip-x[b-g13vyctpoc] {
    margin-left: 0.45rem;
    border: 0;
    background: transparent;
    color: inherit;
    font-size: 1rem;
    line-height: 1;
    cursor: pointer;
}

.articles-content-grid[b-g13vyctpoc] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 360px);
    gap: 2rem;
    width: min(100%, 1320px);
    margin: 1.5rem auto 3rem;
    padding: 0 clamp(1rem, 4vw, 3.5rem);
}

.articles-main[b-g13vyctpoc] {
    min-width: 0;
}

.articles-virtualize[b-g13vyctpoc] {
    display: block;
    min-height: 45vh;
}

.articles-prerender-list[b-g13vyctpoc] {
    display: grid;
    gap: 1rem;
}

.article-prerender-cell[b-g13vyctpoc] {
    min-width: 0;
}

.article-cell[b-g13vyctpoc] {
    box-sizing: border-box;
    width: 100%;
    height: 300px;
    min-width: 0;
    padding-bottom: 1rem;
}

.article-cell[b-g13vyctpoc]  .article-card {
    height: 100%;
}

.article-cell[b-g13vyctpoc]  .article-card__media,
.article-cell[b-g13vyctpoc]  .article-card__img {
    height: 100%;
    min-height: 0;
}

.article-cell--placeholder[b-g13vyctpoc] {
    display: grid;
    place-items: center;
}

.articles-status[b-g13vyctpoc] {
    margin: 0;
    padding: 1rem;
    color: var(--el-color-text-secondary);
    text-align: center;
}

.articles-error[b-g13vyctpoc] {
    margin-top: 1rem;
    border: 1px solid #d88;
    border-radius: 8px;
    background: #fff3f3;
    color: #7a2020;
}

.articles-error p[b-g13vyctpoc] {
    margin: 0 0 0.75rem;
}

.retry-button[b-g13vyctpoc] {
    min-height: 40px;
    border: 0;
    border-radius: 8px;
    padding: 0.55rem 0.9rem;
    background: var(--el-color-primary-dark);
    color: #fffdf8;
    font: inherit;
    font-weight: 800;
    cursor: pointer;
}

.articles-sidebar[b-g13vyctpoc] {
    display: grid;
    align-content: start;
    gap: 1rem;
}

.sidebar-card[b-g13vyctpoc] {
    overflow: hidden;
    border: 1px solid var(--el-color-border);
    border-radius: 8px;
    background: var(--el-color-surface);
    box-shadow: var(--el-box-shadow-sm);
    padding: 1.15rem;
}

.sidebar-card h2[b-g13vyctpoc] {
    margin: 0 0 0.85rem;
    color: var(--el-color-primary-dark);
    font-size: 1.7rem;
    line-height: 1;
}

.topics-card h2[b-g13vyctpoc] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
}

.topics-card h2 i[b-g13vyctpoc] {
    color: #6f7f24;
    font-size: 1rem;
}

.topic-grid[b-g13vyctpoc] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.55rem;
}

.topic-grid a[b-g13vyctpoc],
.topic-grid span[b-g13vyctpoc] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 0.45rem 0.7rem;
    border: 1px solid var(--el-color-border);
    border-radius: 8px;
    background: #fffaf1;
    color: var(--el-color-text-primary);
    font-size: 0.82rem;
    font-weight: 800;
    text-align: center;
}

.topic-grid a:hover[b-g13vyctpoc],
.topic-grid a:focus-visible[b-g13vyctpoc] {
    background: #eef4df;
    color: var(--el-color-primary-dark);
}

.newsletter-card[b-g13vyctpoc] {
    background:
        radial-gradient(circle at 88% 16%, rgba(111, 127, 36, 0.18), transparent 9rem),
        linear-gradient(135deg, #eef4df 0%, #fffdf8 70%);
}

.newsletter-card p[b-g13vyctpoc],
.plate-card p[b-g13vyctpoc] {
    margin: 0 0 0.9rem;
    color: var(--el-color-text-secondary);
    line-height: 1.45;
}

.sidebar-button[b-g13vyctpoc] {
    min-height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    padding: 0.6rem 0.9rem;
    background: var(--el-color-primary-dark);
    color: #fffdf8;
    font-weight: 800;
}

.sidebar-button:hover[b-g13vyctpoc],
.sidebar-button:focus-visible[b-g13vyctpoc] {
    color: #fff;
    filter: brightness(1.04);
}

.plate-card img[b-g13vyctpoc] {
    display: block;
    width: 100%;
    margin: 0.4rem auto -2rem;
    filter: drop-shadow(0 16px 22px rgba(67, 51, 32, 0.13));
}

.card[b-g13vyctpoc] {
    width: 100%;
    border: 1px solid var(--el-color-border);
    border-radius: 8px;
    background: var(--el-color-surface);
    overflow: hidden;
}

.skeleton[b-g13vyctpoc] {
    position: relative;
    overflow: hidden;
}

.skeleton-thumb[b-g13vyctpoc] {
    height: 160px;
    background: #e5e7eb;
}

.skeleton-line[b-g13vyctpoc] {
    height: 14px;
    margin: 0.75rem;
    border-radius: 999px;
    background: #e5e7eb;
}

.skeleton-line.short[b-g13vyctpoc] {
    width: 60%;
}

.skeleton[b-g13vyctpoc]::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5), transparent);
    animation: shimmer-b-g13vyctpoc 1.25s infinite;
}

@keyframes shimmer-b-g13vyctpoc {
    0% {
        transform: translateX(-100%);
    }

    100% {
        transform: translateX(100%);
    }
}

@media (max-width: 980px) {
    .header-row[b-g13vyctpoc] {
        grid-template-columns: 1fr;
        min-height: 0;
    }

    .articles-hero-art[b-g13vyctpoc] {
        display: none;
    }

    .articles-content-grid[b-g13vyctpoc] {
        grid-template-columns: 1fr;
    }

    .articles-sidebar[b-g13vyctpoc] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .plate-card[b-g13vyctpoc] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 720px) {
    .header-row[b-g13vyctpoc] {
        padding-top: 1.7rem;
    }

    .articles-title[b-g13vyctpoc] {
        font-size: clamp(2.7rem, 12vw, 4rem);
    }

    .sticky-filters[b-g13vyctpoc] {
        position: static;
        padding-top: 1rem;
    }

    .filters-row[b-g13vyctpoc] {
        grid-template-columns: 1fr;
        gap: 0.85rem;
    }

    .articles-content-grid[b-g13vyctpoc] {
        margin-top: 1rem;
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .articles-sidebar[b-g13vyctpoc] {
        grid-template-columns: 1fr;
    }

    .article-cell[b-g13vyctpoc]  .article-card {
        grid-template-columns: minmax(8.5rem, 38%) minmax(0, 1fr);
        grid-template-rows: minmax(0, 1fr);
        gap: 0;
    }

    .article-cell[b-g13vyctpoc]  .article-card__body {
        padding: 1rem;
        overflow: hidden;
    }
}
/* /Pages/Home.razor.rz.scp.css */
.home[b-1u8wjry93i] {
    color: var(--el-color-text-primary);
    background: #fffdf8;
}

.featured[b-1u8wjry93i],
.whats-next[b-1u8wjry93i],
.why-it-matters[b-1u8wjry93i] {
    width: min(100% - 2rem, 1320px);
    max-width: none;
    margin: clamp(1.5rem, 3vw, 2.5rem) auto 0;
    box-sizing: border-box;
}

.section-eyebrow[b-1u8wjry93i] {
    margin: 0;
    color: var(--el-color-secondary);
    font-size: 0.82rem;
    font-weight: 900;
    letter-spacing: 0.13em;
    line-height: 1.2;
    text-transform: uppercase;
}

.why-it-matters[b-1u8wjry93i] {
    margin-top: 1rem;
}

.why-it-matters .section-eyebrow[b-1u8wjry93i] {
    text-align: center;
    margin-bottom: 0.65rem;
}

.why-grid[b-1u8wjry93i] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 1rem;
}

.why-card[b-1u8wjry93i] {
    min-width: 0;
    padding: 1rem;
    border: 1px solid var(--el-color-border);
    border-radius: 8px;
    background: rgba(255, 253, 248, 0.95);
    box-shadow: 0 12px 30px rgba(67, 51, 32, 0.06);
    text-align: center;
}

.why-card i[b-1u8wjry93i] {
    width: 3.2rem;
    height: 3.2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0.7rem;
    border-radius: 999px;
    color: var(--el-color-secondary-dark);
    background: var(--el-color-secondary-light);
    font-size: 1.25rem;
}

.why-card:nth-child(even) i[b-1u8wjry93i] {
    color: #6f7f24;
    background: #eef4df;
}

.why-card h2[b-1u8wjry93i] {
    margin: 0;
    color: var(--el-color-primary-dark);
    font-family: var(--el-font-family-base);
    font-size: 1rem;
    font-weight: 900;
    line-height: 1.2;
}

.why-card p[b-1u8wjry93i] {
    margin: 0.45rem 0 0;
    color: var(--el-color-text-secondary);
    font-size: 0.86rem;
    line-height: 1.35;
}

.featured[b-1u8wjry93i] {
    position: relative;
    padding: clamp(1.1rem, 2vw, 1.6rem);
}

.featured[b-1u8wjry93i]::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    border-radius: 8px;
    background:
        radial-gradient(circle at 16% 8%, rgba(244, 182, 61, 0.08), transparent 16rem),
        linear-gradient(180deg, rgba(255, 250, 241, 0.92), rgba(255, 253, 248, 0.92));
    border: 1px solid rgba(232, 221, 206, 0.72);
}

.featured > *[b-1u8wjry93i] {
    position: relative;
    z-index: 1;
}

.featured-title[b-1u8wjry93i] {
    margin: 0;
    color: var(--el-color-primary-dark);
    font-size: clamp(2rem, 3.1vw, 3.2rem);
    line-height: 0.95;
    text-align: left;
}

.featured-sub[b-1u8wjry93i] {
    max-width: 46rem;
    margin: 0.3rem 0 1.05rem;
    color: var(--el-color-text-secondary);
    font-size: 1.02rem;
    line-height: 1.55;
}

.grid[b-1u8wjry93i] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
    padding-bottom: 1rem;
}

.featured-recipes .grid[b-1u8wjry93i] {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.featured-recipes[b-1u8wjry93i]::before {
    border-radius: 8px;
    background:
        radial-gradient(circle at 8% 8%, rgba(244, 182, 61, 0.08), transparent 13rem),
        linear-gradient(180deg, rgba(255, 253, 248, 0.95), rgba(255, 250, 241, 0.95));
}

.articles-grid[b-1u8wjry93i] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.empty[b-1u8wjry93i] {
    margin: 0;
    padding: 1rem 0 1.4rem;
    color: var(--el-color-text-secondary);
}

.cta-row[b-1u8wjry93i] {
    display: flex;
    justify-content: flex-end;
    padding-bottom: 1.25rem;
}

.btn[b-1u8wjry93i] {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    padding: 0.72rem 1.05rem;
    border: 1px solid rgba(var(--el-color-primary-rgb), 0.22);
    background: #fffdf8;
    color: var(--el-color-primary-dark);
    font-weight: 800;
    text-decoration: none;
}

.btn:hover[b-1u8wjry93i],
.btn:focus-visible[b-1u8wjry93i] {
    color: var(--el-color-primary-dark);
    background: #eef4df;
}

.whats-next[b-1u8wjry93i] {
    position: relative;
    padding: clamp(1.1rem, 2vw, 1.6rem);
    overflow: hidden;
}

.whats-next[b-1u8wjry93i]::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    border-radius: 8px;
    background: #fffdf8;
    border: 1px solid var(--el-color-border);
    box-shadow: var(--el-box-shadow-sm);
}

.whats-next > *[b-1u8wjry93i] {
    position: relative;
    z-index: 1;
}

.whats-next-header h2[b-1u8wjry93i] {
    margin: 0;
    color: var(--el-color-primary-dark);
    font-size: clamp(2rem, 3vw, 3.2rem);
}

.whats-next-header p[b-1u8wjry93i] {
    margin: 0.35rem 0 0;
    color: var(--el-color-text-secondary);
}

.whats-next-list[b-1u8wjry93i] {
    list-style: none;
    margin: 1.1rem 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.85rem;
}

.whats-next-list li[b-1u8wjry93i] {
    display: grid;
    grid-template-columns: 2.6rem minmax(0, 1fr);
    gap: 0.7rem;
    align-items: start;
    min-width: 0;
    padding: 0.95rem;
    border: 1px solid var(--el-color-border);
    border-radius: 8px;
    background: #fffaf1;
}

.whats-next-list i[b-1u8wjry93i] {
    width: 2.45rem;
    height: 2.45rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    color: #6f7f24;
    background: #eef4df;
    font-size: 1rem;
}

.whats-next-list h3[b-1u8wjry93i] {
    margin: 0;
    color: var(--el-color-primary-dark);
    font-family: var(--el-font-family-heading);
    font-size: 1.55rem;
    line-height: 1;
}

.whats-next-list p[b-1u8wjry93i] {
    margin: 0.35rem 0 0;
    color: var(--el-color-text-secondary);
    line-height: 1.45;
}

.whats-next-feedback[b-1u8wjry93i] {
    margin: 0;
    color: var(--el-color-text-secondary);
}

.whats-next-feedback a[b-1u8wjry93i] {
    color: var(--el-color-secondary-dark);
    font-weight: 800;
}

@media (max-width: 1120px) {
    .featured-recipes .grid[b-1u8wjry93i],
    .grid[b-1u8wjry93i],
    .why-grid[b-1u8wjry93i] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .whats-next-list[b-1u8wjry93i] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 720px) {
    .featured[b-1u8wjry93i],
    .whats-next[b-1u8wjry93i],
    .why-it-matters[b-1u8wjry93i] {
        width: calc(100% - 2rem);
        margin-top: 1rem;
    }

    .featured[b-1u8wjry93i],
    .whats-next[b-1u8wjry93i] {
        padding: 1rem;
    }

    .featured-title[b-1u8wjry93i] {
        font-size: clamp(2.2rem, 12vw, 3.4rem);
    }

    .grid[b-1u8wjry93i],
    .featured-recipes .grid[b-1u8wjry93i],
    .articles-grid[b-1u8wjry93i],
    .why-grid[b-1u8wjry93i] {
        grid-template-columns: 1fr;
    }

    .cta-row[b-1u8wjry93i] {
        justify-content: stretch;
    }

    .btn[b-1u8wjry93i] {
        width: 100%;
    }

    .whats-next-list li[b-1u8wjry93i] {
        grid-template-columns: 2.5rem minmax(0, 1fr);
    }
}
/* /Pages/Ingredients/IngredientPage.razor.rz.scp.css */
.ingredient-page[b-far2t29z54] {
    max-width: 900px;
    padding-top: 24px;
    padding-bottom: 32px;
}

.ingredient-hero-card[b-far2t29z54],
.nutrition-card[b-far2t29z54],
.ingredient-description-card[b-far2t29z54],
.seasonality-card[b-far2t29z54] {
    background: var(--el-color-surface, #fff);
    border: 1px solid var(--el-color-border);
    border-radius: 16px;
    padding: 20px;
    box-shadow: var(--el-box-shadow-sm);
    margin-bottom: 16px;
}

.seasonality-status[b-far2t29z54] {
    margin: 0.85rem 0;
    color: var(--el-color-text-secondary);
    font-weight: 700;
}

.seasonality-region-label[b-far2t29z54] {
    display: block;
    margin-bottom: 0.35rem;
    color: var(--el-color-text-secondary);
    font-size: 0.85rem;
    font-weight: 700;
}

.seasonality-region-select[b-far2t29z54] {
    max-width: 26rem;
}

.seasonality-status.is-current[b-far2t29z54] {
    color: #326b25;
}

.seasonality-month-grid[b-far2t29z54] {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 0.35rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.seasonality-month-grid li[b-far2t29z54] {
    padding: 0.45rem 0.2rem;
    border: 1px solid var(--el-color-border);
    border-radius: 5px;
    color: var(--el-color-text-secondary);
    text-align: center;
    font-size: 0.75rem;
    font-weight: 700;
}

.seasonality-month-grid li.is-available[b-far2t29z54] {
    border-color: rgba(50, 107, 37, 0.25);
    background: #eef4df;
    color: #326b25;
}

.seasonality-month-grid li[aria-current="date"][b-far2t29z54] {
    box-shadow: 0 0 0 2px var(--el-color-primary-dark);
}

@media (max-width: 720px) {
    .seasonality-month-grid[b-far2t29z54] {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }
}

.ingredient-header[b-far2t29z54] {
    margin-bottom: 16px;
    text-align: center;
}

.ingredient-header h1[b-far2t29z54] {
    margin: 0;
}

.ingredient-secondary-name[b-far2t29z54] {
    margin-top: 6px;
    color: var(--el-color-text-secondary);
    font-style: italic;
}

.ingredient-image[b-far2t29z54] {
    width: 100%;
    max-width: 520px;
    height: 280px;
    object-fit: cover;
    object-position: center;
    border-radius: 12px;
    display: block;
}

.ingredient-image-wrapper[b-far2t29z54] {
    display: flex;
    justify-content: center;
}

.ingredient-image-placeholder[b-far2t29z54] {
    background: var(--el-color-background-alt);
    background-image: linear-gradient(110deg, rgba(var(--el-color-primary-rgb), 0.06), rgba(var(--el-color-primary-rgb), 0.14), rgba(var(--el-color-primary-rgb), 0.06));
    background-size: 220% 100%;
    animation: ingredient-image-pulse-b-far2t29z54 1.4s ease-in-out infinite;
}

@keyframes ingredient-image-pulse-b-far2t29z54 {
    0% {
        background-position: 100% 0;
    }

    100% {
        background-position: -100% 0;
    }
}

.section-title[b-far2t29z54] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-top: 0;
    margin-bottom: 16px;
}

.section-title i[b-far2t29z54] {
    color: var(--el-color-primary);
}

.nutrition-grid[b-far2t29z54] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 10px;
}

.nutrition-grid li[b-far2t29z54] {
    border: 1px solid var(--el-color-border);
    border-radius: 12px;
    padding: 10px 12px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    background: rgba(var(--el-color-primary-rgb), 0.04);
}

.nutrition-grid li span[b-far2t29z54] {
    color: var(--el-color-text-secondary);
    font-size: 0.9rem;
}

.nutrition-grid li strong[b-far2t29z54] {
    color: var(--el-color-text-primary);
    font-size: 1rem;
}

.nutrition-source-note[b-far2t29z54] {
    display: flex;
    align-items: flex-start;
    gap: 0.55rem;
    margin-top: 0.9rem;
    padding: 0.7rem 0.8rem;
    border-radius: 10px;
    background: rgba(var(--el-color-primary-rgb), 0.06);
    color: var(--el-color-text-secondary);
    font-size: 0.84rem;
    line-height: 1.45;
}

.nutrition-source-note i[b-far2t29z54],
.nutrition-source-note a[b-far2t29z54],
.nutrition-source-note strong[b-far2t29z54] {
    color: var(--el-color-primary-dark);
}

.ingredient-description-card p[b-far2t29z54] {
    line-height: 1.6;
}

.ingredient-description-secondary[b-far2t29z54] {
    margin-top: 10px;
    color: var(--el-color-text-secondary);
}

@media (max-width: 640px) {
    .ingredient-image[b-far2t29z54] {
        height: 220px;
    }
}
/* /Pages/MealPlanning/MealPlanDay.razor.rz.scp.css */
.planner-day[b-izgtnaxk05] { max-width: 940px; margin: 0 auto; padding: 2rem 1rem 4rem; color: #233d32; }
nav[b-izgtnaxk05] { display: flex; flex-wrap: wrap; gap: 1rem; margin-bottom: 2rem; }
header[b-izgtnaxk05] { padding: 1.5rem; border-radius: 20px; background: #eef5eb; }
h1[b-izgtnaxk05] { margin: .5rem 0; font-size: clamp(1.7rem, 4vw, 2.5rem); }
.eyebrow[b-izgtnaxk05] { font-size: .8rem; letter-spacing: .1em; }
.day-meal[b-izgtnaxk05] { margin-top: 1.5rem; padding: 1.25rem; border: 1px solid #d8e1d5; border-radius: 16px; }
article[b-izgtnaxk05] { display: flex; align-items: flex-start; gap: 1.25rem; }
article img[b-izgtnaxk05] { width: 140px; aspect-ratio: 1; object-fit: cover; border-radius: 12px; }
h3[b-izgtnaxk05] { margin-top: 0; }
.recipe-link[b-izgtnaxk05] { display: inline-block; padding: .7rem 1rem; background: #233d32; color: white; border-radius: 8px; }
@media (max-width: 560px) { article[b-izgtnaxk05] { flex-direction: column; } article img[b-izgtnaxk05] { width: 100%; aspect-ratio: 16 / 9; } }
/* /Pages/Privacy.razor.rz.scp.css */
.privacy-page[b-daol00ftpa] {
    width: min(900px, 100%);
    margin: 0 auto;
    padding: clamp(2rem, 5vw, 4.5rem) clamp(0.25rem, 2vw, 1.25rem);
    color: var(--el-color-text-primary);
}

.privacy-page__header[b-daol00ftpa] {
    padding-bottom: 1.6rem;
    border-bottom: 1px solid var(--el-color-border);
}

.privacy-page__eyebrow[b-daol00ftpa] {
    margin: 0 0 0.4rem;
    color: var(--el-color-accent, #9b431c);
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.privacy-page h1[b-daol00ftpa] {
    margin: 0 0 0.45rem;
    color: var(--el-color-primary-dark);
    font-size: clamp(2.3rem, 6vw, 4.4rem);
    line-height: 0.95;
}

.privacy-page section[b-daol00ftpa] {
    padding-top: 1.6rem;
}

.privacy-page h2[b-daol00ftpa] {
    margin-bottom: 0.65rem;
    color: var(--el-color-primary-dark);
    font-size: clamp(1.35rem, 3vw, 1.8rem);
}

.privacy-page p[b-daol00ftpa],
.privacy-page li[b-daol00ftpa] {
    line-height: 1.7;
}

.privacy-page ul[b-daol00ftpa] {
    padding-left: 1.35rem;
}

.privacy-page li + li[b-daol00ftpa] {
    margin-top: 0.45rem;
}

.privacy-page a[b-daol00ftpa] {
    color: var(--el-color-primary-dark);
    font-weight: 700;
}
/* /Pages/Profile.razor.rz.scp.css */
.profile-page[b-o0u3npzwe4] {
    max-width: 1140px;
    margin: 0 auto;
    padding: clamp(18px, 2.6vw, 28px) var(--el-spacing-lg) clamp(28px, 4vw, 48px);
}

.profile-panel[b-o0u3npzwe4] {
    max-width: 820px;
    margin: 0 auto;
    border: 1px solid rgba(var(--el-color-primary-rgb), 0.2);
    border-radius: 18px;
    box-shadow: 0 8px 28px rgba(23, 25, 35, 0.06);
    padding: clamp(18px, 2vw, 24px);
    background: linear-gradient(145deg, rgba(var(--el-color-primary-rgb), 0.06), rgba(var(--el-color-primary-rgb), 0.015));
}

.profile-header[b-o0u3npzwe4] {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    margin-bottom: 22px;
}

.profile-icon[b-o0u3npzwe4] {
    width: 42px;
    height: 42px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #a44900;
    background: #fff4e6;
    border: 1px solid #ffd8a8;
    flex: 0 0 auto;
}

.profile-header h1[b-o0u3npzwe4] {
    margin: 0 0 8px;
    font-family: var(--el-font-family-heading);
    color: var(--el-color-text-primary);
    letter-spacing: 0.01em;
}

.profile-header p[b-o0u3npzwe4],
.profile-note[b-o0u3npzwe4],
.muted[b-o0u3npzwe4] {
    color: var(--el-color-text-secondary);
}

.profile-header p[b-o0u3npzwe4] {
    margin: 0;
    line-height: 1.5;
}

.profile-grid[b-o0u3npzwe4] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.profile-grid label[b-o0u3npzwe4] {
    display: grid;
    gap: 6px;
}

.profile-grid span[b-o0u3npzwe4] {
    color: var(--el-color-text-secondary);
    font-size: 0.9rem;
}

.profile-grid-wide[b-o0u3npzwe4] {
    grid-column: 1 / -1;
}

.profile-grid :global(.form-control)[b-o0u3npzwe4] {
    min-height: 42px;
    border-radius: 10px;
    border-color: var(--el-color-border);
    background: var(--el-color-surface, #fff);
    color: var(--el-color-text-primary);
}

.profile-grid :global(.form-control:focus)[b-o0u3npzwe4] {
    border-color: var(--el-color-primary);
    box-shadow: 0 0 0 0.2rem rgba(var(--el-color-primary-rgb), 0.12);
}

.profile-note[b-o0u3npzwe4] {
    margin: 18px 0;
    border: 1px solid rgba(var(--el-color-primary-rgb), 0.18);
    border-radius: 10px;
    padding: 10px 12px;
    display: flex;
    align-items: flex-start;
    gap: 8px;
    background: rgba(var(--el-color-primary-rgb), 0.035);
    line-height: 1.45;
}

.profile-note i[b-o0u3npzwe4] {
    color: #f08c00;
    margin-top: 3px;
}

.profile-actions[b-o0u3npzwe4] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.status[b-o0u3npzwe4] {
    color: var(--el-color-text-secondary);
}

.status.success[b-o0u3npzwe4] {
    color: #2f7d32;
}

.status.error[b-o0u3npzwe4] {
    color: #b42318;
}

@media (max-width: 640px) {
    .profile-page[b-o0u3npzwe4] {
        padding-left: var(--el-spacing-md);
        padding-right: var(--el-spacing-md);
    }

    .profile-panel[b-o0u3npzwe4] {
        border-radius: 16px;
    }

    .profile-header[b-o0u3npzwe4] {
        gap: 12px;
    }

    .profile-grid[b-o0u3npzwe4] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/Recipes/Community.razor.rz.scp.css */
.community-page[b-j3h4evraqu] {
    width: min(100% - 2rem, 1320px);
    margin: 0 auto;
    padding: clamp(1.25rem, 3vw, 2.5rem) 0 0;
    box-sizing: border-box;
    color: var(--el-color-text-primary);
}

.community-header[b-j3h4evraqu] {
    margin-bottom: 1rem;
    padding: clamp(1rem, 2vw, 1.6rem) clamp(1.1rem, 2.5vw, 2rem);
    border: 1px solid rgba(var(--el-color-primary-rgb), 0.13);
    border-radius: 8px;
    background: radial-gradient(circle at 92% 12%, rgba(244, 182, 61, 0.14), transparent 15rem), linear-gradient(110deg, #f5f7e9, #fffaf1 58%, #fffdf8);
    box-shadow: 0 12px 30px rgba(67, 51, 32, 0.06);
}

.community-eyebrow[b-j3h4evraqu],
.community-results__eyebrow[b-j3h4evraqu] {
    margin: 0 0 0.5rem;
    color: var(--el-color-secondary-dark);
    font-size: 0.78rem;
    font-weight: 900;
    letter-spacing: 0.12em;
    line-height: 1.2;
    text-transform: uppercase;
}

.community-eyebrow[b-j3h4evraqu] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
}

.community-eyebrow i[b-j3h4evraqu],
.community-state > i[b-j3h4evraqu] {
    color: #6f7f24;
}

.community-header h1[b-j3h4evraqu] {
    max-width: 34ch;
    margin: 0;
    color: var(--el-color-primary-dark);
    font-family: var(--el-font-family-heading);
    font-size: clamp(2.3rem, 4.2vw, 4rem);
    line-height: 1.02;
    text-wrap: balance;
}

.community-intro[b-j3h4evraqu] {
    max-width: 76ch;
    margin: 0.55rem 0 0;
    color: var(--el-color-text-secondary);
    font-size: clamp(0.95rem, 1.15vw, 1.05rem);
    line-height: 1.4;
}

.community-score-explainer[b-j3h4evraqu] {
    max-width: 88ch;
    margin: 0.65rem 0 0;
    color: var(--el-color-text-secondary);
    font-size: 0.84rem;
    line-height: 1.5;
}

.community-score-explainer strong[b-j3h4evraqu] {
    color: var(--el-color-primary-dark);
}

.community-filters[b-j3h4evraqu] {
    display: grid;
    gap: 0.9rem;
    margin-bottom: 1.75rem;
    padding: 1rem clamp(1rem, 2vw, 1.4rem);
    border: 1px solid var(--el-color-border);
    border-radius: 8px;
    background: rgba(255, 253, 248, 0.96);
    box-shadow: 0 10px 28px rgba(67, 51, 32, 0.05);
}

.community-search[b-j3h4evraqu] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: end;
    gap: 0.65rem;
}

.community-search label[b-j3h4evraqu] {
    grid-column: 1 / -1;
    margin: 0;
    color: var(--el-color-text-primary);
    font-size: 0.92rem;
    font-weight: 800;
}

.community-search__control[b-j3h4evraqu] {
    position: relative;
    grid-column: 1;
    min-width: 0;
}

.community-search__control i[b-j3h4evraqu] {
    position: absolute;
    top: 50%;
    left: 0.9rem;
    color: var(--el-color-text-secondary);
    pointer-events: none;
    transform: translateY(-50%);
}

.community-search__control input[b-j3h4evraqu] {
    width: 100%;
    min-height: 46px;
    box-sizing: border-box;
    padding: 0.7rem 0.9rem 0.7rem 2.55rem;
    border: 1px solid var(--el-color-border);
    border-radius: 8px;
    color: var(--el-color-text-primary);
    background: #fffdf8;
    font: inherit;
}

.community-search__control input[b-j3h4evraqu]::placeholder { color: var(--el-color-text-light); }

.community-search__control input:focus-visible[b-j3h4evraqu],
.community-sort__option:focus-visible[b-j3h4evraqu],
.community-button:focus-visible[b-j3h4evraqu],
.community-clear:focus-visible[b-j3h4evraqu] {
    outline: 3px solid rgba(var(--el-color-primary-rgb), 0.2);
    outline-offset: 2px;
}

.community-search__control input:focus-visible[b-j3h4evraqu] { border-color: var(--el-color-primary); }

.community-button[b-j3h4evraqu] {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.7rem 1rem;
    border: 1px solid rgba(var(--el-color-primary-rgb), 0.22);
    border-radius: 8px;
    color: var(--el-color-primary-dark);
    background: #fffdf8;
    font: inherit;
    font-size: 0.9rem;
    font-weight: 850;
    line-height: 1.2;
    text-decoration: none;
    cursor: pointer;
    transition: transform 0.15s ease, background 0.15s ease, box-shadow 0.15s ease;
}

.community-button:hover[b-j3h4evraqu],
.community-button:focus-visible[b-j3h4evraqu] {
    color: var(--el-color-primary-dark);
    background: #eef4df;
    box-shadow: 0 8px 18px rgba(7, 59, 44, 0.08);
    text-decoration: none;
    transform: translateY(-1px);
}

.community-button--primary[b-j3h4evraqu] {
    grid-column: 2;
    border-color: var(--el-color-primary-dark);
    color: #fffdf8;
    background: linear-gradient(135deg, #1e6c52, #0f4c3a);
    box-shadow: 0 10px 24px rgba(7, 59, 44, 0.13);
}

.community-button--primary:hover[b-j3h4evraqu],
.community-button--primary:focus-visible[b-j3h4evraqu] {
    color: #fff;
    background: linear-gradient(135deg, #1e6c52, #0f4c3a);
    box-shadow: 0 13px 28px rgba(7, 59, 44, 0.2);
}

.community-clear[b-j3h4evraqu] {
    grid-column: 3;
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 0.4rem;
    color: var(--el-color-primary-dark);
    font-size: 0.88rem;
    font-weight: 800;
    text-decoration: none;
}

.community-clear:hover[b-j3h4evraqu],
.community-clear:focus-visible[b-j3h4evraqu] {
    color: var(--el-color-secondary-dark);
    text-decoration: underline;
}

.community-sort[b-j3h4evraqu] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.55rem 1rem;
    padding-top: 0.85rem;
    border-top: 1px solid rgba(232, 221, 206, 0.8);
}

.community-sort__label[b-j3h4evraqu] {
    color: var(--el-color-text-secondary);
    font-size: 0.78rem;
    font-weight: 850;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.community-sort__options[b-j3h4evraqu] {
    min-width: 0;
    display: flex;
    flex: 1 1 auto;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.community-sort__option[b-j3h4evraqu] {
    min-height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    padding: 0.45rem 0.7rem;
    border: 1px solid rgba(232, 221, 206, 0.95);
    border-radius: 999px;
    color: var(--el-color-text-secondary);
    background: #fffaf1;
    font: inherit;
    font-size: 0.82rem;
    font-weight: 750;
    line-height: 1;
    cursor: pointer;
    transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

.community-sort__option:hover[b-j3h4evraqu],
.community-sort__option:focus-visible[b-j3h4evraqu] {
    border-color: rgba(var(--el-color-primary-rgb), 0.35);
    color: var(--el-color-primary-dark);
    background: #eef4df;
}

.community-sort__option.is-active[b-j3h4evraqu] {
    border-color: var(--el-color-primary-dark);
    color: #fffdf8;
    background: var(--el-color-primary-dark);
}

.community-results[b-j3h4evraqu] { margin: 0 auto 2rem; }

.community-results__heading[b-j3h4evraqu] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.community-results__eyebrow[b-j3h4evraqu] { margin-bottom: 0.3rem; }

.community-results__heading h2[b-j3h4evraqu],
.community-state h2[b-j3h4evraqu] {
    margin: 0;
    color: var(--el-color-primary-dark);
    font-family: var(--el-font-family-heading);
    font-size: clamp(1.8rem, 3vw, 2.7rem);
    line-height: 1;
}

.community-count[b-j3h4evraqu],
.community-page-indicator[b-j3h4evraqu] {
    min-height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.4rem 0.75rem;
    border: 1px solid rgba(232, 221, 206, 0.95);
    border-radius: 999px;
    color: var(--el-color-text-secondary);
    background: #fffaf1;
    font-size: 0.8rem;
    font-weight: 800;
    white-space: nowrap;
}

.community-grid[b-j3h4evraqu] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1.2rem;
}

.community-state[b-j3h4evraqu] {
    min-height: 12rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 0 auto 2rem;
    padding: 2rem 1.25rem;
    border: 1px solid var(--el-color-border);
    border-radius: 8px;
    background: linear-gradient(180deg, #fffaf1, #fffdf8);
    text-align: center;
}

.community-state > i[b-j3h4evraqu] { margin-bottom: 0.65rem; font-size: 1.5rem; }
.community-state h2[b-j3h4evraqu] { font-size: 1.8rem; }
.community-state p[b-j3h4evraqu] { margin: 0.45rem 0 0; color: var(--el-color-text-secondary); }
.community-state--error[b-j3h4evraqu] { flex-direction: row; justify-content: flex-start; gap: 1rem; background: #fff6f1; text-align: left; }
.community-state--error > i[b-j3h4evraqu] { margin: 0; color: var(--el-color-secondary-dark); }

.community-pagination[b-j3h4evraqu] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-top: 1.5rem;
    padding-top: 1rem;
    border-top: 1px solid var(--el-color-border);
}

@media (max-width: 1180px) {
    .community-grid[b-j3h4evraqu] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 720px) {
    .community-page[b-j3h4evraqu] { width: calc(100% - 2rem); padding-top: 1rem; }
    .community-header[b-j3h4evraqu] { padding: 1.1rem 1rem; }
    .community-header h1[b-j3h4evraqu] { font-size: clamp(2.15rem, 10vw, 3rem); }
    .community-search[b-j3h4evraqu] { grid-template-columns: minmax(0, 1fr) auto; }
    .community-search__control[b-j3h4evraqu] { grid-column: 1 / -1; }
    .community-button--primary[b-j3h4evraqu] { grid-column: 1; justify-self: start; }
    .community-clear[b-j3h4evraqu] { grid-column: 2; }
    .community-sort[b-j3h4evraqu] { align-items: flex-start; flex-direction: column; }
    .community-sort__options[b-j3h4evraqu] { width: 100%; }
    .community-grid[b-j3h4evraqu] { grid-template-columns: minmax(0, 1fr); gap: 1rem; }
}

@media (max-width: 460px) {
    .community-search[b-j3h4evraqu] { grid-template-columns: minmax(0, 1fr); }
    .community-button--primary[b-j3h4evraqu],
    .community-clear[b-j3h4evraqu] { grid-column: 1; justify-self: stretch; width: 100%; }
    .community-sort__option[b-j3h4evraqu] { flex: 1 1 calc(50% - 0.45rem); }
    .community-results__heading[b-j3h4evraqu] { align-items: flex-start; flex-direction: column; }
    .community-pagination .community-button[b-j3h4evraqu] { flex: 1 1 8rem; }
}

@media (prefers-reduced-motion: reduce) {
    .community-button[b-j3h4evraqu],
    .community-sort__option[b-j3h4evraqu] { transition: none; }
}
/* /Pages/Recipes/CommunityRecipeEditor.razor.rz.scp.css */
.recipe-editor[b-u4868wvzt7] {
    max-width: 1160px;
    padding-top: 2rem;
    padding-bottom: 4rem;
    color: var(--el-color-text-primary, #26322b);
}

.editor-back-link[b-u4868wvzt7] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--el-color-text-secondary, #66736b);
    font-size: 0.9rem;
    font-weight: 700;
    text-decoration: none;
}

.editor-back-link:hover[b-u4868wvzt7],
.editor-back-link:focus-visible[b-u4868wvzt7] {
    color: var(--el-color-primary-dark, #326b25);
}

.editor-heading[b-u4868wvzt7] {
    max-width: 720px;
    margin: 1.5rem 0 2rem;
}

.editor-eyebrow[b-u4868wvzt7] {
    margin: 0 0 0.4rem;
    color: var(--el-color-primary-dark, #326b25);
    font-size: 0.74rem;
    font-weight: 900;
    letter-spacing: 0.14em;
}

.editor-heading h1[b-u4868wvzt7] {
    margin: 0;
    font-family: var(--el-font-family-heading);
    font-size: clamp(2rem, 4vw, 3rem);
    font-weight: 900;
    line-height: 1.08;
}

.editor-heading > p:last-child[b-u4868wvzt7] {
    margin: 0.8rem 0 0;
    color: var(--el-color-text-secondary, #66736b);
    font-size: 1.03rem;
    line-height: 1.6;
}

.editor-message[b-u4868wvzt7],
.validation-summary[b-u4868wvzt7],
.editor-loading[b-u4868wvzt7] {
    margin: 0 0 1.25rem;
    padding: 0.9rem 1rem;
    border: 1px solid var(--el-color-border, #e8ddce);
    border-radius: 0.8rem;
    background: #fffdf8;
}

.editor-message--error[b-u4868wvzt7] {
    border-color: #e5b7a8;
    background: #fff6f2;
    color: #8a3528;
}

.editor-loading[b-u4868wvzt7] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    color: var(--el-color-text-secondary, #66736b);
}

.validation-summary:empty[b-u4868wvzt7] {
    display: none;
}

.editor-fieldset[b-u4868wvzt7] {
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
}

.editor-layout[b-u4868wvzt7] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 330px;
    align-items: start;
    gap: 1.35rem;
}

.editor-main[b-u4868wvzt7] {
    display: grid;
    gap: 1rem;
    min-width: 0;
}

.editor-card[b-u4868wvzt7],
.editor-sidebar-card[b-u4868wvzt7],
.editor-publish-card[b-u4868wvzt7] {
    border: 1px solid var(--el-color-border, #e8ddce);
    border-radius: 1rem;
    background: var(--el-color-surface, #fffdf8);
    box-shadow: 0 8px 28px rgba(43, 55, 43, 0.045);
}

.editor-card[b-u4868wvzt7] {
    padding: clamp(1rem, 2.5vw, 1.55rem);
}

.editor-section-heading[b-u4868wvzt7] {
    display: flex;
    align-items: flex-start;
    gap: 0.85rem;
    margin-bottom: 1.35rem;
}

.editor-section-number[b-u4868wvzt7] {
    display: inline-flex;
    flex: 0 0 auto;
    width: 2.15rem;
    height: 2.15rem;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(var(--el-color-primary-rgb, 50, 107, 37), 0.1);
    color: var(--el-color-primary-dark, #326b25);
    font-size: 0.78rem;
    font-weight: 900;
}

.editor-section-heading h2[b-u4868wvzt7],
.sidebar-card-heading h2[b-u4868wvzt7] {
    margin: 0;
    font-family: var(--el-font-family-heading);
    font-size: 1.28rem;
    font-weight: 900;
    line-height: 1.25;
}

.editor-section-heading p[b-u4868wvzt7],
.sidebar-card-heading p[b-u4868wvzt7] {
    margin: 0.25rem 0 0;
    color: var(--el-color-text-secondary, #66736b);
    font-size: 0.9rem;
    line-height: 1.45;
}

.editor-field[b-u4868wvzt7] {
    display: block;
    min-width: 0;
    margin: 0 0 1.1rem;
}

.editor-field > span[b-u4868wvzt7],
.ingredient-amount > span[b-u4868wvzt7] {
    display: block;
    margin-bottom: 0.45rem;
    color: var(--el-color-text-primary, #26322b);
    font-size: 0.86rem;
    font-weight: 800;
}

.editor-field > span small[b-u4868wvzt7] {
    margin-left: 0.25rem;
    color: var(--el-color-text-secondary, #66736b);
    font-size: 0.78rem;
    font-weight: 500;
}

.editor-input[b-u4868wvzt7] {
    min-height: 46px;
    border-color: var(--el-color-border, #e8ddce);
    border-radius: 0.65rem;
    background: #fff;
    color: var(--el-color-text-primary, #26322b);
    box-shadow: none;
}

.editor-taxonomy-grid[b-u4868wvzt7] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.9rem;
}

.editor-select-wrap[b-u4868wvzt7] {
    position: relative;
    display: block;
}

.editor-select-wrap > i[b-u4868wvzt7] {
    position: absolute;
    top: 50%;
    right: 1rem;
    transform: translateY(-50%);
    color: var(--el-color-primary-dark, #326b25);
    font-size: 0.72rem;
    pointer-events: none;
}

.editor-select[b-u4868wvzt7] {
    appearance: none;
    padding-right: 2.6rem;
    background-image: none;
    cursor: pointer;
}

.editor-select:focus[b-u4868wvzt7] {
    border-color: var(--el-color-primary-dark, #326b25);
    box-shadow: 0 0 0 3px rgba(var(--el-color-primary-rgb, 50, 107, 37), 0.12);
}

.editor-select:disabled[b-u4868wvzt7] {
    cursor: not-allowed;
    opacity: 0.65;
}

.editor-tag-list[b-u4868wvzt7] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    margin: 0 0 0.65rem;
}

.editor-tag[b-u4868wvzt7] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.38rem 0.55rem 0.38rem 0.7rem;
    border: 1px solid rgba(var(--el-color-primary-rgb, 50, 107, 37), 0.18);
    border-radius: 999px;
    background: rgba(var(--el-color-primary-rgb, 50, 107, 37), 0.08);
    color: var(--el-color-primary-dark, #326b25);
    font-size: 0.8rem;
    font-weight: 800;
}

.editor-tag button[b-u4868wvzt7] {
    display: inline-grid;
    width: 1.25rem;
    height: 1.25rem;
    padding: 0;
    place-items: center;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: inherit;
}

.editor-tag button:hover[b-u4868wvzt7],
.editor-tag button:focus-visible[b-u4868wvzt7] {
    background: rgba(var(--el-color-primary-rgb, 50, 107, 37), 0.13);
}

textarea.editor-input[b-u4868wvzt7] {
    min-height: 108px;
    resize: vertical;
}

.editor-input:focus[b-u4868wvzt7] {
    border-color: var(--el-color-primary, #20c997);
    box-shadow: 0 0 0 0.2rem rgba(var(--el-color-primary-rgb, 32, 201, 151), 0.13);
}

.editor-title-input[b-u4868wvzt7] {
    min-height: 54px;
    font-size: 1.05rem;
    font-weight: 700;
}

.editor-detail-grid[b-u4868wvzt7] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.8rem;
    margin-top: 0.25rem;
}

.editor-detail-grid .editor-field[b-u4868wvzt7] {
    margin-bottom: 0;
}

.ingredient-search-label[b-u4868wvzt7] {
    margin-bottom: 0.85rem;
}

.ingredient-search-label-text[b-u4868wvzt7] {
    display: block;
    margin-bottom: 0.45rem;
    color: var(--el-color-text-primary, #26322b);
    font-size: 0.86rem;
    font-weight: 800;
}

.ingredient-picker[b-u4868wvzt7] {
    position: relative;
}

.ingredient-search-input[b-u4868wvzt7] {
    padding-left: 2.7rem;
    padding-right: 2.8rem;
}

.ingredient-search-icon[b-u4868wvzt7] {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 1rem;
    color: var(--el-color-text-secondary, #66736b);
    pointer-events: none;
    transform: translateY(-50%);
}

.ingredient-search-spinner[b-u4868wvzt7] {
    position: absolute;
    top: 50%;
    right: 0.95rem;
    color: var(--el-color-primary-dark, #326b25);
    transform: translateY(-50%);
}

/* Match the autocomplete used by the recipe ingredient editor. */
.ingredient-picker-menu[b-u4868wvzt7] {
    position: absolute;
    z-index: 30;
    top: calc(100% + 4px);
    left: 0;
    right: 0;
    max-height: 260px;
    overflow-y: auto;
    border: 1px solid var(--el-color-border, #e8ddce);
    border-radius: 8px;
    background: #fffdf8;
    box-shadow: 0 14px 35px rgba(15, 23, 42, 0.14);
    padding: 0.4rem;
}

.ingredient-picker-option[b-u4868wvzt7] {
    display: flex;
    width: 100%;
    min-height: 48px;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.15rem;
    padding: 0.5rem 0.65rem;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: var(--el-color-text-primary, #26322b);
    text-align: left;
    cursor: pointer;
}

.ingredient-picker-option:hover[b-u4868wvzt7],
.ingredient-picker-option:focus-visible[b-u4868wvzt7] {
    outline: none;
    background: rgba(var(--el-color-primary-rgb, 50, 107, 37), 0.08);
}

.ingredient-picker-title[b-u4868wvzt7] {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    font-weight: 800;
    overflow-wrap: anywhere;
}

.ingredient-picker-meta[b-u4868wvzt7] {
    color: var(--el-color-text-secondary, #66736b);
    font-size: 0.82rem;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.ingredient-picker-badge[b-u4868wvzt7] {
    flex: 0 0 auto;
    padding: 0.15rem 0.45rem;
    border: 1px solid rgba(50, 107, 37, 0.18);
    border-radius: 999px;
    background: #eef4df;
    color: #326b25;
    font-size: 0.72rem;
    font-weight: 900;
}

.ingredient-search-feedback[b-u4868wvzt7],
.method-empty-state[b-u4868wvzt7],
.ingredient-empty-state[b-u4868wvzt7] {
    margin: 0.5rem 0 0;
    color: var(--el-color-text-secondary, #66736b);
    font-size: 0.9rem;
}

.ingredient-helper[b-u4868wvzt7] {
    margin: -0.2rem 0 1rem;
    color: var(--el-color-text-secondary, #66736b);
    font-size: 0.8rem;
    line-height: 1.5;
}

.ingredient-search-feedback[b-u4868wvzt7] {
    margin-top: -0.35rem;
    margin-bottom: 0.75rem;
    font-size: 0.8rem;
}

.ingredient-empty-state[b-u4868wvzt7] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    margin-top: 1rem;
    padding: 1rem;
    border: 1px dashed var(--el-color-border, #e8ddce);
    border-radius: 0.75rem;
    background: rgba(var(--el-color-primary-rgb, 50, 107, 37), 0.025);
}

.ingredient-empty-state i[b-u4868wvzt7] {
    color: var(--el-color-primary-dark, #326b25);
}

.selected-ingredients[b-u4868wvzt7] {
    display: grid;
    gap: 0.45rem;
    margin-top: 1rem;
}

.selected-ingredient[b-u4868wvzt7] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 115px 2.4rem;
    align-items: center;
    gap: 0.8rem;
    min-width: 0;
    padding: 0.7rem 0.75rem;
    border-bottom: 1px dashed var(--el-color-border, #e8ddce);
}

.selected-ingredient-name[b-u4868wvzt7] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 0.7rem;
}

.selected-ingredient-name strong[b-u4868wvzt7] {
    display: block;
    overflow-wrap: anywhere;
    font-size: 0.94rem;
}

.ingredient-nutrition-trigger[b-u4868wvzt7] {
    position: relative;
    display: inline-flex;
    min-width: 0;
    align-items: center;
    gap: 0.4rem;
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    text-align: left;
    cursor: help;
}

.ingredient-nutrition-trigger > i[b-u4868wvzt7] {
    flex: 0 0 auto;
    color: var(--el-color-primary-dark, #326b25);
    font-size: 0.78rem;
}

.ingredient-nutrition-trigger:focus-visible[b-u4868wvzt7] {
    outline: 2px solid var(--el-color-primary, #20c997);
    outline-offset: 3px;
    border-radius: 0.25rem;
}

.ingredient-nutrition-preview[b-u4868wvzt7] {
    position: absolute;
    z-index: 40;
    bottom: calc(100% + 0.65rem);
    left: 0;
    display: none;
    width: min(280px, calc(100vw - 3rem));
    padding: 0.8rem;
    border: 1px solid var(--el-color-border, #e8ddce);
    border-radius: 0.75rem;
    background: #fffdf8;
    box-shadow: 0 14px 35px rgba(15, 23, 42, 0.16);
    color: var(--el-color-text-primary, #26322b);
    cursor: default;
    pointer-events: none;
}

.ingredient-nutrition-trigger:hover .ingredient-nutrition-preview[b-u4868wvzt7],
.ingredient-nutrition-trigger:focus-visible .ingredient-nutrition-preview[b-u4868wvzt7] {
    display: block;
}

.ingredient-nutrition-preview-title[b-u4868wvzt7],
.ingredient-nutrition-preview-subtitle[b-u4868wvzt7] {
    display: block;
}

.ingredient-nutrition-preview-title[b-u4868wvzt7] {
    overflow-wrap: anywhere;
    font-size: 0.86rem;
    font-weight: 800;
}

.ingredient-nutrition-preview-subtitle[b-u4868wvzt7] {
    margin-top: 0.12rem;
    color: var(--el-color-text-secondary, #66736b);
    font-size: 0.72rem;
}

.ingredient-nutrition-grid[b-u4868wvzt7] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.4rem;
    margin-top: 0.65rem;
}

.ingredient-nutrition-grid > span[b-u4868wvzt7] {
    display: grid;
    gap: 0.05rem;
    padding: 0.4rem;
    border-radius: 0.45rem;
    background: #f8f5ee;
}

.ingredient-nutrition-grid strong[b-u4868wvzt7],
.ingredient-nutrition-grid small[b-u4868wvzt7] {
    display: block;
}

.ingredient-nutrition-grid strong[b-u4868wvzt7] {
    font-size: 0.75rem;
    font-variant-numeric: tabular-nums;
}

.ingredient-nutrition-grid small[b-u4868wvzt7] {
    color: var(--el-color-text-secondary, #66736b);
    font-size: 0.64rem;
}

.ingredient-bullet[b-u4868wvzt7] {
    flex: 0 0 auto;
    width: 0.85rem;
    height: 0.85rem;
    border: 2px solid var(--el-color-primary-dark, #326b25);
    border-radius: 50%;
    background: #fffdf8;
}

.ingredient-amount[b-u4868wvzt7] {
    display: block;
    margin: 0;
}

.ingredient-amount > span[b-u4868wvzt7] {
    margin-bottom: 0.25rem;
    color: var(--el-color-text-secondary, #66736b);
    font-size: 0.73rem;
}

.ingredient-amount .editor-input[b-u4868wvzt7] {
    min-height: 40px;
    padding: 0.35rem 0.5rem;
    text-align: right;
}

.ingredient-amount-needed[b-u4868wvzt7] {
    display: block;
    margin-top: 0.2rem;
    color: #9b5a24;
    font-size: 0.72rem;
    font-weight: 700;
}

.ingredient-remove[b-u4868wvzt7],
.step-remove[b-u4868wvzt7] {
    display: inline-flex;
    width: 2.35rem;
    height: 2.35rem;
    align-items: center;
    justify-content: center;
    border: 1px solid transparent;
    border-radius: 0.6rem;
    background: transparent;
    color: var(--el-color-text-secondary, #66736b);
    cursor: pointer;
}

.ingredient-remove:hover[b-u4868wvzt7],
.ingredient-remove:focus-visible[b-u4868wvzt7],
.step-remove:hover[b-u4868wvzt7],
.step-remove:focus-visible[b-u4868wvzt7] {
    border-color: #f0c7bc;
    outline: none;
    background: #fff6f2;
    color: #9c3929;
}

.method-empty-state[b-u4868wvzt7] {
    margin: 0 0 1rem;
    padding: 1rem;
    border: 1px dashed var(--el-color-border, #e8ddce);
    border-radius: 0.75rem;
}

.method-step[b-u4868wvzt7] {
    position: relative;
    display: grid;
    grid-template-columns: 2rem minmax(0, 1fr) 2.4rem;
    align-items: start;
    gap: 0.75rem;
    margin-bottom: 0.8rem;
}

.method-step-number[b-u4868wvzt7] {
    display: inline-flex;
    width: 2rem;
    height: 2rem;
    align-items: center;
    justify-content: center;
    margin-top: 1.75rem;
    border-radius: 50%;
    background: #f4efe4;
    color: var(--el-color-primary-dark, #326b25);
    font-size: 0.8rem;
    font-weight: 900;
}

.method-step .editor-field[b-u4868wvzt7] {
    margin: 0;
}

.step-remove[b-u4868wvzt7] {
    margin-top: 1.6rem;
}

.editor-secondary-action[b-u4868wvzt7] {
    display: inline-flex;
    min-height: 42px;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0.85rem;
    border: 1px solid var(--el-color-border, #e8ddce);
    border-radius: 0.65rem;
    background: #fffdf8;
    color: var(--el-color-primary-dark, #326b25);
    font-size: 0.88rem;
    font-weight: 800;
    cursor: pointer;
}

.editor-secondary-action:hover[b-u4868wvzt7],
.editor-secondary-action:focus-visible[b-u4868wvzt7] {
    border-color: var(--el-color-primary, #20c997);
    outline: none;
    background: rgba(var(--el-color-primary-rgb, 32, 201, 151), 0.06);
}

.editor-sidebar[b-u4868wvzt7] {
    position: sticky;
    top: 1.25rem;
    display: grid;
    gap: 0.85rem;
    min-width: 0;
}

.editor-sidebar-card[b-u4868wvzt7] {
    padding: 1.1rem;
}

.sidebar-card-heading[b-u4868wvzt7] {
    display: flex;
    align-items: flex-start;
    gap: 0.7rem;
    margin-bottom: 1rem;
}

.sidebar-icon[b-u4868wvzt7] {
    display: inline-flex;
    flex: 0 0 auto;
    width: 2.15rem;
    height: 2.15rem;
    align-items: center;
    justify-content: center;
    border-radius: 0.65rem;
    background: rgba(var(--el-color-primary-rgb, 50, 107, 37), 0.1);
    color: var(--el-color-primary-dark, #326b25);
}

.sidebar-card-heading h2[b-u4868wvzt7] {
    font-size: 1.02rem;
}

.sidebar-card-heading p[b-u4868wvzt7] {
    font-size: 0.79rem;
}

.sidebar-empty[b-u4868wvzt7],
.publish-hint[b-u4868wvzt7] {
    margin: 0;
    color: var(--el-color-text-secondary, #66736b);
    font-size: 0.86rem;
    line-height: 1.5;
}

.recipe-status-row[b-u4868wvzt7] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
}

.recipe-status-pill[b-u4868wvzt7] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.3rem 0.6rem;
    border-radius: 999px;
    background: #f4efe4;
    color: #5d584e;
    font-size: 0.76rem;
    font-weight: 800;
}

.recipe-status-pill > span[b-u4868wvzt7] {
    width: 0.45rem;
    height: 0.45rem;
    border-radius: 50%;
    background: #958b78;
}

.recipe-status-pill.is-published[b-u4868wvzt7] {
    background: #edf5e8;
    color: #326b25;
}

.recipe-status-pill.is-published > span[b-u4868wvzt7] {
    background: #4b872e;
}

.unsaved-label[b-u4868wvzt7] {
    color: #9b5a24;
    font-size: 0.75rem;
    font-weight: 700;
}

.score-stale[b-u4868wvzt7] {
    margin: 0.65rem 0 0;
    padding: 0.55rem 0.65rem;
    border-radius: 0.55rem;
    background: #fff5e8;
    color: #89551f;
    font-size: 0.76rem;
    line-height: 1.4;
}

.nutrition-stat-grid[b-u4868wvzt7] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.6rem;
    margin: 1rem 0 0.8rem;
}

.nutrition-stat-grid > div[b-u4868wvzt7] {
    padding: 0.7rem;
    border-radius: 0.7rem;
    background: #f8f5ee;
}

.nutrition-stat-grid strong[b-u4868wvzt7],
.nutrition-stat-grid span[b-u4868wvzt7] {
    display: block;
}

.nutrition-stat-grid strong[b-u4868wvzt7] {
    font-size: 1.1rem;
    font-variant-numeric: tabular-nums;
}

.nutrition-stat-grid span[b-u4868wvzt7] {
    margin-top: 0.1rem;
    color: var(--el-color-text-secondary, #66736b);
    font-size: 0.72rem;
}

.alignment-score[b-u4868wvzt7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    padding: 0.75rem 0;
    border-top: 1px solid var(--el-color-border, #e8ddce);
}

.alignment-score > span[b-u4868wvzt7] {
    font-size: 0.85rem;
    font-weight: 800;
}

.alignment-score > strong[b-u4868wvzt7] {
    color: var(--el-color-primary-dark, #326b25);
    font-size: 1.28rem;
    font-variant-numeric: tabular-nums;
}

.alignment-score small[b-u4868wvzt7] {
    color: var(--el-color-text-secondary, #66736b);
    font-size: 0.75rem;
}

.score-explainer[b-u4868wvzt7],
.nutrition-warning[b-u4868wvzt7] {
    margin: 0;
    color: var(--el-color-text-secondary, #66736b);
    font-size: 0.78rem;
    line-height: 1.45;
}

.nutrition-warning[b-u4868wvzt7] {
    margin-top: 0.55rem;
    color: #8d5824;
}

.nutrition-warning i[b-u4868wvzt7] {
    margin-right: 0.2rem;
}

.recipe-photo[b-u4868wvzt7] {
    display: block;
    width: 100%;
    max-height: 220px;
    object-fit: cover;
    border-radius: 0.7rem;
    margin: 0 0 0.8rem;
}

.photo-input[b-u4868wvzt7] {
    min-height: 0;
    padding: 0.45rem;
    font-size: 0.82rem;
}

.photo-help[b-u4868wvzt7] {
    margin: 0.45rem 0 0;
    color: var(--el-color-text-secondary, #66736b);
    font-size: 0.76rem;
}

.photo-remove[b-u4868wvzt7] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    margin-top: 0.7rem;
    padding: 0.4rem 0;
    border: 0;
    background: transparent;
    color: #8a3528;
    font-size: 0.8rem;
    font-weight: 800;
    cursor: pointer;
}

.photo-remove:hover[b-u4868wvzt7],
.photo-remove:focus-visible[b-u4868wvzt7] {
    color: #61241b;
    text-decoration: underline;
}

.editor-publish-card[b-u4868wvzt7] {
    display: grid;
    gap: 0.6rem;
    padding: 1rem;
    background: #f8f5ee;
}

.editor-save-button[b-u4868wvzt7],
.editor-publish-button[b-u4868wvzt7] {
    min-height: 46px;
    border-radius: 0.7rem;
    font-weight: 800;
}

.editor-save-button[b-u4868wvzt7] {
    border-color: var(--el-color-primary-dark, #326b25);
    background: var(--el-color-primary-dark, #326b25);
    color: #fffdf8;
}

.editor-save-button:hover[b-u4868wvzt7],
.editor-save-button:focus-visible[b-u4868wvzt7] {
    border-color: #24521b;
    background: #24521b;
    color: #fffdf8;
}

.editor-save-button i[b-u4868wvzt7] {
    margin-right: 0.35rem;
}

.editor-publish-button[b-u4868wvzt7] {
    border: 1px solid var(--el-color-primary-dark, #326b25);
    background: transparent;
    color: var(--el-color-primary-dark, #326b25);
}

.editor-publish-button:hover[b-u4868wvzt7],
.editor-publish-button:focus-visible[b-u4868wvzt7] {
    background: rgba(var(--el-color-primary-rgb, 50, 107, 37), 0.07);
    color: var(--el-color-primary-dark, #326b25);
}

.editor-preview-link[b-u4868wvzt7] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    padding-top: 0.15rem;
    color: var(--el-color-text-secondary, #66736b);
    font-size: 0.82rem;
    font-weight: 700;
    text-decoration: none;
}

.editor-preview-link:hover[b-u4868wvzt7],
.editor-preview-link:focus-visible[b-u4868wvzt7] {
    color: var(--el-color-primary-dark, #326b25);
}

.publish-hint[b-u4868wvzt7] {
    text-align: left;
}

.editor-delete-button[b-u4868wvzt7],
.editor-cancel-delete[b-u4868wvzt7] {
    border: 0;
    background: transparent;
    font-size: 0.8rem;
    font-weight: 800;
    cursor: pointer;
}

.editor-delete-button[b-u4868wvzt7] {
    color: #8a3528;
}

.editor-cancel-delete[b-u4868wvzt7] {
    margin-left: 0.7rem;
    color: var(--el-color-text-secondary, #66736b);
}

.delete-confirmation[b-u4868wvzt7] {
    padding-top: 0.6rem;
    border-top: 1px solid #e5b7a8;
}

.delete-confirmation p[b-u4868wvzt7] {
    margin: 0 0 0.45rem;
    color: #8a3528;
    font-size: 0.8rem;
}

@media (max-width: 900px) {
    .editor-layout[b-u4868wvzt7] {
        grid-template-columns: minmax(0, 1fr) 290px;
    }
}

@media (max-width: 760px) {
    .editor-layout[b-u4868wvzt7] {
        grid-template-columns: 1fr;
    }

    .editor-sidebar[b-u4868wvzt7] {
        position: static;
    }

    .editor-publish-card[b-u4868wvzt7] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: center;
    }

    .publish-hint[b-u4868wvzt7],
    .editor-preview-link[b-u4868wvzt7] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 520px) {
    .editor-taxonomy-grid[b-u4868wvzt7] {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .recipe-editor[b-u4868wvzt7] {
        padding-top: 1.1rem;
    }

    .editor-heading[b-u4868wvzt7] {
        margin: 1.1rem 0 1.35rem;
    }

    .editor-detail-grid[b-u4868wvzt7] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .selected-ingredient[b-u4868wvzt7] {
        grid-template-columns: minmax(0, 1fr) 92px 2rem;
        gap: 0.45rem;
        padding-right: 0.2rem;
        padding-left: 0.2rem;
    }

    .ingredient-remove[b-u4868wvzt7],
    .step-remove[b-u4868wvzt7] {
        width: 2rem;
        height: 2rem;
    }

    .method-step[b-u4868wvzt7] {
        grid-template-columns: 1.65rem minmax(0, 1fr) 2rem;
        gap: 0.4rem;
    }

    .method-step-number[b-u4868wvzt7] {
        width: 1.65rem;
        height: 1.65rem;
        margin-top: 1.8rem;
    }
}
/* /Pages/Recipes/MyRecipes.razor.rz.scp.css */
.my-recipes[b-50a3tai89z] { width: min(100%, 1240px); margin: 0 auto; padding: clamp(1rem, 3vw, 2.25rem); }
.my-recipes-header[b-50a3tai89z] {
    display: flex; align-items: center; justify-content: space-between; gap: 1.5rem;
    margin-bottom: 1.35rem; padding: clamp(1.25rem, 3vw, 2rem);
    border: 1px solid rgba(var(--el-color-primary-rgb), .14); border-radius: 12px;
    background: radial-gradient(circle at 95% 10%, rgba(244, 182, 61, .11), transparent 13rem), linear-gradient(110deg, #f5f7e9, #fffaf1 72%, #fffdf8);
}
.my-recipes-heading[b-50a3tai89z] { min-width: 0; }
.my-recipes-eyebrow[b-50a3tai89z] { display: flex; align-items: center; gap: .45rem; margin: 0 0 .4rem; color: #6f7f24; font-size: .74rem; font-weight: 900; letter-spacing: .1em; }
.my-recipes-header h1[b-50a3tai89z] { margin: 0; color: var(--el-color-primary-dark); font-family: var(--el-font-family-heading); font-size: clamp(2.2rem, 4vw, 3.1rem); line-height: 1; }
.my-recipes-header p:not(.my-recipes-eyebrow)[b-50a3tai89z] { margin: .55rem 0 0; color: var(--el-color-text-secondary); line-height: 1.45; }

.my-recipes-create[b-50a3tai89z], .my-recipes-empty-action[b-50a3tai89z] {
    min-height: 46px; display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; gap: .55rem;
    padding: .7rem 1rem; border: 1px solid var(--el-color-primary-dark); border-radius: 8px;
    color: #fffdf8; background: linear-gradient(135deg, #1e6c52, #0f4c3a); box-shadow: 0 9px 20px rgba(7, 59, 44, .13);
    font-weight: 800; text-decoration: none; transition: transform .15s ease, box-shadow .15s ease;
}
.my-recipes-create:hover[b-50a3tai89z], .my-recipes-create:focus-visible[b-50a3tai89z], .my-recipes-empty-action:hover[b-50a3tai89z], .my-recipes-empty-action:focus-visible[b-50a3tai89z] {
    color: #fff; box-shadow: 0 12px 25px rgba(7, 59, 44, .2); text-decoration: none; transform: translateY(-1px);
}
.my-recipes-create.is-disabled[b-50a3tai89z] { border-color: var(--el-color-border); color: var(--el-color-text-secondary); background: #fffdf8; box-shadow: none; cursor: not-allowed; }

.my-recipes-tabs[b-50a3tai89z] { display: flex; gap: .55rem; margin: 0 0 1rem; padding: .35rem; border: 1px solid var(--el-color-border); border-radius: 10px; background: #f8f5ed; }
.my-recipes-tab[b-50a3tai89z] {
    min-height: 46px; display: inline-flex; align-items: center; justify-content: center; gap: .55rem;
    padding: .55rem .9rem; border: 1px solid transparent; border-radius: 8px; color: var(--el-color-text-secondary);
    font-size: .92rem; font-weight: 800; text-decoration: none; transition: color .15s ease, background .15s ease, box-shadow .15s ease;
}
.my-recipes-tab:hover[b-50a3tai89z], .my-recipes-tab:focus-visible[b-50a3tai89z] { color: var(--el-color-primary-dark); background: #fffdf8; text-decoration: none; }
.my-recipes-tab.is-active[b-50a3tai89z] { border-color: rgba(var(--el-color-primary-rgb), .18); color: var(--el-color-primary-dark); background: #fffdf8; box-shadow: 0 3px 9px rgba(67, 51, 32, .08); }
.my-recipes-count[b-50a3tai89z] { min-width: 1.45rem; height: 1.45rem; display: inline-grid; place-items: center; padding: 0 .35rem; border-radius: 999px; color: var(--el-color-primary-dark); background: #eef4df; font-size: .75rem; font-variant-numeric: tabular-nums; }
.my-recipes-limit[b-50a3tai89z], .my-recipes-error[b-50a3tai89z] { display: flex; align-items: flex-start; gap: .55rem; margin: 0 0 1rem; padding: .75rem .9rem; border: 1px solid rgba(var(--el-color-primary-rgb), .14); border-radius: 8px; color: var(--el-color-text-secondary); background: #f4f6e9; font-size: .88rem; line-height: 1.45; }
.my-recipes-error[b-50a3tai89z] { border-color: rgba(180, 35, 24, .2); color: #8d2018; background: #fff5f3; }

.recipes-grid[b-50a3tai89z] { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 270px), 1fr)); align-items: stretch; gap: 1.15rem; }
.my-recipes-empty[b-50a3tai89z] { display: grid; justify-items: center; gap: .65rem; padding: clamp(2rem, 6vw, 4rem) 1.25rem; border: 1px dashed rgba(var(--el-color-primary-rgb), .25); border-radius: 12px; color: var(--el-color-text-secondary); background: linear-gradient(135deg, rgba(245, 247, 233, .72), rgba(255, 253, 248, .9)); text-align: center; }
.my-recipes-empty-icon[b-50a3tai89z] { width: 3rem; height: 3rem; display: grid; place-items: center; border: 1px solid rgba(var(--el-color-primary-rgb), .16); border-radius: 12px; color: var(--el-color-primary-dark); background: #fffdf8; font-size: 1.15rem; }
.my-recipes-empty h2[b-50a3tai89z] { margin: 0; color: var(--el-color-primary-dark); font-family: var(--el-font-family-heading); font-size: 1.6rem; }
.my-recipes-empty p[b-50a3tai89z] { max-width: 52ch; margin: 0 0 .4rem; line-height: 1.5; }
.my-recipes-empty-action[b-50a3tai89z] { min-height: 42px; margin-top: .2rem; }

.my-recipe-card-actions[b-50a3tai89z], .my-recipe-card-buttons[b-50a3tai89z] { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: .55rem; }
.my-recipe-card-actions[b-50a3tai89z] { padding-top: .75rem; border-top: 1px solid var(--el-color-border); }
.my-recipe-card-buttons[b-50a3tai89z] { justify-content: flex-end; margin-left: auto; }
.my-recipe-status[b-50a3tai89z] { min-height: 1.75rem; display: inline-flex; align-items: center; gap: .35rem; padding: .3rem .6rem; border: 1px solid rgba(var(--el-color-primary-rgb), .12); border-radius: 999px; color: var(--el-color-primary-dark); background: #eef4df; font-size: .75rem; font-weight: 800; }
.my-recipe-status.is-draft[b-50a3tai89z] { border-color: rgba(116, 83, 27, .15); color: #74531b; background: #faf1dc; }
.my-recipe-status.is-withdrawn[b-50a3tai89z] { border-color: rgba(180, 35, 24, .15); color: #8d2018; background: #fff1ee; }
.my-recipe-action[b-50a3tai89z] { min-height: 38px; display: inline-flex; align-items: center; justify-content: center; gap: .4rem; padding: .45rem .7rem; border: 1px solid rgba(var(--el-color-primary-rgb), .2); border-radius: 7px; color: var(--el-color-primary-dark); background: #fffdf8; font: inherit; font-size: .83rem; font-weight: 800; line-height: 1.2; text-decoration: none; cursor: pointer; }
.my-recipe-action:hover[b-50a3tai89z], .my-recipe-action:focus-visible[b-50a3tai89z] { color: var(--el-color-primary-dark); background: #f5f7e9; text-decoration: none; }
.my-recipe-action--remove[b-50a3tai89z] { border-color: var(--el-color-border); color: var(--el-color-text-secondary); }
.my-recipe-action--delete[b-50a3tai89z] { border-color: rgba(180, 35, 24, .2); color: #a12a20; background: #fff7f5; }
.my-recipe-action--delete:hover[b-50a3tai89z], .my-recipe-action--delete:focus-visible[b-50a3tai89z] { color: #8d2018; background: #ffefec; }
.my-recipe-action:disabled[b-50a3tai89z] { opacity: .6; cursor: wait; }
.my-recipe-delete-confirm[b-50a3tai89z] { width: 100%; display: flex; align-items: center; flex-wrap: wrap; gap: .5rem; padding: .65rem; border: 1px solid rgba(180, 35, 24, .17); border-radius: 8px; color: #722018; background: #fff7f5; font-size: .82rem; }
.my-recipe-delete-confirm > span[b-50a3tai89z] { flex: 1 1 100%; }

@media (max-width: 620px) {
    .my-recipes[b-50a3tai89z] { padding: 1rem; }
    .my-recipes-header[b-50a3tai89z] { align-items: flex-start; flex-direction: column; gap: 1rem; }
    .my-recipes-create[b-50a3tai89z] { width: 100%; }
    .my-recipes-tabs[b-50a3tai89z] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .25rem; }
    .my-recipes-tab[b-50a3tai89z] { gap: .4rem; padding: .5rem .35rem; font-size: .82rem; }
    .my-recipe-card-actions[b-50a3tai89z] { align-items: flex-start; }
}
@media (prefers-reduced-motion: reduce) {
    .my-recipes-create[b-50a3tai89z], .my-recipes-empty-action[b-50a3tai89z], .my-recipes-tab[b-50a3tai89z] { transition: none; }
}
/* /Pages/Recipes/RecipePage.razor.rz.scp.css */
.container[b-hh0sldwcfw] {
    width: min(100% - 2rem, 1448px);
    max-width: none;
    margin: 0 auto;
    padding: clamp(1.25rem, 2.8vw, 2.25rem) 0 clamp(2.5rem, 4vw, 4rem);
    box-sizing: border-box;
}

.recipe-page[b-hh0sldwcfw] {
    color: var(--el-color-text-primary);
    background:
        radial-gradient(circle at 92% 15%, rgba(214, 199, 173, 0.18), transparent 18rem),
        #fffdf8;
}

.recipe-breadcrumb[b-hh0sldwcfw] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    min-width: 0;
    margin: 0 0 1.15rem;
    color: var(--el-color-text-secondary);
    font-size: 0.9rem;
    line-height: 1.2;
}

.recipe-breadcrumb a[b-hh0sldwcfw],
.recipe-breadcrumb span[b-hh0sldwcfw] {
    min-width: 0;
    color: inherit;
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.recipe-breadcrumb a:hover[b-hh0sldwcfw],
.recipe-breadcrumb a:focus-visible[b-hh0sldwcfw] {
    color: var(--el-color-primary-dark);
    text-decoration: none;
}

.recipe-breadcrumb i[b-hh0sldwcfw] {
    color: #b7aa95;
    font-size: 0.68rem;
}

.recipe-breadcrumb span[b-hh0sldwcfw] {
    color: var(--el-color-primary-dark);
    font-weight: 800;
}

.community-label[b-hh0sldwcfw] {
    margin: 0;
    color: var(--el-color-text-secondary);
    font-size: 0.9rem;
}

.community-score-explainer[b-hh0sldwcfw] {
    max-width: 88ch;
    margin: 0.4rem 0 0;
    color: var(--el-color-text-secondary);
    font-size: 0.84rem;
    line-height: 1.5;
}

.community-score-explainer strong[b-hh0sldwcfw] {
    color: var(--el-color-primary-dark);
}

.grid[b-hh0sldwcfw] {
    display: grid;
    gap: 24px;
}

.g-32[b-hh0sldwcfw] {
    gap: 32px;
}

.recipe-main-grid[b-hh0sldwcfw] {
    grid-template-columns: minmax(0, 1.42fr) minmax(320px, 0.9fr);
    align-items: start;
    margin-top: clamp(1.75rem, 3vw, 2.35rem);
}

.content[b-hh0sldwcfw],
.meta[b-hh0sldwcfw] {
    min-width: 0;
}

.content[b-hh0sldwcfw] {
    display: grid;
    gap: 1.2rem;
}

.meta[b-hh0sldwcfw] {
    display: grid;
    gap: 1rem;
}

.recipe-hero[b-hh0sldwcfw] {
    margin: 0;
}

.surface[b-hh0sldwcfw],
.card[b-hh0sldwcfw] {
    overflow: hidden;
    border: 1px solid rgba(232, 221, 206, 0.9);
    border-radius: 8px;
    background: rgba(255, 253, 248, 0.96);
    box-shadow: 0 16px 42px rgba(67, 51, 32, 0.07);
    padding: clamp(1.05rem, 2vw, 1.45rem);
}

.section-card[b-hh0sldwcfw] {
    background:
        radial-gradient(circle at 92% 18%, rgba(111, 127, 36, 0.08), transparent 9rem),
        rgba(255, 253, 248, 0.96);
}

.preparation-card[b-hh0sldwcfw] {
    position: relative;
}

.preparation-card[b-hh0sldwcfw]::after {
    content: "";
    position: absolute;
    right: 2rem;
    top: 7rem;
    width: 6rem;
    height: 9rem;
    pointer-events: none;
    opacity: 0.22;
    background:
        linear-gradient(28deg, transparent 48%, #94aa77 49%, #94aa77 50%, transparent 51%),
        linear-gradient(152deg, transparent 48%, #94aa77 49%, #94aa77 50%, transparent 51%);
    border-radius: 50%;
}

.alert[b-hh0sldwcfw] {
    margin-top: 1rem;
    padding: var(--el-spacing-sm) var(--el-spacing-md);
    border-radius: 8px;
}

.alert-danger[b-hh0sldwcfw] {
    background: rgba(var(--el-color-error-rgb), 0.12);
    border: 1px solid rgba(var(--el-color-error-rgb), 0.3);
    color: var(--el-color-error);
}

.empty[b-hh0sldwcfw] {
    padding: var(--el-spacing-lg);
    color: var(--el-color-text-secondary);
    text-align: center;
}

.section-title[b-hh0sldwcfw] {
    display: inline-flex;
    align-items: center;
    gap: 0.7rem;
    margin: 0 0 1rem;
    font-family: var(--el-font-family-heading);
    color: var(--el-color-primary-dark);
    letter-spacing: 0;
    line-height: 1;
}

.title-icon[b-hh0sldwcfw] {
    width: 2.25rem;
    height: 2.25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    font-size: 0.95rem;
    border: 1px solid transparent;
}

.section-title-prep .title-icon[b-hh0sldwcfw] {
    color: var(--el-color-secondary-dark);
    background: var(--el-color-secondary-light);
    border-color: rgba(var(--el-color-secondary-rgb), 0.22);
}

.section-title-story .title-icon[b-hh0sldwcfw] {
    color: #6f7f24;
    background: #eef4df;
    border-color: rgba(111, 127, 36, 0.18);
}

.section-title-comments .title-icon[b-hh0sldwcfw] {
    color: var(--el-color-primary-dark);
    background: #eef4df;
    border-color: rgba(var(--el-color-primary-rgb), 0.18);
}

.insights-toggle-row[b-hh0sldwcfw] {
    display: flex;
    justify-content: flex-start;
    margin: 1.25rem 0;
}

.narrative[b-hh0sldwcfw],
#comments-section[b-hh0sldwcfw] {
    margin-top: clamp(1.1rem, 2vw, 1.45rem);
}

.comments-card[b-hh0sldwcfw] (.comments) {
    margin: 0;
    padding: 0;
    border: 0 !important;
    background: transparent;
    box-shadow: none;
    overflow: visible;
}

.comments-card[b-hh0sldwcfw] (.comments > h2) {
    margin: 0 0 1rem !important;
    color: var(--el-color-primary-dark);
    font-family: var(--el-font-family-heading);
    font-size: clamp(1.9rem, 2.45vw, 2.65rem);
    line-height: 1.08;
    letter-spacing: 0;
}

.comments-card[b-hh0sldwcfw] (.comments > .card-body) {
    padding: 0;
}

.insights-toggle[b-hh0sldwcfw] {
    min-height: 44px;
    border: 1px solid var(--el-color-primary-dark);
    background: rgba(255, 253, 248, 0.96);
    color: var(--el-color-primary-dark);
    border-radius: 8px;
    padding: 0.7rem 1rem;
    font-weight: 900;
    cursor: pointer;
    transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

.insights-toggle:hover[b-hh0sldwcfw],
.insights-toggle:focus-visible[b-hh0sldwcfw] {
    background: #eef4df;
    color: var(--el-color-primary-dark);
    border-color: var(--el-color-primary-dark);
}

html[b-hh0sldwcfw] {
    scroll-behavior: smooth;
}

@media (max-width: 1040px) {
    .recipe-main-grid[b-hh0sldwcfw] {
        grid-template-columns: 1fr;
    }

    .meta[b-hh0sldwcfw] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .linked-recipes-card[b-hh0sldwcfw] {
        grid-column: 1 / -1;
    }

}

@media (max-width: 720px) {
    .container[b-hh0sldwcfw] {
        width: calc(100% - 1.5rem);
        padding: 0.9rem 0 2rem;
    }

    .recipe-breadcrumb[b-hh0sldwcfw] {
        gap: 0.5rem;
        font-size: 0.82rem;
    }

    .grid[b-hh0sldwcfw],
    .g-32[b-hh0sldwcfw],
    .content[b-hh0sldwcfw],
    .meta[b-hh0sldwcfw] {
        gap: 1rem;
    }

    .meta[b-hh0sldwcfw] {
        grid-template-columns: 1fr;
    }

    .surface[b-hh0sldwcfw],
    .card[b-hh0sldwcfw] {
        padding: 1rem;
    }

    .preparation-card[b-hh0sldwcfw]::after {
        display: none;
    }

    .section-title[b-hh0sldwcfw] {
        align-items: flex-start;
        line-height: 1.2;
    }
}
/* /Pages/Recipes/Recipes.razor.rz.scp.css */
.recipes-hero[b-bcbibp6d16] {
    overflow: hidden;
    border-bottom: 1px solid var(--el-color-border);
    background: #fffdf8;
}

.container[b-bcbibp6d16] {
    width: min(100%, 1320px);
    margin: 0 auto;
    padding-left: clamp(1rem, 4vw, 3.5rem);
    padding-right: clamp(1rem, 4vw, 3.5rem);
}

.header-row[b-bcbibp6d16] {
    display: grid;
    grid-template-columns: minmax(0, 0.95fr) minmax(320px, 0.85fr);
    grid-template-rows: auto auto;
    gap: 0 2rem;
    align-items: end;
    min-height: 19rem;
    padding-top: clamp(2rem, 4vw, 4rem);
}

.hero-copy[b-bcbibp6d16] {
    grid-column: 1;
    grid-row: 1;
    padding-bottom: 1.6rem;
}

.recipes-title[b-bcbibp6d16] {
    margin: 0;
    color: var(--el-color-primary-dark) !important;
    font-size: clamp(3rem, 5vw, 5.2rem);
    line-height: 0.95;
}

.recipes-subtitle[b-bcbibp6d16] {
    max-width: 42rem;
    margin: 0.65rem 0 0;
    color: var(--el-color-text-primary);
    font-size: 1.1rem;
    line-height: 1.45;
}

.ai-disclaimer[b-bcbibp6d16] {
    max-width: 54rem;
    margin: 0.65rem 0 0;
    color: var(--el-color-text-secondary);
    font-size: 0.92rem;
    font-style: italic;
    line-height: 1.45;
}

.ai-disclaimer a[b-bcbibp6d16] {
    color: var(--el-color-primary-dark);
    font-weight: 800;
}

.recipes-hero-art[b-bcbibp6d16] {
    grid-column: 2;
    grid-row: 1 / span 2;
    align-self: stretch;
    min-height: 16rem;
    margin-right: calc(clamp(1rem, 4vw, 3.5rem) * -1);
    border-bottom-left-radius: 170px;
    background:
        linear-gradient(90deg, rgba(255, 253, 248, 0.1), rgba(255, 253, 248, 0)),
        url("/images/brand/recipes-hero.jpg") center / cover no-repeat;
}

.search[b-bcbibp6d16] {
    grid-column: 1 / -1;
    grid-row: 2;
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    min-height: 56px;
    margin: 0 0 1.25rem;
    padding: 0 1rem;
    border: 1px solid var(--el-color-border);
    border-radius: 8px;
    background: rgba(255, 253, 248, 0.98);
    box-shadow: var(--el-box-shadow-sm);
}

.search-label[b-bcbibp6d16] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
}

.search[b-bcbibp6d16]  .input,
.search[b-bcbibp6d16]  input,
.input[b-bcbibp6d16] {
    width: 100%;
    min-height: 44px;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: var(--el-color-text-primary);
    font: inherit;
    outline: 0;
}

.sticky-filters[b-bcbibp6d16] {
    position: sticky;
    top: 86px;
    z-index: 30;
    padding: 0.8rem 0;
    border-bottom: 1px solid var(--el-color-border);
    background: rgba(255, 253, 248, 0.96);
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
    box-shadow: 0 10px 28px rgba(67, 51, 32, 0.05);
}

.filter-toolbar[b-bcbibp6d16] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr)) minmax(12rem, 1.3fr) auto;
    gap: 0.65rem;
    align-items: center;
}

.filter-block[b-bcbibp6d16] {
    min-width: 0;
}

.label[b-bcbibp6d16] {
    display: block;
    margin: 0 0 0.4rem;
    color: var(--el-color-text-primary);
    font-size: 0.92rem;
    font-weight: 800;
}

.filters-clear-all[b-bcbibp6d16],
.active-filters__clear[b-bcbibp6d16] {
    border: 0;
    background: transparent;
    color: var(--el-color-primary-dark);
    cursor: pointer;
    font: inherit;
    font-size: 0.8rem;
    font-weight: 850;
    white-space: nowrap;
}

.filters-clear-all[b-bcbibp6d16] {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    padding: 0.4rem 0.25rem;
}

.filters-clear-all:hover[b-bcbibp6d16],
.filters-clear-all:focus-visible[b-bcbibp6d16],
.active-filters__clear:hover[b-bcbibp6d16],
.active-filters__clear:focus-visible[b-bcbibp6d16] {
    text-decoration: underline;
}

.filters-clear-all:focus-visible[b-bcbibp6d16],
.active-filters__clear:focus-visible[b-bcbibp6d16] {
    border-radius: 6px;
    outline: 2px solid rgba(var(--el-color-primary-rgb), 0.28);
    outline-offset: 2px;
}

.active-filters[b-bcbibp6d16] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.65rem;
    margin-top: 0.7rem;
    padding-top: 0.65rem;
    border-top: 1px solid rgba(232, 221, 206, 0.75);
}

.active-filters__label[b-bcbibp6d16] {
    color: var(--el-color-text-secondary);
    font-size: 0.76rem;
    font-weight: 750;
    white-space: nowrap;
}

.active-filters__chips[b-bcbibp6d16] {
    min-width: 0;
    display: flex;
    flex: 1 1 auto;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.active-filter-chip[b-bcbibp6d16] {
    max-width: min(100%, 20rem);
    min-height: 32px;
    display: inline-flex;
    align-items: center;
    gap: 0.42rem;
    padding: 0.35rem 0.42rem 0.35rem 0.68rem;
    border: 1px solid rgba(232, 221, 206, 0.95);
    border-radius: 7px;
    background: #f8f3ea;
    color: var(--el-color-text-primary);
    font-size: 0.78rem;
    font-weight: 700;
    line-height: 1;
}

.active-filter-chip__label[b-bcbibp6d16] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.active-filter-chip button[b-bcbibp6d16] {
    width: 1.75rem;
    height: 1.75rem;
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 999px;
    padding: 0;
    background: transparent;
    color: var(--el-color-text-secondary);
    cursor: pointer;
}

.active-filter-chip button:hover[b-bcbibp6d16],
.active-filter-chip button:focus-visible[b-bcbibp6d16] {
    background: rgba(var(--el-color-primary-rgb), 0.1);
    color: var(--el-color-primary-dark);
}

.active-filter-chip button:focus-visible[b-bcbibp6d16] {
    outline: 2px solid rgba(var(--el-color-primary-rgb), 0.28);
    outline-offset: 1px;
}

.active-filters__clear[b-bcbibp6d16] {
    margin-left: auto;
    padding: 0.35rem 0;
}

.recipes-virtualize[b-bcbibp6d16] {
    box-sizing: border-box;
    display: block;
    width: min(100%, 1320px);
    min-height: 45vh;
    margin: 1.35rem auto 2.5rem;
    padding: 0 clamp(1rem, 4vw, 3.5rem);
}

.recipe-row[b-bcbibp6d16] {
    box-sizing: border-box;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1.2rem;
    width: 100%;
    height: 660px;
    min-width: 0;
    padding-bottom: 1.2rem;
}

.recipes-prerender-grid[b-bcbibp6d16] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1.2rem;
}

.recipe-prerender-cell[b-bcbibp6d16] {
    display: flex;
    min-width: 0;
}

.recipe-prerender-cell[b-bcbibp6d16]  .card--featured {
    width: 100%;
}

.recipe-cell[b-bcbibp6d16] {
    min-width: 0;
    min-height: 0;
}

.recipe-cell[b-bcbibp6d16]  .card--featured {
    width: 100%;
    height: 100%;
}

.recipe-row--placeholder[b-bcbibp6d16] {
    display: grid;
    place-items: center;
}

.recipes-status[b-bcbibp6d16] {
    margin: 0;
    padding: 1rem;
    color: var(--el-color-text-secondary);
    text-align: center;
}

.recipes-error[b-bcbibp6d16] {
    margin-bottom: 1rem;
    border: 1px solid #d88;
    border-radius: 8px;
    background: #fff3f3;
    color: #7a2020;
}

.recipes-error p[b-bcbibp6d16] {
    margin: 0 0 0.75rem;
}

.retry-button[b-bcbibp6d16] {
    min-height: 40px;
    border: 0;
    border-radius: 8px;
    padding: 0.55rem 0.9rem;
    background: var(--el-color-primary-dark);
    color: #fffdf8;
    font: inherit;
    font-weight: 800;
    cursor: pointer;
}

.card[b-bcbibp6d16] {
    width: 100%;
    border: 1px solid var(--el-color-border);
    border-radius: 8px;
    background: var(--el-color-surface);
    overflow: hidden;
}

.skeleton[b-bcbibp6d16] {
    position: relative;
    overflow: hidden;
}

.skeleton-thumb[b-bcbibp6d16] {
    height: 170px;
    background: #e5e7eb;
}

.skeleton-line[b-bcbibp6d16] {
    height: 14px;
    margin: 0.75rem;
    border-radius: 999px;
    background: #e5e7eb;
}

.skeleton-line.short[b-bcbibp6d16] {
    width: 60%;
}

.skeleton[b-bcbibp6d16]::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5), transparent);
    animation: shimmer-b-bcbibp6d16 1.25s infinite;
}

@keyframes shimmer-b-bcbibp6d16 {
    0% {
        transform: translateX(-100%);
    }

    100% {
        transform: translateX(100%);
    }
}

@media (max-width: 1180px) {
    .recipe-row[b-bcbibp6d16] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-template-rows: repeat(2, minmax(0, 1fr));
        height: 1200px;
    }

    .recipes-prerender-grid[b-bcbibp6d16] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 960px) {
    .filter-toolbar[b-bcbibp6d16] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .header-row[b-bcbibp6d16] {
        grid-template-columns: 1fr;
        min-height: 0;
    }

    .recipes-hero-art[b-bcbibp6d16] {
        display: none;
    }

}

@media (max-width: 720px) {
    .header-row[b-bcbibp6d16] {
        padding-top: 1.7rem;
    }

    .recipes-title[b-bcbibp6d16] {
        font-size: clamp(2.7rem, 12vw, 4rem);
    }

    .sticky-filters[b-bcbibp6d16] {
        position: static;
        padding-top: 1rem;
    }

    .filter-toolbar[b-bcbibp6d16] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.55rem;
    }

    .filters-clear-all[b-bcbibp6d16] {
        justify-content: flex-start;
    }

    .active-filters[b-bcbibp6d16] {
        align-items: flex-start;
    }

    .active-filters__label[b-bcbibp6d16] {
        flex-basis: 100%;
    }

    .recipes-virtualize[b-bcbibp6d16] {
        margin-top: 1rem;
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .recipe-row[b-bcbibp6d16] {
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: repeat(4, minmax(0, 1fr));
        gap: 1rem;
        height: 2160px;
        padding-bottom: 1rem;
    }

    .recipes-prerender-grid[b-bcbibp6d16] {
        grid-template-columns: minmax(0, 1fr);
        gap: 1rem;
    }

    .recipe-cell[b-bcbibp6d16]  .card--featured {
        grid-template-columns: 1fr;
        grid-template-rows: auto minmax(0, 1fr);
    }
}
/* /Pages/Unsubscribe.razor.rz.scp.css */
.unsubscribe-page[b-dl5lqb44id] {
    min-height: 60vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4rem 1rem;
}

.unsubscribe-panel[b-dl5lqb44id] {
    width: min(100%, 34rem);
    text-align: center;
}

.unsubscribe-panel h1[b-dl5lqb44id] {
    font-size: 2rem;
    margin-bottom: 1rem;
}

.unsubscribe-panel p[b-dl5lqb44id] {
    color: #40514a;
    margin-bottom: 1.5rem;
}

.unsubscribe-form[b-dl5lqb44id] {
    display: grid;
    gap: .75rem;
    margin-bottom: 1.25rem;
}
/* /Routes.razor.rz.scp.css */
.route-authorizing[b-hgogga4hqa] {
    width: min(68rem, calc(100% - 2rem));
    min-height: 42vh;
    margin: 0 auto;
    padding: clamp(3rem, 9vw, 6rem) 0;
    opacity: 0;
    animation: route-authorizing-reveal-b-hgogga4hqa 160ms ease-out 120ms forwards;
}

.route-authorizing__panel[b-hgogga4hqa] {
    display: grid;
    gap: 1rem;
    padding: clamp(1.5rem, 4vw, 2.5rem);
    border: 1px solid rgba(var(--el-color-primary-rgb), 0.08);
    border-radius: 1.5rem;
    background: rgba(255, 253, 248, 0.68);
}

.route-authorizing__line[b-hgogga4hqa] {
    display: block;
    height: 0.85rem;
    border-radius: 999px;
    background: linear-gradient(
        90deg,
        rgba(var(--el-color-primary-rgb), 0.06) 25%,
        rgba(var(--el-color-primary-rgb), 0.13) 50%,
        rgba(var(--el-color-primary-rgb), 0.06) 75%);
    background-size: 200% 100%;
    animation: route-authorizing-shimmer-b-hgogga4hqa 1.25s ease-in-out infinite;
}

.route-authorizing__line--title[b-hgogga4hqa] {
    width: min(22rem, 58%);
    height: 1.4rem;
}

.route-authorizing__line--body[b-hgogga4hqa] {
    width: min(44rem, 88%);
}

.route-authorizing__line--short[b-hgogga4hqa] {
    width: min(31rem, 68%);
}

@keyframes route-authorizing-reveal-b-hgogga4hqa {
    to {
        opacity: 1;
    }
}

@keyframes route-authorizing-shimmer-b-hgogga4hqa {
    from {
        background-position: 100% 0;
    }

    to {
        background-position: -100% 0;
    }
}

@keyframes route-authorizing-reveal-reduced-motion-b-hgogga4hqa {
    to {
        opacity: 1;
    }
}

@media (prefers-reduced-motion: reduce) {
    .route-authorizing[b-hgogga4hqa] {
        animation: route-authorizing-reveal-reduced-motion-b-hgogga4hqa 1ms linear 120ms forwards;
    }

    .route-authorizing__line[b-hgogga4hqa] {
        animation: none;
    }
}