/* App-level styles on top of the design system (wwwroot/css/shared.css).
   The design language lives in shared.css; keep app-specific tweaks here only. */

/* Blazor framework error UI, restyled to match the design system. */
#blazor-error-ui {
    color-scheme: light only;
    background: #fff;
    border-top: 3px solid var(--danger);
    bottom: 0;
    box-shadow: 0 -1px 4px rgba(15, 29, 45, .12);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.9rem 1.4rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
    font-size: 13.5px;
    color: var(--ink);
}

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

.blazor-error-boundary {
    background: var(--danger-soft);
    padding: 1rem;
    color: var(--danger);
    border-radius: 8px;
}

    .blazor-error-boundary::after {
        content: "An error has occurred.";
    }

/* Blazor's NavLink adds .active; the design system already styles .side nav a.active
   and other .active hooks, so no extra rules are needed here. */

/* Clickable KPI cards (dashboard) — replaces the inline hover handlers in the mockups. */
.kpi-link {
    text-decoration: none;
    transition: border-color .15s, box-shadow .15s;
}

    .kpi-link:hover {
        border-color: var(--brand-2);
        box-shadow: 0 2px 8px rgba(15, 29, 45, .06);
    }