.o_mqt_popover {
    width: 720px;
    max-width: 95vw;
    height: 480px;
    max-height: 80vh;

    .o_mqt_list {
        width: 40%;
        min-width: 220px;
    }

    .o_mqt_preview {
        width: 60%;
    }

    .o_mqt_item {
        cursor: pointer;

        &:hover {
            background-color: var(--o-gray-200, #f0f0f0);
        }

        &.o_mqt_item_selected {
            background-color: var(--o-gray-300, #e0e0e0);
        }
    }

    .o_mqt_star {
        line-height: 1;
        min-width: 1.2rem;
    }

    .o_mqt_preview_render {
        word-break: break-word;
    }
}

// Responsive: stack panels on narrow viewports (Section 14.1 / 14.4).
@media (max-width: 800px) {
    .o_mqt_popover {
        width: 95vw;

        .o_mqt_body {
            flex-direction: column;
        }

        .o_mqt_list,
        .o_mqt_preview {
            width: 100%;
        }

        .o_mqt_list {
            max-height: 45%;
        }
    }
}
