html,
body {
    height: 100%;
}

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

.header-logo {
    flex-shrink: 0;
    background-color: transparent !important;
    background: none !important;
    -webkit-mask: none !important;
    mask: none !important;
    width: auto !important;
    max-width: 220px !important;
    height: auto !important;
    font-family: 'Plus Jakarta Sans', 'Segoe UI', system-ui, -apple-system, sans-serif;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    white-space: nowrap;
    line-height: 1.15;
    overflow: hidden;
    padding: 2px 0;
}

.header-logo::before {
    content: "ARCH ERP TRAVEL";
    font-weight: 800;
    font-size: 14px;
    letter-spacing: 0.5px;
    color: #0284C7;
}

.header-logo[data-company]::after {
    content: attr(data-company);
    font-weight: 600;
    font-size: 10.5px;
    letter-spacing: 0.2px;
    color: #64748B;
    background: none;
    border: none;
    padding: 0;
    margin-top: 1px;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

body.theme-dark .header-logo::before {
    color: #38BDF8;
}

body.theme-dark .header-logo[data-company]::after {
    color: #94A3B8;
}

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

/* Enable Horizontal Scrolling for ListView Grids */
.dxbl-grid-scroll-container,
.dxbl-grid {
    overflow-x: auto !important;
}

.dxbl-grid table {
    min-width: max-content !important;
}

/* Splash Screen Scale & Font Size Enhancements */
.dxbl-splash-screen,
.dx-splash-screen {
    font-family: 'Plus Jakarta Sans', 'Segoe UI', system-ui, sans-serif !important;
    background: #ffffff !important;
}

.dxbl-splash-screen-image-container,
.dxbl-splash-screen-image,
.dxbl-splash-screen .dxbl-image-container,
div[class*="splash"] div[class*="image"] {
    background-color: transparent !important;
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    mask: none !important;
    -webkit-mask: none !important;
    padding: 0 !important;
    width: 140px !important;
    height: 140px !important;
}

.dxbl-splash-screen img,
.dxbl-splash-screen svg,
.dxbl-splash-screen-image img,
.dxbl-splash-screen-image svg,
div[class*="splash"] img,
div[class*="splash"] svg {
    width: 100% !important;
    height: 100% !important;
    min-width: 100% !important;
    min-height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    object-fit: contain !important;
}

.dxbl-splash-screen-caption {
    font-size: 32px !important;
    font-weight: 800 !important;
    color: #0F172A !important;
    letter-spacing: -0.5px !important;
    margin-top: 24px !important;
}