/* ------------------------------------------------------------------ *
 *  RMDN Fisk — panel WWW. Szata RMDN dział IT; kanon barw:
 *  D:\Visual Studio\RMDN Apps\src\RMDN.Apps.Blazor.Server\wwwroot\css\site.css
 *  Napis RMDN wystepuje wylacznie w sygnecie (images/sygnet-rmdn-it.svg).
 * ------------------------------------------------------------------ */
:root {
    --rmdn-granat: #0B1020;
    --rmdn-powierzchnia: #121A2F;
    --rmdn-powierzchnia-jasna: #1B2542;
    --rmdn-akcent: #4F7CFF;
    --rmdn-akcent-ciemny: #3D63D6;
    --rmdn-fiolet: #8B5CF6;
    --rmdn-cyjan: #22D3EE;
    --rmdn-tekst: #E8ECF6;
    --rmdn-tekst-przygaszony: #9AA6C2;
    --rmdn-obwodka: #26314F;
    --rmdn-gradient: linear-gradient(120deg, #4F7CFF 0%, #8B5CF6 55%, #22D3EE 100%);

    /* akcent dla motywu DevExpress / Bootstrap */
    --bs-primary: var(--rmdn-akcent);
    --bs-primary-rgb: 79, 124, 255;
    --bs-link-color: var(--rmdn-akcent);
    --bs-link-hover-color: var(--rmdn-akcent-ciemny);
}

html, body {
    height: 100%;
}

app {
    display: block;
    height: 100%;
}

/* sygnet RMDN w naglowku (kolorowy, nie maska) */
.header-logo {
    flex-shrink: 0;
    background-image: url('../images/sygnet-rmdn-it.svg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 28px;
    height: 28px;
}

/* Ekran ladowania XAF (komponent SplashScreen w _Host.cshtml): cale kolo wewnatrz pierscienia wypelnione granatem marki
   z poswiata jak w ikonie, na srodku znak Fisk (images/SplashScreen.svg). Domyslnie XAF dawal mniejsze kolo w barwie motywu
   (biala szczelina przy pierscieniu) i obrazek 46x30 (uwaga Roberta 2026-10-25). */
#applicationLoadingPanel .loading-image-wrapper {
    width: calc(100% - 8px) !important;
    height: calc(100% - 8px) !important;
    top: 4px;
    left: 4px;
    background: radial-gradient(circle at 80% 15%, rgba(34, 211, 238, .55), rgba(11, 16, 32, 0) 70%), var(--rmdn-granat) !important;
}
#applicationLoadingPanel .loading-image {
    width: 84px;
    height: 84px;
}
#applicationLoadingPanel .loading-border {
    border-color: var(--rmdn-obwodka) !important;
}
#applicationLoadingPanel .loading-floated-circle {
    border-top-color: var(--rmdn-akcent) !important;
}

#blazor-error-ui {
    background: inherit;
    bottom: 0;
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 100001;
}