﻿.ql-math-field {
    /* background: transparent; */
    border: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
    /* MathLive CSS variables to remove focus ring and borders */
    --_ui-color: transparent !important;
    --_selection-background: rgba(100, 149, 237, 0.3) !important;
}

/* MathLive 필드 완전 잠금 - 클릭/터치/포커스 차단 */
math-field,
math-field[read-only] {
    pointer-events: none !important;
    user-select: none !important;
    -webkit-user-select: none !important;
    cursor: default !important;
}

math-field::part(content) {
    pointer-events: none !important;
    caret-color: transparent !important;
}

/* MathLive 가상 키보드 완전 숨김 */
.ML__keyboard,
.ML__keyboard-container,
div[part="keyboard"],
.MLK__backdrop,
math-field::part(virtual-keyboard-toggle) {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    height: 0 !important;
    width: 0 !important;
    overflow: hidden !important;
}

    .ql-math-field::part(virtual-keyboard-toggle) {
        height: unset;
    }

    .ql-math-field.view::part(menu-toggle) {
        display: none;
    }

    /* 선택(focus) 시 흰색 테두리 제거 */
    .ql-math-field:focus,
    .ql-math-field[read-only]:focus {
        outline: none !important;
        border: none !important;
    }

    .ql-math-field::part(container) {
        outline: none !important;
    }

    .ql-math-field::part(content) {
        outline: none !important;
    }

.ql-tooltip.math-field-tooltip {
    border: none;
    z-index: 10;
    padding: 0;
}

    .ql-tooltip.math-field-tooltip::before {
        display: none;
    }

    .ql-tooltip.math-field-tooltip .ql-math-field {
        /* background: transparent; */
        border: none;
        width: 400px;
    }

        .ql-tooltip.math-field-tooltip .ql-math-field::part(virtual-keyboard-toggle) {
            height: unset;
        }

        .ql-tooltip.math-field-tooltip .ql-math-field.view::part(menu-toggle) {
            display: none;
        }

        .ql-tooltip.math-field-tooltip .ql-math-field::part(container) {
            font-size: 24px;
        }
