/*
 * AppShell static styles — ships as _content/CloudIngenium.Shared.UI/appshell.css
 * Host links it once: <link href="_content/CloudIngenium.Shared.UI/appshell.css" rel="stylesheet" />
 *
 * Currently just the WCAG 2.4.1 "Bypass Blocks" skip-link: visually hidden until it
 * receives keyboard focus, then slides into the top-left corner. Colors resolve from
 * the active MudTheme palette (with sane fallbacks) so it inherits each brand.
 */
.ci-appshell-skip-link {
    position: absolute;
    left: -999px;
    top: 0;
    z-index: 10000;
    padding: 0.5rem 1rem;
    background: var(--mud-palette-primary, #0891b2);
    color: var(--mud-palette-primary-text, #ffffff);
    border-radius: 0 0 var(--mud-default-borderradius, 4px) 0;
    text-decoration: none;
    font-weight: 600;
    transition: left 0.15s ease;
}

.ci-appshell-skip-link:focus,
.ci-appshell-skip-link:focus-visible {
    left: 0;
    outline: 2px solid var(--mud-palette-primary-text, #ffffff);
    outline-offset: -4px;
}