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: 28px;
    height: 24px;
}

/* Plain-text styling for specific read-only editors (see ShipmentBooleanDropDownButtonController)
   Note: use InputCssClass (m2-plaintext-input) to target the actual input element (DevExpress recommendation). */
.m2-plaintext-editor {
    border: none !important;
    background: inherit !important;
    box-shadow: none !important;
}

/* InputCssClass applied to the actual input element */
.m2-plaintext-input {
    border: none !important;
    background: inherit !important;
    box-shadow: none !important;
}

/* Increase specificity to override DevExpress theme rules */
.dxbl .m2-plaintext-input,
.dxbl .m2-plaintext-input:focus,
.dxbl .m2-plaintext-input:active {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    background: inherit !important;
}

/* Cover common DevExpress Blazor editor DOM structures */
.m2-plaintext-editor,
.m2-plaintext-editor .dxbl-editor,
.m2-plaintext-editor .dxbl-edit,
.m2-plaintext-editor .dxbl-text-edit,
.m2-plaintext-editor .dxbl-input,
.m2-plaintext-editor .dxbl-input-editor,
.m2-plaintext-editor input {
    border: none !important;
    background: inherit !important;
    box-shadow: none !important;
}

/* Remove border/background around buttons that the editor might render (clear/dropdown etc.) */
.m2-plaintext-editor .dxbl-btn,
.m2-plaintext-editor .dxbl-btn-group,
.m2-plaintext-editor .dxbl-btn-group > .dxbl-btn,
.m2-plaintext-editor button {
    border: none !important;
    background: inherit !important;
    box-shadow: none !important;
}

/* Prevent button separators/frames (common in DevExpress editors) */
.m2-plaintext-editor .dxbl-btn-group,
.m2-plaintext-editor .dxbl-btn-group:before,
.m2-plaintext-editor .dxbl-btn-group:after {
    border: none !important;
    box-shadow: none !important;
    background: inherit !important;
}

/* Tighten spacing so it looks like icon + text only */
.m2-plaintext-editor .dxbl-btn,
.m2-plaintext-editor button,
.m2-plaintext-editor .dxbl-input {
    padding: 0 !important;
}

/* Optional: remove focus outline for these read-only displays */
.m2-plaintext-editor:focus,
.m2-plaintext-editor :focus {
    outline: none !important;
}

/* Wide popup window for Invoice Lines ListView */
.wide-popup-window .dxbs-popup-window {
    max-width: 90vw !important;
    width: 90vw !important;
}

.wide-popup-window .dxbs-popup-window-content {
    max-width: 90vw !important;
    width: 90vw !important;
}

/* Ensure popup content uses full width */
.wide-popup-window .modal-dialog {
    max-width: 90vw !important;
    width: 90vw !important;
}

/* Bold/Primary style for important action buttons */
.m2-action-bold .dxbl-btn .dxbl-text,
.m2-action-bold.dxbl-btn .dxbl-text {
    font-weight: 700 !important;
}

/* Bold tab headers for Invoices and TemplateColumns tabs */
.m2-bold-tab .dxbl-tabs .dxbl-scroll-viewer .dxbl-scroll-viewer-content .dxbl-tabs-item .dxbl-text {
    font-weight: 700 !important;
}

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