/* Globale Lupe (wwwroot/js/globaleLupe.js). Liegt außerhalb der Blazor-Komponenten,
   deshalb globales CSS statt Scoped CSS. Rand und Schatten wie die Ablese-Lupe im freien Labor. */
.globale-lupe {
    position: fixed;
    left: 0;
    top: 0;
    display: none;
    border-radius: 50%;
    overflow: hidden;
    /* Ring als Schatten statt border: so bleibt der Innenradius exakt RADIUS_PX */
    box-shadow:
        0 0 0 3px #8b98a5,
        0 0.45rem 1.1rem rgba(15, 23, 42, 0.28);
    background: #ffffff;
    pointer-events: none;   /* Maus geht durch – im festen Zustand kann man darunter weiterarbeiten */
    z-index: 2000;
}

.globale-lupe.offen {
    display: block;
}

/* Fest stehende Lupe: Ring etwas kräftiger, damit man sieht, dass sie „angeheftet“ ist */
.globale-lupe.fest {
    box-shadow:
        0 0 0 3px #1b6ec2,
        0 0.45rem 1.1rem rgba(15, 23, 42, 0.28);
}

.globale-lupe-inhalt {
    position: absolute;
    left: 0;
    top: 0;
    transform-origin: 0 0;
}

/* Kopie der Seite: keine Animationen/Übergänge nachspielen, nichts anklickbar */
.globale-lupe-seite,
.globale-lupe-seite * {
    transition: none !important;
    animation-play-state: paused !important;
    pointer-events: none !important;
}