/* =============================================================================================
   Host-application styles.

   The design system lives in _content/DessertShop.Web.Ui/css/ashtota.css. This file only carries
   what belongs to the host: the framework's error banner, restyled to the brand instead of the
   template's default yellow.
   ============================================================================================= */

#blazor-error-ui {
    color-scheme: light only;
    position: fixed;
    inset-inline: 16px;
    bottom: 16px;
    z-index: 1000;
    display: none;
    box-sizing: border-box;
    padding: 16px 22px;
    border-radius: 999px;
    background: var(--color-accent-900, #141949);
    color: #fff;
    font-family: var(--font-body, system-ui, sans-serif);
    font-size: 15px;
    text-align: center;
    box-shadow: 0 18px 40px rgba(20, 25, 73, .35);
}

#blazor-error-ui .reload,
#blazor-error-ui .dismiss {
    color: var(--color-accent-2, #D8E020);
    font-weight: 700;
    cursor: pointer;
    margin-inline-start: 10px;
}

.blazor-error-boundary {
    background: var(--color-accent-900, #141949);
    color: #fff;
    padding: 20px 24px;
    border-radius: 28px;
    font-family: var(--font-body, system-ui, sans-serif);
}

.blazor-error-boundary::after {
    content: "صار خطأ غير متوقع.";
}