.padding0 {
    padding: 0.2em !important;
    height: 100%;
    /* max-height: 250px; */
    /* overflow-y: auto; */
    max-height: 100%;
    overflow-y: scroll;
}
/* ===== VS CODE STYLE ERROR DECORATIONS ===== */
.monaco-editor .squiggly-error {
    border-bottom: 2px wavy #e51400 !important;
    background: transparent !important;
}

.monaco-editor .squiggly-warning {
    border-bottom: 2px wavy #bf8803 !important;
    background: transparent !important;
}

.monaco-editor .squiggly-info {
    border-bottom: 2px wavy #1a85ff !important;
    background: transparent !important;
}

.monaco-editor .squiggly-hint {
    border-bottom: 2px wavy #6c6c6c !important;
    background: transparent !important;
}


.monaco-editor .cdr.squiggly-error {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%206%203'%20enable-background%3D'new%200%200%206%203'%20height%3D'3'%20width%3D'6'%3E%3Cg%20fill%3D'%23e51400'%3E%3Cpolygon%20points%3D'5.5%2C0%202.5%2C3%201.1%2C3%204.1%2C0'%2F%3E%3Cpolygon%20points%3D'4%2C0%206%2C2%206%2C0.6%205.4%2C0'%2F%3E%3Cpolygon%20points%3D'0%2C2%201%2C3%202.4%2C3%200%2C0.6'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") repeat-x bottom left !important;
}

.monaco-editor .cdr.squiggly-warning {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%206%203'%20enable-background%3D'new%200%200%206%203'%20height%3D'3'%20width%3D'6'%3E%3Cg%20fill%3D'%23bf8803'%3E%3Cpolygon%20points%3D'5.5%2C0%202.5%2C3%201.1%2C3%204.1%2C0'%2F%3E%3Cpolygon%20points%3D'4%2C0%206%2C2%206%2C0.6%205.4%2C0'%2F%3E%3Cpolygon%20points%3D'0%2C2%201%2C3%202.4%2C3%200%2C0.6'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") repeat-x bottom left !important;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main {
    display: -webkit-inline-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre;
    justify-content: space-between;
}

    .monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right > .details-label {
        display: inline;
    }

.monaco-editor .suggest-widget .monaco-list .monaco-list-row:not(.focused) > .contents > .main .monaco-icon-label {
    color: black;
}
/* ===== NAVIGATION HIGHLIGHT EFFECTS ===== */
.error-navigation-highlight {
    background-color: rgba(255, 235, 235, 0.6) !important;
    border: 1px solid #ffcccc !important;
    border-radius: 2px;
}

.error-navigation-highlight-inline {
    background-color: rgba(255, 235, 235, 0.8) !important;
    border-bottom: 2px solid #e51400 !important;
}


.monaco-editor-toolbar-pill-badge {
    background-color: orangered; /* Example background color */
    color: white;
    padding: 0.2em 0.2em;
    border-radius: 999px; /* Creates a pill shape */
    display: inline-block;
}

.monaco-editor-toolbar-tree {
    background-image: url("/IImageService/TreeView_16");
    background-repeat: no-repeat;
    background-position: center center;
    width: 26px;
    height: 26px;
}

.monaco-editor-toolbar-menu {
    background-image: url("/IImageService/MenuHamburger_16");
    background-repeat: no-repeat;
    background-position: center center;
    width: 26px;
}

.monaco-editor-toolbar-members {
    background-image: url("/IImageService/Properties_16");
    background-repeat: no-repeat;
    background-position: center center;
    width: 26px;
}

.monaco-editor-toolbar-functions {
    background-image: url("/IImageService/Function_16");
    background-repeat: no-repeat;
    background-position: center center;
    width: 26px;
}

.monaco-editor-toolbar-parameters {
    background-image: url("/IImageService/Parameters_16");
    background-repeat: no-repeat;
    background-position: center center;
    width: 26px;
}

.monaco-editor-toolbar-format {
    background-image: url("/IImageService/FormatPainter_16");
    background-repeat: no-repeat;
    background-position: center center;
    width: 26px;
}

.monaco-editor-toolbar-copy {
    background-image: url("/IImageService/ClipboardCopy_16");
    background-repeat: no-repeat;
    background-position: center center;
    width: 26px;
}

