html, body {
    height: 100%;
}

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

.header-logo {
    flex-shrink: 0;
    background-image: url(../images/Logo.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 185px;
    height: 32px;
}

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

/* ============================================= */
/*  KURUMSAL SPLASH SCREEN — Premium Tasarım     */
/* ============================================= */

/* Ana konteyner: Antrasit arka plan */
#applicationLoadingPanel {
    background: linear-gradient(145deg, #2D2D2D 0%, #3A3A3A 50%, #333333 100%) !important;
}

/* Logo + spinner alanını ortalama ve animasyon */
#applicationLoadingPanel .loading-items-center {
    animation: splashFadeIn 0.8s ease-out forwards;
}

/* Logo arkası: Antrasit daire, temiz gölge ve scale animasyonu */
#applicationLoadingPanel .loading-image-wrapper {
    background-color: #3A3A3A !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4) !important;
    animation: logoAppear 1s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
    transform: scale(0);
    padding: 18px !important;
}

/* Logo görselinin daire içinde düzgün oturması */
#applicationLoadingPanel .loading-image-wrapper img {
    object-fit: contain !important;
}

/* Dönen spinner: Kırmızı, kalın ve net */
#applicationLoadingPanel .loading-floated-circle {
    border-color: #CA181A !important;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    border-width: 6px !important;
    border-style: solid !important;
    opacity: 1 !important;
}

/* Spinner dış halka (sabit duran çerçeve) */
#applicationLoadingPanel .loading-border {
    border-width: 6px !important;
    border-style: solid !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
}

/* Spinner dış border renk */
#applicationLoadingPanel .loading-border-primary {
    border-color: rgba(202, 24, 26, 0.3) !important;
    border-width: 6px !important;
}

/* "GRS" yazısı: Beyaz, tracking animasyonu */
#applicationLoadingPanel .loading-caption {
    color: white !important;
    font-weight: 300 !important;
    letter-spacing: 6px !important;
    text-transform: uppercase !important;
    font-size: 1.1rem !important;
    opacity: 0;
    animation: captionReveal 0.8s ease-out 0.6s forwards;
    text-shadow: 0 0 20px rgba(202, 24, 26, 0.4);
}

/* ===== Animasyon Tanımları ===== */

/* Genel fade-in */
@keyframes splashFadeIn {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Logo: Scale + fade */
@keyframes logoAppear {
    0%   { transform: scale(0); opacity: 0; }
    60%  { transform: scale(1.05); opacity: 1; }
    100% { transform: scale(1); opacity: 1; }
}

/* Caption: Aşağıdan yukarı kayarak belirme */
@keyframes captionReveal {
    from { opacity: 0; transform: translateY(10px); letter-spacing: 12px; }
    to   { opacity: 1; transform: translateY(0); letter-spacing: 6px; }
}

/* Spinner glow pulse */
@keyframes spinnerGlow {
    from { filter: drop-shadow(0 0 4px rgba(202, 24, 26, 0.3)); }
    to   { filter: drop-shadow(0 0 12px rgba(202, 24, 26, 0.7)); }
}

.loading-image {
    width: 100%;
    resize:block;
    height: 100%;
}
html, body, form {
    height: 100%;
    margin: 0;
    padding: 0;
}

.dx-data-row {
    user-select: text;
}

.dx-row-lines {
    user-select: text !important;
}