/* --- Add this NEAR THE TOP of wwwroot/css/site.css --- */

@font-face {
    font-family: 'MauiKitIconsFont'; /* Choose a name you'll use in CSS */
    src: url('../fonts/icon.ttf') format('truetype'); /* Fallback */
    font-weight: normal;
    font-style: normal;
    font-display: block; /* Or 'swap' - controls rendering during load */
}

html, body {
    height: 100%;
}

app {
    display: block;
    height: 100%;
}

.header-logo {
    /* flex-shrink: 0;
    background-color: currentColor;
    -webkit-mask: url('../images/Logo.svg');
    mask: url('../images/Logo.svg');
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    width: 180px;
    height: 24px;*/

    flex-shrink: 0;
    background-color: currentColor;
    background: url('DynamicLogoMiddleware');
    /*width: 88px;
    height: 18px;*/
    width: 180px;
    height: 24px;
    background-repeat: no-repeat;
    background-size: contain;
}

#blazor-error-ui {
    background: inherit;
    bottom: 0;
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 100001;
}

.dxbl-toolbar-btn .dxbl-image,
.dxbl-btn.dxbl-dropdown-item .dxbl-image {
    max-width: 16px;
    width: 16px;
    max-height: 16px;
    height: 16px;
}

/* Example 1: Targeting DxGrid cells (for IconChoice_ListView) */
.dxbs-grid .dxbs-grid-cell {
    /* Use YOUR font first, then fallbacks */
    font-family: 'MauiKitIconsFont', sans-serif; /* <-- APPLY FONT HERE */
    /* You might need to adjust font-size if icons look too small/big */
    /* font-size: 1.2em; */
}

/* Example 2: Targeting DxComboBox Dropdown List Items (for Lookup Editor) */
.dxbs-popup-wrapper .dxbs-list-item-content { /* Common structure */
    font-family: 'MauiKitIconsFont', sans-serif; /* <-- APPLY FONT HERE */
    /* font-size: 1.2em; */
}

/* Example 3: Another common class for combo box item text */
.dxbs-popup-wrapper .dx-dropdownlist-item-text {
    font-family: 'MauiKitIconsFont', sans-serif; /* <-- APPLY FONT HERE */
    /* font-size: 1.2em; */
}