.monaco-editor-toolbar-paste {
    background-image: url("/IImageService/ClipboardPaste_16");
    background-repeat: no-repeat;
    background-position: center center;
    width: 26px;
}

.monaco-editor-toolbar-notequal {
    background-image: url("/IImageService/NotEqual");
    background-repeat: no-repeat;
    background-position: center center;
    width: 26px;
}

.monaco-editor-toolbar-equal {
    background-image: url("/IImageService/Equal");
    background-repeat: no-repeat;
    background-position: center center;
    width: 26px;
}

.monaco-editor-toolbar-greater {
    background-image: url("/IImageService/Greater");
    background-repeat: no-repeat;
    background-position: center center;
    width: 26px;
}

.monaco-editor-toolbar-greaterequal {
    background-image: url("/IImageService/GreaterEqual");
    background-repeat: no-repeat;
    background-position: center center;
    width: 26px;
}

.monaco-editor-toolbar-less {
    background-image: url("/IImageService/Less");
    background-repeat: no-repeat;
    background-position: center center;
    width: 26px;
}

.monaco-editor-toolbar-lessequal {
    background-image: url("/IImageService/LessEqual");
    background-repeat: no-repeat;
    background-position: center center;
    width: 26px;
}

.monaco-editor-toolbar-minus {
    background-image: url("/IImageService/Minus");
    background-repeat: no-repeat;
    background-position: center center;
    width: 26px;
}

.monaco-editor-toolbar-plus {
    background-image: url("/IImageService/Plus");
    background-repeat: no-repeat;
    background-position: center center;
    width: 26px;
}

.monaco-editor-toolbar-multiply {
    background-image: url("/IImageService/Multiply");
    background-repeat: no-repeat;
    background-position: center center;
    width: 26px;
}

.monaco-editor-toolbar-divide {
    background-image: url("/IImageService/Divide");
    background-repeat: no-repeat;
    background-position: center center;
    width: 26px;
}

.monaco-editor-toolbar-percent {
    background-image: url("/IImageService/Percent");
    background-repeat: no-repeat;
    background-position: center center;
    width: 26px;
}

.monaco-editor-toolbar-parentheses {
    background-image: url("/IImageService/Parentheses");
    background-repeat: no-repeat;
    background-position: center center;
    width: 26px;
}

.monaco-editor-toolbar-or {
    background-image: url("/IImageService/Or");
    background-repeat: no-repeat;
    background-position: center center;
    width: 26px;
}

.monaco-editor-toolbar-not {
    background-image: url("/IImageService/Not");
    background-repeat: no-repeat;
    background-position: center center;
    width: 26px;
}

.monaco-editor-toolbar-and {
    background-image: url("/IImageService/And");
    background-repeat: no-repeat;
    background-position: center center;
    width: 26px;
}




.monaco-editor-container {
    height: 400px;
    min-height: 200px;
    width: 100%;
    border: 1px solid #d3d3d3;
    border-radius: 4px;
    overflow: hidden;
    position: relative;
}




    /* XAF specific styling */
    .monaco-editor-container.xaf-property-editor {
        height: 300px;
        min-height: 150px;
    }

    /* Blazor WebView specific styling */
    .monaco-editor-container.blazor-webview {
        height: 100%;
        min-height: 250px;
        border: none;
    }

/* Responsive design */
@media (max-width: 768px) {
    .monaco-editor-container {
        height: 250px;
        min-height: 150px;
    }
}

/* Theme-specific borders */
.monaco-editor-container.vs-dark {
    border-color: #3e3e3e;
}

.monaco-editor-container.hc-black {
    border-color: #6fc3df;
}

.decorationGlyphMarginClass {
    background: red;
}

.decorationContentClass {
    background: lightblue;
}

/* Ensure proper textarea styling when Monaco is not available */
textarea {
    border: 1px solid #999999;
    width: 100%;
    padding: 3px;
    font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
    font-size: 14px;
    line-height: 1.4;
    resize: vertical;
    min-height: 100px;
}

/* Fix for XAF property editor container */
.dx-field-item-content .monaco-editor-container {
    margin: 0;
}

/* Ensure the editor fills available space in XAF */
.dx-blazor-property-editor .monaco-editor-container {
    height: 250px;
    width: 100%;
}


.auto-width .dxbs-editor {
    width: auto !important;
}