/*
 * Global stylesheet for the Xtreme component host (Blazor WASM).
 *
 * Phase 3 theming pass: backgrounds are transparent so the page blends with
 * whatever Uno container is hosting it (default is ApplicationPageBackgroundThemeBrush).
 * Font stack matches the Segoe UI / Segoe UI Variable used by Uno on Windows
 * with sensible fallbacks for macOS/iOS/Android. Pixel-perfect parity with
 * native Uno controls is a non-goal; the aim is "not jarring."
 */

html, body {
    margin: 0;
    padding: 0;
    height: 100%;
    font-family: "Segoe UI Variable", "Segoe UI", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Roboto, sans-serif;
    background: transparent;
    color: #1f1f1f;
}

#app {
    height: 100%;
    background: transparent;
}

/* Override the Syncfusion Fluent theme's default white scheduler chrome so
   it doesn't look like a floating card inside the WebView2. */
.e-schedule {
    background: transparent !important;
}

.loading {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
    color: #555;
}

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

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

/* PDF viewer: cached panes stacked in the host; only the active one is shown.
   Hidden panes stay in the DOM (display:none) so their SfPdfViewer2 keeps its
   loaded document, making re-selection instant. */
.pdf-host {
    position: relative;
}

.pdf-pane {
    position: absolute;
    inset: 0;
}

.pdf-pane-active {
    display: block;
}

.pdf-pane-hidden {
    display: none;
}