/* Client portal shell and framework-only styles. Reusable page and control
   patterns live in NutritionStudio.Web.Components. */

#blazor-error-ui {
    display: none;
    background: var(--color-warning-pale);
    color: var(--color-text-strong);
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .dismiss {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}

.plan-detail__actions,
.recipe-detail__actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

@media print {
    .print-hidden,
    .app-nav,
    .side-nav,
    .ns-app-nav,
    .ns-side-nav,
    #blazor-error-ui {
        display: none !important;
    }

    body {
        background: #fff;
    }

    .page-hero {
        background: #fff !important;
        color: #1d2b2e !important;
        min-height: auto;
    }

    .page-hero__overlay,
    .page-hero__title,
    .page-hero__desc {
        color: #1d2b2e !important;
    }

    .page-hero__badges {
        display: none;
    }

    .section-panel,
    .meal-card {
        break-inside: avoid;
        box-shadow: none !important;
    }
}